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 部署服务器
网上教程很多,过程中主要参考了以下位博客,感谢各位的分享:
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:
(*^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了。
贴出若干参考的文章与工具:
等等,前面说的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
网友评论