文本內容

渲染架構

預設會將.md文件開頭之「title」渲染為<h1>標籤，於該頁面最上方，因此不建議您在後續標籤中使用「#」產生出其他<h1>標籤。

基礎文本

該應用支援絕大多數markdown語法，以下以常用文本語法舉例說明

Markdown語法	HTML對應生成語法	注意事項
#	<h1>	頁面已自動渲染<h1>，不建議重複使用
##	<h2>	會產生子選單於該頁面中，支援跳轉
###	<h3>	會產生子選單於該頁面中，支援跳轉
####	<h4>
#####	<h5>
######	<h6>
	<p>	直接輸入為 <p> 標籤

樣式

斜體字

粗體字

斜體兼粗體

~~刪除線~~

重點標註

*斜體字*

**粗體字**

***斜體兼粗體***

~~刪除線~~

<mark>重點標註</mark>

有序標籤

前端
後端

1. 前端
2. 後端

無序標籤

以米字號為開頭，如需二層抑或是更多層，可直接使用縮排，以下為範例

資料庫
- NoSQL
  1. MongoDB
  2. Redis
- SQL
  1. SQLite
  2. MySQL
作業系統
- WindowsNT
- Linux
- MacOS

* 資料庫
  * NoSQL
    1. MongoDB
    2. Redis
  * SQL
    1. SQLite
    2. MySQL
* 作業系統
  * WindowsNT
  * Linux
  * MacOS

無序與有序標籤可交互應用

引言

請別讓他人以出身限制你，你唯一的束縛僅是你的靈魂—-料理鼠王

>請別讓他人以出身限制你，你唯一的束縛僅是你的靈魂----料理鼠王

表格

-	杜甫	李白
代稱	詩聖	詩仙
風格	社會寫實	浪漫
時代	盛唐	盛唐

| - | 杜甫  | 李白 |
|  :---: | :---: | :---: |
| 代稱 | 詩聖 | 詩仙 |
| 風格 | 社會寫實 | 浪漫 |
| 時代  | 盛唐 | 盛唐 |

超連結

一般連結

https://supportukrainenow.org/

<https://supportukrainenow.org/>

標籤連結

Google

Yahoo

[Google][1]

[Yahoo][2]

  [1]: http://google.com/        "游標顯示"
  [2]: http://search.yahoo.com/  "游標顯示"

程式碼

程式碼組件，基於Prism，使用語法，只需使用3個單引號包夾，且在起始單引號中後加上需要高亮之程式語言，即可自動轉換。

Ruby 語言範例

puts "Hello_World"

``` ruby  
puts "Hello_World"  
` ``

目前本主題預設載入Ruby、Python、JavaScript、HTML、CSS主題支援，如需要請他語言，請前往 Prism 官網確認查看。確認需要之語言後，請將JavaScript腳本引入至「template.html.erb」根目錄底下之中。例如目前引用：

<script src="https://unpkg.com/prismjs/components/prism-ruby.min.js"></script>
<script src="https://unpkg.com/prismjs/components/prism-javascript.min.js"></script>
<script src="https://unpkg.com/prismjs/components/prism-css.min.js"></script>
<script src="https://unpkg.com/prismjs/components/prism-html.min.js"></script>
<script src="https://unpkg.com/prismjs/components/prism-python.min.js"></script>

其他組件

資訊、提示、警告區塊

這是提示區塊，預設為藍色，可用於提供資訊。

這是提示區塊，預設為綠色，可用於非硬性規定，但為實務常用方針，或為指導性質之內容。

這是警告區塊，預設為橘色，可用於提示用戶重要且會直接影響安全之事項。


這是提示區塊，預設為藍色，可用於提供資訊。
{: .tips-info}

這是提示區塊，預設為綠色，可用於非硬性規定，但為實務常用方針，或為指導性質之內容。
{: .tips-tip}

這是警告區塊，預設為橘色，可用於提示用戶重要且會直接影響安全之事項。
{: .tips-warning}