學習文字語法-markdown
看了Wiwi的新網誌社群媒體不讓你用的那些格式介紹了許多在部落格中增加「修辭效果」的文字格式。
雖然標準 Markdown 支援大部分格式,但有些特殊的視覺效果(如小字註解、模糊文字、跑馬燈)需要用到 HTML 標籤。覺得蠻酷的,尤其是跑馬燈的部分,所以稍微統整了一下,記在自己的部落格,充當一篇文。
以下是針對該文章中提到的格式所對應的語法:
1. 基礎文字格式
粗體 (Bold):用於強調吶喊。
語法:**你的文字**斜體 (Italic):用於註解、謎之音。
語法:*你的文字*或_你的文字_刪除線 (Strikethrough):用於「真心話」。
語法:~~你的文字~~超連結 (Hyperlink):部落格的靈魂。
語法:[文字](網址)
2. 結構與清單
標題階層 (Headings):組織文章架構。
語法:# 一級標題、## 二級標題(以此類推)引言區塊 (Blockquote):增加權威感。
語法:> 你的引言符號清單 (Unordered List):
語法:- 項目-(或使用*)數字清單 (Ordered List):
語法:1. 第一步水平分隔線 (Horizontal Rule):轉移話題。
語法:---
3. 進階與特殊格式(需搭配 HTML)
這些格式在純 Markdown 中可能不支援,但在支援 HTML 的 Markdown 環境(如部落格系統)中可以使用:
小字註解 (Ruby):原本標注讀音,現多用於口是心非。
主要文字
語法:<ruby>主要文字<rt>小字註解</rt></ruby>螢光筆 (Highlight):比粗體更明顯。
語法:<mark>你的文字</mark>(部分編輯器支援==文字==)鍵盤標示 (Keyboard):標示按鍵。
Ctrl + R
語法:<kbd>Ctrl</kbd> + <kbd>R</kbd>模糊文字 (Blur/Spoiler):防雷或遮住壞壞的文字。
模糊的壞壞文字
語法:通常需搭配 CSS,簡易版可用<span style="filter: blur(5px);">模糊文字</span>(滑鼠移上去通常不會自動消失,除非有額外語法)。折疊區塊 (Details):隱藏冷知識。
html標題(點擊展開)
這裡放隱藏的內容,你好。
語法:
<details>
<summary>標題(點擊展開)</summary>
這裡放隱藏的內容。
</details>
- 跑馬燈 (Marquee):老派的極致。
語法:<marquee>你的文字</marquee>
4. 程式碼相關
行內程式碼 (Inline Code):用於等寬字體或音名。
文字
語法:文字(反引號)程式碼區塊 (Code Block):
語法:
```語言名稱 (選填)
程式碼內容
5. 表格 (Table)
語法較為繁雜,範例如下:
| 品牌 | 價格 | 評價 |
| :--- | :--- | :--- |
| 舒X | 貴 | 很厚 |
| 春X | 便宜 | 會破 |
6. 註腳 (Footnote)
用於放置碎碎念(註:部分標準 Markdown 不支援,需視平台而定)。
這是一段話1
語法:這是一段話[^1]
在文末定義:[^1]: 這裡是註腳的內容。
這裡是註腳的內容↩