HackMD
做個筆記
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
因為自製的 Alert 與 Highlighting，沒辦法用 Shortcodes 插入，只好另找解法了。
使用圖片插入
看了一下使用 Shortcodes 所編譯出來的 HTML 程式，發現最終是變成了圖片，像這樣：
<img alt=":mask:"
class="emoji"
src="https://cdnjs.cloudflare.com/ajax/libs/emojify.js/1.1.0/images/basic/mask.png"
title=":mask:">
出來的效果長這樣：
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
這種方式出來的圖片較固定，不像其他的方式有可能隨瀏覽器變化。
使用 Unicode
記得 Emoji 本來就是種 Unicode，直接輸入使用應該可以才對~賓果 🎉
😷
或
<span style="font-size:100px">😷</span>
出來的效果長這樣：
😷 😷
好處是可以使用 style 調整 Emoji 大小，又不像圖片會失真，但這種方式回隨作業系統與瀏覽器而變化 XDDD
備註一下 Unicode 的插入
查到的 Unicode 應該會長 U+<十六進制數值> 這樣，但在 HTML 中使用要把它轉換成 HTML Encode。
HTML Encode 它會用 & 開始 ; 結束，然後使用 #x 表明是十六進制，因此完整 Unicode 使用 HTML Encode 編碼會變成 &#x<十六進制數值>;。當然也可以用十進制來表示，例如：😷 十進制就成了 😷，出來的效果都一樣。
Copy and Paste
最後一招大絕招就是複製貼上啦，直接去查表後複製貼上過來就是了 XD
參考資料
- 📙 Emojipedia — 😃 Home of Emoji Meanings 💁👌🎍😍。檢自 Emojipedia (2020-02-27)。
- Full Emoji List, v13.0 。檢自 Emoji Charts (2020-02-27)。
- HTML Smiley Emoji 。檢自 w3schools (2020-02-27)。
本文作者： 辛西亞．Cynthia
本文連結： 辛西亞的技能樹 / hackmd 版本
版權聲明： 部落格中所有文章，均採用 姓名標示-非商業性-相同方式分享 4.0 國際 (CC BY-NC-SA 4.0) 許可協議。轉載請標明作者、連結與出處！
