主题源码

?安装吉特如果你在中国大陆，你可以在Gitee下载稳定分支 [推荐]：git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly开发分支：git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterflyHexo系统它支持 Hexo 5.0.0 或更高版本在 Hexo 站点根目录中npm i hexo-theme-butterfly⚙配置在 hexo 工作文件夹的根配置文件中设置主题：_config.yml主题：蝴蝶如果你没有pug & stylus渲染器，试试这个：npm install hexo-renderer-pug hexo-renderer-stylus?特征卡片界面设计支持子菜单双柱设计响应式网页设计暗模式普贾克斯阅读模式繁体中文和简体中文之间的转换目录适用于计算机和手机颜色主题（深色/苍白夜景/浅色/海洋/mac/mac 浅色），支持自定义颜色代码块（显示代码语言/关闭或展开代码块/复制按钮/自动换行）禁用复制/向复制的文本添加版权声明搜索（Algolia SearchZ/Local Search）马特贾克斯和卡特克斯内置 404 页面字数统计相关文章显示帖子的过期通知Share （AddThis/Sharejs/Addtoany）评论 （Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk）多评论系统支持在线聊天（Chatra/Tidio/Daovoice/Gitter/Crisp/Messenger）网站分析谷歌广告感知网站站长验证更改网站配色方案打字机效果：activate_power_mode背景效果（画布功能区/canvas_ribbon_piao/canvas_nest）鼠标点击效果（烟花/心形/文本）预加载器/加载动画/速度.js步算子游客柜台中变焦/花式框美人鱼有理有据的画廊延迟加载图像即时页面/盘古/小吃店通知吐司/PWA……?截图

设计缘由前几年在 Bear 和 Evernote 上整理了大量笔记，非常喜欢 Bear 默认的 markdown 渲染样式。后来因为换了安卓手机，用不了 Bear，四处搜寻替代品，没有满意的。 然后阴差阳错知道了 Hexo，又得知 Github 也可以免费建私有仓库了，故再次转移阵地到了自建博客，并部署在 Github Pages。因为这个博客是用来记笔记的，故起名 书架 。对应的主题即 Theme.Shoka ，可以说是为了笔记阅读而生的主题。 样式严重参考 Bear，部分代码严重参考 NexT。Hexo 的默认及常用渲染器均使用 highlight.js 进行代码高亮，而我喜欢 Prism.js ，故重写了一个渲染器配合主题食用。渲染器取名 multi ，因为集成了很多很多很多 markdown-it 插件，以及压缩静态文件的功能。 （最新版的默认渲染器也支持 Prism.js 了，可喜可贺，但不想用，哈哈哈哈哈哈哈 墙内 Github Pages 访问速度时而感人，所以用了 jsDelivr 加速，主要是因为它可以按需合并依赖文件。快速安装cd your-blog git clone https://github.com/amehime/hexo-theme-shoka.git ./themes/shoka打开主题目录，内有 example 文件夹，提供了配置文件的 demo 供参考。安装依赖插件在应用主题之前，必须至少安装 hexo-renderer-multi-markdown-it 渲染插件 和 hexo-autoprefixer。 插件安装与配置教程戳此应用主题修改站点配置修改站点配置文件 /_config.yml ，把主题改为 shokatheme: shoka修改主题配置主题配置的所有参数在 /themes/shoka/_config.yml 文件中。 为了方便主题升级，请在根目录新建一个 yml 文件，命名为 _config.shoka.yml 。 也就是说，所有主题的自定义配置均保存于 /_config.shoka.yml 文件。