目錄
inline table of content only on mobile
📏 文字對齊
<p align="left"> 靠左了吧 </p>
靠左了吧
<p align="right"> 靠右了吧 </p>
靠右了吧
🎨 文字顏色
<font color=#FF0000> 紅色的文字 </font>
紅色的文字
🌀 html 跳脫字元
| 字元 | 編碼 |
|---|---|
| < | < |
| > | > |
| { | { |
| } | } |
| 大空格 |   |
| 小空格 | |
🔖 書籤連結
手機端會太擁擠，所以我讓圖片在手機端隱藏，img的地方加上class="hide-on-mobile"，class="hide-on-mobile" 寫在 style 裡面
md 引入格式： {{<link-card name="" desc="" link="" img="">}}
- shortcode html 程式碼：
https://gist.github.com/penyt/6e19f98476ffa5d737d8f8b268dcd0fa#file-link-card-html - 樣式 scss 程式碼：
https://gist.github.com/penyt/6e19f98476ffa5d737d8f8b268dcd0fa#file-link-card-var-scss
效果 (書籤連結)
“shortcode html” 連結做成書籤：
⋙ shortcode html
https://gist.github.com/penyt/6e19f98476ffa5d737d8f8b268dcd0fa#file-link-card-html
“樣式 scss” 連結做成書籤：
⋙ 樣式 scss
https://gist.github.com/penyt/6e19f98476ffa5d737d8f8b268dcd0fa#file-link-card-var-scss👩🏻💻 gist 嵌入加上標題
原始的 gist 嵌入的樣式不喜歡，還有最底下那條 “hosted with ❤️ by GitHub”，我是選擇用自己的樣式保留著，畢竟是 github 的服務，直接刪掉總感覺不太恰當
再用一個方框加上標題，可以自訂和gist檔案名稱不同的標題，標題也可以連結到gist的頁面
penyt 是我的 github 帳號，你要換成自己的
md 引入格式： {{<gist-title "title" penyt ID (檔名)>}}
- shortcode html 程式碼：
https://gist.github.com/penyt/6e19f98476ffa5d737d8f8b268dcd0fa#file-gist-title-html - 樣式 scss 程式碼：
https://gist.github.com/penyt/6e19f98476ffa5d737d8f8b268dcd0fa#file-gist-scss
效果 (gist 標題)
🔐文章加密
shortcode html：
樣式 scss：