Hexo+GitHub+Cxo主题-搭建个人博客网站

动机

本来我用 wp 建了自己的个人网站，后来发现对于我这样不熟悉 wp 的人来说，想 DIY 自己的网站比较困难，所以果断选择 Hexo（这里并没有什么其他意思，纯属喜好）。

具体了解Hexo

通过了解知道，Hexo是基于NodeJs环境的静态博客框架，用 Hexo 建站就是把 GitHub 仓库当做服务器来运行网站的，所以基本没什么难度，就是配置有点多吧，但要知道，这种方法建站只能使用 html，css，js 建静态网页，不能用 php/python 等（因为没有环境）。

配置列表

安装Git
安装NodeJs
安装Hexo
初始化Hexo
生成SSH并添加到GitHub
修改配置文件
上传项目到GitHub
绑定个人域名（可选）

1、安装Git

官网传送门：https://git-scm.com/downloads

下载后傻瓜式安装就行了。（注意安装路径啊！）

2、安装NodeJs

官网传送门：https://nodejs.org/

可选版本: LTS为长期支持版，Current为当前最新版, 两种版本都可以，随便选。安装直接一路 下一步。（再强调一下，注意安装路径！）

接下来要用到 npm，但是新版 Node 已经集成 npm，所以 npm 也一并安装好啦，是不是很开心呢。

验证一下安装：在 cmd 或 Git Bash 中输入 node -v 和 npm -v ，显示版本信息就证明 node 和 npm 都安装啦:

3、安装Hexo

前面的环境安装就是为了这一步，终于进入正题啦。

找个合适的地方，新建一个文件夹（用来存放你网站的所有文件！），然后在这个文件夹里右键，打开 Git Bash （或者任意打开 Git Bash 再 cd * 进入这个文件夹），执行以下命令安装Hexo：*

npm install -g hexo-cli
安装 Hexo 后，在 Git Bash 中输入 hexo -v 能看到版本信息就证明安装成功了:

注：后面要执行的指令都是在这个目录下的 Git Bash 中执行的，这里提前说一下

4、初始化Hexo

执行命令：hexo init，之后在这个文件夹下就能看到这些文件：

解释一下：

node_modules：是依赖包
public：存放的是生成的页面
scaffolds：命令生成文章等的模板
source：用命令创建的各种文章
themes：主题
_config.yml：整个博客的配置
db.json：source解析所得到的
package.json：项目所需模块项目的配置信息

5、生成SSH并添加到GitHub

这一步的目的是，以后执行 hexo d 命令时就不用输入 GitHub 的账号密码了。

没有 GitHub 账号的自行注册，有账号的接着往下看:

创建一个 GitHub 仓库，名称为 yourname.github.io，其中 yourname 是你 GitHub 用户名称，格式必须是这样！
回到 Git Bash ，配置 GitHub 账号信息（图中yourname，youemail都换成你自己的）:
生成 SSH

执行命令： ssh-keygen -t rsa -C "[email protected]，期间让输入什么不用管，一路回车。
然后按下图的方式找到秘钥（ id_rsa.pub 文件中的内容）:
添加 SSH 到 GitHub 上

Title 随便取，是让你区分你的哪台电脑和 GitHub 绑定了 SSH。

Key 就是刚才从 Git Bash 中获取的一大段字符。

执行命令：ssh -T [email protected]，出现 successfully 这个单词就证明成功了。

6、修改配置文件

用文本编辑器打开你 网站根目录 下的 _config.yml 文件，找到 deploy ，修改其后面的内容为( 注意：冒号之后都是有一个半角空格的! )：

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

执行指令:

hexo clean     //不能简写
hexo generate  //简写hexo g
hexo server    //简写hexo s

注：hexo 3.0把服务器独立成个别模块，需要单独安装：npm i hexo-server

打开浏览器输入：localhost:4000
出现了你的网站界面，是不是很激动~

7、上传项目到GitHub

执行命令：npm install hexo-deployer-git --save，这样接下来你输入的指令才能将你的网站推到 GitHub 上
执行命令（建议以后更新网站往 GitHub 上推送的时候，都执行下面的三个指令）：

hexo clean     //不能简写
hexo generate  //简写hexo g
hexo deploy    //简写hexo d

在浏览器中输入http://yourname.github.io就可以看到你的个人博客啦!

注：yourname 换成你的 GitHub 的用户名

8、绑定个人域名（可选）

先声明一下：个人域名需要备案，比较麻烦，还费时间，不想绑定自行忽略。

绑定个人域名，别人在访问你的网站时，容易记住网址。而且能加快网站的访问速度，毕竟 GitHub 服务器在国外啊。

首先，购买域名，随便哪个网站，我是在阿里云买的 liuyibo.top。
备案之后解析，点击 新手引导:
填入 IP（这个 IP按照下一步操作获取）：
打开 cmd，执行：ping yourname.github.io（获取这个 GitHub 仓库的 IP）：
然后 邮箱解析 默认就行
在你 网站根目录 下的 source文件夹 下新建一个名为 CMANE 的文件（无后缀名），在里面添加你购买的域名，比如我购买的是：liuyibo.top，只能添加一个！

关于域名的操作，在购买阿里云域名时会有很多新手指导视频和文档，没弄过的小伙伴可以参考官方的详细教程。

最后，用浏览器访问你的网址，就能看到你的个人网站啦！！！

结语：文章有不足或错误，欢迎评论，望理性指正，一起进步！

END!