效果预览:

  1. 器材准备:1.一台Windows电脑。
  2. 注册GitHub账号使用hexo框架搭建blog软件。

官方网站:

  • Gito:https://git-scm.com/
    参考网址:
  • Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
  • Node.js:https://nodejs.org/en/

安装过程:

(1)Node.js安装

  • 按照安装过程依次点击即可,安装过程很简单。

(2)Git安装

  • 按照网上的安装方式进行安装就可以了。

检测环境:

检测node安装是否成功:

node -v  (返回版本号)
npm -v    (返回版本号)

安装淘宝的镜像源(如果不通就重来,因为连接可能不稳定,不要害怕多试几次就可以了):

npm install --global cnpm --registry=https://registry.npm.taobao.org

创建新仓库:

建立一个仓库(repository)(例:hansonpang99.github.io)

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

cnpm install --save hexo-deployer-git

配置_config.yml文件:

  1. 找到Blog文件中的_config.yml文件,使用编译器打开,建议使用VisualStudio Code打开。

  2. 注:Visual Studio Code的好处:

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

    修改配置代码:

    type: git
    repository: 仓库地址
    branch: 管理员 master
    

    将刚刚新建的GitHub仓库地址复制到repository字段,在branch项中设置管理员为master。

将本地文件部署到GitHub:

hexo d

接下来,你就可以通过访问https://+自己的仓库名来访问部署到GitHub上的blog了(例:https://hansonpang99.github.io)。

更换Blog主题:

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

  1. 首先下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  1. 修改_config.yml文件,进入存放hexo环境的目录,使用编译器打开_config.yml文件。

  2. 找到这部分代码(即theme)将冒号后面的内容改为刚刚新建的yilia。

theme: yilia

清理数据库、生成静态网站并部署到GitHub:

  1. 删除已发布的博客及其资源:
hexo clean
  1. 生成静态文件:
hexo g
  1. 部署到GitHub上:
hexo d

这样,你就完成了主题的更改。