关于HEXO博客的搭建

经过各种找资料、踩坑、填坑,终于用hexo初步把个人博客搭建完成了,不久的将来我也会实装各种有用(装逼)的东西。

配置环境

1. 安装Node.js(必须)

[Node.js官网](https://nodejs.org/en/)。安装的时候一路next下去就是了。

2. 申请一个你自己的GitHub账号(必须)

GitHub官网自行申请账号,实在看不懂就百度吧…
申请账号完成后建立与你用户名对应的仓库,仓库名为你的用户名.github.io

3. 安装Git(必须)

[Git官网](https://git-scm.com/downloads)。

这里多说几句。如果你已经安装了Git,你可以配置一下你的Git环境。你只需要做设置一次,即使之后你升级了Git,他们也会绑定到你的环境中。你也可以在任何时刻通过运行命令来重新更改这些设置。
Git有一个工具被称为git config,它允许你获得和设置配置变量;这些变量可以控制Git的外观和操作的各个方面。这些变量可以被存储在三个不同的位置:

1
2
3
* /etc/gitconfig 文件:包含了适用于系统所有用户和所有库的值。如果你传递参数选项’--system’ 给 git config,它将明确的读和写这个文件。
* ~/.gitconfig 文件 :具体到你的用户。你可以通过传递--global 选项使Git 读或写这个特定的文件。
* 位于git目录的config文件 (也就是 .git/config):无论你当前在用的库是什么,特定指向该单一的库。每个级别重写前一个级别的值。因此,在.git/config中的值覆盖了在/etc/gitconfig中的同一个值。

当你安装Git后首先要做的事情是设置你的用户名称和e-mail地址。这是非常重要的,因为每次Git提交都会使用该信息。它被永远的嵌入到了你的提交中:

1
2
* git config --global user.name "David"
* git config --global user.email David@example.com

这里David指的是你的GitHub的用户名,David@example.com指的是你GitHub绑定的邮箱地址。

  1. 如果输错了用户名或者邮箱地址那么你每次的git push都不会增加你的contributions。
  2. 其中--global代表用户全局。如果光输入git config user.name则只会设置特定项目中的配置。
  3. 当然如果你不想使用命令行来设置的话也可以直接更改项目主页里的.git/config这个文件的内容。

4. 正式安装Hexo

Node和Git都安装好后,首先创建一个文件夹,如blog,用来存放hexo的配置文件,然后使用命令行(MAC用终端,Windows用CMD)cd到blog文件夹里安装Hexo:

* 执行如下命令安装Hexo:

sudo npm install -g hexo

* 然后执行init命令初始化hexo,命令:

hexo init
目前为止,全部安装工作已经完成!blog就是你的博客根目录,所有的操作都在里面进行。

* 生成静态页面

hexo generate(或者hexo g)

* 启动本地服务,进行文章预览调试,命令:

hexo server(或者hexo s)

浏览器输入http://localhost:4000就可以查看你本地生成的静态页面啦~

5. 配置文件

现在我们进入到我们的blog文件夹中,可以看到一个_config.yml文件,现在我们要开始蹂躏他了!
命令:

vim _config.yml

翻到最下面,改成下面的样子,注意一个事->每一个后面都需要有一个空格(不要问我https后面的冒号需不需要空格,我不想理你- -)。

1
2
3
4
deploy:
type: git //有的是github
repo: https://github.com/CSeventh/CSeventh.github.io.git //我的用户名是CSeventh,所以你只需要把这两个CSeventh改成你自己的用户名就好啦。
branch: master

当然,如果你用了SSH Keys的话就直接在github里复制SSH的就行了。最后执行部署命令:

hexo deploy(或者hexo d)

最后直接在浏览器中输入你的用户名.github.io就可以看到你自己的博客啦

6. 部署命令

每次部署(提交新的东西,做了更改啊什么什么的),可以分三步进行。

1
2
3
hexo clean
hexo g
hexo d

其他

  • 一些常用命令:
1
2
3
4
5
6
7
hexo new "postName" //新建文章
hexo new page "pageName" //新建页面
hexo generate //生成静态页面至public目录
hexo server //开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy //将.deploy目录部署到GitHub
hexo help //查看帮助
hexo version //查看Hexo的版本
  • 一些简单的信息

首先是博客的配置文件,就是blog文件夹里的_config.yml,我们叫这个为站点配置文件,后面会讲到主题里面也有个_config.yml,那个叫主题配置文件

其他的下次再写吧,有点累了~