Hexo on Github Pages 不完全指北


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


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

  • Sublime2
    编辑器的本体,跨平台,小巧方便,插件多,如果是PM,作为备用的文本编辑器也是很好的,万一要编辑下html,或者一些配置文件什么的方便很多。

  • markdown preview
    Sublime的Markdown 预览插件,设置快捷键后可以方便的指定浏览器中打开经过解析的markdown。

  • Live reload
    markdown preview通过该插件,当编辑的markdown文件保存后,自动刷新对应的浏览器预览页面

  • Theme Spacegray
    不错的subline主题,其中的配色方案带上了markdown的语法适配。

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


写在最后

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

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

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

** Just for Fun**
Just for Life

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,835评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,598评论 1 295
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,569评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,159评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,533评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,710评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,923评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,674评论 0 203
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,421评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,622评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,115评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,428评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,114评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,097评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,875评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,753评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,649评论 2 271

推荐阅读更多精彩内容