{%hackmd rJ_1SdPkxx %}
# Link Preview

###### We greatly appreciate all users who participated in testing and provided feedback for our new feature. Your insights helped us fix issues and continue improving.
###### If you're interested in participating in future developments, please fill out this form: https://tally.so/r/mOJzaA
---
### What is 【Link Preview】?
When you paste a link in the editor, a link style menu will pop up at the cursor position, providing you with a preview of your customized link.
### Choose a style
You can select the style using **the keyboard or mouse**, and the default will be displayed as the original URL.

# Format of link preview
We offer three styles for you to choose according to your needs.
### 1. URL
Presented as the original URL.

### 2. Reference
Automatically change the URL to `[Link Text](URL)` format.

### 3. Preview card
The system will automatically grab the meta data of the URL and present it on the preview card. If the link source is a HackMD suggest edit, comment, or paragraph link, then the system can grab the note description and title.

#### Below are some examples of preview cards.
- External Link

- Paragraph Copy Link

- Edit History Link

- Unauthorized Access Links

- Comment Link

<!--
:::success
New :fire: 衍伸功能
當您貼上 HackMD 的段落連結時,可以選擇【引用】;預覽卡片將顯示段落引言。
==gif_展示 citation==
:::
-->
# Feature Satisfaction Survey
Leave your thoughts!
<iframe src="https://tally.so/embed/warqZW?feature=Link Preview&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>