代碼-測試用頁面

Lorem Ipsum 是印刷和排版行業的簡單虛擬資料。自 1500 年代以來，Lorem Ipsum 一直是行業標準的虛擬文本，當時一位不知名的印刷商拿走了一堆字體並將其打亂以製作一本資料樣本簿。

目錄

目錄

1. 目錄
2. 項目符號列表
3. 編號列表
4. 標題標題
5. 這是標題 H2
   1. 這是標題 H3
      1. 這是標題 H4
6. 區塊引用
7. 文字樣式
8. 文字大小
9. 預設按鈕
10. 彩色按鈕
11. 警報框
12. 有邊框的桌子
13. 聯絡表
14. 代碼盒

項目符號列表

• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆
• 洛雷姆·伊普蘇姆

編號列表

1. 洛雷姆·伊普蘇姆
2. 洛雷姆·伊普蘇姆
3. 洛雷姆·伊普蘇姆
4. 洛雷姆·伊普蘇姆
5. 洛雷姆·伊普蘇姆
6. 洛雷姆·伊普蘇姆
7. 洛雷姆·伊普蘇姆
8. 洛雷姆·伊普蘇姆
9. 洛雷姆·伊普蘇姆
10. 洛雷姆·伊普蘇姆
11. 洛雷姆·伊普蘇姆
12. 洛雷姆·伊普蘇姆

標題標題

這是標題 H2

這是標題 H3

這是標題 H4

區塊引用

「引言：Lorem Ipsum 只是印刷和排版行業的虛擬文本。自 1500 年代以來，Lorem Ipsum 一直是行業標準虛擬文本......」

- John Doe

文字樣式

這是一個普通文本：Lorem Ipsum 只是印刷和排版行業的虛擬文本。自 1500 年代以來，Lorem Ipsum 一直是行業標準的虛擬文本...

這是粗體文本：Lorem Ipsum 只是印刷和排版行業的虛擬文本。自 1500 年代以來，Lorem Ipsum 一直是行業標準的虛擬文本...這是斜體文本：Lorem Ipsum 只是印刷和排版行業的虛擬文本。自 1500 年代以來，Lorem Ipsum 一直是行業標準的虛擬文本...這是一個文本下劃線：Lorem Ipsum 只是印刷和排版行業的虛擬文本。自 1500 年代以來，Lorem Ipsum 一直是行業標準的虛擬文字...這是一個文字刪除線：Lorem Ipsum 只是印刷和排版行業的虛擬文字。自 1500 年代以來，Lorem Ipsum 一直是行業標準虛擬文本...這是彩色文本：Lorem Ipsum 只是印刷和排版行業的虛擬文本。自 1500 年代以來，Lorem Ipsum 一直是行業標準虛擬文本...

文字大小

這是一個小文本

這是一個正常文本

這是一個大文本這是一個最大文本

預設按鈕

預設按鈕 預覽 下載 訪問連結 立即購買 分享 更多資訊

彩色按鈕

彩色按鈕 預覽 下載 訪問連結 立即購買 分享 更多資訊

警報框

Lorem Ipsum 不僅僅是隨機文字。它也源自於公元前 45 年的一段拉丁文學經典測試鏈接，距今已有 2000 多年的歷史。

Lorem Ipsum 不僅僅是隨機文字。它也源自於公元前 45 年的一段拉丁文學經典測試鏈接，距今已有 2000 多年的歷史。

Lorem Ipsum 不僅僅是隨機文字。它也源自於公元前 45 年的一段拉丁文學經典測試鏈接，距今已有 2000 多年的歷史。

Lorem Ipsum 不僅僅是隨機文字。它也源自於公元前 45 年的一段拉丁文學經典測試鏈接，距今已有 2000 多年的歷史。

有邊框的桌子

名	姓	電子郵件
約翰	美國能源部	約翰@example.com
瑪莉	萌	瑪麗@example.com
七月	杜利	july@example.com

聯絡表

聯絡表

代碼盒

$("#main-nav #s").blur(function() {
if (0 === this.value.length) this.value = c;
});

$("#main-nav #s").focus(function() {
if (this.value === c) this.value = "";
});

代碼區(小工具)

""<pre class="code"><code class="prettyprint linenums">...</code></pre>""

或是github的

<script src="https://gist.github.com/amobiz/c1d9f88c5a159cd040a5.js"></script>