features · Jun 3, 2015

專屬於 Quire 的 Markdown

✦
AI 翻譯
· 查看英文版

Quire 的 Markdown 介面,顯示任務描述與格式化選項

最後更新:2026 年 7 月 22 日

TL;DR

Quire 內建專屬的 Markdown 風格,讓你邊打字邊產生豐富文字。這份速查表整理了 Quire 支援的完整語法,從標題、強調、底線到清單、連結與程式碼,並附上每種語法的寫法,也說明 Quire 的風格與你熟悉的其他版本有何不同。

你可能聽過 Markdown。如果有,那很好。它能讓你像用 Microsoft Word 一樣,輕鬆又快速地製作豐富文字。還不知道它是什麼的朋友,可以看看創作者 John Gruber(Daring Fireball 的作者)的介紹:http://daringfireball.net/projects/markdown/

所以,我們有了 Markdown。確切地說,是 Quire 專屬風格的 Markdown。

Quire 的 Markdown 和其他版本相比如何?

Quire 的 Markdown 核心語法,和你在其他地方見過的 Markdown 相同。差異在於擴充功能。

功能 Quire Markdown CommonMark GitHub 風格 Markdown
標準標題、強調、清單、連結 是 是 是
以 #taskname 參照任務 是(Quire 專屬) 否 否
以 @username 提及使用者 是(Quire 專屬) 否 是(GitHub 專屬)
透過 {style| text} 加入行內 CSS 樣式 是(Quire 專屬) 否 否
以 ~text~ 加刪除線 是(單個波浪號) 否 是(雙波浪號)
表格 是 否(僅限擴充) 是
檢查清單 - [ ] 是 否 是
語法醒目提示的程式碼區塊 是(標註語言的圍欄) 否 是
HTML 實體直通 是 是 是
透過圖片連結嵌入 YouTube 影片 是(Quire 專屬) 否 否

如果你用過 GitHub 風格的 Markdown,大部分知識都能直接沿用。Quire 的額外功能(任務與使用者參照、行內 CSS、影片嵌入)是額外加分,不會取代原有語法。

照著這 3 個步驟,看看幾個範例:

前往任何任務 -> 新增描述或留言(或點選編輯) -> 點選「?」圖示

看!跳出一份我們的 Markdown 語法清單:

Quire Markdown 語法說明選單,適用於任務描述

想加強語氣嗎?用 * 可以變斜體(哇!),用兩個星號則是粗體(哇!)。

要建立清單,只要在項目前加上星號和一個空格。操作就像在 Word 或 Pages 裡一樣,但更簡單、更快。

還沒完,還有更多!

有時候,光用文字還不夠。你可以在任務的描述和留言中使用表情符號。只要輸入冒號,就會自動跳出表情符號清單:

Quire 任務留言欄位中出現的表情符號選擇器

這就叫「表達力十足」!

接下來這個功能,你一定會覺得很實用。

想讓某人查看特定任務時,只要輸入 @username,再輸入 #taskname。所有包含你所輸入字母的任務都會跳出來,挑出正確的那一個就好。

Quire 任務參照自動完成,顯示 @username 與 #taskname 建議

這樣一來,就不用再複製貼上任務網址了。我們最早在 WOW moments of Quire! 中展示過這個自動完成的小技巧。

看過我們的 Markdown 能做什麼之後,就來看看下面的速查表,親手試試吧!!


Markdown 速查表

如何在 Quire Markdown 中撰寫標題?

Quire 的 Markdown 支援兩種標題樣式:Setext 與 Atx。

Setext 樣式的標題使用等號(第一級標題)和破折號(第二級標題)。例如:

H1
==
H2
--

Atx 樣式的標題在行首使用 1 至 6 個井字號,數量對應 1 至 6 級標題。例如:

# H1
## H2
### H3
#### H4
##### H5
###### H6

如何在 Quire Markdown 中換行?

要換行,直接按 Enter 即可。

水平分隔線

連續輸入 3 個以上的連字號、星號或底線,就能產生水平分隔線,中間也可以加空格:

***
* * *
- — -
 — — — — — — — — 

如何在 Quire Markdown 中強調文字?

使用星號來表示強調。

斜體使用 1 個星號。例如:

This is *important*.

