HI
這篇文章發布后,收到了一些反饋,在不同的閱讀媒體上(瀏覽器,RSS,evernote)等,會有樣式兼容問題,特別是之前的代碼顯示行號的實現方式,使用浮動code塊,兼容問題比較嚴重,所以做了一個更新。如有問題,歡迎反饋。
目的
這篇文章介紹了Sublog作為程序員的博客客戶端的優秀特性。之前已經寫了一篇如何安裝使用的: Sublog: 支持Markdown和語法高亮的跨平台博客客戶端,不過真正去試的人沒有幾個。這個工具相對於網頁版或者live writer來說是更加 對程序員友好
的,特別是如果你一直想要用Markdown寫博客,或者你現在在使用Sublime Text 2,應該嘗試一下。所以有了這篇文章,簡單的,圖文並茂的推廣一下吧。希望管理員放行到首頁。
通過Markdown寫博客
新建一篇博客,需要以 md
為后綴,然后用Markdown寫博客。Sublime Text 2 的語法高亮可以讓你在寫文章的時候看到良好的組織結構。
你還可以通過安裝 Markdown Preview 插件來在瀏覽器中預覽博客發布后的效果:
相對於 所見即所得
的方式,用Markdown可以得到一個更加干凈清晰的結構,干擾更少。
清晰明了的文章屬性定義
通過 shift
+ f8
在你的文章中插入頭部信息,來定義文章的屬性,例如本文的屬性定義如下:
<!--sublog
{
"title":"Introduce 2 Sublog",
"category":"Sublog",
"tags":"sublog;thingking",
"publish":"false",
"blog_id":""
}
sublog-->
這樣的方式清晰明了。還有一個人性化的設計,就是當你輸入分類的時候,會有自動補全的提示:
代碼高亮和顯示行號
對於程序員來說,一個博客客戶端當然要支持代碼高亮了。效果如下(顯示行號是可選的)。
function foo(x) {
var tmp = 3;
return function (y) {
alert(x + y + tmp);
x.memb = x.memb ? x.memb + 1 : 1;
alert(x.memb);
}
}
var age = new Number(2);
var bar = foo(age); // bar 現在是一個引用了age的閉包
bar(10);
引用本地圖片
如果你需要在你的文章中插入圖片,那么只需要使用 file://
協議的url作為圖片的url就可以了,Sublog將會為你自動上傳圖片,並更新你文章中的引用。例如這樣的標記:

在你使用 shift
+ f9
發布博客的時候將會上傳該圖片,更新為:

我們還可以使用 shift
+ f10
發布你光標所在或者選取的一行或者多行的文本里所包含的 file://
url指向的圖片,例如:
光標所在行:
選取的多行:
結論
Sublog是作為Sublime Text 2插件開發的一個博客客戶端,它極大的方便了程序員寫博客。對於使用Sublime Text 2作為編輯器的同學不妨一試,else,你應該試試Sublime Text 2,它簡單,強大,而且漂亮,然后參考前面的分支。