用markdown寫部落格,看這一篇就夠了
0. 前言
為什麼用markdown寫部落格?
在寫部落格的過程中,最大的“痛點”在於寫作中總是被“格式”之類的困擾,無法專注於內容寫作;
線上寫部落格,會被網路或者編輯器本身所拖累;
本文介紹的markdown寫作,可以使你專注於部落格內容本身,寫好即成稿;
更重要的是,部落格內容及相關素材儲存在本地,可以幾乎不用修改就可以釋出在不同的平臺,類似java程式的“一次編寫,到處執行”。
記得上次用markdown寫部落格,儘管我有markdown使用經驗,但第一篇markdown部落格還是不得已的“回滾”了。
傳送門:記錄一下第一次用markdown寫部落格回滾過程
“痛定思痛”,簡單總結後,再次出發。
1. 第一次用markdown寫部落格失敗的原因分析
markdown語法根本上還是不熟悉
實話說,雖然以前用過markdown,但也僅僅是入門級別。很多“高階”用法沒掌握,在寫的過程中,無法像傳統方式(如
word
,或者在部落格園的TinyMCE
編輯器)那樣高效。最近用markdown寫了3篇部落格,一篇比一篇有手感。在這個過程中,慢慢的感覺不到工具的影響了,可以專注於部落格內容本身了。
就像賣油翁,熟能生巧,慢慢的工具不再是桎梏。
格式混亂
第一篇markdown排版的部落格,我從
TinyMCE
編輯器拷貝內容到Markdown工具Typora
中,其實已經包含了部分“格式”。我沒有意識到這一點,去排版就相當尷尬了。現在想來,應該先清除格式,比如先拷貝到“記事本”,或者用Typora的“清除樣式”,然後再重新排版。圖片排版
在Typora中寫部落格的時候,第一次我是用的本地圖片。這個本身沒問題的,但是當拷貝到部落格園中後,圖片路徑是找不到的。調整後,導致
Typora
中寫的內容和釋出的內容不一致,從而維護困難的問題。解決辦法:在部落格園的markdown編輯器中,只需要如下3步即可。
步驟1)點選右邊的“上傳圖片”圖示
步驟2)點選“上傳本地圖片”
步驟3)複製文字及連結到
Typora
中即可
2. 可能適合的方法
工欲善其事必先利其器,好的工具,正確的使用方法,必然能帶來效率的提升。
我嘗試過大量的工具來寫markdown,個人認為Typora
是比較好用的工具。最大的原因在於,你在寫的過程中,熟悉後,幾乎感知不到工具的存在。
創作部落格,第一位的是內容,其次是格式。markdown作為輕量級的工具,在寫部落格的過程中主要涉及如下幾個方面:
先選定,後操作
類似office的操作,要先選定要操作的物件,再設定格式。
字型格式
主要包括是 加粗 傾斜 下劃線,可以通過快捷鍵,選單,滑鼠右鍵完成。
加粗的快捷鍵是
Ctrl + B
,或者輸入兩個**
包圍需要加粗的文字;傾斜的快捷鍵是
Ctrl + I
,或者輸入*
標籤圍繞需要傾斜的文字;下劃線的快捷鍵是
Ctrl + U
,或者輸入<u></u>
標籤圍繞需要下劃線的文字。字型、顏色,需要通過html的標籤完成。Typora中,我是通過手工輸入html及css標記完成的。如綠色的html就是通過font標籤實現的:
<font face="黑體" color=green size=5>html</font>
段落及標題
這部分可以通過快捷鍵
Ctrl + 0~6
來實現,如Ctrl+ 0
是段落,Ctrl + 1
是一級標題等。程式碼塊
插入程式碼塊的快捷鍵是
Ctrl + Shift +`
;也可以右鍵,選擇插入--程式碼塊實現;
我是通過直接輸入3個點(鍵盤左上角的那個鍵,Esc的下方)。
超連結及圖片
插入超連結的快捷鍵是
Ctrl+k
,得到 大括號[]小括號()[]()
,其中中括號中輸入標題,小括號中輸入超連結;插入本地圖片快捷鍵是
Ctrl + Shift + I
,得到得到 感嘆號!大括號[] 小括號()![]()
,和超連結的唯一區別在於"最前面有感嘆號"。列表
有序列表的快捷鍵是
Ctrl + Shift + [
,直接輸入數字後面緊跟一個.即可;無序列表的快捷鍵是
Ctrl + Shift + ]
,也可以輸入*
(星號) 、+
(加號) 或者-
(減號)中的任何一個,後面緊跟“空格”。
3. 後續計劃
進一步熟悉工具
強迫自己使用markdown,慢慢就習慣了。
關於快捷鍵
儘量用快捷鍵,這可以極大的提升效率。
關於超連結無法在新視窗開啟的問題
在部落格園,超連結只能在當前視窗開啟。
該問題可以通過html的超連結 a標籤的target=_blank來解決,比如:
記錄一下第一次用markdown寫部落格回滾過程
markdown的標準做法是在連結後面加上 ?_blank,但在部落格園的markdown編輯器中無效。
關於縮排問題
實話說,本文釋出後,在縮排方面還是需要進一步的改進。
4.本文markdown
檔案分享
作為一個樂於分享的博主,如果需要請自行下載本文對應的markdown檔案。如果需要前幾篇的,請留言,我發給你!
用markdown寫部落格,看這一篇就夠了.