Markdown其實很簡單。學會幾個小方法,你的文章看起來就變得更專業了。
最近版上出現了不少中文的平台know-how文章,所以我也來湊湊熱鬧,趁著今天行程中這半小時的空檔,看看能不能來得及寫篇文。
我想分享的是關於貼文格式。文章的易讀性是很重要的,所以我們會為文字加上一些格式設定,比如大小標題、內文的粗體或斜體以示重點、引文段落、註腳,等等。這些都可以用文字輸入框上邊的格式工具來達成。
當我們點開「submit a story」時,文章內文輸入框的右上角可以切換「editor」和「markdown」。Markdown對有些朋友來說可能比較陌生。看起來好像程式碼,但其實沒有你所看到的那麼複雜。一旦學會,你或許就不想要回去用那一列的格式工具了。
我是寫字維生的人。當初花了一點時間學了markdown之後,從此告別Microsoft Word之類的軟體。因為Markdown實在太好用了。
Markdown是什麼?
簡單的說,你可以在一篇純文字的檔案裡,加上一些簡單的語法tag,你的文章就會瞬間變得美觀、易讀。重點是,你可以在任何純文字編輯器上寫作,存成.txt檔,你從此不需要擔心文章到了另一個系統或介面時,格式會不會跑掉。
真的很簡單!
我們直接來看一些例子。以下例子都是常用的格式。
請直接在文字輸入框裡試用,然後即時可在下面的預覽格裡看到結果。
稍微掌握之後,你也就可以開始用markdown寫文了。
分段
先說分段。在內文輸入框裡,試著給兩段文字中間空一行,然後看下面的「preview」預覽。它自動給你分段了。而且,空一行或空十行,結果是一樣的。所以,養成習慣,寫文時段落中間空一行。把中文的「空兩格」忘了吧。
粗體、斜體、刪除線
任何字或字串,你只要在前後加一個星號「*」,就會變斜體。
加兩個星號「**」,即變粗體。
不需要用滑鼠去點工具列,只要在寫文章的同時簡單加個符號,你就完成了格式設定。
像這樣:
*斜體*
= 斜體**粗體**
= 粗體~~刪除線~~
=刪除線
大小標題
在段落前加上「#」,就是第一級,也就是最大的標題。「##」是第二級標題,以此類推。
像這樣:
大標題
中標題
小標題
更小的標題
分隔線
在段落之間加上「---」,即形成文隔線。
項目附號和編號
很簡單,直接在段落前加上「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裡提出來。
謝謝樓主,這很實用
感谢你的耐心翻译和解释!看得出你是很用心的人。希望看到更多你的好文!
謝謝你!也follow了你。期待你更多的貼文 :)
图片居中,调整大小,还有表格应该怎么搞呢?
This is also the feature I want to know.
表格我已經補上去了。
至於圖片居中和調整大小,我如果需要的話都直接加上html 的 tag(但這裡的編輯器好像不支援),不知道這有沒有簡化的 markdown 寫法?
很久沒有用html tag 了,有教學的話就好了。
多谢多谢
我的圖片居中寫法是 (如下圖示)
< center >< /center > <=== 把空格去除
至於调整圖片大小我想可能要用到html 的語法了!
謝謝!下次貼文來試試看
不謝!有用就好!=)
已解決
感谢楼主分享,
我11个月以前也写过一篇类似的文章
贴出来供大家一同参考:)
謝謝!其實我懂的程度也只是夠我平時寫文章用,只是皮毛;所以, @carinewhy 的問題看看您能不能幫得上。 :)
😄说实话,太复杂的我也不会
不过何必把事情搞的太复杂呢,这样做不行我们就那样做呗
很有用,感谢!
哈,感謝閱讀 :)
謝謝教導。
這對我這樣的新手很有用。
下次貼文時試試。🙇🏻
嗯,用習慣了的話真的很好用。
是香港人嗎?做個好友吧
人在台灣 :)
thanks so much! 很有用呀!
我想知道如何可以將圖片置左 或者置右?
https://steemit.com/steemit/@steemitblog/new-advanced-formatting-features refer to this post :)
thanks! :)
啊哈 置左或置右我不會耶。我在其他地方都直接加html tag,但這裡的編輯器好像不吃html。
Steemit有些HTML不認,很奇怪。昨天我剛好寫了一篇解釋如何置左或置右,歡迎參考哦!
謝謝!
这个必须赞
謝謝 :)