使用Sublime+MarkDown快速寫博客

前端的開發人員應該都知道sublime的神器，今天就說說如何使用sublime結合markdown快速寫博客。

添加Snippets

在使用jekyll寫博客的時候開篇都需要去寫一個頭部,內容如下：

 layout: post 
 title:xxxxx     
 date:xxxxxxx 
 author:xxxx

對於這個固定格式我們可以定義一個Snippets，具體的步驟如下：

1. 在sublime中的** Tools–>Developer–>New Snippets.. **

 <snippet>
	<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<!-- <tabTrigger>hello</tabTrigger> -->
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<!-- <scope>source.python</scope> -->
</snippet>

上面代碼片段包含了sublime在什麼時候插入什麼內,詳細參考官方文檔Snippets

content

• Hello, ${1:this} is a ${2:snippet}. 要的顯示的文本 其中的${}符號是tab索引佔位,${1:time},說明此處是tab第一個佔位,默認值是time

tabTrigger

• <tabTrigger>hello</tabTrigger> 要觸發的版本 scope
• <scope>source.python</scope> 在那個類型文件觸發

下面是我根據我自己的需要來創建的snippets,在markdown和html模式下，輸入blog+tab 就直接顯示上面的內容.

 <snippet>
	<content><![CDATA[
---
layout: post
title: ${1}  
date: ${2:time} 
header-img: "img/home-bg.jpg"
tags:
     - ${3}
author: '老付'     
---
${4}    
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>blog</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>text.html.markdown,text.html</scope>
</snippet>

注意:創建完成後，一定要保存成.sublime-snippet,效果如下：

自定義編譯系統

當寫完一個博客的時候,可以執行jekyll server去在本地查看效果,當文件發生發動的時候，jekyll也會自動重新最新的博客。但如果要把數據上傳到github上面,不得不輸入以下幾個命令：

  git add .

  git commit -m 'update'   

  git push origin gh-pages

當完成上傳之後,還要手動打開網站去查看最終的博客效果。下面就把這個過程做成一個sublime編譯的系統,首先我先演示下windows下如果自動化完成這個功能。

1. 首先根據上面的功能創建一個批處理文件,文件爲post.bat 結尾：

   @echo off       

   cd ..  

   git add . 

   git commit -m 'update'

   git push origin gh-pages  

   start http://blog.laofu.online

在_posts目錄下面運行的時候，可以看到，腳本可以自動把腳本 傳入到git上面,同時默認的瀏覽器打開博客。

2. 新建一個編譯系統 Tools–>Build System–>New Build System .. ,sublime會提供一個默認的數據,詳細配置參見Build Systems – Configuration,此處我們可以修改成如下的配置：

 {
      "cmd": ["處理文件的目錄\\post.bat", "$file"],
      "working_dir": "$file_path",
      "selector": "text.html.markdown"
  }

配置修改完成後，保存成.sublime-build文件。當我們寫好博客後，按Ctrl+B的時候,sublime會自動調用處理文件，完成上傳發布工作。

(本文完)

作者:老付 如果覺得對您有幫助,可以下方的訂閱,或者選擇右側捐贈作者，如果有問題，請在捐贈後諮詢，謝謝合作 如有任何知識產權、版權問題或理論錯誤，還請指正。 自由轉載-非商用-非衍生-保持署名,請遵循：創意共享3.0許可證 交流請加羣113249828：點擊加羣 或發我郵件 [email protected]