{%hackmd rJ_1SdPkxx %} # Link Preview ![Tutorial - Link preview](https://hackmd.io/_uploads/BJEVE_wTJl.jpg) ###### 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. ![Preview link_move to choose](https://hackmd.io/_uploads/H18vz146yl.gif) # Format of link preview We offer three styles for you to choose according to your needs. ### 1. URL Presented as the original URL. ![Preview link_URL](https://hackmd.io/_uploads/rkJ_GkEpyx.gif) ### 2. Reference Automatically change the URL to `[Link Text](URL)` format. ![Preview link_Reference](https://hackmd.io/_uploads/S1Y_zkNTye.gif) ### 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. ![Preview link_Preview card](https://hackmd.io/_uploads/rywYz1NTyx.gif) #### Below are some examples of preview cards. - External Link ![image](https://hackmd.io/_uploads/SyVzKAQT1x.png) - Paragraph Copy Link ![image](https://hackmd.io/_uploads/BJthzTQTyx.png) - Edit History Link ![image](https://hackmd.io/_uploads/ryhl7aXa1x.png) - Unauthorized Access Links ![image](https://hackmd.io/_uploads/rkc9j07pJe.png) - Comment Link ![image](https://hackmd.io/_uploads/ry2pc0ma1l.png) <!-- :::success New :fire: 衍伸功能 當您貼上 HackMD 的段落連結時,可以選擇【引用】;預覽卡片將顯示段落引言。 ==gif_展示 citation== ::: --> &nbsp; # 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>