谷月修改版的 Fluid 主题
Fluid theme edited by Kukmoon
- 增加了打赏模块,详见这里。
- 增加了“分享到”模块,详见这里。
- 在 GitHub 上 Fork 了原版的 Fluid 主题,用 Git 和 GitHub 进行版本控制。
- 修改了
Readme.md
,以后每次更新都会修改Readme.md
。 在首页增加了一个列表,列出主站和镜像站的 URLs,详见这里。在每篇文章的开头增加了一个提示,提示用户可以点击跳转到镜像站,详见这里。- 修改了“分享到”模块,详见这里。
- 代码高亮设置为 Mac 风格。
- 升级到 hexo-theme-fluid 1.9.6,并且增加了打赏、“分享到”模块。将打赏模块另存为
themes/fluid/layout/_partials/donate.ejs
,将“分享到”模块另存为themes/fluid/layout/_partials/share.ejs
,并将它调用的jquery.min.js
、qrcode.min.js
、social-share.min.js
复制到themes/fluid/source/js
目录,将它调用的social-share.min.css
复制到themes/fluid/source/css
目录,并在_config.fluid.yml
文件中引入这个 CSS 文件,最后在themes/fluid/layout/post.ejs
文件中加入以下代码:<div> <!-- 引入自己编写的“分享到”模块(新) --> <%- partial('_partials/share') %> <hr/> <!-- 引入自己编写的打赏模块(新) --> <%- partial('_partials/donate') %> <hr/> </div>
- 参照这篇文章,设计了 Mac 风格代码块,把 CSS 代码写在了
theme/fluid/css/macpanel-highlightjs.css
文件中,并在_config.fluid.yml
文件中引入这个 CSS 文件。
新增的文件:
layout/_partials/donate.ejs
layout/_partials/share.ejs
source/css/macpanel-highlightjs.css
source/css/macpanel-prismjs.css
source/css/social-share.min.css
source/js/jquery.min.js
source/js/qrcode.min.js
source/js/social-share.min.js
修改的文件:
layout/post.ejs
README.md
README_en.md
把它们打包到 fluid_modified_files.zip
当中。
- 给首页增加一个响应式的侧边栏,点击按钮才出现,否则隐藏。
- 给首页每篇文章之间增加分割线,增加它们之间的距离。