Hexo@博客更换主题

参考资料:

HEXO博客更换主题

更换主题

1. 挑选主题

Hexo官方收录主题

image

点击图片可浏览主题效果,点击 蓝色主题名称可以进入对应的 GitHub仓库,这里我选择的是Purer主题

image

2. 克隆主题

在主题的GitHub仓库,复制HTTPS克隆链接

image

在本地博客项目位置打开Git Bash

image

克隆命令:git clone 克隆链接 保存位置

purer主题为例

git clone https://github.com/fengkx/hexo-theme-purer.git ./themes/purer

image

3. 配置主题

克隆好后将主题根目录下的_config.example.yml 复制一份,命名为_config.yml,再复制一份到博客根目录,命名为_config.theme.yml,方便对主题样式的修改。

编辑 Hexo博客根目录下的_config.yml文件

image

Node.js安装复制命令的插件,方便部署时模板文件的复制

npm i fuzhi -g

再编辑 package.json 文件,方便每次博客部署

  "scripts": {
    "theme": "fuzhi ./_config.theme.yml ./themes/purer/_config.yml",
    "build": "npm run theme && hexo generate",
    "clean": "hexo clean",
    "deploy": "npm run theme && hexo deploy",
    "server": "npm run theme && hexo server"
  },

更新主题( Win + R 输入 cmd) 在主题根目录下

git pull origin master

image

重新部署,在git bash中输入

hexo clean
hexo g -d

image

最后在Gitee码云里更新 Pages,每次修改后都需要更新一下,有点麻烦,推荐通过hexo server 部署到本地,访问查看效果,满意了再通过hexo deploy 部署到Gitee平台。

image

访问结果:

image

至此,部署在Gitee平台的Hexo博客主题更换已完成.

posted @ 2021-11-06 13:43  Unirithe  阅读(360)  评论(0)    收藏  举报