Hexo 主题配置
从搭建博客开始都还没有用过什么主题, 今天也来搞一下😙😙
开搞之前先问问 Bing 大小姐😊
Copilot:
当然!Hexo 有许多漂亮且实用的主题供您选择。以下是一些受欢迎的 Hexo 主题,您可以根据自己的喜好挑选:
-
Butterfly:简洁而不简单,拥有优雅的界面和出色的阅读体验。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示。
-
ICARUS:内置文档系统的商务风格主题,支持丰富的标签和动态数据组件。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示。
-
Fluid:功能丰富、高度模块化的主题,提供灵活的定制选项。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示。
-
Volantis:简洁美观,适用于个人博客和技术文档。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示。
-
Snippet:专注于代码展示的主题,适合程序员和技术博客。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示。
-
3-hexo:拥有三个简洁的板块,类似于 Evernote 的风格。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示。
这些主题各具特色,您可以根据自己的需求和审美选择一个适合您的 Hexo 主题。祝您搭建愉快!🌟
Hexo 的主题添加非常简单,您只需按照以下步骤操作:
-
在 Hexo 的
themes
文件夹内,新增一个任意名称的文件夹,作为您的主题。 -
修改 Hexo 配置文件
_config.yml
中的theme
设定,将其切换到您新建的主题。 -
主题文件夹的结构通常如下:
1
2
3
4
5├── _config.yml
├── languages
├── layout
├── scripts
└── source_config.yml
:主题的配置文件。与 Hexo 的主配置文件不同,主题配置文件修改后会自动更新,无需重启 Hexo 服务器。languages
:语言文件夹。用于国际化(i18n)。layout
:布局文件夹。存放主题的模板文件,决定网站内容的呈现方式。Hexo 内建 Nunjucks 模板引擎,您也可以安装插件以获得 EJS 或 Pug 支持。scripts
:脚本文件夹。Hexo 在启动时会加载此文件夹内的 JavaScript 文件。source
:资源文件夹,存放除模板以外的资源,如 CSS、JavaScript 文件等。文件或文件夹名称以_
(下划线)或隐藏的文件会被忽略。如果文件可以被渲染,会经过解析后储存到public
文件夹,否则会直接拷贝到public
文件夹。
-
当您完成主题后,可以考虑将它发布到主题列表,让更多人能够使用您的主题。在发布前,建议先进行主题单元测试,确保每一项功能都能正常使用。发布主题的步骤类似于更新文档。
如果您需要具体的操作步骤,可以参考 Hexo 官方文档中的主题部分。祝您使用 Hexo 编写愉快!🌟
看了一下她推荐的第一个 Butterfly
主题, 看着还蛮好看的, 试试看吧~