github page +hexo 建立个人blog



作为一个技术开发人员，博客是记录自己知识的平台，无论是项目中遇到的问题还是自己使用框架、控件等的心得。俗话说好记性不如烂笔头，平时工作或者生活中的大大小小的事记录下来（当然这里不是写纸质日记），总比到时候到处找好。早期程序员都是混各种论坛，写博客就会用第三方的如：CSDN、博客园等，再到后知乎、简书、微信、微博等，最后就是自己搭建博客了。

本人作为一个Android程序员对前端网页的知识不是非常了解，一开始要我搭建博客我是拒绝的，虽然我知道github提供了github page这个一个免费的平台。后来是查看了相关的文章才了解到配合hexo，我们再也不用关心网页的主题了，只要关注写博客就可以了，真的是一个非常开心的事呢。

Github Pages

首先你必须是万千同性交友网站中的一员，也就是有github的账号，然后我们跟平时一样在github上面创建一个仓库，但是名称就有要求了，必须是username.github.io（username就是你github的账户名），到这里我们就成功了一步。

hexo

第二部就是通过hexo建立自己的博客

安装hexo

安装教程网上有很多,这里直接给出hexo中文网的文档地址：hexo安装传送门

建网站

Hexo安装好了之后，就开始进行建站，这里需要使用终端（笔者是Mac）
我们选择一个目录作为我们本地存储地址，然后cd 把目录拖进去回车然后

1
2
3
hexo init yourname
cd yourname
npm install

其中yourname为你的文件夹名字可随意取（本文这里是DongQing）。
完成之后我们需要我hexo与github关联起来，我们打开DongQing中的_config.yml文件，在文件尾

1
2
3
deploy:
type: git
repo: https://github.com/a741762308/a741762308.github.io.git

repo 换成你自己的github page 仓库地址

我们在终端运行hexo s命令如果成功打印Start processing Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.在浏览区中敲入http://localhost:4000/.等待奇迹的发生。

发布

刚刚那么激动仅仅只是本地跑起来了，我们要发布到github page才行
继续终端

1
2
3
hexo clean
hexo g
hexo d

命令详解，第一条是清楚缓存，第二条命令是生成本地发布文件夹，第三条命令才是最后的发布到github pages上。更多请参考Hexo官方命令参考文档

现在我们就可以通过username.github.io来访问自己的博客了，比如笔者的是a741762308.github.io,可以看到hexo的画面了，但是这些还不够，不够漂亮。。。。。。。。。

hexo的主题

我们找到自己刚刚的文件夹，可以看到有一个themes目录，里面有个默认的主题landscape，我们觉得这个主题不行，实在是不够美观。hexo也为我们提供了许许多多的主题，列出我比较喜欢的

大家也可以到hexo主题去选择自己喜欢的，一般都告诉你了详细的配置信息。

域名

其实实现上次步骤，博客就基本上完成了，只不过访问地址是username.github.io，给人感觉没有逼格😂😂😂。因此追求极致的我们怎么能给人这么low的域名地址呢。
因此我们需要需要购买一个域名，我是在阿里云购买了一个域名，可惜的是本人名字的各种域名已经被注册了😂😂😂，注册成功后我们在域名解析里面添加如下图的解析

其中两个A标签是github的地址，CNAME指向我们博客的地址。
然后就是在之前建立的站点目录下的source目录中新建一个CNAME文件

然后编辑它添加我们注册的域名(不用添加http://)

最后我们提交到github（在终端输入hexo d -g命令），然后开始见证奇迹的到来吧，如我的博客

可视化博客编辑

现在我们写博客都是用markdown的格式，我们可以写好博客后把.md格式的文件复制到该目录下，然后提交命令。

但是我们都希望有个可视化的编辑器，这样修改与写作起来比较方便，笔者使用的是nihgwu/hexo-hey，根据说明配置好相关信息后
终端输入hexo s命令，打开浏览器输入http://localhost:4000/admin/输入用户名hexo,密码hey后就可以看到我们的文章了，这样我们可以直接新建然后开心的写博客了（写好文章发布后，本地能看到，但我们还要提交到github，这样输入域名就可以看到刚刚发布的文章了）。

其他

  1. 百度统计
    我们只需要到百度统计官网申请一个然后配置一下就可以了
    申请网站

    获取代码

    将如下值放到主题目录 _config.yml中

    baidu_analytics: 'a126111c938a05ed22c21e173d128c42'
  2. 多说评论
    需要到多说官网注册站点

    然后上图中多说域名的值放到主题目录_config.yml中
    duoshuo: xxxxxxxx
    注意：多说即将关闭
  3. 站点统计
    使用不蒜子免费提供的服务，具体配置请查看网站说明。
  4. 数学公式
    开启数学公式请参考http://lukang.me/2014/mathjax-for-hexo.html
    由于本人使用的yilia主题，只需要将主题中_config.yml文件将mathjax设为true（默认是false）mathjax: true。

    最后

    搭建自己的博客是一件刚开始比较新鲜与折腾的事，搭建好后，我们就可以直接用可视化插件在线编辑我们的博客，让开发人员不用再注意网站本身，只需要将写好的md文件复制到各大平台与自己的博客地址。虽然自己的博客可能没人看，但是呢，我们的初衷就不是这个，而是让自己坚持写作，坚持分享自己的技术，给自己作总结。
赏

谢谢你请我吃糖果

支付宝
微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

董庆&lt;/br&gt;2014年毕业&lt;</br&gt>;Android程序猿一枚。