粗體使用 2 個星號。例如:

This is **very important**.

如何在 Quire Markdown 中為文字加底線?

在文字的開頭和結尾各加一個底線即可:

_Underlined text._

如何在 Quire Markdown 中為文字加刪除線?

在文字的開頭和結尾各加一個波浪號即可:

~Delete text.~

如何在 Quire Markdown 中建立清單?

Markdown 支援有序(編號)清單與無序(項目符號)清單。

有序清單使用數字加句點,例如:

1. step1
2. step2
3. step3

無序清單如下:

* item1
* item2
* item3

與下面的寫法相同:

+ item1
+ item2
+ item3

以及:

- item1
- item2
- item3

每個項目可以包含多個段落。要在清單項目中新增段落,請縮排 4 個空格或 1 個 Tab,如下:

1. step1
    I’m a paragraph.
2. step2
3. step3

如何在 Quire Markdown 中加入連結?

用方括號框住文字,再用圓括號放入連結。例如:

This is a [Google link](https://www.google.com/)

Markdown 還支援 3 種連結變化。第一種是為連結加上標題:

[Google link with title](http://google.com/ “Google”)

第二種是參照式連結,使用第二組方括號,裡面放你為連結自訂的 id:

I use [Google][id1] more than I use [Yahoo][id2].

接著,在文字中的任何位置定義連結 id:

[id1]: http://google.com/ “Better”
[id2]: http://search.yahoo.com/ “Good”

第三種是自動連結。你只要直接寫下網址,Markdown 就會把它變成可點擊的連結:

Google: http://google.com/

如何在 Quire Markdown 中加入圖片?

Markdown 支援兩種圖片樣式:行內式與參照式。

行內式圖片語法如下:

![alt text](path/to/image.jpg)
![alt text](path/to/image.jpg “Title”)

先寫一個驚嘆號,接著是一組方括號,裡面放圖片的 alt 屬性文字,再接一組圓括號放圖片的網址或路徑,最後可以加上以雙引號框住的 title 屬性(選填)。

參照式圖片語法如下:

![alt text][id]
[id]: url/to/image.jpg “Title”

在這種寫法中,「id」是已定義的圖片參照名稱,定義方式與連結參照相同。

如何在 Quire Markdown 中建立表格?

你可以用 |(直線)和 -(連字號)來建立表格。

直線用來分隔每一欄,連字號則用來建立每一欄的標題。

所以,如果你輸入:

| 1st Header | 2nd Header |
| ---------- | ---------- |
| text       | text       |
| text       | text       |

結果會像這樣:

1st Header 2nd Header
text text
text text

小提示:你可以輸入 <br> 在表格儲存格中換行,輸入 \<br> 則可在儲存格中保留 <br> 字樣。

如何在 Quire Markdown 中跳脫直線符號?

你可能想在表格儲存格中跳脫直線符號。只要在直線前面加上 \ 就能輕鬆做到。

例如,如果你輸入:

| Left   | Right |
| :------ | ------:|
| A | text A |
| B | text B |
| C | text C \| word C |

結果會像這樣:

Quire 中的表格範例,示範跳脫直線符號

如何在 Quire Markdown 中建立引用區塊?

引用區塊使用「>」角括號來表示。

> I’m part of a very long quote. But I’ll still be quoted properly when I wrap.

此外,引用區塊中還可以再放引用區塊,只要增加角括號的層級:

> I’m the first level of quote.
>> I’m the second level of quote.
> I’m back at the first level.

如何在 Quire Markdown 中建立檢查清單?

輸入 - [ ] 就能建立自己的檢查清單

- [ ] Checklist item 1
- [ ] Checklist item 2
- [ ] Checklist item 3

使用 Quire 檢查清單,你也可以逐項勾選完成。

Take my dog for a walk
Do laundry

如何在 Quire Markdown 中使用電話號碼?

(415) 555-2671
(415)5552671
(415) 555 2671
+14155552671
020 7183 8750
0923-234-7890
09232347890

你可以用上述任一種格式輸入電話號碼,系統會自動產生可撥打電話的超連結。

如何在 Quire Markdown 中加入行內程式碼?

要標示一段程式碼,請用「`」反引號把它框起來。例如:

Use two asterisks `**` for bold.

若程式碼中要包含反引號字元,請使用多個反引號,並在開頭後和結尾前各加一個空格,如下:

Use two asterisks `` `**` `` for bold.

如何在 Quire Markdown 中建立程式碼區塊?

縮排 4 個空格或 1 個 Tab,就能產生程式碼區塊:

I’m a normal paragraph.
    I’m a code block.
I'm a normal paragraph.

或是在文字的開頭和結尾各輸入 3 個反引號,如下:

I’m a normal paragraph.
```
I’m a code block.
```
I’m a normal paragraph.

記得在反引號的前後都要換行。

Quire Markdown 的語法醒目提示如何運作?

我們更進一步,為程式碼區塊加入了語法醒目提示。

例如,如果你把 CSS 指定為內容語言:

```css
h1 {
 font-size: 2.5em;
 font-weight: normal;
}
```

或是選擇 Javascript 作為內容語言:

```javascript
var setArray = function(elems) {
 this.length = 0;
 push.apply(this, elems);
 return this;
}
```

你會看到文字依據所選的內容語言以不同顏色顯示,讓程式設計師和開發人員閱讀起來更輕鬆。

如何在 Quire Markdown 中加入 CSS 樣式?

你可以用 {css-style| text},為任務名稱、描述和留言中的文字加上 CSS 樣式。

例如,如果你輸入:

{color: red, font-size:20px|color text}

結果會像這樣:

在 Quire 中以行內 CSS 樣式語法製作的紅色文字

如果想進一步了解如何用顏色為整個任務(不只是文字)設定樣式,請參閱 Highlight Your Tasks with Color and Styles。

如何在 Quire Markdown 中加入特殊字元?

現在你也可以透過 HTML 實體加入特殊字元。

假設你輸入:

&yen;, &reg;, &#8451; and &#x263B;

結果會像這樣:

¥, ®, ℃ and ☻

如何在 Quire Markdown 中使用反斜線跳脫?

你可以用 \(反斜線)搭配字元,讓這些字元不再具有原本的特殊意義。

例如,如果你想用星號把一個字框起來,就在星號前加上反斜線:

\*literal asterisks\*

結果會是:

*literal asterisks*

我們支援以下字元的反斜線跳脫:

  • \ 反斜線
  • ` 反引號
  • * 星號
  • _ 底線
  • {} 大括號
  • [] 方括號
  • () 圓括號
  • # 井字號
  • + 加號
  • - 連字號
  • . 句點
  • ! 驚嘆號

如何在 Quire Markdown 中嵌入 YouTube 影片?

只要加入一張帶有影片連結的圖片,就能嵌入 YouTube 影片:

[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

敬請期待更多精彩內容!

相關閱讀:Say Hello to Quire Templates: Project Kickstart Made Easy,範本已預先套用這套 Markdown 語法,讓你立刻就能開始撰寫。

讓團隊協作工具幫你告別來回切換分頁,專心完成工作

常見問題

什麼是 Quire 風格的 Markdown?

這是標準 Markdown 的客製化版本,並加入 Quire 專屬功能,例如行內任務與使用者參照、檢查清單、行內 CSS 樣式、HTML 實體,以及嵌入 YouTube 影片。

在 Quire 的哪些地方可以使用 Markdown?

任何可輸入富文字的地方:任務描述、留言、專案描述、個人檔案描述,以及文件。這些位置的語法完全一致。

Quire 的 Markdown 與 CommonMark 或 GitHub 風格的 Markdown 有何不同?

核心語法與標準 Markdown 相同。Quire 另外加入任務與使用者參照、行內 CSS 樣式、HTML 實體直通,以及嵌入 YouTube 影片,這些與 GitHub 的擴充並不完全重疊。

可以用 Markdown 在 Quire 中參照任務和使用者嗎?

可以。輸入 @ 加上使用者名稱即可提及某人,輸入 # 加上任務名稱即可參照任務。Quire 會自動完成兩者,並轉成可點擊的連結。

Quire 支援程式碼語法醒目提示嗎?

支援。使用三個反引號的圍欄式程式碼區塊,並在後面直接寫上語言名稱,例如 css 或 javascript,Quire 就會依語言醒目提示程式碼。

Crystal Chen
Content writer, food lover, and aniholic.