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


前言

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

再来!在后博客时代里,基于内容付费模式的新兴玩法激发了更多原创者们的创作热情。这不,我也来了(自己都笑哭了)。虽然,我仍恬不知耻地在自己整理的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


Enjoy it ? Donate me ! 求鼓励,求支持!
0%