为什么开始写博客

每一行代码，都是美丽的诗句。写代码快3年了，从小白一路走来，学的东西多，写的却很少。从后端再到现在的前端，有时候想缅怀一下过去，那些好的和不好的，却发现时间不仅模糊了记忆，还让人忘记了初心。所以，我想记录写过的代码，学过的东西。人嘛，总要留下点痕迹，不是么..

那点事儿

写博客嘛，总要先选个地儿，考虑过诸如博客园啦、CSDN 啦、segmentfault 啦、简书等等。但都不太喜欢，最终还是选择了 Hexo + github 来建立自己的博客。建站教程嘛，google一下很多的啦，就不啰嗦了~ 捣鼓了一个周末，终于把博客改造好了。很开心，这里还是记录一下DIY的那些事儿：

换个主题

网上有非常多好看的Hexo主题，再三纠结之后，选了一个简单干净又不失优雅的 Next，首先当然是把主题下载下来啦，官网上的地址是:

1 2	$ cd your-hexo-site $ git clone https://github.com/iissnan/hexo-theme-next themes/next

但其实此主题的最新版放在了这里：

1	$ git clone https://github.com/theme-next/hexo-theme-next themes/next

下载下来后只需在更改博客的配置文件_config.yml中:

1	theme: next

然后运行 hexo s -p 4444 就可以在浏览器中访问 localhost：4444 看到博客啦~

此外，next 是拥有题中题的主题（哈哈，好绕口~），有Muse、Mist、Pisces、Gemini 四种模式可以选择，在next文件夹下的_config.yml 中修改：

1	scheme: Mist

就可以看到mist主题下的博客啦：

博客.png

右上角加个 github 小图标

在这里选择一个喜欢的样式，然后复制代码到next\layout\_layout.swig文件找到:

1 2	<div class="headband"></div> //复制的代码放在这里,将链接地址改成自己github地址

右侧小图标

先在图标库里选择对应的图标，然后再_config.yml 中修改:

social:
  GitHub: https://github.com/Ghostdar || github
  E-Mail: mailto:848760247@qq.com || envelope
  SegmentFault:　https://segmentfault.com/u/ghostdar　||　SegmentFault 
social_icons:
  enable: true
  icons_only: false
  transition: false
  
  GitHub: github
  E-Mail: envelope
  SegmentFault:　SegmentFault 
  
  exturl: false

添加访客统计代码：

打开 \themes\next\layout\_partials\footer.swig 文件，在copyright前加上：

1	<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

然后在合适的地方加上显示统计的代码：

<div class="powered-by">
<i class="fa fa-user-md"></i><span id="busuanzi_container_site_uv">
  本站访客数:<span id="busuanzi_value_site_uv"></span>
</span>|
<i class="fa fa-eye"></i><span id="busuanzi_container_site_pv">
    本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>
</div>

为博客添加评论系统

由于网易云跟帖已下线，我使用的是来必利，

注册完成后，选择安装city版本，填写一些资料后，就能拿到安装代码，复制其中data-uid 里的内容，然后在主题配置文件下修：

1	livere_uid：your uid

大功告成！！

使用专属域名

首先，使用cmd ping github 地址:

然后添加域名解析到此IP：

域名解析.png

最后，在github 上设置：

github设置.png

然后就可以愉快的使用自己的域名访问啦~