文章目录
  1. 1. 一、使用Hexo搭建博客的构架
  2. 2. 二、搭建本地博客
    1. 2.1. 1.安装Git
    2. 2.2. 2.安装Node.js
    3. 2.3. 3.安装Hexo
    4. 2.4. 4.创建Hexo文件夹
    5. 2.5. 5.安装依赖包
    6. 2.6. 6.预览本地博客
  3. 3. 三、部署远程博客
    1. 3.1. 1.注册Github账号
    2. 3.2. 2.建立和用户名对应的仓库
    3. 3.3. 3.配置SSH公钥
    4. 3.4. 4.部署远程博客
  4. 4. 四、Hexo的基本命令
  5. 5. 五、Tips

一、使用Hexo搭建博客的构架

  看了第一篇一点想法后,如果你有兴趣利用Hexo搭建自己的博客,那么这一篇可能对你有一些实际的帮助。我将会重点说明搭建博客的整个过程,即使你不懂代码,不懂编程,都没有关系,如果愿意尝试,你一定也可以。重点是,你要想清楚你是不是真心想要搭建一个自己的博客。因为后面一系列的工作比较多,需要用热情抵消困难。想清楚了,请接着往下看。
  在开始之前,我先简单说明一下整个博客的一个搭建过程:
  第一步,搭建本地博客;在电脑上安装GitNode.js两个程序,利用简单的命令安装好Hexo;
  第二步,部署远程博客;注册一个Github账号,然后在上面创建一个Repository,简单配置一下,博客的基本框架就建立好了。

  至于搭建好了怎么写博客,是这样的,如果你懂一点Markdown语法就更好了,可以让你专心写作而不必在意格式,显示出来的效果非常漂亮。不懂的也不要紧,花个十来分钟就可以上手。
说完了在Hexo上搭建博客的一个思路,现在开始进入实际的操作。

二、搭建本地博客

1.安装Git

  安装过程一路默认即可,安装好后,单击右键就会多出三个Git的按钮,先不管它。

2.安装Node.js

  可以一路默认,需要的话也可以更改一下安装的路径。

3.安装Hexo

  Hexo的安装需要借助Node.js的npm命令,可以理解为Hexo是Node.js的模块。操作的方式是在任意的位置单击鼠标右键,选择Git bash命令,在里面输入:

1
npm install -g hexo

  卸载的话,自然是把上面命令中的install替换成uninstall即可执行卸载。

4.创建Hexo文件夹

  Hexo文件夹就是你后面博客的文件夹。第一步先在某个盘符下新建一个文件夹,重命名(英文字母),假设你是在D盘下建立了一个名叫Hexo的文件夹,那么路径就是D:\hexo (后续的操作大多在这个文件夹里进行);第二步进入Hexo文件夹单击右键,依旧选择Git bash这一命令,输入以下命令,博客所需要的文件都已经自动建立好了,这比jekyll操作简单多了。

1
hexo init

5.安装依赖包

1
npm install

6.预览本地博客

  一系列的安装命令之后,本地博客就算搭建好了,输入如下的命令(也可以利用组合命令,我的做法是在搜狗输入法中自定义一个短语,快速输入hexo s -g,效果一样)。这个命令是用于调试。然后在浏览器地址栏中输入localhost:4000或者127.0.0.1:4000就可以查看本地的博客了。

1
2
hexo g
hexo s

  不出意外的话,它应该是像下图这个样子的(图片来源于网络)。注意这里仅仅是本地博客,其他地方看不到。第一步操作到这里就结束了。

三、部署远程博客

1.注册Github账号

  因为是托管到Github上,所以第一步需要注册一个账号。已有账号的自行忽略。注册的过程比较简单,这里不做赘述。

2.建立和用户名对应的仓库

  第二步是建立和用户名相对应的仓库,这是什么意思呢?以我的例子来说,我的用户名是qijinzhixing,那么我的仓库就必须是qijinzhixing.github.io,否则可能就不成功。

3.配置SSH公钥

  远程代码是基于SSH的,所以需要SSH的相关配置。方法是现在本地生成SSH公钥,然后添加到Github上面。具体的操作如下:
(1)设置你的邮箱和用户名:

1
2
git config --global user.email "qjzhixing@qq.com"
git config --global user.name "qijinzhixing"

(2)生成密钥,设置密码,输入的密码不显示(也可以不设置,按三次回车,密码为空)

1
ssh-keygen -t rsa -C "qjzhixing@qq.com"

  上述的命令成功后,会得到id_rsaid_rsa.pub两个文件,可能在C:\Users\Administrator\.ssh文件夹里,没有的话,就用Everything搜一下。
(3)把SSH密钥添加到Github上
  登陆Github后,点击settings,然后进入SSH keys,把id_rsa.pub文件里内容添加进去就好了。

4.部署远程博客

(1)编辑D:\hexo目录下的配置文件_config.yml,在最下面输入以下内容,注意把里面的qijinzhixing替换成你的用户名

1
2
3
4
deploy:
type: git
repository: https://github.com/qijinzhixing/qijinzhixing.github.io.git
branch: master

(2)部署远程博客,输入以下命令

1
2
hexo g
hexo d

  出现下面的提示表示部署成功

1
INFO Deploy done: git

  部署好了后,在浏览器地址栏中输入你的仓库名来访问,我的是qijinzhixing.github.io。注意一点,第一次部署的话,可能需要等待一会(一般不到10分钟就好了)才能生效,以后每次部署就可以直接访问。到这里基本的博客就搭建好了。

四、Hexo的基本命令

  Hexo基本常用的命令就四个,而且还可以使用组合命令。基本命令如下:

1
2
3
4
hexo g = hexo generate  #生成
hexo s = hexo server #启动本地预览
hexo d = hexo deploy #远程部署
hexo n "文章标题" = hexo new "文章标题" #新建一篇博文

  我通常是选用组合命令,操作更为效率。如果你使用搜狗输入法的话,可以自定义一个短语,比如我输入hs则出现hexo s -g命令。

1
2
hexo s -g  #等同先输入hexo g,再输入hexo s
hexo d -g #等同先输入hexo g,再输入hexo d

五、Tips

  1. 注意一定要验证Github的验证邮件。
  2. 出现其他任何的问题,先删除博客目录下的db.json文件,然后清理再部署远程博客,操作时输入以下的命令
    1
    2
    hexo clean
    hexo d -g

  走到了这一步,你应该知道了你的博客仅仅相当于一个毛坯房而已,意味着后面需要你自己一点点去装修,换成你喜欢的风格样式。至于具体如何装修你的博客,我们下一篇再说。

文章目录
  1. 1. 一、使用Hexo搭建博客的构架
  2. 2. 二、搭建本地博客
    1. 2.1. 1.安装Git
    2. 2.2. 2.安装Node.js
    3. 2.3. 3.安装Hexo
    4. 2.4. 4.创建Hexo文件夹
    5. 2.5. 5.安装依赖包
    6. 2.6. 6.预览本地博客
  3. 3. 三、部署远程博客
    1. 3.1. 1.注册Github账号
    2. 3.2. 2.建立和用户名对应的仓库
    3. 3.3. 3.配置SSH公钥
    4. 3.4. 4.部署远程博客
  4. 4. 四、Hexo的基本命令
  5. 5. 五、Tips