Markdown其實很簡單。學會幾個小方法,你的文章看起來就變得更專業了。

in cn •  last year

最近版上出現了不少中文的平台know-how文章,所以我也來湊湊熱鬧,趁著今天行程中這半小時的空檔,看看能不能來得及寫篇文。

我想分享的是關於貼文格式。文章的易讀性是很重要的,所以我們會為文字加上一些格式設定,比如大小標題、內文的粗體或斜體以示重點、引文段落、註腳,等等。這些都可以用文字輸入框上邊的格式工具來達成。

當我們點開「submit a story」時,文章內文輸入框的右上角可以切換「editor」和「markdown」。Markdown對有些朋友來說可能比較陌生。看起來好像程式碼,但其實沒有你所看到的那麼複雜。一旦學會,你或許就不想要回去用那一列的格式工具了。

我是寫字維生的人。當初花了一點時間學了markdown之後,從此告別Microsoft Word之類的軟體。因為Markdown實在太好用了。

Markdown是什麼?

簡單的說,你可以在一篇純文字的檔案裡,加上一些簡單的語法tag,你的文章就會瞬間變得美觀、易讀。重點是,你可以在任何純文字編輯器上寫作,存成.txt檔,你從此不需要擔心文章到了另一個系統或介面時,格式會不會跑掉。

真的很簡單!

我們直接來看一些例子。以下例子都是常用的格式。

請直接在文字輸入框裡試用,然後即時可在下面的預覽格裡看到結果。

稍微掌握之後,你也就可以開始用markdown寫文了。


分段

先說分段。在內文輸入框裡,試著給兩段文字中間空一行,然後看下面的「preview」預覽。它自動給你分段了。而且,空一行或空十行,結果是一樣的。所以,養成習慣,寫文時段落中間空一行。把中文的「空兩格」忘了吧。


粗體、斜體、刪除線

任何字或字串,你只要在前後加一個星號「*」,就會變斜體。

加兩個星號「**」,即變粗體。

不需要用滑鼠去點工具列,只要在寫文章的同時簡單加個符號,你就完成了格式設定。

像這樣:

  • *斜體*斜體

  • **粗體**粗體

  • ~~刪除線~~刪除線


大小標題

在段落前加上「#」,就是第一級,也就是最大的標題。「##」是第二級標題,以此類推。

像這樣:

大標題

中標題

小標題

更小的標題


分隔線

在段落之間加上「---」,即形成文隔線。


項目附號和編號

很簡單,直接在段落前加上「1. 」「2. 」「3. 」,或「- 」(記得要空一格),輸出的就是整齊的編號條目。不需要擔心縮排設定、間距、對齊什麼的。

像這樣:

  1. 第一個
  2. 第二個
  3. 第三個

或:

  • 第一個
  • 第二個
  • 第三個

置入圖片、影片

在Steemit的介面下寫文時,你可以把圖檔拖放到文字框裡,系統便自動上傳,然後產生一個圖片的網址,並且自動轉換成markdown格式。

像這樣:

![picture.jpg](https://steemitimages.com/.......jpg)

你應該可以看到Markdown格式就長這樣:

![]() :方形括號裡是圖檔名稱,可以留著空白。括號裡則是圖片的url。

也就是說,即使是使用網路上的其他圖片(請留意著作權)或是使用你掛在其他地方的圖檔,只要你有url,就可以直接用這樣的格式,把圖放到文章裡,不需要先下載再重新上傳。

置入youtube視頻就更簡單。Steemit有內建的功能,直接貼上youtube視頻的網址就行了。


網頁連結

文章裡任何部分的文字,都可以變成連結,像這樣:

這個[連結](https://steemit.com/@ygern),將連到我的頁面。

注意,方形括號和括號之間不能有空格。輸出的結果是這樣:

這個連結,將連到我的頁面。


引文段落

雖說是引文,但你也可以用這個格式,去突顯文章裡的某一段。方法是:在段落前加上「>」

比如:

>這是一段引文。

輸出的結果是:

這是一段引文。

同樣的,你不需要操心縮排和對齊的設定。


表格

@shenchensucc 提醒,補充表格的製作方法。

標題列1 | 標題列2 | 標題列3 |
----- | ----- | ----- |
內容1 | 內容1 | 內容1 |
內容2 | 內容2 | 內容2 |

輸出結果是:

標題列1標題列2標題列3
內容1內容1內容1
內容2內容2內容2

好,基上是常用的就是這些。這是簡單的使用說明,網路上應該也不難找到更完整、詳細的指南。這裡主要讓大家認識一下這麼一個好用的工具。有興趣的話,可以再找一些更深入的學習資源。

這是英文版的完整使用說明。如果有朋友知道有中文版的,請貼上來分享給大家。

還有,如果我有遺漏了哪一些大家在這裡寫文時可能會用到的功能,也請在comment裡提出來。

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

謝謝樓主,這很實用

感谢你的耐心翻译和解释!看得出你是很用心的人。希望看到更多你的好文!

·

謝謝你!也follow了你。期待你更多的貼文 :)

图片居中,调整大小,还有表格应该怎么搞呢?

·

This is also the feature I want to know.

·

表格我已經補上去了。
至於圖片居中和調整大小,我如果需要的話都直接加上html 的 tag(但這裡的編輯器好像不支援),不知道這有沒有簡化的 markdown 寫法?

·
·

很久沒有用html tag 了,有教學的話就好了。

·
·

多谢多谢

·
·

我的圖片居中寫法是 (如下圖示)

picture.jpg

< center >picture.jpg< /center > <=== 把空格去除
至於调整圖片大小我想可能要用到html 的語法了!

·
·
·

謝謝!下次貼文來試試看

·
·
·
·

不謝!有用就好!=)

已解決

感谢楼主分享,

我11个月以前也写过一篇类似的文章

贴出来供大家一同参考:)

·

謝謝!其實我懂的程度也只是夠我平時寫文章用,只是皮毛;所以, @carinewhy 的問題看看您能不能幫得上。 :)

·
·

😄说实话,太复杂的我也不会
不过何必把事情搞的太复杂呢,这样做不行我们就那样做呗

很有用,感谢!

·

哈,感謝閱讀 :)

謝謝教導。
這對我這樣的新手很有用。
下次貼文時試試。🙇🏻

·

嗯,用習慣了的話真的很好用。

是香港人嗎?做個好友吧

·

人在台灣 :)

thanks so much! 很有用呀!
我想知道如何可以將圖片置左 或者置右?

·
·
·

thanks! :)

·

啊哈 置左或置右我不會耶。我在其他地方都直接加html tag,但這裡的編輯器好像不吃html。

·
·

Steemit有些HTML不認,很奇怪。昨天我剛好寫了一篇解釋如何置左或置右,歡迎參考哦!

·
·
·

謝謝!

这个必须赞

·

謝謝 :)