在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 HighlighterJetpack完全兼容。

貼代碼的方式多種多樣,可以使用WordPress後台文章編輯處的添加按鈕,如圖:

或者使用Markdown Extra支持的語法。如:

行內高亮:


`This is code`

效果為:This is code

區塊高亮:


~~~~


This is a


piece of code


in a block


~~~~

```


This too

```

效果為:

Python

1

2

3

4

This is a

piece of code

in a block

Python

1

2

This too

需要注意的是,在 Crayon Syntax Highlighter 設置中不要勾選「捕獲 `反引號` 為 標籤」,以防和Jetpack插件衝突。

更多在WordPress上使用Markdown的技巧請關注,請關注Markdown - 牆外的梯子。


WP Editor.MD ,效果爆炸。


強烈推薦插件TinyMCE Advanced,就是這貨:

本來是對Wordpress自帶編輯器TinyMCE的增強插件,但是其插件設置中添加了支持Markdown的選項,於是就成為了一個幾近原生的Markdown編輯器了:

以下是我的測試:

Before

After

Before

After

更多的自己感受吧~


我用的是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

功能

  1. 完美的顯示Markdown文章

從此寫博客變得更容易了

  1. 字體大小調整

由於在某些WordPress主題下會顯得字體或大或小,所以添加了調整字體大小的設置。

  1. 代碼高亮

集成 google-code-prettify,高亮顯示代碼。

  1. 代碼高亮主題

集成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排版中沒有縮進的概念?
有哪些適合人文社科專業學術寫作的文本編輯軟體?

TAG:博客 | WordPress | Markdown |