效果预览:[请在此处添加效果预览链接]
准备:
- 一台Windows电脑。
- GitHub账号。
- 使用hexo框架搭建blog软件。
安装过程:
(1)Node.js安装
按以下步骤依次点击,安装过程很简单:
- 下载: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的好处:
- 支持的语言种类多。
- 视图简洁。
- 拥有插件种类多。
对以下代码进行更改:
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中,这样就实现了主题的更换。