🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:
Test
84 | 85 | 86 | ``` 87 | 88 | #### Code block indented with four spaces 89 | 90 | 91 | 92 | 93 | 94 |Test
98 | 99 | 100 | 101 | #### Code block with Hugo's internal highlight shortcode 102 | {{< highlight html >}} 103 | 104 | 105 | 106 | 107 |Test
111 | 112 | 113 | {{< /highlight >}} 114 | 115 | ## List Types 116 | 117 | #### Ordered List 118 | 119 | 1. First item 120 | 2. Second item 121 | 3. Third item 122 | 123 | #### Unordered List 124 | 125 | * List item 126 | * Another item 127 | * And another item 128 | 129 | #### Nested list 130 | 131 | * Fruit 132 | * Apple 133 | * Orange 134 | * Banana 135 | * Dairy 136 | * Milk 137 | * Cheese 138 | 139 | ## Other Elements — abbr, sub, sup, kbd, mark 140 | 141 | GIF is a bitmap image format. 142 | 143 | H2O 144 | 145 | Xn + Yn = Zn 146 | 147 | Press CTRL+ALT+Delete to end the session. 148 | 149 | Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures. -------------------------------------------------------------------------------- /exampleSite/content/posts/post-3.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Math Type Setting 3 | date: 2018-03-18T12:13:32+05:30 4 | lastmod: 2020-10-09T10:13:38+08:00 5 | author: Rainer Chiang 6 | 7 | description: The art of letting go. 8 | categories: [Hugo] 9 | tags: [MathJax, test] 10 | 11 | draft: false 12 | enableDisqus : true 13 | enableMathJax: true 14 | disableToC: false 15 | disableAutoCollapse: true 16 | --- 17 | 18 | Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries. 19 | 20 | In this example we will be using [KaTeX](https://katex.org/) 21 | 22 | - Create a partial under `/layouts/partials/math.html` 23 | - Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally. 24 | - Include the partial in your templates like so: 25 | 26 | ```bash 27 | {{ if or .Params.math .Site.Params.math }} 28 | {{ partial "math.html" . }} 29 | {{ end }} 30 | ``` 31 | 32 | - To enable KaTex globally set the parameter `math` to `true` in a project's configuration 33 | - To enable KaTex on a per page basis include the parameter `math: true` in content files 34 | 35 | **Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html) 36 | 37 | {{< math.inline >}} 38 | {{ if or .Page.Params.math .Site.Params.math }} 39 | 40 | 41 | 42 | 43 | {{ end }} 44 | {{}} 45 | 46 | ### Examples 47 | 48 | {{< math.inline >}} 49 |50 | Inline math: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\) 51 |
52 | {{}} 53 | 54 | Block math: 55 | $$ 56 | \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } 57 | $$ -------------------------------------------------------------------------------- /exampleSite/content/posts/post-4.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 中文测试 3 | date: 2018-03-18T12:13:35+05:30 4 | lastmod: 2020-10-09T10:13:38+08:00 5 | author: Rainer Chiang 6 | 7 | description: Start by getting a small backpack (less than 20 liters) and then just travel with what fits in that. 8 | categories: [Text] 9 | tags: [plain, chinese] 10 | 11 | 12 | draft: false 13 | enableDisqus : true 14 | enableMathJax: false 15 | disableToC: false 16 | disableAutoCollapse: true 17 | --- 18 | 19 | # 荷塘月色 20 | 21 | >朱自清（1898年11月22日—1948年8月12日），原名自华，号实秋，后改名自清，字佩弦。原籍浙江绍兴，出生于江苏省东海县（今连云港市东海县平明镇），后随父定居扬州。中国现代散文家、诗人、学者、民主战士。 22 | > 23 | >1916年中学毕业后成功考入北京大学预科。1919年开始发表诗歌。1921年，加入文学研究会，成立“为人生”代表作家。1922年，与叶圣陶等创办了我国新文学史上第一个诗刊——《诗》月刊，倡导新诗。次年，发表长诗《毁灭》，引起当时诗坛广泛注意，继而写《桨声灯影里的秦淮河》，被誉为“白话美术文的模范”。1924年，诗文集《踪迹》出版。1925年，应清华大学之聘，任中文系教授。创作由诗歌转向散文，同时致力于古典文学研究。“三·一八”惨案后，他撰写《执政府大屠杀记》等文章，声讨军阀政府暴行。1928年，第一部散文集《背影》出版。1930年，代理清华大学中文系主任。次年，留学英国，并漫游欧洲数国，著有《欧游杂记》、《伦敦杂记》。1932年归国，继任清华大学中文系教授兼系主任。“一二·九”运动中，他同学生一道上街游行。抗日战争爆发后，随校南迁，任西南联大教授。1946年10月返北平，受校方委托主编《闻一多全集》。同时，积极参加各项民主活动。1948年8月12日因胃穿孔病逝于北平，年仅50岁。 24 | > 25 | >所作《背影》、《荷塘月色》等篇，为中国现代散文早期代表作，由《朱自清全集》出版。 26 | 27 | 这几天心里颇不宁静。今晚在院子里坐着乘凉，忽然想起日日走过的荷塘，在这满月的光里，总该另有一番样子吧。月亮渐渐地升高了，墙外马路上孩子们的欢笑，已经听不见了；妻在屋里拍着闰儿，迷迷糊糊地哼着眠歌。我悄悄地披了大衫，带上门出去。 28 | 29 | 沿着荷塘，是一条曲折的小煤屑路。这是一条幽僻的路；白天也少人走，夜晚更加寂寞。荷塘四面，长着许多树，蓊蓊郁郁的。路的一旁，是些杨柳，和一些不知道名字的树。没有月光的晚上，这路上阴森森的，有些怕人。今晚却很好，虽然月光也还是淡淡的。 30 | 31 | 路上只我一个人，背着手踱着。这一片天地好像是我的；我也像超出了平常的自己，到了另一世界里。我爱热闹，也爱冷静；爱群居，也爱独处。像今晚上，一个人在这苍茫的月下，什么都可以想，什么都可以不想，便觉是个自由的人。白天里一定要做的事，一定要说的话，现在都可不理。这是独处的妙处，我且受用这无边的荷香月色好了。 32 | 33 | 曲曲折折的荷塘上面，弥望的是田田的叶子。叶子出水很高，像亭亭的舞女的裙。层层的叶子中间，零星地点缀着些白花，有袅娜地开着的，有羞涩地打着朵儿的；正如一粒粒的明珠，又如碧天里的星星，又如刚出浴的美人。微风过处，送来缕缕清香，仿佛远处高楼上渺茫的歌声似的。这时候叶子与花也有一丝的颤动，像闪电般，霎时传过荷塘的那边去了。叶子本是肩并肩密密地挨着，这便宛然有了一道凝碧的波痕。叶子底下是脉脉的流水，遮住了，不能见一些颜色；而叶子却更见风致了。 34 | 35 | 月光如流水一般，静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样；又像笼着轻纱的梦。虽然是满月，天上却有一层淡淡的云，所以不能朗照；但我以为这恰是到了好处——酣眠固不可少，小睡也别有风味的。月光是隔了树照过来的，高处丛生的灌木，落下参差的斑驳的黑影，峭楞楞如鬼一般；弯弯的杨柳的稀疏的倩影，却又像是画在荷叶上。塘中的月色并不均匀；但光与影有着和谐的旋律，如梵婀玲上奏着的名曲。 36 | 37 | 荷塘的四面，远远近近，高高低低都是树，而杨柳最多。这些树将一片荷塘重重围住；只在小路一旁，漏着几段空隙，像是特为月光留下的。树色一例是阴阴的，乍看像一团烟雾；但杨柳的丰姿，便在烟雾里也辨得出。树梢上隐隐约约的是一带远山，只有些大意罢了。树缝里也漏着一两点路灯光，没精打采的，是渴睡人的眼。这时候最热闹的，要数树上的蝉声与水里的蛙声；但热闹是它们的，我什么也没有。 38 | 39 | 忽然想起采莲的事情来了。采莲是江南的旧俗，似乎很早就有，而六朝时为盛；从诗歌里可以约略知道。采莲的是少年的女子，她们是荡着小船，唱着艳歌去的。采莲人不用说很多，还有看采莲的人。那是一个热闹的季节，也是一个风流的季节。梁元帝《采莲赋》里说得好： 40 | 41 | 于是妖童媛女，荡舟心许；鷁首徐回，兼传羽杯；欋将移而藻挂，船欲动而萍开。尔其纤腰束素，迁延顾步；夏始春余，叶嫩花初，恐沾裳而浅笑，畏倾船而敛裾。 42 | 43 | 可见当时嬉游的光景了。这真是有趣的事，可惜我们现在早已无福消受了。 44 | 45 | 于是又记起《西洲曲》里的句子： 46 | 47 | > 采莲南塘秋，莲花过人头；低头弄莲子，莲子清如水。今晚若有采莲人，这儿的莲花也算得“过人头”了；只不见一些流水的影子，是不行的。这令我到底惦着江南了。——这样想着，猛一抬头，不觉已是自己的门前；轻轻地推门进去，什么声息也没有，妻已睡熟好久了。 48 | 49 | １９２７年７月，北京清华园。 50 | 51 | （原载１９２７年７月１０日《小说月报》第１８卷第７期） 52 | 53 | -------------------------------------------------------------------------------- /exampleSite/content/posts/post-5.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Typography 3 | date: 2019-09-18T12:13:38+05:00 4 | lastmod: 2020-10-09T10:13:38+08:00 5 | author: Rainer Chiang 6 | 7 | description: 8 | categories: [Whisper] 9 | tags: [markdown] 10 | 11 | 12 | draft: false 13 | enableDisqus : true 14 | enableMathJax: false 15 | disableToC: false 16 | disableAutoCollapse: true 17 | --- 18 | 19 | Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits. 20 | 21 | # Heading 1 22 | 23 | Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits. 24 | 25 | ## Heading 2 26 | 27 | Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits. 28 | 29 | ### Heading 3 30 | 31 | Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits. 32 | 33 | #### Heading 4 34 | 35 | Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits. 36 | 37 | ##### Heading 5 38 | 39 | Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits. 40 | 41 | ###### Heading 6 42 | 43 | Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits. 44 | 45 | ## Typography 46 | 47 | Lid est laborum et dolorum fuga, This is [an example](http://example.com/ "Title") inline link. Et harum quidem rerum facilis, **This is bold** and *emphasis* cumque nihilse impedit quo minus id quod amets untra dolor amet sad. While this is `code block()` and following is a `pre` tag 48 | 49 | print 'this is pre tag' 50 | 51 | Following is the syntax highlighted code block 52 | 53 | ```go 54 | func getCookie(name string, r interface{}) (*http.Cookie, error) { 55 | rd := r.(*http.Request) 56 | cookie, err := rd.Cookie(name) 57 | if err != nil { 58 | return nil, err 59 | } 60 | return cookie, nil 61 | } 62 | 63 | func setCookie(cookie *http.Cookie, w interface{}) error { 64 | // Get write interface registered using `Acquire` method in handlers. 65 | wr := w.(http.ResponseWriter) 66 | http.SetCookie(wr, cookie) 67 | return nil 68 | } 69 | ``` 70 | 71 | This is blockquote, Will make it *better now* 72 | 73 | > 'I want to do with you what spring does with the cherry trees.' cited ~Pablo Neruda* 74 | 75 | 76 | > Et harum quidem *rerum facilis* est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit 77 | 78 | Unordered list 79 | 80 | * Red 81 | * Green 82 | * Blue 83 | 84 | Ordered list 85 | 86 | 1. Red 87 | 2. Green 88 | 3. Blue 89 | 90 | ## Tables 91 | 92 | Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. 93 | 94 | Name | Age 95 | --------|------ 96 | Bob | 27 97 | Alice | 23 98 | 99 | #### Inline Markdown within tables 100 | 101 | | Inline | Markdown | In | Table | 102 | | ---------- | --------- | ----------------- | ---------- | 103 | | *italics* | **bold** | ~~strikethrough~~ | `code` | -------------------------------------------------------------------------------- /exampleSite/content/posts/post-6.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Short Codes 3 | date: 2019-09-06T12:13:36+05:30 4 | lastmod: 2020-10-09T10:13:38+08:00 5 | author: Rainer Chiang 6 | 7 | description: Here is a demo of all shortcodes available in Hugo. 8 | categories: [Shortcodes] 9 | tags: [image] 10 | 11 | 12 | draft: false 13 | enableDisqus : true 14 | enableMathJax: false 15 | disableToC: false 16 | disableAutoCollapse: true 17 | --- 18 | 19 | Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds. 20 | 21 | ## Images 22 | 23 | {{< figure src="https://images.unsplash.com/photo-1560032779-0a8809186efd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80" title="Dave Herring" >}} 24 | 25 | {{< figure src="https://images.unsplash.com/photo-1560032779-0a8809186efd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80" title="Dave Herring" >}} 26 | 27 | --- 28 | 29 | ## Instagram Simple Shortcode 30 | 31 | < instagram_simple BGvuInzyFAe hidecaption > 32 | 33 |Unfortunately, this page does not exist.
6 |