美文网首页@IT·互联网
Hexo on Github Pages 不完全指北

Hexo on Github Pages 不完全指北

作者: whiteplane | 来源:发表于2015-11-04 20:23 被阅读201次

    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

    相关文章

      网友评论

        本文标题:Hexo on Github Pages 不完全指北

        本文链接:https://www.haomeiwen.com/subject/kezqhttx.html