OnePiece Blog

這是一個標題的範例。您可以使用以下的 Markdown 規則來使用這個標題。例如：使用 # 來表示標題 1，使用 ###### 來表示標題 6。

標題 1#

標題 2#

標題 3#

標題 4#

標題 5#

標題 6

強調#

強調，也就是斜體，使用 星號 或 底線。

強烈強調，也就是粗體，使用 星號 或 底線。

結合強調使用 星號和 底線。

刪除線使用兩個波浪號。刪除這個。

按鈕#

{{<button label="按鈕" link="/" style="solid">}}

連結#

我是一個內聯樣式的連結

我是一個帶標題的內聯樣式連結

我是一個參考樣式的連結

我是一個相對參考到一個庫文件的連結

您可以使用數字作為參考樣式的連結定義

或者留空並使用 連結文字本身。

URL 和尖括號中的 URL 會自動轉換為連結。
http://www.example.com 或 http://www.example.com 有時
example.com（但在 GitHub 上不行，例如）。

一些文字顯示參考連結可以稍後跟隨。

段落#

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.

有序列表#

1. 列表項目
2. 列表項目
3. 列表項目
4. 列表項目
5. 列表項目

無序列表#

• 列表項目
• 列表項目
• 列表項目
• 列表項目
• 列表項目

注意#

{{<notice "注意">}}
這是一個簡單的注意事項。
{{< /notice >}}

{{<notice "提示">}}
這是一個簡單的提示。
{{< /notice >}}

{{<notice "資訊">}}
這是一個簡單的資訊。
{{< /notice >}}

{{<notice "警告">}}
這是一個簡單的警告。
{{< /notice >}}

標籤#

{{< tabs >}}
{{<tab "標籤 1">}}

您是因為某些特定的事情而來嗎？#

您是因為某些特定的事情而來，還是只是一般的 Riker 貶低？並且在達到最大超光速時，您瞬間似乎同時出現在兩個地方。我們有一名破壞者在船上。我們知道您在處理被盜的礦石。但我想談談對沃夫中尉的刺殺企圖。

{{< /tab >}}

{{<tab "標籤 2">}}

我想談談刺殺企圖#

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

{{< /tab >}}

{{<tab "標籤 3">}}

我們知道您在處理被盜的礦石#

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo

{{< /tab >}}
{{< /tabs >}}

手風琴#

{{<accordion "為什麼您需要這樣做？">}}

• Lorem ipsum dolor sit amet consectetur adipisicing elit.
• Lorem ipsum dolor sit amet consectetur adipisicing elit.
• Lorem ipsum dolor sit amet consectetur

{{< /accordion >}}

{{<accordion "我該如何調整水平居中">}}

• Lorem ipsum dolor sit amet consectetur adipisicing elit.
• Lorem ipsum dolor sit amet consectetur adipisicing elit.
• Lorem ipsum dolor sit amet consectetur

{{< /accordion >}}

{{<accordion "您應該使用負邊距嗎？">}}

• Lorem ipsum dolor sit amet consectetur adipisicing elit.
• Lorem ipsum dolor sit amet consectetur adipisicing elit.
• Lorem ipsum dolor sit amet consectetur

{{< /accordion >}}

代碼和語法高亮#

這是一個 內聯代碼 範例。

var s = "JavaScript 語法高亮";
alert(s);

s = "Python 語法高亮"
print s

引用#

您是因為某些特定的事情而來，還是只是一般的 Riker 貶低？並且在達到最大超光速時，您瞬間似乎同時出現在兩個地方。

表格#