補覺鳴詩

學海無涯


  • 首頁

  • archive

  • 關於我

  • 搜尋

Markdown 語法手冊

時間: 2019-03-11   |   分類: themes   syntax   | 字數: 827 字 | 閱讀: 2分鐘 | 閱讀次數:

本文提供了一個可以在 Hugo 內容文件中使用的基本Markdown語法示例,還展示了基本 HTML 元素在 Hugo 主題中是否使用 CSS 裝飾。

標題

下麵的 HTML 代碼 <h1>—<h6> 元素表示六個級別的節標題。 <h1>是最高的節級別,<h6>是最低的節級別。

H1

H2

H3

H4

H5
H6

段落

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

伊塔圖?廚房裡有很多東西,我不知道他們喜歡吃什麼,或者他們喜歡吃什麼。

引用

blockquote元素表示從另一個來源引用的內容,可選的引用必須在 footer或 cite元素內,也可選的內嵌更改,如註釋和縮寫。

引用沒有歸屬

Tiam, ad mint andaepu dandae nostion secatur sequo quae. 註意 可以在塊引用中使用 Markdown 語法。

帶歸屬的引用

不要通過分享記憶來交流,通過交流來分享記憶。<br> — <cite>羅布·派克1 </cite>

表格

表不是Markdown核心規範的一部分,但是Hugo支持開箱即用。

NameAge
Bob27
Alice23

表格內使用Markdown語法

ItalicsBoldCode
italicsboldcode

圖像

![圖像描述](圖像地址)

示例

screenshot.png

Google ChromeFirefox Browser

Coogle Chrome Firefox Safari Microsoft Edge Internet Exporler

點擊圖像可以打開圖像瀏覽器,快試試吧。

代碼塊

帶有引號的代碼塊

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

用四個空格縮進的代碼塊

<!doctype html>`<html lang="en">`
`<head>`
  `<meta charset="utf-8">`
  `<title>`Example HTML5 Document `</title>`
`</head>`
`<body>`
  `<p>`Test `</p>`
`</body>`
`</html>`

代碼塊引用Hugo的內部高亮短代碼

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

列表類型

有序列表

  1. First item
  2. Second item
  3. Third item

無序列表

  • List item
  • Another item
  • And another item

嵌套列表

  • Fruit
    • Apple
    • Orange
    • Banana
  • Dairy
    • Milk
    • Cheese

其他元素 — abbr, sub, sup, kbd, mark

<abbr title="Graphics Interchange Format">GIF </abbr> 是位圖圖像格式。

H <sub>2 </sub>O

X <sup>n </sup> + Y <sup>n </sup> = Z <sup>n </sup>

按 <kbd><kbd>CTRL </kbd>+<kbd>ALT </kbd>+<kbd>Delete </kbd></kbd> 組合鍵結束會話。

大多數 <mark>蠑螈 </mark>在夜間活動,捕食昆蟲、蠕蟲和其他小動物。


  1. 以上引文摘自Rob Pike在2015年11月18日Gopherfest上的演講。 ↩︎

#markdown# #css# #html#
comments powered by Disqus >
  • 文章目錄
  • 網站導覽
Owan

Owan

愛貓如癡

131 日誌
29 分類
37 標籤
GitHub
  • H2
    • H3
  • 示例
  • 帶有引號的代碼塊
  • 用四個空格縮進的代碼塊
  • 代碼塊引用Hugo的內部高亮短代碼
  • 有序列表
  • 無序列表
  • 嵌套列表
  • 其他元素 — abbr, sub, sup, kbd, mark
© 2010 - 2022 補覺鳴詩
Powered by - Hugo v0.96.0 / Theme by - NexT
0%