Hexo + Next搭建属于自己的博客

前言

折腾了两天，终于把期待很久的博客弄上线了，这就如同上了电视一般激动，所以激动的同时，也记录一下这个
艰辛的过程，留给自己，帮助他人。

Hexo

Hexo的作者是tommy351，根据官方介绍，Hexo是一个简单、快速、强大的博客发布工具，支持Markdown格式

安装

打开git

npm install -g hexo

初始化

在我的电脑中建立一个名字叫「Hexo」的文件夹，然后在此文件夹中右键打开Git Bash

hexo init

初始化完 cd 进你初始化化的目录

生成静态页面

以下命令会在你 init 目录下生成一个public文件夹

hexo generate

如果是第二次生成，那要执行以下命令进行清除public文件夹

hexo clean

本地启动

hexo server

执行完成后，浏览器输入http://localhost:4000就可以看到效果

写文章

执行new命令，生成指定名称的文章至hexo\source_posts\postName.md

hexo new "postName" #新建文章

文章摘要

在需要显示摘要的地方添加以下代码即可

以上是摘要

以下是余下全文

新建页面

执行new命令，生成指定名称的文件夹至hexo\source\pageName，并且生成index.md至文件夹

hexo new page "pageName" #新建页面

部署Hexo

以下命令建立在已成功构建了Github远程端的前提下，这里就不一概述了

hexo deloy #部署到Github

常用命令

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #将.deploy目录部署到GitHub

简写

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

主题

搭建hexo时，会给一个初始的主题landscape，但是人各有所好，不是每个人都会喜欢
。所以选择一个自己喜欢的主题是很重要的，就像穿衣服一样。

推荐主题

• pacman: 大气，最重要的是功能齐全

• yilia: 美观，但是有一定的Bug

• next: 现在正在使用，添加插件什么的很方便，很喜欢

Next主题

有很完整的教程，这里就做做搬运工了

• 官方教程

• 为NexT主题添加文章阅读量统计功能: 注意后面要加Web安全那一块才能生效

• Hexo搭建GitHub博客（三）- NexT主题配置使用：解惑我很多问题

域名

对于有着情怀的我们来说，怎么可能忍受一直用着MyName.github.io进入我们的博客，所以呢？为了看起来更拉风当然要弄个域名了

购买域名

推荐

• Godaddy: 毕竟是国际大厂商，也支持支付宝

• 阿里云: 支持国产也是很重要的

DNS服务器

推荐

• DNSPOO: 职业DNS服务商

• 阿里云: 在阿里云购买的域名，那用他自己的DNS当然最方便，不用更改

域名与Github

因为我用的阿里云的，所以以阿里云的方式作为参考

1.进入阿里云主页，点击登录

3

2.登陆后，点击万网购买你喜欢并且存在的域名

4

3.购买完成后，进入管理控制台

5

4.点击域名，可以看到域名列表，然后在相应的域名处点击管理

6

5.点击页面中的域名解析

9

6.然后点击解析设置
![10]
[10]: http://7xrul1.com1.z0.glb.clouddn.com/10.png "9"
7.点击添加解析添加图中框选的三条解析记录，第一条填写自己的github地址
注意：如博客不能登录，有可能是github更改了空间服务的ip地址，记得及时到在GitHub Pages查看最新的ip即可

11

8.在自己的Hexo\source目录下创建一个CNAME文件，打开后，里面写入自己的域名地址，如：www.mrzzchao.com
可以不加wwww

最后，这么详细的过程，相信你打开浏览器输入你的域名后，一定会想请我喝咖啡的

博客的笔

博客就像是本子一样，而我们需要做的是在他里面留下我们的思想，印下我们的足迹，那用什么写他呢？
当然是现在最流行的markdown了

Markdown

• markdown简明语法

• Markdown 语法说明 (简体中文版)

编辑器

• MarkDownPad2: 要钱，但是不错

• Madoko: 这篇博客就是在这个神奇的网站编辑器诞生的

Madoko

要想打开本地文件夹就需要安装他的环境，打开命令行，运行如下命令（需要安装Node）

npm install -g madoko-local

安装完成后，打开命令行在你需要打开的文件夹运行如下命令（注意后面那个点）

madoko-local -l .

详情点击教程

参考资料

• Hexo搭建Github静态博客

• 如何搭建一个独立博客——简明Github Pages与Hexo教程

• hexo你的博客

• Hexo 优化与定制(二)

• 一步步在GitHub上创建博客主页

• Next主题官方教程

• 为NexT主题添加文章阅读量统计功能

• Hexo搭建GitHub博客（三）- NexT主题配置使用

• markdown简明语法

• Markdown 语法说明 (简体中文版)

• Madoko