从搭建博客开始都还没有用过什么主题, 今天也来搞一下😙😙

开搞之前先问问 Bing 大小姐😊


Copilot:
当然!Hexo 有许多漂亮且实用的主题供您选择。以下是一些受欢迎的 Hexo 主题,您可以根据自己的喜好挑选:

  1. Butterfly:简洁而不简单,拥有优雅的界面和出色的阅读体验。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示

  2. ICARUS:内置文档系统的商务风格主题,支持丰富的标签和动态数据组件。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示

  3. Fluid:功能丰富、高度模块化的主题,提供灵活的定制选项。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示

  4. Volantis:简洁美观,适用于个人博客和技术文档。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示

  5. Snippet:专注于代码展示的主题,适合程序员和技术博客。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示

  6. Hacker:极致简约,适合追求简洁风格的用户。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示

  7. 3-hexo:拥有三个简洁的板块,类似于 Evernote 的风格。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示

  8. Cactus:一款简约大方的主题,备受好评。您可以在 这里 查看它的 GitHub 地址,或者直接访问 在线演示

这些主题各具特色,您可以根据自己的需求和审美选择一个适合您的 Hexo 主题。祝您搭建愉快!🌟

Hexo 的主题添加非常简单,您只需按照以下步骤操作:

  1. 在 Hexo 的 themes 文件夹内,新增一个任意名称的文件夹,作为您的主题。

  2. 修改 Hexo 配置文件 _config.yml 中的 theme 设定,将其切换到您新建的主题。

  3. 主题文件夹的结构通常如下:

    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 文件夹。
  4. 当您完成主题后,可以考虑将它发布到主题列表,让更多人能够使用您的主题。在发布前,建议先进行主题单元测试,确保每一项功能都能正常使用。发布主题的步骤类似于更新文档

如果您需要具体的操作步骤,可以参考 Hexo 官方文档中的主题部分。祝您使用 Hexo 编写愉快!🌟


看了一下她推荐的第一个 Butterfly 主题, 看着还蛮好看的, 试试看吧~