JASMINE·花坊有约同款主题

Jasmine 是 Typecho 的一款主题。专为博客类网站开发，在简洁的基础之上，尽量体现出精致与美观。主题整体采用响应式设计，在移动端也有不错体验。除此之外，主题也针对 SEO 、夜间模式、代码高亮等内容也进行了针对性优化，使其简洁但不简陋。

【原作者演示】南巷清风【原主题包】jasmine.zip 【主题文档】Github | Gitee（国内）

JASMINE·花坊有约

该主题已做防扒站处理使用前请修改主题目录下core->proxy.php文件中的网址为自己的网址。

下方部分页面功能依托插件实现，可按需选择：

• ArticleTemplate文章类型插件-用于创建文章时使用自定义模板
• 热图生成插件-用于归档页（不启用此插件请使用原主题归档文件page-archives.php）
• Links插件-用于管理友情链接（原主题必需插件）
• Sticky插件-用于置顶文章（主题自带置顶功能但只能在首页置顶故使用此插件，此为可选插件）
• TleBarragerForTypecho插件-用于留言页（主要使用在恋爱页为了丰富评论，此为可选插件）

【相册-瀑布流样式】演示地址：COL.年宵花&福桶 （依托ArticleTemplate插件）

使用前请在主题设置中->自定义样式添加下方样式

.z-[1000] {
z-index: 500;
}
.z-[999] {
z-index: 500;
}

自定义脚本处添加下方代码片段

//图片灯箱
window.ViewImage && ViewImage.init('.markdown-body img');

添加完成之后可以顺利启用图片的灯箱功能。

相册页书写格式：按照下方示例一行一个

左下角文字,左上角文字,图片地址

年宵花环,,https://chun-ni.fun/disk/i/2024/年宵花环-_1.webp
年宵花环,,https://chun-ni.fun/disk/i/2024/年宵花环-_2.webp
铁艺框架年宵花,,https://chun-ni.fun/disk/i/2024/铁艺框架年宵花_1.webp
铁艺框架年宵花,,https://chun-ni.fun/disk/i/2024/铁艺框架年宵花_2.webp
铁艺框架年宵花,,https://chun-ni.fun/disk/i/2024/铁艺框架年宵花_3.webp
铁艺框架年宵花,,https://chun-ni.fun/disk/i/2024/铁艺框架年宵花_4.webp
铁艺框架年宵花,,https://chun-ni.fun/disk/i/2024/铁艺框架年宵花_5.webp
铁艺框架年宵花,,https://chun-ni.fun/disk/i/2024/铁艺框架年宵花_6.webp
温柔系年宵花,,https://chun-ni.fun/disk/i/2024/温柔系年宵花-_1.webp
温柔系年宵花,,https://chun-ni.fun/disk/i/2024/温柔系年宵花-_2.webp
温柔系年宵花,,https://chun-ni.fun/disk/i/2024/温柔系年宵花-_3.webp
温柔系年宵花,,https://chun-ni.fun/disk/i/2024/温柔系年宵花-_4.webp
温柔系年宵花,,https://chun-ni.fun/disk/i/2024/温柔系年宵花-_5.webp
温柔系年宵花,,https://chun-ni.fun/disk/i/2024/温柔系年宵花-_6.webp
温柔系年宵花,,https://chun-ni.fun/disk/i/2024/温柔系年宵花-_7.webp
温柔系年宵花,,https://chun-ni.fun/disk/i/2024/温柔系年宵花-_8.webp
温柔系年宵花,,https://chun-ni.fun/disk/i/2024/温柔系年宵花-_9.webp
预定鲜花请加微信,提示：,https://chun-ni.fun/disk/i/ico.jpg

【恋爱页面】演示地址：我们的爱情 （纯单页-也可以通过ArticleTemplate实现）

使用方法：

直接修改文件中的日期和模块链接即可。

【音乐盒】演示地址：音乐盒（原作者：Heo）

下方为添加本地音乐示例：如需添加歌单请移步原作者

<script>
//   var userId = "8152976493";
//   var userServer = "netease";
//   var userType = "playlist";
   var localMusic = [{
       name: 'Honest',
       artist: 'rei-brown',
       url: 'https://chun-ni.fun/disk/i/music/Honest-rei-brown_320.mp3',
       cover: 'https://chun-ni.fun/disk/i/music/Honest---rei-brown.webp',
       lrc: 'https://chun-ni.fun/disk/i/music/Honest---rei-brown.lrc'
   },
   {
       name: 'Bleeding-Love',
       artist: 'Leona-Lewis',
       url: 'https://chun-ni.fun/disk/i/music/Bleeding-Love-Leona-Lewis_320.mp3',
       cover: 'https://chun-ni.fun/disk/i/music/Bleeding-Love---Leona-Lewis.webp',
       lrc: 'https://chun-ni.fun/disk/i/music/Bleeding-Love---Leona-Lewis.lrc'
   }
   ];
  // var remoteMusic = "./musiclist.json"
</script>

【联系我们】演示地址：联系我们 （纯单页，原作者：Heo）

使用方法：

直接修改文件中的二维码图片，修改相关链接即可。

【归档页-热力图版】演示地址：检索（依托热力图插件）

【弹幕留言页】演示地址：JOOOQI&XUNXUN的祝福墙（依托TleBarragerForTypecho插件和ArticleTemplate文章类型插件）

【评论OWO表情】你也可以修改表情路径以替换表情（相关教程可参考：为Typecho引入OwO表情包
）

【主题目录树】如有相关建议请联系我，或在下方留言。

├albums.php ——————【相册】
├assets ——————【静态资源】
│ ├add ——————【自定义页面静态资源】
│ ├dist ——————【主题默认静态资源，补充了两款字体】
│ ├owo ——————【OWO表情】
├comments.php
├component ——————【主题默认组件】
│ ├logo.php
│ ├menu.php
│ ├nav.php
│ ├paging.php
│ ├post-item-default.php
│ ├post-item-moment.php
│ ├post-item.php
│ ├post-pure-title.php
│ ├post-title.php
│ ├post-top.php
│ ├sidebar-left.php
│ ├sidebar.php
├core ——————【主题功能库】
│ ├backup.php
│ ├common.php
│ ├index.php
│ ├meta.php
│ ├options.php
│ ├post.php
│ ├proxy.php ——————【防止被反代理，使用前请替换网址】
│ ├utils.php
├footer.php
├functions.php
├header.php
├index-ii.php ——————【首页开屏单页】
├index-iii.php2024 ——————【多功能聚合单页2024版】
├index.php
├libs
│ ├img ——————【聚合单页2024版静态资源】
│ ├jquery.min.js
│ ├main.css
│ ├main.js
│ ├main.min.css
│ ├music ——————【音乐单页音乐库】
│ ├simpleParallax.min.js
├LICENSE
├Ourlove.php ——————【恋爱单页】
├OwO.php ——————【OWO表情】
├page-archives.php
├page-contact-me.php ———————【联系我单页】
├page-links.php
├page-music.php ——————【音乐单页】
├page-random.php
├page.php
├post-danmu.php ——————【弹幕单页，用于恋爱页留言】
├post-noad.php ——————【文章页原始样式，无广告位】
├post.php
├README.md
├screenshot.png