Hugo 與 Markdown

Markdown 是一種輕量級標記式語言,具易讀易寫特性,並且對於圖片,圖表、數學式都有支援,目前許多網站都廣泛使用Markdown來撰寫說明文件或是用於論壇上發表訊息。學習Markdown可參閱 Markdown Tutorial - IntroductionMarkdown文件

Hugo 使用 Markdown 編寫文章,更多資訊請參閱 Configure markup | Hugo

PaperMod 與 Markdown

Hugo 主題作者都會提供 Markdown 範例網頁甚至原始碼,以利安裝者使用參考
 MemE 範例網頁
 PaperMod Markdown 範例網頁PaperMod Markdown 原始碼。但作者測試原始碼時,文章目錄的顯示有些問題,是新版 Hugo 還是作者的 config.yml 設置出問題?
 PaperMod 作者佛心來著,提供範例網頁原始碼
 可直接使用 Emoji,可至 Emoji 列表 挑選
 使用 Shortcode(短代碼) 貼上 YouTube、Vimeo 影片

{{< youtube ZJthWmvUzzc >}}

結果

{{< vimeo_simple 48912912 >}}

結果

PaperMod 與 HTML

 只使用 Markdown 語言,會覺得無色彩,因此就要加入 HTML,給它好看🌺
 因為作者的 PaperMod 設置 config.yml (這也是 Hugo 與 Markdown 的 Configure markup | Hugo) 128至133行是

markup:
  goldmark:
    renderer:
      unsafe: true
  highlight:
    noClasses: false

PaperMod Markdown 可以混搭 HTML
 span 是經常使用的,可參閱 HTML span TagHTML Color Picker ,例如

<span style="font-size:32px;font-weight:bold;color:#0000FF;">傳統</span>_中文_<br>
<span style="font-size:32px;font-weight:bold;color:#FF0000;">简体</span>**中文**

結果:
傳統中文
简体中文