Fluid theme edited by Kukmoon
Click here to visit the original theme
1.9.4
- A donation module was added. See here for details.
- A "Share to" module was added. See here.
- The original Fluid theme was forked at GitHub to use Git and GitHub for version control.
Readme.md
was updated. Every update will modifyReadme.md
in future.Added a list of URLs for the main and mirror sites on the front page, see here for details.Added a prompt at the beginning of each article to indicate that users can click to jump to the mirror site, see here for more details.- The "Share to" module was modified. See here.
- The code highlighting is set to Mac style.
- Upgraded to hexo-theme-fluid 1.9.6. The donation and "Share to" modules were once again added. The donation module was saved as
themes/fluid/layout/_partials/donate.ejs
. The "Share to" module was saved asthemes/fluid/layout/_partials/share.ejs
. The dependencies, includingjquery.min.js
,qrcode.min.js
andsocial-share.min.js
were copied tothemes/fluid/source/js
folder. Another dependency,social-share.min.css
that was copied tothemes/fluid/source/css
folder, was quoted within_config.fluid.yml
. Finally, the following codes were added intothemes/fluid/layout/post.ejs
:<div> <!-- 引入自己编写的“分享到”模块(新) --> <%- partial('_partials/share') %> <hr/> <!-- 引入自己编写的打赏模块(新) --> <%- partial('_partials/donate') %> <hr/> </div>
- New code block was redesigned as an Mac style according to this article. CSS codes is stored in
theme/fluid/css/macpanel-highlightjs.css
. The style sheet is quoted within_config.fluid.yml
.
Added files:
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
Modified files:
layout/post.ejs
README.md
README_en.md
All files above is compacted into fluid_modified_files.zip
.
Thanks to Notepad++ for providing development tool- Thanks to Social-share.js for providing the "Share to" module
- Thanks to Xuefeng Liao for the Git tutorial
- Thanks to Microsoft for providing development tool, VSCode
- To add a responsive sidebar to the home page, which appears only when the button is clicked, otherwise it is hidden.
- To add a split line between each article on the homepage and also increase the distance between them.
Translated with www.DeepL.com/Translator (free version)