昨天發了一篇博客 飯團(0)：提升效率的開發工具。但是默認字體太小了。對讀者很不友好。博客園可以自己個性CSS，這會兒離上班還有段時間，所以決定親操刀。
Round 1
記得前幾天園子有篇博客說Markdown的很火，看看有沒借鑒的。
Markdown語法中文版 ，很可惜，只是Markdown的語法介紹。而且這篇博客居然沒有用Markdown寫。。。
所以這一階段沒有收獲~
Round 2
自己寫CSS自然是件吃力不討好的事情。所以我們找找別人寫好了。雖然很想用馬克飛象的CSS。但是估計有版權問題。所以確定使用github的樣式。
Round 3
Google一下，關鍵字 github markdown css
找到約 521,000 條結果 （用時 0.36 秒）`
看着第一個還不錯。github: sindresorhus/github-markdown-css
一個開源的（MIT協議，可以自由使用哦）項目。
項目里面有個CSS文件 github-markdown.css 內嵌了字體。感覺還不錯。但是我檢查了下，貌似博客園的外部容器不是.markdown-body，是.cnblogs-markdown。這得改改。不知道會不會有其它沖突。
所以，我們再找找其它的，最好是針對博客園的CSS。
Round 4
找到一些博客。
- 擴展博客園的markdown編輯器
只是一個擴展，不涉及CSS - 新版markdown功能發布！支持github flavored markdown！
看來博客園新版的代碼和Github很像。那么問題來了，以前針對博客園的CSS現在還能用么？ - Sublog: 支持Markdown和語法高亮的跨平台博客客戶端
看似不錯的一套解決方案。但是編寫我還是用馬克飛象吧。markdown.css 好像沒有加上外層容器篩選。 - 用Markdown在博客園寫博客
看來果然可能會和模版的CSS有沖突。需要改模板的話，那就復雜了。。。
而且CSS最后一段
<style>
/* ... */
.markdown-body img {
max-width: 100%
}
</style>
明顯和博客園不一樣。（參見Round 3）
所以決定放棄再繼續查找。感覺Round 3找到的CSS就很不錯了。應該是精心維護的。
Round 5
於是，我們就站在巨人的基礎上Fork一個版本出來，針對博客園的Markdown文章的樣式。
Step 1
Fork it！於是得到了 github: huizhong/github-markdown-css
Step 2
修改外部容器。 把所有 .markdown-body替換成.cnblogs-markdown commit
Step 3
復制 github-markdown.css文件內容到博客園的CSS設置里的頁面定制CSS代碼里。
Step4
測試 飯團(0)：提升效率的開發工具
感覺不錯~
總結
花了一個小時，完成了預期的目標。（其中現場寫博客花了80%的時間 😛 ）
先是有需求。后面確定想要做成什么樣。然后調研。最后才是改代碼。
實際上真正“有用”的工作一分鍾就能做完。磨刀不誤砍柴工。
其實還有些后續改進。比如 標題太小，修改我們fork出來的項目。添加指導說明。這些下班后再來~ 上班去了。