為什么你應該試試用Sublog寫博客


HI

這篇文章發布后,收到了一些反饋,在不同的閱讀媒體上(瀏覽器,RSS,evernote)等,會有樣式兼容問題,特別是之前的代碼顯示行號的實現方式,使用浮動code塊,兼容問題比較嚴重,所以做了一個更新。如有問題,歡迎反饋。

目的

這篇文章介紹了Sublog作為程序員的博客客戶端的優秀特性。之前已經寫了一篇如何安裝使用的: Sublog: 支持Markdown和語法高亮的跨平台博客客戶端,不過真正去試的人沒有幾個。這個工具相對於網頁版或者live writer來說是更加 對程序員友好 的,特別是如果你一直想要用Markdown寫博客,或者你現在在使用Sublime Text 2,應該嘗試一下。所以有了這篇文章,簡單的,圖文並茂的推廣一下吧。希望管理員放行到首頁。

通過Markdown寫博客

新建一篇博客,需要以 md 為后綴,然后用Markdown寫博客。Sublime Text 2 的語法高亮可以讓你在寫文章的時候看到良好的組織結構。

blog<em>in</em>subl

你還可以通過安裝 Markdown Preview 插件來在瀏覽器中預覽博客發布后的效果:

preview<em>in</em>browser

相對於 所見即所得 的方式,用Markdown可以得到一個更加干凈清晰的結構,干擾更少。

清晰明了的文章屬性定義

通過 shift + f8 在你的文章中插入頭部信息,來定義文章的屬性,例如本文的屬性定義如下:

 
 
 
         
  1. <!--sublog
  2. {
  3. "title":"Introduce 2 Sublog",
  4. "category":"Sublog",
  5. "tags":"sublog;thingking",
  6. "publish":"false",
  7. "blog_id":""
  8. }
  9. sublog-->

這樣的方式清晰明了。還有一個人性化的設計,就是當你輸入分類的時候,會有自動補全的提示:

preview<em>in</em>browser

代碼高亮和顯示行號

對於程序員來說,一個博客客戶端當然要支持代碼高亮了。效果如下(顯示行號是可選的)。

 
 
 
         
  1. function foo(x) {
  2. var tmp = 3;
  3. return function (y) {
  4. alert(x + y + tmp);
  5. x.memb = x.memb ? x.memb + 1 : 1;
  6. alert(x.memb);
  7. }
  8. }
  9. var age = new Number(2);
  10. var bar = foo(age); // bar 現在是一個引用了age的閉包
  11. bar(10);

引用本地圖片

如果你需要在你的文章中插入圖片,那么只需要使用 file:// 協議的url作為圖片的url就可以了,Sublog將會為你自動上傳圖片,並更新你文章中的引用。例如這樣的標記:

 
 
 
         
  1. ![goddess](file://../sublog/images/stephanieyr.jpg)

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

 
 
 
         
  1. ![goddess](http://images.cnitblog.com/blog/274442/201307/06232916-6d00080008d04f8dbd92a1a95d5fc931.jpg)

goddess

我們還可以使用 shift + f10 發布你光標所在或者選取的一行或者多行的文本里所包含的 file:// url指向的圖片,例如:

光標所在行:

cursor_image

選取的多行:

select_multipleline

結論

Sublog是作為Sublime Text 2插件開發的一個博客客戶端,它極大的方便了程序員寫博客。對於使用Sublime Text 2作為編輯器的同學不妨一試,else,你應該試試Sublime Text 2,它簡單,強大,而且漂亮,然后參考前面的分支。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM