效果预览:[请在此处添加效果预览链接]

准备:

  1. 一台Windows电脑。
  2. GitHub账号。
  3. 使用hexo框架搭建blog软件。

安装过程:

(1)Node.js安装
按以下步骤依次点击,安装过程很简单:

(2)Git安装
按照网上的安装方式进行安装,具体教程可参考:

(3)安装Hexo

  • 在git中进行的检测:

    npm install git --registry=https://registry.npm.taobao.org
    

建立一个仓库(repository)

  • 例子:hansonpang99.github.io

在Blog目录下安装一个hexo部署插件

npm install --save hexo-deployer-git

找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。下面是Visual Studio Code的好处:

  1. 支持的语言种类多。
  2. 视图简洁。
  3. 拥有插件种类多。

对以下代码进行更改:

type: git
repository: [填写仓库地址]
branch: master
  • 修改说明:
    • type:更改为一个方便识别的名字,比如填写git。
    • repository:将刚刚新建的GitHub仓库地址复制到这里。
    • branch:管理员master。

更改之后保存,然后在Git中输入以下命令,将本地文件部署到GitHub上新建的仓库:

hexo d

然后通过访问https://[自己的仓库名]就可以访问部署到GitHub上的blog了(例子:https://hansonpang99.github.io)。

进一步深化操作过程(更换Blog的主题)

这里以yilia主题为例进行更换:

首先下载yilia主题,使用以下命令克隆地址:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。然后找到以下代码:

theme: [填写刚刚克隆的主题名字]

将冒号后面的内容更改为刚刚新建的yilia主题。

接下来进行以下操作实现主题更改:

  • hexo clean:清除数据库等。
  • hexo generate:生成静态网站。
  • hexo d:部署到GitHub中,这样就实现了主题的更换。