layout: post title: D码点评:23 用jekyll架设0运维网站 description: ~ 麻辣评点,善意满盈 author: zoomq categories: gDgcoDe tags: gdg D码点评 dd wechat coding


2014-06-07 9:08 GMT+08:00:
Hi DAMA,

订阅zhgdg的微信账号已经很久了,几乎大妈分享的每篇文章都很喜欢,
不仅如此,
也非常喜欢zhgdg博客本身,
不知道大妈可否分享一下这个博客的搭建方法. 
虽然网上也有不少关于Jekyll+Github Page搭建博客的讲解,
不过不管从功能还是布局,zhgdg博客做的都很赞,
希望大妈可以把这方面的经验分享给大家.

感谢,期待!

这个必须有哪,,, 嘦有问,当然得答...

需求

其实在第一篇文章就就吼过了:你好,世界 | GDG Livin ZhuHai Life;-)

回顾一下当时内心的核心需求:

免费
md
git
域名

所以,其实有N 多方案可以选择的...

方案

简单列一下主要的:

最后追加了两个条件就自然的定了下来:

Jekyll+gitcafe

详细的其实也早已公开的:

zhgdg/zhgdg - GitCafe

基于官方的报告:

宏观上,最终支持的日常维护:

从gitcafe clone 到本地工程(首次)
    |
    +- 同步更新
    ^   $ git pl cafe gitcafe-pages
    ^   |
    ^   +- 在 /_posts 目录中增补文章
    |       文件名格式: yyyy-mm-dd-[clean-uri-name].md
    |       |
    |       +- git 发布:
    |           $ git add .
    |           $ git ci -am "合理的提交注释"
    |           $ git pu cafe gitcafe-pages
    +----------/

域名

参考官方文档

通过 DNSPod 的服务快速完成.

样式

就个是最麻烦的:

图片/附件

参考: 我们是如何使用7牛云储存的

坚定的不在 git 仓库中包含,文章用的图片/附件, 而是通过综合使用外部云存储空间.

大量使用各种命令行工具, 不过,写文章的次序就变成了:

唯一技巧是使用 CoLT :: Firefox 附加组件

140609-colt-cfg 140609-colt-usage

可以定制的快速 网址+文字 的特定链接格式文本生成器.

插件

一个合意的Blogging 系统当然不可能是开箱即用的...

都是慢慢随着运维的坚持,逐一增补上来的, 以下插件是在长达 14 个月的时间里慢慢追加而得的...

流量分析

追加qq 统计+ · 0c6a4c81 - GitCafe

是的,国内的流量分析,当然用 qq 的了, CDN 作的充分,对网站的速度影响最小...

DISQUS

这几乎是标配了,没什么好说的:

在模板中,合适的地方包含 _includes / comments.md 即可

通用缀文

参考:

因为每篇文章尾部总是有相同的内容要缀上,于是,修订模板, 统一包含了一个相同的 _includes / postfix.md

这样也方便统一增补.

more

原先首页只能显示文章全文, 所以,为了美观,就只能配置为首页输出一篇文章了, 长期下来,发现,显的好象网站不怎么积极, 于是找来支持 <!--more--> 标准的模板代码,增补上,并配置为首页展示三篇文章:

fixed index for 3 words with reade-more · c59b3300 - GitCafe

author

参考:

对应增补了自个儿的配置,以及模板

TOC

参考:

是的,Google 出来的一段 JS 追加到模板中, 就能自动分析文章,将 <H2> 以下的各种段落标题抽取出来形成浮动在右上的文章提纲了

当然,要对应调整 CSS 了:

try TOC by https://gist.github.com/cloudsben/6059930 + woodpecker css · 48fb1148 - GitCafe

coderwall徽章

刚刚研究 Mort | Summer's Mariner 时, 发现的又一公众服务:

很有趣,也靠谱,于是:

appended coderwall support by soimort.org · bf0cf6d2 - GitCafe

就从 2feac66e1a55cf0518ced43e814b075a(PNG 图像,80x80 像素) 的官网扒出 js 用上了.

嗯嗯嗯.

参考:

是也乎

以上, 其实,基本上,就是自个儿想要什么, Gogole 一下,配置好, Push 给 gitcafe 就KO了的事儿...



以上...


码不停提马上无虫 ;-)

|_|0|_|
|_|_|0|
|0|0|0|

加入 珠海GDG

  1. 注册 G+
  2. 关注 GDG Zhuhai
  3. 成为 GDG Zhuha开发者

通过 珠海GDG 可以:

    第一时间获知谷歌最新的技术,
    可以学到如何去谷歌平台上赚钱的思路和方法,
    可以认识很多有可能将来一起走上自己创业道路的人,
    可以学会把你的创新带向国际市场,
    参加那里的活动有经常和国际上的开发者们进行交流的机会...

PS:

若无意外,题图都是从原文提取或是通过 Google 图片搜索出来的, 版权属左, 不负责任 ;-)

PPS:

珠海GDG wechat/Blog 都是欢迎投稿的,只要追认内容吻合以下条件:

0. 有趣 ~ 至少是自个儿有兴趣的领域吧...
1. 有料 ~ 至少有点儿原创的东西吧..
2. 有种 ~ 至少不能是成功学吧!

有好物的,及时向大妈们吼: [email protected]

微信栏目

当前应该是:

    G术图书 (gb:推荐好书,书无中外)
    D码点评 (dd:麻辣评点,善意满盈)
    G说公论 (gt:时评杂文,新旧不拘)
    珠的自白(dm:大妈自述,每周一篇)
    海选文章(hd:得要相信,大妈法眼)

总之! 珠海的组委大妈们,决定开始坚持发文,方方面面细细同大家分享/交流

总之! 请大家告诉大家, 珠海生活中的技术社区 已经认真回归 微信,都来订阅吧!

订阅方法

GDG珠海 社区资源:


Author: Zoom.Quiet /mail / gittip / github