五、应用 Stellar 主题

Stellar 是一款功能丰富且美观的 Hexo 主题。

  1. 安装 Stellar 主题: 在 Hexo 项目文件夹中执行以下命令:

    1
    npm i hexo-theme-stellar

    或者,如果您更喜欢通过 Git 子模块管理主题(不推荐初学者):

    1
    # git submodule add https://github.com/xaoxuu/hexo-theme-stellar.git themes/stellar
  2. 修改站点配置文件 (_config.yml): 打开 Hexo 项目根目录下的 _config.yml 文件。

  3. 找到 theme 配置项,将其值修改为 stellar

    1
    2
    3
    4
    # Extensions
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: stellar
  4. 创建并配置 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 主题文档

  5. 重新生成和部署: 修改配置后,需要重新生成静态文件并部署才能看到效果:

    1
    2
    3
    hexo clean
    hexo generate
    hexo deploy

    或者:

    1
    hexo cl && hexo g -d

    刷新您的博客页面 https://你的GitHub用户名.github.io 查看主题效果。


© 2025 vmoranv 使用 Stellar 创建


😊本站2025.05.05日起🎉累计访问人次💻


614447.xyz