Hexo博客迁移到Stellar主题

前言

由于本博客的建立初衷是记录学习进程和记录自己的项目。之前HEXO博客的 Fluid 主题虽然简洁漂亮，但是对于文档归纳和WIKI的支持并没有想象中理想，总有一种束手束脚的感觉。加之由于在英国工作和生活原因有一段时间没有对博客进行维护了，干脆就着这个机会直接重构网站迁移到 Stellar。

Stellar “真正的简约远不止删繁就简，而是在纷繁中建立秩序。”的设计理念非常符合我对于心目中理想博客的概述。丰富的组件和可扩展性、WIKI系统与丰富的第三方插件支持，都推动着我完成这次迁移工作。

如果你也有兴趣，两个博客主题的链接贴到这里：

Stellar

Fluid

https://xaoxuu.com/wiki/stellar/

Stellar 是一个内置文档系统的简约商务风 Hexo 主题，支持丰富的标签和动态数据组件，帮助您简单从容地应对各种表达需求，十分推荐内容创作者使用 Stellar 开始您全新的博
客之旅。

人的注意力是有限的，要提高有效信息的醒目程度，就必须降低不重要信息醒目程度，删除所有无效信息。

降低视觉密度

增加留白，增加间距。
减少颜色丰富度，大面积出现的是中性色，彩色必须有其特殊意义，意义相同的元素使用同一种颜色。

提高有效信息优先级

文章标题永远是最大的，对比度最高的
不可交互的不重要的小标题（如侧边栏某个插件的标题）降低对比度
与文章相关的不重要的小标题，使用小号字体

删掉无效信息

文章标签、字数、阅读量、评论数
网站访问量、字数、搭建时间
全局播放器（除了特殊文章）

https://fluid-dev.github.io/hexo-fluid-docs/

Fluid 是基于 Hexo 的一款 Material Design 风格的主题，由 Fluid-dev 负责开发与维护。
主题 GitHub：hexo-theme-fluid
预览网站：Fluid’s-blog

迁移准备

为了完成迁移，需要做很多前期准备，因为两个主题的很多渲染项并不通用。所以直接安装主题之后，会造成使用不兼容的文章在 Hexo g 的时候出现报错。因此我们需要完成一些前期的迁移准备工作。

备份文章

将 _posts 目录下的的文章剪切到其他目录，排除生成网站时的报错问题。

转移配置文件

转移之前的config文件 _config.fluid.yml，因为Fluid的配置文件中存在很多有用的设置信息可以帮助我们快速完成Stellar配置文件的编辑。所以直接删除不是一个好方式。

开始迁移

修改主题配置

将 _config.yml 中的主题设置为 Stellar。

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/

theme: stellar

新建 Stellar 的配置文件 _config.stellar.yml 并且将 _config.yml 下的内容粘贴到 _config.stellar.yml中。并且修改内部内容。

新建目录

由于 Stellar 的配置文件需要增加一些目录和文件，所以我们需要在博客文件夹下建立一些新文件夹和文件。


Blog
|-- node_modules
|   |-- hexo-theme-stellar
|       `-- _data
|           `-- icons.yml (用来添加图标)
|-- source
    |-- _data
    |   |
    |   |-- links
    |   |   `-- ios_developer.yml
    |   |-- wiki
    |   |   `-- wikitest.yml
    |   `-- wiki.yml
    |-- about
    |   `-- index.md
    |-- friends
    |   `-- index.md
    `-- wiki
        `-- wikitest
            `-- index.md

检查系统依赖

具体版本信息可能会根据时间推移变化，请检查：Github

Hexo: 6.3.0 ~ 7.0.0
hexo-cli: 4.3.0 ~ latest
node: 14.17.3 ～ 20.10.0 # 建议选择 LTS 版本，过高的版本 hexo 还没有进行兼容。
npm: 6.14.13 ~ 10.2.3

安装 Stellar

1	npm i hexo-theme-stellar

This article is licensed under an Attribution-NonCommercial-ShareAlike 4.0 International licence, except where otherwise noted.

本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议，转载请注明出处。