{%hackmd BJOT7rhoyl %}

# 預覽連結


###### 在本次新功能開發的過程中，我們非常感謝所有參與測試和回饋意見的使用者。你們寶貴的建議與支持不僅幫助我們發現並修正潛在問題，更激勵我們持續創新與改進。

###### 如果你也想參與未來功能的開發，歡迎填寫這份表單 https://tally.so/r/mOJzaA

---

### 什麼是【預覽連結】？

當您在編輯器中貼上一段連結，在游標的位置會彈出連結樣式選單，提供您自訂連結的預覽方式。

### 選擇樣式

在貼上連結時，您可以透過 **鍵盤或滑鼠** 選擇樣式，預設將會以原始網址顯示。


# 連結呈現方式

我們提供三種樣式讓您依據需求選擇。

### 一、網址
以原始連結呈現。


### 二、連結文字
若貼上的連結...
- 不是 HackMD 筆記，將會以語法 \[Link\](URL) 呈現
- 是 HackMD 筆記的網址，語法的 Link 會自動抓取筆記的標題，會變成 \[筆記標題\](URL)


### 三、預覽卡片
系統會自動抓取該網址的 meta data 資料呈現在預覽卡片上。

如果連結來源是 HackMD 的建議修訂、留言、段落連結，則系統可以抓取引言和標題。


#### 以下展示幾種預覽卡片的樣式

- 外部連結
- 段落連結
- 版本連結
- 無權限存取連結
- 留言連結

<!--
:::success
New :fire: 衍伸功能

當您貼上 HackMD 的段落連結時，可以選擇【引用】；預覽卡片將顯示段落引言。

==gif_展示 citation==
:::
-->

&nbsp;

# 功能滿意度調查問卷

這篇教學文章對您有幫助嗎？留下您的想法吧！

<iframe src="https://tally.so/embed/warqZW?feature=預覽連結&hideTitle=1&dynamicHeight=1" loading="lazy" width="100%" height="200" frameborder="0" marginheight="0" marginwidth="0" title="Tutorial Book Feedback"></iframe><script>var d=document,w="https://tally.so/widgets/embed.js",v=function(){"undefined"!=typeof Tally?Tally.loadEmbeds():d.querySelectorAll("iframe\[data-tally-src\]:not(\[src\])").forEach((function(e){e.src=e.dataset.tallySrc}))};if("undefined"!=typeof Tally)v();else if(d.querySelector('script\[src="'+w+'"\]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>