Website

Hugo - 修改Markdown字體


由於寫網誌的時候都會用markdown的語法把code包裝起來,
原始的字型可能都不太好看,想改!!! 至於配色也是在這裡頭改唷 (我已經忘記改了什麼@@,下次有改會再補上XD)

於是乎參考老師網誌的版型(查看原始碼!XD)
進行以下修改

  1. 首先找到這個_main.scss

change_font-1

  1. 在Markdown的區域進行修改 (有需要請import字體)
/* markdown style */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

.content {
  * {
    font-family: open sans,noto sans tc,sans-serif;
    margin-bottom: 20px;
  }
  ...

  pre code * {
    font-size: 1em;
    letter-spacing: 0;
    font-family: Consolas,liberation mono,Courier,monospace;
  }
}

修改後上傳github.io之後,一開始字體還是沒有改變,後來才看到變化
可能是忘記Clear Cache,大家以後要記得@@~

Reference

老師的Hugo網誌