在WordPress中如何使用MarkDown編輯博文?
在Wordpress中有沒有相關的插件。
用wordpress markdown為關鍵詞搜索的話,無論Google還是百度,我的博客牆外的梯子 都是靠前的,如果你搜索了可以看看我的文章。推薦這篇文章使用Markdown寫作Wordpress。推薦使用Jetpack或者JP Markdown,後者是Jetpack插件的markdown部分,不推薦使用wp-markdown的原因是會丟失一些特殊內容(至少我之前使用的版本是這樣。)以下為文章內容,知乎這裡顯示的不好,推薦去看原文使用Markdown寫作Wordpress。-----------
前言
今時今日,Markdown已經越來越流行,作為最流行的博客程序——WordPress,雖然沒有原生支持,但是有豐富的插件讓WordPress支持Markdown。本文將介紹使用Jetpack插件支持Markdown,Crayon Syntax Highlighter插件來支持代碼高亮。
一.什麼是Mardkown
Markdown 的目標是實現「易讀易寫」。可讀性,無論如何,都是最重要的。一份使用 Markdown
格式撰寫的文件應該可以直接以純文本發布,並且看起來不會像是由許多標籤或是格式指令所構成。Markdown 語法受到一些既有
text-to-HTML 格式的影響,包括 Setext、atx、Textile、reStructuredText、Grutatext 和
EtText,而最大靈感來源其實是純文本電子郵件的格式。總之, Markdown 的語法全由一些符號所組成,這些符號經過精挑細選,其作用一目了然。比如:在文字兩旁加上星號,看起來就像強調。Markdown 的列表看起來,嗯,就是列表。Markdown 的區塊引用看起來就真的像是引用一段文字,就像你曾在電子郵件中見過的那樣。
——摘抄自Markdown 語法說明(簡體中文版)
簡而言之,Mardkown讓我們可以拋棄糟糕的富文本編輯器,讓我們簡單、可控的寫作。
Markdown起源於Daring Fireball: Markdown Syntax Documentation,此文也是最原始版本的Markdown的規範。
更多關於Markdown的介紹請參見《使用Markdown寫作》或者維基百科Markdown詞條。Markdown語法說明請參見Markdown 語法說明(簡體中文版) 。
需要注意的是,除了原始的Mardkown,現在已經衍生出Markdown Extra、Github Flavored Markdo、CommonMark等多個版本,他們都是在原始Markdown的基礎上進行功能擴充,也基本兼容原始Markdown的語法。
二.Wordpress的Markdown支持插件
http://wordpress.com已經支持markdown,但是我們所使用的WordPrss程序並不原生支持,好在WordPress從來不缺插件。
WordPress的Markdown插件主要有WP-Markdown、Markdown on Save
Improved、Jetpack等。其中最好的當屬Jetpack,它也是http://wordpress.com實現Markdown支持的方式。另有一個JP Markdown插件,插件說明是Jetpack的Markdown模塊,筆者沒有使用過,讀者若有興趣,可自行嘗試。
在WordPress ? Jetpack by WordPress.com ? WordPress Plugins下載插件,或者在WordPress後台搜索安裝即可。安裝後請記得在Jetpack後台激活markdown,詳情見《
Markdown on Save Improved停止維護,已併入Jetpack
》一文。
需要注意的是,Jetpack支持的是Markdown Extra,和原始Markdown有稍許差別。具體語法,請參見官方文檔:《Markdown quick reference》 (wordpress.com上的內容,自備梯子),或者Markdown Extra的語法說明:Michel Fortin – PHP Markdown Extra
三.代碼高亮插件
代碼高亮插件並非必須,但因為眾多使用者需要貼代碼,所以在這也介紹下。推薦使用的代碼高亮插件是Crayon Syntax Highlighter。
由於插件的自身的原因或者設置不當,使得代碼高亮插件和Markdown插件造成衝突,這也是WordPress使用Markdown的最大障礙。而Crayon Syntax Highlighter和Jetpack完全兼容。
貼代碼的方式多種多樣,可以使用WordPress後台文章編輯處的添加按鈕,如圖:
或者使用Markdown Extra支持的語法。如:
行內高亮:
`This is code`
效果為:This is code
區塊高亮:
~~~~
This is a
piece of code
in a block
~~~~
和
```
This too
```
效果為:
Python1234This is apiece of code
in a block和
Python12This too需要注意的是,在 Crayon Syntax Highlighter 設置中不要勾選「捕獲 `反引號` 為 標籤」,以防和Jetpack插件衝突。
更多在WordPress上使用Markdown的技巧請關注,請關注Markdown - 牆外的梯子。
用 WP Editor.MD ,效果爆炸。
強烈推薦插件TinyMCE Advanced,就是這貨:
Before
After
…
BeforeAfter我用的是WP-Markdown。不過據說jetpack更強大一點,但jetpack是一個插件集合包,所以還是推薦前者,小巧方便。
我用的是 WP Editor.md 插件, 可以用MarkDown語言寫作,有實時預覽功能,感覺還不錯。
文章編輯器的效果如下:
我自己用過的三個方法:
1. 啟用 Jetpack 里的 Markdown 功能
如果本來就有 Jetpack 的話,這應該是最簡便的方法,不過沒辦法即時轉換,在可視化界面寫作或編輯看起來會有點混亂。(2015.09.18 更新)最近 WordPress 新增了 Formatting Shortcuts 功能,標題、清單跟引用都可以直接打出來,如果平常只用這幾種 Markdown 語法的話連 JetPack 都不用了。2. Haroopad - The Next Document processor based on Markdown
離線的 Markdown 編輯器,寫完之後右鍵預覽區 "複製無格式 HTML" 貼到 WordPress 上。3. ScribeFire: Fire up your blogging除了 IE 以外的瀏覽器都能用,設定好 WordPress 賬號密碼就可以同步了,唯一的缺點是它真的很醜……我最終是這麼解決的:本地用sublimetext3安了兩個插件,離線寫markdown文件。wordpress安裝JetPack,從sublime text寫好後再粘過去。詳見:整合SublimeText3 MarkDown和wordpress
wp-gruber-markdown 用過最好用的markdown插件
下載插件 https://github.com/flyhttp/wp-gruber-markdown
功能
- 完美的顯示Markdown文章
從此寫博客變得更容易了
- 字體大小調整
由於在某些WordPress主題下會顯得字體或大或小,所以添加了調整字體大小的設置。
- 代碼高亮
集成 google-code-prettify,高亮顯示代碼。
- 代碼高亮主題
集成color-themes-for-google-code-prettify,可切換主題
預覽效果 Markdown——從入門到精通
剛裝好WP Editor.md, 看起來還不錯。 可是好多配置項, 不知道哪個風格比較好看:
你可以看下這篇文章,或許對你有幫助。
WordPress使用Markdown的兩種理想解決辦法強烈推薦 z1577121881/wp-markdown-md
chrome瀏覽器裝個markdown here插件,在編輯框寫完markdown,按一下插件按鈕,自動生成效果樣式。
安裝Jetpack,開啟Markdown功能。寫作時用簡書,寫完複製進WordPress的文本編輯器。大功告成。
目前最新版本的wordpress4.3已經開始部分支持markdown功能了。具體功能如下:1.使用 * 或 – 符號,創建一個無序列表;2.使用 1. 或 1) 組合,創建一個有序列表;(如果你這裡並不是想要生成無序列表或者有序列表,可以使用快捷鍵 Ctrl + Z (Windows系統)或者 CMD + Z (MAC系統),也可以統一用 ESC 鍵,或者點擊可視化編輯器中的撤銷按鈕來恢復。)3.使用 ## 創建2級標題,### 創建3級標題,直到6級標題;(這裡不支持1級標題,因為WordPress開發團隊認為,在文章中不應該出現1級標題。1級標題通常是文章標題才使用格式。)4.使用 &> 符號,創建一段引用。
有wp-Markdown, Markdown for WordPress and bbPress 支持都不是很好,為了更好的使用Markdown,還是換別的博客工具吧。
推薦閱讀:
※iOS上有沒有比較好的中文Markdown編輯器?
※Markdown 是什麼?
※Markdown 和 LaTeX 是什麼關係?
※為什麼Markdown排版中沒有縮進的概念?
※有哪些適合人文社科專業學術寫作的文本編輯軟體?