手把手教你搭建属于自己的博客

首先需要一些基础的配置：

• github账号，因为我们需要github page上面的免费空间
• hexo 用来管理自定义博客页面
• MWeb 可以编写md等
• node.js
• git

具体实现步骤:

1. 登录github创建一个项目，项目名字必须是这个的格式

Paste_Image.png

左边划红线的就是你github的名字，然后以这个项目作为你blog的空间

Paste_Image.png

点击setting进入上面设置页面，选中箭头部分设置blog的样式，里面有几种主题是可以选择的，设置成功后在浏览器中输入之前你项目的名字就可以打开了。但是这样的域名是比较长的，很不美观，那么接下来就教你如何绑定自己的特有的域名。

3.首先要买一个域名，这个可以在阿里云上面购买，当然其他的地方也是可以的，这里就以阿里云的为例。进入域名管理将git上的域名解析到阿里云

Paste_Image.png

这个你的域名就可以用github page的空间了，那么接下来就是在github page上面绑定你的域名了，好在进入之前的setting页面添加你自己的域名即可。

Paste_Image.png

这样你的域名就可以被访问了。
4.接下来就是用hexo来设置管理你的blog了
<p>安装</p><pre><code>
npm install hexo -g
</code></pre>
<p>初始化</p><pre><code>
hexo init <project name>
</code></pre>
<p>生成静态页面</p><pre><code>
hexo g
</code></pre>
<p>启动服务器</p><pre><code>
hexo s
</code></pre>

Paste_Image.png
在浏览器中输入http://localhost:4000/
就可以看到默认的blog样式了，当然这个是本地的，接下来就是关联到github page 上面了。进入_config.yml在末尾修改deployer为 Paste_Image.png

注意样式一定一样

然后进入source文件夹创建CNAME文件在里面添加你的阿里云域名。

<p>保存deployer修改</p><pre><code>
npm install hexo-deployer-git --save
</code></pre>

<p>清除缓存</p><pre><code>
hexo clean
</code></pre>
<p>部署</p><pre><code>
hexo d
</code></pre>
部署成功后你的个人blog基本上已经完成了。

5.最后一步就是如何编写的问题了，个人选择的是MWeb编辑器

Paste_Image.png

完成你的文章之后保存为markdown格式，将其放入到hexo 文件夹下面source->_posts里面，然后再次保存修改->部署即可.这样基本上已经完成了blog的搭建了。

6.最后一步就是blog的美化了，一款炫酷的主题肯定是必须的,这里就随便选个主题配置了
<p>主题下载</p><pre><code>
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
</code></pre>
<p>主题安装</p><pre><code>
cd themes/yilia

git pull
</code></pre>
其他的配置就在主目录下面的_config.yml里面修改了，比如作者名字，文章数目，链接等等。

到这里blog的搭建基本完成了，赶紧试试吧！