Git+GitHub+Hexo搭建独立博客之综述

Posted on | In
Symbols count in article: 7k | Reading time ≈ 6 mins.

前言

在后博客时代里，我方才接触到博客的玩法。这对于一枚计算机专业的小硕来说：简直了！ 不过还好！

再来！在后博客时代里，基于内容付费模式的新兴玩法激发了更多原创者们的创作热情。这不，我也来了（自己都笑哭了）。虽然，我仍恬不知耻地在自己整理的Notes后添加了 “赞赏”。

言归正传。

在本文中，将会得到如下内容：

(1). 如何搭建：使用Github Page提供的300M免费空间，以开源博客搭建框架Hexo为骨骼，搭建一个独立的静态博客站点;
(2). 如何配色：可以通过配置不同的主题配色，如NexT，Concise，Light等Themes，给自己的博客穿上漂亮的衣服，并拥有良好的手感–也叫"用户体验";
(3). 如何配置第三方服务：主要是引入第三方服务，使自己的博客具备"赞赏"、“社区评论”、"站内搜索"等功能服务，来丰满整个博客血肉;
(4). 如何优化站点[SEO]：对网站进行SEO优化，有利于提高搜索引擎的收录速度及网页排名，也相应地提高网站的鲁棒性;
(5). 如何多PC、多平台同步写博客：将使用版本控制工具Git管理自己的博客，同时很好地解决了多PC、多平台[Linux、Windows、Mac]间协作发文章的功能需求;
(6). 同时，还会附上遇到的各种问题的解决方案；也可以在Notes最后留言哦。

下图为我的博客展示：[是不是有点多此一举的手法？请忍受！]

AbsentM's Notes展示

需要点亮的技能树

  • Git: 基本的用法（add、commit、push），SSH-key的设置等；
  • Github的使用: 还没用上的赶紧注册账号吧；
  • MarkDown: 大道至简的设计风格，流畅的写作方式，极为精炼的语法，可以很好的写作和排版你的文章内容；
  • Hexo: 使用Hexo的简洁语法来完成文章的发布；

将会用到的工具集

  1. nodejs、npm、hexo等基本命令创建一个博客站点；
  2. 评论系统：多说社会化评论组件；
  3. 图床工具：七牛云存储；
  4. 站内搜索：swiftype；
  5. 流量统计：LeanCloud云平台；
  6. 私有项目托管仓库：Code(CSDN出品)；
  7. 能正常使用的邮箱：可能需要注册一堆账号；
  8. 一定的PS技能。

暂且能想到的就这么多了。说道这里，是不是感觉：整个网站的搭建就是一堆玩意东拼西凑人工合成的？

没错！

感谢开放的互联网精神，感谢开源社区提供的免费帮助，世界因善良而变得美好！

接下来，我们完成接下来的 1， 2， 3 ------ 4， 5， 6！

如何建站

需要使用到如下工具：

  • Node.js
  • git

详细的建站过程可参见官方文档：hexo搭建博客之建站官方文档

如何设置主题

现在，使用最为流行的大概就是 NexT 主题了. 其实，相关的主题有很多，可以在这里挑选一款自己喜欢的主题进行配置：hexo官方主题．

我的使用的是 NexT 主题，下面的配置过程基本上就时以此为本了，其他的相关主题的配置类似；

注意，当我们通过第一步的建站和主题环境配置后，会在建站的相关目录中生成 _config.yml 文件两个，且名称一样．其中，在根目录下的该配置文件是 hexo 的配置文件；在 themes 目录下的该配置文件是主题的配置文件．即，接下来的配置主要是修改这两个配置文件．

精于心，简于形

NexT 主题的配置方法详见官网：NexT 主题配置官方文档 和 详细配置方法

如何配置第三方服务

这里的第三方服务主要包括：

  • 社区评论：如多说评论组件，Disqus评论组件
  • 站内搜索：Swiftype搜索组件
  • 流量统计：站内流量统计和文章阅读量统计
  • 音乐服务：网易云音乐外链服务

具体的配置过程可参看如下链接：

  1. 官方第三方服务配置文档
  2. 文章阅读次数配置文档 - 基于 LeanCloud

如何优化站点

包括：robots.txt，sitemap 和 图床( 因为 github 给的免费空间存储容量有限，大批量的图片不能完全存储在github page 上，可使用图床在需要的图片的地方插入链接即可 )的使用.

详细的配置文档请参考如下链接：

  1. 优化：优化站点文档说明
  2. 七牛图床：七牛云使用文档

使用 Markdown 写博客

GitHub page 支持我们使用 Markdown 写文章，这是最赞的功能．可以通过如下命令添加新文章：

sudo hexo n "---文章的名字---"

这条命令可以在站点的 Source/_post/ 目录下生成：＂—文章的名字—＂.md 文章内容．

之后便可以使用便捷的 Markdown 语法写文章了， Markdown 语法请参看这里: Markdown 语法说明．

同时，推荐几款 Markdown 编辑器（使用网页版的很方便）：

  1. 作业部落：https://www.zybuluo.com
  2. 马克飞象：https://maxiang.io/
  3. 有道云笔记：http://note.youdao.com/
  4. CSDN 的Markdown编辑器等

当我们完成文章的书写功能后，可通过如下命令发布文章，重新部署站点：

sudo hexo clean
sudo hexo g -d

如何多PC、多平台同步写博客

搭配的博客环境一般在一台电脑上，这样当我们拥有多台电脑想要协同办公的时候，就需要同步自己博客站点的环境配置．使用 Git 是一个进行协同控制的好方法．

我们可以在 CSDN code平台，或OSChina平台创建一个私有仓库，合并自己建站时从Github上克隆的主题的**.gitignore**文件；

同时删除站点目录和主题目录下与Git相关的文件和目录，如.git目录，只保留从私有仓库克隆下的git配置文件，如果不删除这些内容的话，这些文件是不能进行版本控制的，我们就不能管理这些配置文件了；

也即，站点形成了这样的三层目录关系：最外层：私有仓库目录，中间层：站点目录（记得剔除git配置文件），最内层：主题目录（记得剔除主题git相关配置文件）．

每次完成文章写作后，可以通过如下命令同步博客内容和配置：

sudo git add .
sudo git commit -m "xxxx"
sudo git push

当我们换一台机器写博客的时候，从私有仓库中克隆下来站点的所有内容即可：

sudo git pull

如果是在另一台电脑第一次pull，还需要重新搭建一下建站环境．

参考资料

1. http://www.jeyzhang.com/hexo-github-blog-building.html
2. https://hexo.io/zh-cn/docs/index.html
3. https://github.com/iissnan/hexo-theme-next/wiki
4. http://wuxiaolong.me/2014/10/30/qiniu-photo-bed/
5. http://theme-next.iissnan.com/third-party-services.html

END

0%