D码点评:23 用jekyll架设0运维网站
2014-06-07 9:08 GMT+08:00:
Hi DAMA,
订阅zhgdg的微信账号已经很久了,几乎大妈分享的每篇文章都很喜欢,
不仅如此,
也非常喜欢zhgdg博客本身,
不知道大妈可否分享一下这个博客的搭建方法.
虽然网上也有不少关于Jekyll+Github Page搭建博客的讲解,
不过不管从功能还是布局,zhgdg博客做的都很赞,
希望大妈可以把这方面的经验分享给大家.
感谢,期待!
这个必须有哪,,, 嘦有问,当然得答…
需求
| 其实在第一篇文章就就吼过了:[你好,世界 | GDG Livin ZhuHai Life;-)](http://blog.zhgdg.org/2012-12/hello-world/) |
回顾一下当时内心的核心需求:
免费
md
git
域名
所以,其实有N 多方案可以选择的…
方案
简单列一下主要的:
- Wordpress+SAE+MySQL
- Github-pages+Jekyll
- Github-pages+Pelican
- Github-pages+Shphinx
- Github-pages+其它静态化系统
- gitcafe-pages+Jekyll
- gitcafe-pages+Pelican
- gitcafe-pages+Shphinx
- gitcafe-pages+其它静态化系统
- …
最后追加了两个条件就自然的定了下来:
- 国内服务
- 单库即可
Jekyll+gitcafe
详细的其实也早已公开的:
基于官方的报告:
-
[[2012/10/31]GitCafe正式推出Pages服务 Blog – GitCafe](http://blog.gitcafe.com/116.html) -
[GitCafe已支持项目的Pages服务 Blog – GitCafe](http://blog.gitcafe.com/234.html)
宏观上,最终支持的日常维护:
从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
+----------/
域名
参考官方文档
-
[GitCafe Pages服务现支持自定义域名绑定 Blog – GitCafe](http://blog.gitcafe.com/142.html)
通过 DNSPod 的服务快速完成.
样式
就个是最麻烦的:
- 从官方的实例列表中,逐一感受
- Sites · jekyll/jekyll Wiki
- 最终找到国人作品 signifox 下载改造而成
图片/附件
参考: 我们是如何使用7牛云储存的
坚定的不在 git 仓库中包含,文章用的图片/附件, 而是通过综合使用外部云存储空间.
大量使用各种命令行工具, 不过,写文章的次序就变成了:
- 构思文章
- 收集文章需要的图片
- 使用 7牛工具同步图片
- 同时进行 .md 文章撰写
- 基本上文章,写好时,图片也都同步完了
- 增补上文件/图片链接
唯一技巧是使用 CoLT :: Firefox 附加组件
可以定制的快速 网址+文字 的特定链接格式文本生成器.
插件
一个合意的Blogging 系统当然不可能是开箱即用的…
都是慢慢随着运维的坚持,逐一增补上来的, 以下插件是在长达 14 个月的时间里慢慢追加而得的…
流量分析
是的,国内的流量分析,当然用 qq 的了, CDN 作的充分,对网站的速度影响最小…
DISQUS
这几乎是标配了,没什么好说的:
在模板中,合适的地方包含 _includes / comments.md 即可
通用缀文
参考:
因为每篇文章尾部总是有相同的内容要缀上,于是,修订模板,
统一包含了一个相同的 _includes / postfix.md
这样也方便统一增补.
more
原先首页只能显示文章全文,
所以,为了美观,就只能配置为首页输出一篇文章了,
长期下来,发现,显的好象网站不怎么积极,
于是找来支持 <!--more--> 标准的模板代码,增补上,并配置为首页展示三篇文章:
fixed index for 3 words with reade-more · c59b3300 - GitCafe
author
参考:
对应增补了自个儿的配置,以及模板
TOC
参考:
- https://gist.github.com/cloudsben/6059930
- try TOC by https://gist.github.com/cloudsben/6059930 · 9baf128e - GitCafe
是的,Google 出来的一段 JS 追加到模板中,
就能自动分析文章,将 <H2> 以下的各种段落标题抽取出来形成浮动在右上的文章提纲了
当然,要对应调整 CSS 了:
try TOC by https://gist.github.com/cloudsben/6059930 + woodpecker css · 48fb1148 - GitCafe
coderwall徽章
刚刚研究 Mort | Summer’s Mariner 时, 发现的又一公众服务:
- coderwall.com : establishing geek cred since 1305712800
- 通过分析自个儿的各种开源仓库,给出自动的技能 徽章 来
很有趣,也靠谱,于是:
appended coderwall support by soimort.org · bf0cf6d2 - GitCafe
就从 
的官网扒出 js 用上了.
嗯嗯嗯.
参考:
- Jekyll • Simple, blog-aware, static sites
- 搭建一个免费的,无限流量的Blog—-github Pages和Jekyll入门 - 阮一峰的网络日志
-
[Mort 像黑客一样写博客—Jekyll入门](http://www.soimort.org/posts/101/)
是也乎
以上, 其实,基本上,就是自个儿想要什么, Gogole 一下,配置好, Push 给 gitcafe 就KO了的事儿…
巡阅
- 150113 Zoom.Quiet checked
声明: 本文采用 BY-NC-SA 授权。转载请注明转自: #ZHGDG#
以上...
加入 珠海GDG
- 注册 Meetup
- 关注 Zhuhai GDG
- 或扫描:
通过 珠海GDG 可以:
第一时间获知谷歌最新技术,
可以学到如何去谷歌平台上赚钱的思路和方法,
可以认识很多有可能将来一起走上自己创业道路的人,
可以学会把你的创新带向国际市场,
参加那里的活动有经常和国际上的开发者们进行交流的机会...
PS:
若无意外,题图都是从原文提取或是通过 Google 图片搜索出来的, 版权属左, 不负责任 ;-)
PPS:
珠海GDG 微信/Blog 欢迎投稿,只要追自认内容吻合以下条件:
0. 有趣 ~ 至少是自个儿有兴趣的领域吧... 1. 有料 ~ 至少有点儿原创的东西吧.. 2. 有种 ~ 至少不能是成功学吧!
有好物请及时通过邮件列表投稿成也:
[email protected]
(发空邮件到 [email protected] 即完成订阅)
微信公号
栏目设定:
G术图书 (gb:推荐好书,书无中外)
D码点评 (dd:麻辣评点,善意满盈)
G说公论 (gt:时评杂文,新旧不拘)
珠的自白(dm:大妈自述,每周一篇)
海选文章(hd:得要相信,大妈法眼)
总之, 请大家告诉大家, 珠海生活中的技术社区 都来订阅呗 ;-)
订阅方法
- 搜索微信号
GDG-ZhuHai - 或查找公众号:
GDG珠海 - 或扫描:
GDG珠海 社区资源:
- 邮件列表: [email protected] (可发空邮件到 [email protected] 即完成订阅)
- 微信: GDG珠海
- 博客: 珠海GDG | GDG Livin ZhuHai Life;-)
大妈的多重宇宙 - YouTube
全新自媒体系列...科学幻想,读书,说故事...点击注册~> 获得 100$ 体验券:
订阅 substack 体验古早写作:
Zoom.Quiet’s Chaos42 | Substack
关注公众号, 持续获得相关各种嗯哼:
蟒营®编程思维提高班Python版
**2021.01.11** 因大妈再次创业暂停定期开设, 转换为预约触发:-
+ 任何问题, 随时邮件提问可也:
[email protected]