引言

我花了一些时间搭建属于自己的博客，曾经也弄过一些博客之类的，接触hexo之后，相对来说,hexo简单易用，灵活高效。

hexo+GitHub进行搭建相对自己购买服务器更为划算。花费的精力也比使用服务器要少很多。这样我们就可以更专注写博客。

环境搭建

首先我们要将博客托管于GitHub所以我们先安装Git，使用Git进行代码的上传于维护。

Git安装

  1. 从Git官网上下载你计算机系统所对应的Git安装包

  2. 无脑下一步，进行安装

  3. 安装完成之后Win+R 输入cmd回车 输入 

    git --version

    出现版本号，代表环境变量配置成功。没有配置成功的话

    找到Git的安装路径
将安装路径下的bin文件夹的路径添加到path变量中

注意：bin文件夹存放是Git的一些二进制可执行命令。

  4. Git的一些基本操作和使用，我推荐极客学院的Git教程，写的很清楚，跟着学基本使用不成问题。

node.js安装

  1. 从nodejs官网上下载你计算机系统所对应的nodejs安装包，我们直接使用长期支持办就行。不推荐使用最新版，否则在后续过程会出现百度都没有的问题。如：

    TypeError [ERR_INVALID_ARG_TYPE]: The “mode” argument must be integer.

  1. 无脑下一步，直接完事。

    再次进入cmd 执行以下命令

     node -v  #查看nodejs的版本
 npm -v #这我也不知道是啥，查看有没有相关工具

安装Git和nodejs之后，我们直接使用git bash来敲命令行

hexo安装

  1. 先创建一个空文件夹blog，用于存放hexo的环境与博客文章，在blog文件内进行右单击后选择git bash here

    输入命令

    npm install -g hexo-cli

    老规矩，使用hexo -v 查看是否安装成功，顺便查看版本号

  2. 接下来初始化hexo

    hexo init

    初始化完成后会有以下文件结构：

    • node_modules：依赖包 即hexo所需的环境依赖
    • public：生成的页面的存放位置
    • scaffolds：生成文章的一些模板
    • source：用来存放你的文章
    • themes：hexo主题样式
    • .gitignore：上传到git时所要忽略的东西
    • _config.yml：全局的配置文件

  3. 输入命令

    hexo g #生成博客视图资源
hexo s #启动后台服务器 会有http://localhost:4000

    在浏览器中输入：http://localhost:4000 进行测试查看

    使用Ctrl+C将服务器关闭

创建GitHub个人仓库

  • 首先创建一个GitHub账号，记得用户名
  • 创建一个仓库（repository）仓库名是 用户名.github.io 如我的仓库名就是 t-diana.github.io

将SSH添加到GitHub

  • 记录本台机器一些信息

    #这里的yourname输入你的GitHub用户名
git config --global user.name "yourname"
#这里youremail输入你的GitHub的邮箱
git config --global user.email "youremail"

  • 生成SSH公钥

    ssh-keygen -t rsa -C "youremail"

    可以在用户主目录里找到.ssh目录，里面有 id_rsa 和 id_rsa.pub 两个文件，这两个就是 SSH Key 的秘钥对，id_rsa是私钥，不能泄露出去，id_rsa.pub是公钥，可以放心地告诉任何人。

  • GitHub添加SSH

    1. 登录GitHub
    2. 点击右上角头像，选择setting
    3. 选择SSH and GPG keys
    4. 点击 New SSH key
    5. 将id_rsa.pub里的内容全部复制到key中，取个title 点击Add SSH key

  • 在git bash 中查看是否添加成功

    ssh -T [email protected]   #直接复制，不用修改

将hexo部署到GitHub

对全局配置文件_config.yml(而不是themes下的 _config.yml)进行修改

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master
#YourgithubName 就是自己的GitHub用户名

然后需要先安装deploy-git，才能用命令将博客视图资源部署到GitHub上

npm install hexo-deployer-git --save #安装deploy-git的命令

上传操作相关命令，每次写完文章后，执行相关的命令

hexo clean #清除之前生成的博客视图资源
hexo generate 或是 hexo g #生成静态文章
hexo deploy 或是 hexo d #将资源上传到GitHub上

注意：

进行deploy时会需要输入username和password

至此，博客基本搭建完成。如果需要进行其他修改的话。

大家可以查看这篇博客，这位博主写得非常细致。