@IT·互联网

Hexo on Github Pages 不完全指北

2015-11-04  本文已影响201人  whiteplane

The Lonely Moscow 3 by Georgiy Chernyadyev on 500px

写在前面的前面

这篇文章是之前在Github Pages上利用Hexo的心得和整理,Po在之前的主页上,转到简书上来,希望对大家有帮助。

写在前面

自己要的博客,哭着也得搭完。
这几天工作忙的要死,但是博客搭的一半,总感觉有事情没做完,半夜下班回家继续折腾。

像我这么喜新厌旧的的人,不知道什么时候又放弃了呢。
乘着新鲜的劲头,赶紧记录下搭建的关键要素,分享给大家。

主要是怕自己忘了,顺便熟悉下Markdown的语法


Github Pages

话说之前在的Godaddy上买的主机即使挂上GAE有时候连 cPanel 都连不上,基本都快奔溃了,很多时候真的有对种花家局域网彻底崩溃

Github Pages 是针对个人主页定制的发布系统,基本没有流量限制,空间大概在300MB之内(细节我也便不下去了)。

Github Pages可以部署静态页面,还蛮适合的,关键是:

不要钱啊~!
不要钱啊~!
不要钱啊~!

重要的事情说三遍

Github服务器在海外,访问速度稍微差一点,也有被屏蔽的经历,可能要随时准备备份跑路

其实还是因为懒~

因为在海外,不用备案,海外买的域名可以直接通过设置域名的 CNAME 进行绑定访问,瞬间博客的逼格就上来了。


Hexo

Hexo 是个基于node.js的静态博客生成工具,台湾少年 Tommy Chen 创作,貌似是为了解决Octopress(基于 jekllrb powered by ruby)慢的问题。

本身我本不了解node.js,好奇心使然,尝试了下,加上Hexo的中文资料不错,就试着用了起来。

Hexo 的安装,部署什么的都很容易,教程页蛮简单的,如果不需要深度定制主题的话,很快就能搞定。

hexo n 生成文章模板
hexo g 生成文章页面
hexo d 部署服务器

网上教程很多,过程中主要参考了以下位博客,感谢各位的分享:

  1. 不如-hexo你的博客
  2. 机智阿卡林酱-Hexo 3.0 静态博客使用指南

PS:

  • 需要提一下,如果对github不熟悉的朋友,很多教程开始的时候,都是让大家去配置SSH,很多小白估计都搞不清楚。
  • 现在Hexo3.0已经支持https部署,不需要配置ssh了,大家跳过这个步骤吧

Hexo-Theme-Next

不得不提的是,当初选择Hexo的一个重要原因,就是知乎看到了Next主题,当然作者iissnan也是国人。

目前(2015-07-11)这个博客正在使用该主题,真的很喜欢,感谢作者。

不得不说的是,在折腾这个主题的时候,发现Fancybox图片展示插件,弹出的时候没有显示图片标题,这个时候作为PM的强迫症就起来了。

折腾了一个晚上发现,原来配置的时候没有在新生成的<a>标签带上原图片的title属性,主要是我的coding能力已经很屎了。

发现问题以后,用我蹩脚的js阅读能力,添加了修正,发出了我人生第一次

Github Pull Request

https://github.com/iissnan/hexo-theme-next/pull/279

(*^3^)第一次就这么献出去了,不知道有没有被merge

2015.07.13 merge done



PS:

  • 因为就是简单的一句代码修改,所以直接pull request了,通过搜索可以了解到,这不是好的合并代码习惯。
  • Git博大精深,由于现在主天赋是PM,不是Coder了,先留下写关键词,以后学习:
    Pull,Fetch, Merge

Markdown

Markdown简单说就是一种简化的标记语言,可以兼容html,可以通过parser解析成HTML,由于良好的书写流畅度,已经被很多博客、维基系统采用。

也就是说,如果想要快速排版和书写,可以直接使用markdown简单标记,回过头来如果对文章的布局满意可以通过HTML进行调整。

Markdown作为语言,必然有自己的语法,哈哈哈。

前面说的那么好,裤子都脱了你让我学语法?

语法再简单,也是要学的,不过还好网上很多文章有总结,并且有很多在线编辑器可以边写边看效果。

这篇文章里我也尝试了大部分的格式语法,其实不到一天基本都掌握,实在记不住的,多用用就OK了。

贴出若干参考的文章与工具:

  1. 不如-markdown简明语法
  2. Markdown 语法说明 (简体中文版)
  3. Cmd-Markdown在线编辑器

等等,前面说的parsers是什么鬼,为什么觉得是一个大坑!

其实与浏览器解析HTML一样,不同浏览器会有不同的解析结果。对于markdown来说,不同的博客、wiki系统在基础Markdown协议上,会做一定的扩展。

就拿github来说,其对Markdown的支持,称为github favorted markdown,简称GFM,就丧心病狂的添加了emoji表情的支持。

  • 那么我应该通过什么编辑器来写markdown从而生成我的blog呢?

市面上的markdown编辑器有很多,不管mac,还是win都有不错的产品。

我这里的使用的sublime,有没有很眼熟?

就是跨平台的全能编辑器, Powered by Python (快来个人抓走这个安利 Python 的菜比~)

Life is short, use Python

目前,我的书写环境主要是:

PS: 在简书上,当然有自带的编辑器就OK啦

写在最后

其实这套大保健下来还是很伤神的,没有开发经验的同学很容易中途放弃,与其说是执着,不如说是挺享受自己动手一点点搭建的过程。

搭建还是一小部分工作,日后的博客维护估计还是很伤肾的,有时候想想,买主机上个Wordpress,或者简书,各种专栏,甚至微信公众号都是不错的选择。

总而言之,可能这一切,不是为了记录,也不是为了创作,而只是为了有趣吧。

** Just for Fun**
Just for Life

上一篇下一篇

猜你喜欢

热点阅读