Markdown 渲染测试

Part 1

本网站通过使用 Han.css 组版框架及 marked Markdown渲染器实现美观的中西文混排。

Test is a Test article.

I am a button

中文繁體字元

这是一篇测试文章

。

古人云：

噫吁嚱！危乎高哉！蜀道之難，難於上青天！
……
蜀道之難，難於上青天，側身西望長咨嗟！

~~DELETED~~ is 刪除了！

表頭	header2	header3
左對齊	align right	重要部分
此處有長文	`代碼`code	字元

曾經，甘道夫如此描述哈比人，

……我們知道的並不多。我們只知道在很遠的地方，越過許多山脈和河流，有一群矮小的生物居住在洞穴或是沙丘中。但沒有任何關於他們的傳說，因為據說他們游手好閒，躲避人類的目光，可以在一瞬間消失，而且他們還可以將嗓音偽裝成飛鳥的啁啾聲。不過，看來並不是這樣。

——J·R·R·托爾金《魔戒之王·雙城奇謀》

和新朋友們相處了一會兒，他便、改觀了。

空に挑み、宇宙を開く！

测试，标点。

「天下為公」是Sun Yat-sen先生有名的思想理論之一。

文字裝飾線

二大使用漢字作為書寫系統的語言——中文及日文——皆不使用空格分詞，因而在當前的網頁環境下，難以明確標示或辨明二相鄰的同種裝飾線文字。樣式標準化模組內建了樣式及腳本的「文字裝飾線」雙重修正，毋需插入空白即可得到視覺上的間隔效果，同時避免了樣式性的標記。

提示：相鄰文字裝飾線修正包含樣式表及腳本的多重回退（fallback），然搭配腳本可有較佳且更為一致的效果。

提示二：在二相鄰的裝飾線元素間，可存在不限數量的註解、機會斷行wbr元素並仍保有間隔效果；惟其餘受隱藏的元素（如容器顯示樣式設定為display: none者）將使二側的裝飾線元素失去相鄰關係，從而影響間隔效果。

註記與增訂元素

預設的UA樣式中，註記u 與增訂ins元素皆使用「底線」呈現，由於該底線會附着於漢字下方，影響易讀性，我們使用「底部邊框」（border-bottom）取代「裝飾底線」（text-decoration）。二個相鄰的註記或增訂元素效果如下，

英國倫敦是個世上少有、數一數二，且融合古典及現代的大城市。

<p><u class="pn">英國</u><!--注意：中間毋需插入任何空白--><u class="pn">倫敦</u>是個世上少有、數一數二，且融合古典及現代的大城市。

更完整的辨義功能

歐洲大陸眾多的西文當中，我最喜歡的語言是隷屬於羅曼語族的西文。

「先看完電影，」他說，「阿呆舉辦的派對我們晚點在去。」

<p><u class="pn">歐洲大陸</u>眾多的<u class="pn">西</u>文當中，我最喜歡的語言是隷屬於<u class="pn">羅曼</u>語族的<u class="pn">西</u>文。

<p>「先看完電影，」他說，「<u class="pn">阿呆</u>舉辦的派對我們晚點<u class="typo">在</u>去。」

提示：「註記u 元素」雖有明確的樣式，用於避免文字上的爭議，但並不改變文本的本來意義，常有表示專名（中文專名號）或原、引文的拼寫錯誤等用途；而「增訂ins元素」表示相應文本在版本修改、增訂間的記錄。

訛訊與刪訂元素

二個相鄰的訛訊或刪訂元素效果如下，

太陽系有~~九大行星~~入八大行星。

<p>太陽系有<s>九大行星</s><s>入</s>八大行星。

立法院常設有~~一六一二二五~~一一三位議員。

<p>立法院常設有<del datetime="1992-0-0">一六一</del><del datetime="1998-0-0">二二五</del><ins datetime="1998-0-0">一一三</ins>位議員。

提示：「訛訊s 元素」用於標明錯誤或不再正確的資訊；而「刪訂del元素」表示相應文本在版本修改、刪訂間的記錄。

更詳盡的範例及測試，請見程式測試頁·文字裝飾線。

行間注元素

「行間注」包含漢字標音（亦作漢字注音）及雙語對照二大功能，前者更可細分為「羅馬拼音」及「注音符號」。搭配腳本的樣式標準化模組完整支援行間注的所有功能，按需求加入相應的類別屬性（class）即可。

注意：除基本行間注外，包含注音、複合式行間注及拼－注音共同標注功能皆需配合JavaScript腳本方可正常顯示。

基本行間注

基本行間注的形式係「注文」位「基文」上方居中，適用雙語對照、羅馬拼音等。

雙語對照

萬維網World Wide Web

<ruby>萬維網<rt>World Wide Web</rt></ruby>

语法高亮

ctrl+c

#include <corerc/pubsub.h>
#include <iostream>
#include <sys/time.h>

class SubscriberImpl final :
    public corerc::Subscriber<capnp::Text>::Server {
public:

    kj::Promise<void> pushMessage(PushMessageContext context) override {
        struct timeval tv; // 中文注释
        gettimeofday(&tv, NULL);

        std::cout << "Message From Publisher: " <<
            context.getParams().getMessage().cStr() << tv.tv_usec << std::endl;
        std::cout.flush();
        return kj::READY_NOW;
    }
};

此君非汝所言

2014年1月10日由Mark君作成

本作采用Bootstrap与Han.css万维网页面框架制作,并体现其高度成熟的排版机能。

本作採用Bootstrap與Han.css萬維網頁面框架製作，並體現其高度成熟的排版機能。

本作ではBootstrapとHan.cssを使用することで、その組版機能を体現しています。

以下为西文排版演示

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.

Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

此乃标题

英國倫敦是個世上少有、數一數二，且融合古典及現代的大城市。二大使用漢字作為書寫系統的語言——中文及日文——皆不使用空格分詞，因而在當前的網頁環境下，難以明確標示或辨明二相鄰的同種裝飾線文字。樣式標準化模組內建了樣式及腳本的「文字裝飾線」雙重修正，毋需插入空白即可得到視覺上的間隔效果，同時避免了樣式性的標記。

人无远虑,必有近忧啊。

你nĭ瞧qiáo！一弯yìwān流水liúshuĭ架jià小桥xiăoqiáo …

                    Example code block

Aenean氏乃大秦天府之人。據《周髀算經》中記述，公元前一千多年周公與商高論數的對話中，商高就以「三四五」三個特定數為例詳細解釋了勾股定理要素，既方其外，半之一矩，環而共盤，得成三四五。兩矩共長二十有五，是謂積矩。Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

日本語化

笑顔でいる事は本当に楽しく、幸福な気持ちになります。諺通り、

「笑う門には福来たる」

のであります。

最（さい）近（きん）では科（か）学（がく）的（てき）にも”笑（わら）う”ことは免（めん）疫（えき）力（りょく）を強（つよ）くし、脳（のう）の働（はたら）きを活（かっ）性（せい）化（か）させたりと健（けん）康（こう）にもいいことが分（わ）かっています。

Tsimtsum had been sunk for weeks by then.
Donec id elit non mi porta gravida at eget metus.
Nulla vitae elit libero, a pharetra augue.

Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.

#	First Name	Last Name	中文名	Username
1	Mark	Otto	馬克・奧托	@mdo
2	Jacob	Thornton	亞克比・托頓	@fat
3	Larry	the Bird	拉里・大鵬	@twitter

Vestibulum id ligula porta felis euismod semper.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Maecenas sed diam eget risus varius blandit sit amet non magna.

Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.

Fan Jiang