Hexo博客搭建以及Next主题美化的经验之谈

这并非一篇博客搭建教程。内容主要包含我的对于Hexo博客搭建的心得，Next6.0主题美化的部分建议，以及摘录一些各类用于博客搭建的link。

在博客园3年6个月，确实也学到了不少，博客园也是目前为止相对比较好的博客平台。不忘初心，博客园能够说是作的很是好的了，不管在技术博客初衷上，仍是万年不变的UI上（2333）。所以虽然本身建站了，可是博客园这边也不会荒废，会常常回来看的。
我的博客地址：furur.xyz

下面如正题。

我的博客的搭建不外乎两种，相似Wordpress的动态博客，相似Hexo的静态博客。前者搭建好了以后维护起来仍是比较方便的，不论是发文仍是添加分类等等均可以在后台管理中进行；然后者则须要手动进行管理，从博客的美化到内容的维护，固然也存在hexo-admin这类的插件。However，前者须要一个服务器，emmm，后者的话托管在github或者coding就ok，短期内能用完100M的估计也是人才了。

Absolutely，博主选择了后者。Hexo的教程网上多了去了，也写的够详尽够简单了，毕竟Hexo原本也就是一个快速的blog搭建工具，所以也就再也不写完整教程了。下面我会写一些针对于当前版本的Hexo以及最受欢迎的主题Next的一些tips，主要内容以下：

• 搭建一个Hexo&Next的最小博客系统
• Next主题美化心得
• 域名绑定
• 关于博客图片
• 备份维护的Tips

---

搭建一个Hexo&Next的最小博客系统

论最小系统的重要性。对于任何一个须要搭建的系统，不管是博客仍是论坛，我都推荐新手先根据教程搭建一个最小系统。最小系统顾名思义，就是一个知足需求的最小化的系统。举个栗子，好比你须要搭建Wordpress，这个时候咱们就能够先搭建一个最基本的Wordpress博客，便可以进行内容的发布和管理，而后再根据本身的需求去进行主题的美化和插件安装等等，这样操做会更具备条理性。彻底没有必要第一次就指望可以顺利搭建完成，直接用于实际生产应用环境。

再看Hexo，Hexo搭建的过程就是单纯的配置文件形式和命令行。有些教程写的很是长，从安装环境、本地部署、美化、第三方插件写到域名、SEO优化等等。内容太多，太复杂，这对于新手就显得不那么友好了。所以在这里，我仅仅描述了如何搭建一个Hexo&Next的最小博客系统，不夹杂其他一些美化优化等操做，待你们玩熟了以后，再进行一些高级的配置。最小博客系统的搭建分为如下几个步骤：

1. 本地环境搭建（Git、Node.js）
2. Github建立博客仓库，初始化GitHub Pages
3. 本地搭建Hexo博客
4. 部署到GitHub Pages
5. . 主题美化

Attention： 这里未包含域名绑定的过程，由于不管GitHub Pages仍是Coding Pages，均可以经过用户名自带的域名访问，若是购买了域名的，可参考附录进行域名绑定。

1-4步具体的过程可参考GitHub Pages + Hexo搭建博客，按照这篇博客的步骤走，基本上几分钟时间就能够搭建一个默认主题的Hexo博客了。

默认的主题并非那么好看，这里咱们选择目前最流行的Hexo Next主题，该主题很是简洁，而且有很是详细的配置文档，对于不肯意花大时间在博客美化上的人来讲，是极好的。

主题应用具体可参考Next官方文档，咱们须要根据文档配置一下信息：

1. Scheme
2. 语言
3. 菜单，包括标签、分类、关于等
4. 做者昵称和站点描述

通过以上几个步骤的配置，一个基本的我的博客就已经成型了，能够在上面进行内容的发布，这也就是上面所提到的一个最小系统。

Next主题美化心得

