五、应用 Stellar 主题
Stellar 是一款功能丰富且美观的 Hexo 主题。
安装 Stellar 主题: 在 Hexo 项目文件夹中执行以下命令:
1
npm i hexo-theme-stellar
或者,如果您更喜欢通过 Git 子模块管理主题(不推荐初学者):
1
# git submodule add https://github.com/xaoxuu/hexo-theme-stellar.git themes/stellar
修改站点配置文件 (
_config.yml
): 打开 Hexo 项目根目录下的_config.yml
文件。找到
theme
配置项,将其值修改为stellar
:1
2
3
4# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: stellar创建并配置 Stellar 主题配置文件 (
_config.stellar.yml
):
Stellar 主题有自己的配置文件。推荐的做法是将主题的默认配置文件复制到 Hexo 项目的根目录,并重命名为_config.stellar.yml
。Hexo 会优先读取项目根目录下的主题配置文件。1
2
3# 在项目根目录执行 (假设您的 Hexo 项目名为 my-blog)
# 如果您使用 npm 安装主题,配置文件通常在 node_modules/hexo-theme-stellar/_config.yml
cp node_modules/hexo-theme-stellar/_config.yml _config.stellar.yml然后修改项目根目录下的
_config.stellar.yml
文件来配置主题的各种选项,例如导航菜单、侧边栏、社交链接、Logo、站点信息等。
详细的配置方法请参考 Stellar 主题的官方文档:Stellar 主题文档重新生成和部署: 修改配置后,需要重新生成静态文件并部署才能看到效果:
1
2
3hexo clean
hexo generate
hexo deploy或者:
1
hexo cl && hexo g -d
刷新您的博客页面
https://你的GitHub用户名.github.io
查看主题效果。