搭建完最小系统的Hexo博客，其实已经能够正常工做了。可是Next主题给了咱们更多DIY的空间，根据官方配置文档，咱们还能配置例如评论、统计分析、搜索等其余一系列的功能。你们能够根据本身的喜爱进行配置。

可是，须要提出的就是，Hexo自己主打的是轻量级博客系统，过多的美化可能会致使博客的卡顿。所以，我只推荐如下个性化设置：

• Github banner
  在Next6.0以后，配置自带github_banner，只须要在后面添加本身的github地址便可，例如：

github_banner: https://github.com/maoqyhz || Follow me on GitHub

• 博文置顶
• 评论系统和单篇文章统计
  这里把这两部分何在一块儿，主要他们都用到了LeanCloud服务。LeanCloud是一个后端服务商，咱们在上面注册后，就能够无偿使用其统计和评论的服务。固然，听说leancloud_visitors有一个安全问题，对此比较敏感的可经过Leancloud访客统计插件重大安全漏洞修复指南进行手动修复，也可忽略。
• 全站统计
• 开启本地搜索
• 博客字数统计和阅读所需时间
  旧版的next主题使用的是hexo-wordcount插件，新版已替换成hexo-symbols-count-time

上述的美化配置，都可在Next官方文档和hexo的next主题个性化教程:打造炫酷网站中找到。

域名绑定

github page自带二级域名，同时也支持绑定我的域名。

域名其实分为注册和绑定两部分。

第一，须要去域名服务商哪里购买域名，国内：万网、Dnspod；国外选择余地就更大了，具体的价格可参考www.domcomp.com。博主是在namesilo里买的，价格相对比较便宜。

第二，域名绑定。若是是像博主这样在国外服务商买的域名，通常就不使用其域名解析服务（NS）了，能够换成国内的Dnspod。而后设置别名便可，不须要添加A记录。

具体操做以下：

1. 更换域名服务商的NS，以namesilo为例。

1. 在Dnspod中添加域名和记录。
   

2. 在博客源文件source/目录下建立一个无文件类型的文件CNAME，并添加本身的域名，例如furur.xyz。更新部署到github上。

因为NS修改须要时间，过一段时间能够刷新下网页看看。

关于博客图片

Hexo博客搭建完后，大多会选择部署到Github Pages或者Coding Pages上去，这时候因为空间问题，你们可能会对于博客中的图片放哪的问题存在困惑。网上大多数的人都推荐使用各类图床或者云服务（七牛云）。可是我的以为若是不是嫌图片加载的速度过慢，其实直接上传图片到github就能够了。Github Pages每人的空间有100M，毕竟技术博客中包含的图片有限，实在有大图，能够先进行在线压缩。通常一篇博客1M都不到，待有恒心写满100篇博客在说吧。上传图片，须要将Hexo配置文件中的post_asset_folder设为true，而后在博客建立时，会在source文件夹下建立于博客同名的文件夹。在里面放图片，博客中直接引用文件名便可。

备份维护的Tips

Hexo博客须要本地静态部署后，push到服务器上去。善于思考的，应该会想到若是换电脑了，应该如何继续写博客部署到服务器上去呢？具体可参考使用hexo，若是换了电脑怎么更新博客？

其实原理很简单，知乎中提到的这么多方法，无非就是将除了部署生成的文件以外，其他的文件夹以及配置文件都单独保存好便可。保存的方法天然有不少，能够新建一个源代码分支，也可单独用云服务进行备份。

总结

对于coding相关的人来讲，Hexo的搭建能够说是很是简单了，加上网上资料丰富，你们能够随意折腾~~~

附录

教程列表

• GitHub Pages + Hexo搭建博客
• Hexo搭建博客教程
• Hexo+GithubPages&CodingPages搭建本身的我的博客

备份维护

• 使用hexo，若是换了电脑怎么更新博客？

主题美化

• hexo的next主题个性化教程:打造炫酷网站
• 为NexT主题添加文章阅读量统计功能
• Hexo博客添加文章置顶功能

插件

• hexo-git-backup
• hexo-admin