[{"content":"\rDanger\r蠶豆症患者切勿嘗試文章中敘述之所有行為。\n（有機會引發溶血反應，危險！）\r我喜歡樟樹。\n在馬路上偶遇樟樹，或是發現用樟樹製成的家具，腳步都會莫名地被絆住，然後就兀自繞著樟樹打轉，把臉貼近， 迫切地張大鼻孔到處嗅嗅，活像條變態狗似地。\n許多木本植物有清涼的特殊氣味，但我尤愛樟樹這味。不像尤加利的嗆鼻，茶樹的油膩，樟樹溫和而清爽，有點類似夏日中剛洗完澡，渾身散發蒸氣時，電扇吹來微風的那種筋肉放鬆、身體重量減輕的愉悅。每次聞到樟樹的味道，腫脹的腦袋瞬間消了一圈，焦慮、煩躁、憂愁的思緒，頃刻彷彿斷線的木偶般失去聯繫。\n樟樹果然是一種毒品\n記憶深處的樟樹 現在回想，有許多童年的風景卷軸，與樟樹一同綑在記憶的一隅。\n以下是幾幅比較深刻的：\n橡皮塞 印象中幼兒時期的台北街上。那時正值初夏，燠熱的陽光豪不留情地從亮得發白的天幕中潑灑下來，柏油路面被烘得發燙，車輛與馬路對面的行人，都在薰人的熱風中模糊扭曲，被擠成一塊一塊的色斑。我們一家穿梭在零散的蔭影間，恨不得能早一秒鐘逃離這個大烤箱。\n經過一棵樹下時，散落的綠色小圓點攫住了我的目光。\n我伸出手指，隨意往地上一抓，兩顆黃綠色的，豌豆大小般的果實躺在手心。觸感光滑而堅硬，像浴缸的橡皮塞。頭上帶著一頂鈴鐺形的半透明小帽子，上面錯落著白色的迷你斑點，充滿草間彌生味的可愛小精靈。\n幫它們脫下帽子防止中暑後，摸著豌豆大小，觸感像橡皮塞的圓球，我突然頓悟了什麼\u0026hellip;\u0026hellip;\n（接下來的發展好像是這樣的：母親發現我的鼻孔中塞了一顆不明的綠色球形物體，嚇得趕緊帶我去診所，用兩張百元鈔請醫生把球夾出）\n後來才得知，那時的綠球正是樟樹的果實。\n樟腦砂 初中的一次家族旅行，我們前往東勢林場遊樂區。\n名義上是林場，實際上充斥著各種戶外活動設施，人為痕跡的喧囂覆蓋了林木間的靜謐氛圍，因此我對東勢林場遊樂區沒留下多少印象。\n但樟腦砂是例外。\n我們在一片橘紅色的鐵皮下發現樟腦砂。一間散發著陳年感的小攤，白色油漆粉刷的牆上，灰黑色的擦痕斑塊隨機分布；角落有些漆塊粉碎，露出後方的水泥牆；天花板僅剩兩、三塊版材，用一種輕輕一碰就會掉落的角度懸在鋼架上；一具燈座固定在鏤空的鋼架上，兩支燈管黯淡地亮著白光。\n一張倚著橫躺招牌的桌子上，擺著幾罐樟腦砂。\n眨眼間，老闆已開始數起銅板，我的手指間則握著三罐樟腦砂。\n樟腦砂的結晶大小近似砂糖，油亮剔透，在陽光下閃耀琥珀色的光輝。壓碎的觸感有點類似肥皂屑，不同的是肥皂滑溜，樟腦砂則是介於滑動和緊貼之間的黏滯感。\n氣味就更難形容了，柔和的清涼中夾雜著老樹獨有的深厚芬芳，一種寧靜、祥和的氛圍，讓人在繁忙中獲得安穩的力量。\n我想，樟腦砂有這種力量，與黑糖是相似的──好的本質，不經過多的純化修飾，最終保有自然本色與層次。1\n為國中會考打拚的那段日子，樟腦砂儼然成了我的陪伴。好幾次因為繁重課業輾轉難眠時，旋開樟腦砂的瓶蓋，鼻子貼近瓶口，用力深吸幾下，腦子裡的待辦清單逐漸淡去，取而代之浮現的是今天達成的事蹟，有種「我做到了」的滿足感，於是便能闔上眼皮，進入夢鄉。\n（幾年過去，家裡僅剩的一罐樟腦砂瓶蓋已經脆化，結晶也摻雜著焦褐色的小斑點。但那股穩重的芬芳，依然完好地封在瓶內）\n在東勢林場買的樟腦砂\n枝葉 我就讀的小學，校園的東側圍籬後方，原本是一塊長滿巨大野草（超過一層樓高）的荒地。\n小學四年級的秋天，幾輛挖土機在一個月內，把野草全部夷平，僅剩一根頹傾的老式電線杆，和一棵被剪成禿頭、成「丫」字型的樟樹。\n等到荒地上鋪滿粗糙的碎石塊，成為教職員停車場後，我偶爾會在放學後翻過缺失水泥板的圍牆2，溜進停車場閒晃。\n兩個月過去，樟樹的頂端切口邊緣，以及刻遍縱紋的樹幹中段，開始抽出帶有淡紅嫩葉的枝條。看到這些新枝條，我竟感到開心。\n搓揉一片靠近基部的葉子：味道不太明顯。大概需要等待葉子長大。\n就這樣，我開始頻繁地到停車場報到。有時凝視樟樹挺拔的姿態，有時撫摸歷經滄桑的深褐色樹皮，有時把書包裡的書悉數抽出，屁股下墊著書包，背貼著穩固的樹幹，望著遠方的輕煙發獃。\n隨著日月不斷地交替，葉子的葉脈愈發清晰，原本的紅色褪去，綠意浸染枝頭上一艘艘邊緣波浪起伏的小舟。那氣味也逐漸醞釀，開始有了樟樹的那股韻味。\n撕下老葉的葉尖，在手指間摩娑，再把指腹底在鼻子前，令人舒服的香氣，幽幽地飄進鼻腔，盤旋了一會兒後緩緩降落，貼伏著黏膜。\n至此，停車場的樟樹成了我的樂園，乘載了小學後三年的放學時光。\n（最近心血來潮查了一下小學校園的衛星圖，才發現停車場鋪了柏油，蓋了太陽能板之類的東西，而樟樹早已消失。有種滄海桑田，過去風景不再的無力感）\n最後 又是一篇莫名其妙的推坑文\n確實包含推坑的部分，因為我真的很愛樟樹，希望讓大家認識它的美好。\n然而，更多是因為察覺童年記憶的脆弱，想用文字好好地記錄與緬懷。\n但願我心中的樟樹成為永恆。\n但我自己顯然沒有足夠好的本質，所以且讓我修飾打磨一下。\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n由上方俯視，圍牆的柱子呈「工」字型，凹槽處可嵌進水泥板，由基部至頂端共堆疊五片水泥板。\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","permalink":"/posts/camphor-tree-and-i/","summary":"\u003cdiv class=\"notice-block error\"\u003e\r\n    \u003cdiv class=\"notice-header\"\u003e\r\n        \u003cspan class=\"notice-icon\"\u003e\u003csvg fill=\"#e74c3c\" version=\"1.1\" id=\"tips\" width=\"30px\" height=\"30px\" viewBox=\"0 0 123.701 123.7\"\u003e\r\n            \u003cg\r\n               id=\"g1\"\r\n               transform=\"matrix(0.76564417,0,0,0.76564417,14.530061,29.060123)\"\u003e\r\n            \t\u003cpath\r\n               d=\"M 62,124 C 96.2,124 124,96.2 124,62 124,27.8 96.2,0 62,0 27.8,0 0,27.8 0,62 c 0,34.2 27.8,62 62,62 z m 40,-62 c 0,22.1 -17.9,40 -40,40 -7,0 -13.7,-1.8 -19.4,-5 L 97,42.6 c 3.2,5.7 5,12.4 5,19.4 z M 62,22 c 7,0 13.7,1.8 19.4,5 L 27,81.4 C 23.8,75.7 22,69 22,62 22,39.9 39.9,22 62,22 Z\"\r\n               id=\"path1\" /\u003e\r\n            \u003c/g\u003e\r\n            \u003c/svg\u003e\u003c/span\u003e\u003cspan class=\"notice-title\"\u003eDanger\u003c/span\u003e\u003c/div\u003e\r\n    \u003cdiv class=\"notice-content\"\u003e\r\n        蠶豆症患者切勿嘗試文章中敘述之所有行為。\u003cbr\u003e\n（有機會引發溶血反應，危險！）\r\n    \u003c/div\u003e\r\n\u003c/div\u003e\n\u003cp\u003e我喜歡樟樹。\u003c/p\u003e\n\u003cp\u003e在馬路上偶遇樟樹，或是發現用樟樹製成的家具，腳步都會莫名地被絆住，然後就兀自繞著樟樹打轉，把臉貼近，\n迫切地張大鼻孔到處嗅嗅，\u003cdel\u003e活像條變態狗似地\u003c/del\u003e。\u003c/p\u003e\n\u003cp\u003e許多木本植物有清涼的特殊氣味，但我尤愛樟樹這味。不像尤加利的嗆鼻，茶樹的油膩，樟樹溫和而清爽，有點類似夏日中剛洗完澡，渾身散發蒸氣時，電扇吹來微風的那種筋肉放鬆、身體重量減輕的愉悅。每次聞到樟樹的味道，腫脹的腦袋瞬間消了一圈，焦慮、煩躁、憂愁的思緒，頃刻彷彿斷線的木偶般失去聯繫。\u003cbr\u003e\n\u003cdel\u003e樟樹果然是一種毒品\u003c/del\u003e\u003c/p\u003e\n\u003ch2 id=\"記憶深處的樟樹\"\u003e記憶深處的樟樹\u003c/h2\u003e\n\u003cp\u003e現在回想，有許多童年的風景卷軸，與樟樹一同綑在記憶的一隅。\u003cbr\u003e\n以下是幾幅比較深刻的：\u003c/p\u003e\n\u003ch3 id=\"橡皮塞\"\u003e橡皮塞\u003c/h3\u003e\n\u003cp\u003e印象中幼兒時期的台北街上。那時正值初夏，燠熱的陽光豪不留情地從亮得發白的天幕中潑灑下來，柏油路面被烘得發燙，車輛與馬路對面的行人，都在薰人的熱風中模糊扭曲，被擠成一塊一塊的色斑。我們一家穿梭在零散的蔭影間，恨不得能早一秒鐘逃離這個大烤箱。\u003c/p\u003e\n\u003cp\u003e經過一棵樹下時，散落的綠色小圓點攫住了我的目光。\u003c/p\u003e\n\u003cp\u003e我伸出手指，隨意往地上一抓，兩顆黃綠色的，豌豆大小般的果實躺在手心。觸感光滑而堅硬，像浴缸的橡皮塞。頭上帶著一頂鈴鐺形的半透明小帽子，上面錯落著白色的迷你斑點，充滿草間彌生味的可愛小精靈。\u003c/p\u003e\n\u003cp\u003e幫它們脫下帽子\u003cdel\u003e防止中暑\u003c/del\u003e後，摸著豌豆大小，觸感像橡皮塞的圓球，我突然頓悟了什麼\u0026hellip;\u0026hellip;\u003c/p\u003e\n\u003cp\u003e\u003cem\u003e（接下來的發展好像是這樣的：母親發現我的鼻孔中塞了一顆不明的綠色球形物體，嚇得趕緊帶我去診所，用兩張百元鈔請醫生把球夾出）\u003c/em\u003e\u003c/p\u003e","title":"樟樹與我"},{"content":"\rWarning\r這篇文章帶有我（碎雨）個人的主觀評論。\n給Noa：若這篇文章讓您不愉快，請在信箱裡回覆碎雨（已寄信至您的信箱），我會盡快將此文撤下。\r最近看到了一個很有意思的Blog：Noa\u0026rsquo;s Blog。\n這個Blog描繪許多生活中的所見所聞，像是搓橡皮擦屑、下雨天出門、曬日常塗鴉1等。文筆風格挺可愛的，令人會心一笑。\n而裏面的多數篇章，有一種突出的特性：很像日記流水帳。\n在我讀過的Blog文中，幾乎都圍繞著核心主題書寫，有明顯的脈絡可循。但這些篇章很不一樣，在往下捲動內容之前，完全猜不出接下來的發展。感覺作者相當地隨興──看到的風景，想到的念頭，別管那麽多，寫下來就對了。整體的氛圍，嗯，挺悠閒慵懶的，標準的流水帳。\n流水帳的美學 但，流水帳真的可以很美。\n這個Blog可說是最好的例子：對於周遭的景物，以及內心的活動，刻劃得非常詳盡。舉凡稀鬆平常的街景，簡單的午餐，以及躺草地時安靜的腦袋，穿過一個細心敏銳的濾鏡，完全是另一種新奇的感受。一段不經意的高中生幹話潔癖戰爭，轉換為文字後，好像真成了一則值得討論的話題（？\n而且，日記的這種隨性，凸顯了文字的真誠。一篇文章，撰寫過程中總會考慮架構，是否契合主題，是否首尾呼應之類的，但同時，也經常讓文字留下刻意安排的痕跡2。日記因為是隨筆，沒有經過修飾，反而讓人有親近感。\n我想，正是因為有這份悠閒，以及對生活的細微觀察，在透進玻璃的陽光的照射下，砌成小牆的書磚邊，一位斜靠在椅背上，嘴角上揚，翻著黃麗群著作之高中生的生活，躍然紙（？）上。\n被忽略的日常 看到Noa如此豐富的日常隨筆，我開始反思自己那看似枯燥的日常。\nNoa在Blog中描寫的，多半是我認為不值得注意，會直接忽略的事物。但在這些日記篇章中，日常事物卻是如此地逗趣可愛，每一件都有獨特的形象。\n在我的生活中，究竟有多少趣事，被我匆匆無視了呢？\n也許，我缺乏的不是有趣的日常，而是能沉澱，靜下心來體會周遭的感官。\n最後 這是我讀Noa\u0026rsquo;s Blog的碎爛心得。你也可以把這篇視作我的推坑文。\n如果感興趣，請務必前往Noa\u0026rsquo;s Blog一讀！\n（也很歡迎你開始寫日記流水帳！）\n看完這些塗鴉，再次感嘆自己繪畫能力之差勁。\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n說來慚愧，我就是這樣。\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","permalink":"/posts/noa-blog/","summary":"\u003cdiv class=\"notice-block warning\"\u003e\r\n    \u003cdiv class=\"notice-header\"\u003e\r\n        \u003cspan class=\"notice-icon\"\u003e\u003csvg fill=\"#f1c40f\" version=\"1.1\" id=\"tips\" width=\"30px\" height=\"30px\" viewBox=\"0 0 123.701 123.7\"\u003e\r\n            \u003cg\r\n               id=\"g1\"\r\n               transform=\"matrix(0.84662513,0,0,0.84662513,9.5094893,24.053597)\"\u003e\r\n            \t\u003cpath\r\n               d=\"m 9.821,118.048 h 104.4 c 7.3,0 12,-7.7 8.7,-14.2 l -52.2,-92.5 c -3.601,-7.199 -13.9,-7.199 -17.5,0 l -52.2,92.5 c -3.2,6.5 1.5,14.2 8.8,14.2 z m 60.401,-21.5 c 0,4.8 -3.5,8.5 -8.5,8.5 -5,0 -8.5,-3.7 -8.5,-8.5 v -0.2 c 0,-4.8 3.5,-8.5 8.5,-8.5 5,0 8.5,3.7 8.5,8.5 z m -13.101,-62.5 h 9.801 c 2.699,0 4.3,2.3 4,5.2 l -4.301,37.6 c -0.3,2.7 -2.1,4.4 -4.6,4.4 -2.5,0 -4.3,-1.7 -4.6,-4.4 l -4.301,-37.6 c -0.299,-2.9 1.302,-5.2 4.001,-5.2 z\"\r\n               id=\"path1\" /\u003e\r\n            \u003c/g\u003e\r\n            \u003c/svg\u003e\u003c/span\u003e\u003cspan class=\"notice-title\"\u003eWarning\u003c/span\u003e\u003c/div\u003e\r\n    \u003cdiv class=\"notice-content\"\u003e\r\n        這篇文章帶有我（碎雨）個人的主觀評論。\u003cbr\u003e\n給Noa：若這篇文章讓您不愉快，請在信箱裡回覆碎雨（已寄信至您的信箱），我會盡快將此文撤下。\r\n    \u003c/div\u003e\r\n\u003c/div\u003e\n\u003cp\u003e最近看到了一個很有意思的Blog：\u003ca href=\"https://noa.bearblog.dev/\"\u003eNoa\u0026rsquo;s Blog\u003c/a\u003e。\u003c/p\u003e","title":"Noa's Blog"},{"content":"新買的螢幕保護貼，昨天被撞碎了。\n事發經過是這樣子的：當時我在雨勢非常大(待在外面十秒，大概整隻鞋子就會浸水的狀況)的情況下衝進車子。為了不讓更多雨水噴濺到車裡，我迅速地抓住門把，用力一拉。結果\u0026hellip;\u0026hellip;\n我的外套一陣拉扯。\n平常，我習慣把手機放在我的外套左側口袋。由於我的外套尺寸比較大，裝有手機的口袋總是鬆垮垮地懸在我的大腿。好巧不巧，當時我又是從左側上車，當我坐上座位時，口袋還掛在門框上。隨著沉悶的撞擊聲響起，口袋裡的手機螢幕上出現了好幾道裂痕。幸運的是，只有保護貼犧牲。\n時運不濟 看到這裡，大概很多人會想：還不是因為你太急，沒有注意！\n但我這邊要辯解說明一下，為什麼我說時運不濟。\n外套為什麼比較大件：因為這樣有比較大的空隙讓空氣流通，不易潮濕黏膩悶熱。 手機為什麼放外套的左側口袋：因為這是最符合手順的位置，能在需要時刻快速取出。 為什麼左側上車：因為右側有三角錐擋著，把三角錐移開需要花時間。多淋一秒的雨，都是增加自己感冒的機會。 為什麼快速關車門：雨水帶有大量微生物，若車內又潮濕，容易使車內環境不利健康。 所以，我做的這些事都是很正常的行為，只是所有要素剛好集齊，又沒有及時應變，最後導致這樣的結果。\n這讓我想到項羽的那句「天亡我，非用兵之罪」。項羽的確有剛愎自用的問題，但「天亡我」可能不全然是錯的──也許項羽的戰術在正常狀況下是行得通的，只是他面對劉邦的突襲，沒有及時下對策，最後於烏江邊自刎。\n講了這麼多，我想說的是：我可能需要檢討，但不全然是我的錯！\n（希望我的解釋ㄍㄢˋ ㄏㄨㄚˋ有說服你。若沒有，你可以按這裡獲得更有說服力的解釋）\n","permalink":"/posts/broken-screen-protector/","summary":"\u003cp\u003e新買的螢幕保護貼，昨天被撞碎了。\u003c/p\u003e\n\u003cp\u003e事發經過是這樣子的：當時我在雨勢非常大(待在外面十秒，大概整隻鞋子就會浸水的狀況)的情況下衝進車子。為了不讓更多雨水噴濺到車裡，我迅速地抓住門把，用力一拉。結果\u0026hellip;\u0026hellip;\u003c/p\u003e\n\u003cp\u003e我的外套一陣拉扯。\u003c/p\u003e\n\u003cp\u003e平常，我習慣把手機放在我的外套左側口袋。由於我的外套尺寸比較大，裝有手機的口袋總是鬆垮垮地懸在我的大腿。好巧不巧，當時我又是從左側上車，當我坐上座位時，口袋還掛在門框上。隨著沉悶的撞擊聲響起，口袋裡的手機螢幕上出現了好幾道裂痕。幸運的是，只有保護貼犧牲。\u003c/p\u003e\n\u003ch2 id=\"時運不濟\"\u003e時運不濟\u003c/h2\u003e\n\u003cp\u003e看到這裡，大概很多人會想：\u003cstrong\u003e還不是因為你太急，沒有注意！\u003c/strong\u003e\u003cbr\u003e\n但我這邊要\u003cdel\u003e辯解\u003c/del\u003e說明一下，為什麼我說時運不濟。\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e外套為什麼比較大件：因為這樣有比較大的空隙讓空氣流通，\u003cstrong\u003e不易潮濕黏膩悶熱\u003c/strong\u003e。\u003c/li\u003e\n\u003cli\u003e手機為什麼放外套的左側口袋：因為這是\u003cstrong\u003e最符合手順\u003c/strong\u003e的位置，\u003cstrong\u003e能在需要時刻快速取出\u003c/strong\u003e。\u003c/li\u003e\n\u003cli\u003e為什麼左側上車：因為右側有三角錐擋著，把三角錐移開需要花時間。\u003cstrong\u003e多淋一秒的雨，都是增加自己感冒的機會\u003c/strong\u003e。\u003c/li\u003e\n\u003cli\u003e為什麼快速關車門：\u003cstrong\u003e雨水帶有大量微生物\u003c/strong\u003e，若車內又潮濕，容易使車內環境不利健康。\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e所以，我做的這些事都是很正常的行為，只是所有要素剛好集齊，又沒有及時應變，最後導致這樣的結果。\u003c/p\u003e\n\u003cp\u003e這讓我想到項羽的那句「天亡我，非用兵之罪」。項羽的確有剛愎自用的問題，但「天亡我」可能不全然是錯的──也許項羽的戰術在正常狀況下是行得通的，只是他面對劉邦的突襲，沒有及時下對策，最後於烏江邊自刎。\u003c/p\u003e\n\u003cp\u003e講了這麼多，我想說的是：我可能需要檢討，\u003cstrong\u003e但不全然是我的錯！\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003e\u003cem\u003e（希望我的\u003cruby\u003e解釋\u003crt\u003eㄍㄢˋ ㄏㄨㄚˋ\u003c/rt\u003e\u003c/ruby\u003e有說服你。若沒有，你可以按\u003ca href=\"https://www.youtube.com/watch?v=dQw4w9WgXcQ\"\u003e這裡\u003c/a\u003e獲得更有說服力的解釋）\u003c/em\u003e\u003c/p\u003e","title":"碎裂的螢幕保護貼"},{"content":"\r\u003c!doctype html\u003e\r碎雨's Blog\r[Posts] [About]\rHTML test\rHi\rHere are some html texts.\nThe initial file was saved in .html format.\nExample\rThis is a bold text.\nThis is a italic text.\nDamn it\nI forgot how to write codes.\nPress Ctrl + R to reload this page.\nIf you are a human, you are a humanThat is bullshit.\rThis blog is built with:\nHugo + terminal\rCloudflare Pages\rMy brain (No\rfirst\rsecond\rthird\rTitle1\rTitle2\rTitle3\r1\r2\r3\r4\r5\r6\r7\r8\r9\r*\r0\r#\r// Here is a coding area\rfunction example() {\rconsole.log(\"Hello, World!\");\r}\r???\rSource File\r","permalink":"/posts/htmltest/","summary":"\u003c!doctype html\u003e\r\n\u003chtml\u003e\r\n  \u003cheader\u003e\r\n    \u003ch2\u003e碎雨's Blog\u003c/h2\u003e\r\n    \u003cnav\u003e\r\n      [\u003ca href =/posts\u003ePosts\u003c/a\u003e]  \r\n      [\u003ca href =/about\u003eAbout\u003c/a\u003e]\r\n    \u003c/nav\u003e\r\n  \u003c/header\u003e\r\n  \u003cbody\u003e\r\n    \u003cmain\u003e\r\n      \u003cheader\u003e\r\n        \u003ch2\u003eHTML test\u003c/h2\u003e\r\n      \u003c/header\u003e\r\n      \u003csection id =intro\u003e\r\n        \u003ch3\u003eHi\u003c/h3\u003e\r\n        \u003cp\u003eHere are some html texts.\u003c/p\u003e\r\n        \u003cp\u003eThe initial file was saved in .html format.\u003c/p\u003e\r\n      \u003c/section\u003e\r\n      \u003csection id =example\u003e\r\n        \u003ch3\u003eExample\u003c/h3\u003e\r\n      \u003c/section\u003e\r\n      \u003csection id =text\u003e\r\n        \u003cp\u003e\r\n          This is a \u003cstrong\u003ebold\u003c/strong\u003e text.\u003cbr\u003e\r\n          This is a \u003cem\u003eitalic\u003c/em\u003e text.\u003cbr\u003e\r\n          \u003cdel\u003eDamn it\u003c/del\u003e\u003cbr\u003e\r\n          I forgot how to write \u003ccode\u003ecodes\u003c/code\u003e.\u003cbr\u003e\r\n          Press \u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003eR\u003c/kbd\u003e to reload this page.\u003cbr\u003e\r\n          If you are a human, \u003cruby\u003eyou are a human\u003crt\u003eThat is bullshit\u003c/rt\u003e\u003c/ruby\u003e.\r\n        \u003c/p\u003e","title":"Just a HTML test"},{"content":"About 碎雨 是一位來自鄉下的窮學生。喜歡鋼琴。不會寫程式。\n最近經常用MuseScore打譜。\n（LilyPond太抽象我實在無法適應）\nAbout this blog 技術規格 （其實沒啥技術可言，因為完全不用 css）\nHugo：直接把.md轉換成html並套上別人的css的懶人工具（也支援對html元素雜燴的渲染） Cloudflare Pages：網站的託管位置，提供免費的靜態主機 ","permalink":"/about/","summary":"\u003ch2 id=\"about-碎雨\"\u003eAbout 碎雨\u003c/h2\u003e\n\u003cp\u003e是一位來自鄉下的窮學生。喜歡鋼琴。不會寫程式。\u003c/p\u003e\n\u003cp\u003e最近經常用\u003ca href=\"https://musescore.org/\"\u003eMuseScore\u003c/a\u003e打譜。\u003cbr\u003e\n\u003cem\u003e（\u003ca href=\"https://lilypond.org/\"\u003eLilyPond\u003c/a\u003e\u003cdel\u003e太抽象\u003c/del\u003e我實在無法適應）\u003c/em\u003e\u003c/p\u003e\n\u003ch2 id=\"about-this-blog\"\u003eAbout this blog\u003c/h2\u003e\n\u003ch3 id=\"技術規格\"\u003e技術規格\u003c/h3\u003e\n\u003cp\u003e\u003cem\u003e（其實沒啥技術可言，因為完全不用 \u003ccode\u003ecss\u003c/code\u003e）\u003c/em\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://gohugo.io\"\u003eHugo\u003c/a\u003e：直接把\u003ccode\u003e.md\u003c/code\u003e轉換成\u003ccode\u003ehtml\u003c/code\u003e並套上別人的\u003ccode\u003ecss\u003c/code\u003e的懶人工具（也支援對\u003cruby\u003e\u003ccode\u003ehtml\u003c/code\u003e\u003crt\u003e元素雜燴\u003c/rt\u003e\u003c/ruby\u003e的渲染）\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://pages.cloudflare.com/\"\u003eCloudflare Pages\u003c/a\u003e：網站的託管位置，提供免費的靜態主機\u003c/li\u003e\n\u003c/ul\u003e","title":"About"},{"content":"\rInfo\r\u0026lt; notice \u0026gt; and \u0026lt; details-nest \u0026gt; are custom templates.\rHello, world! Say \u0026ldquo;Hello\u0026rdquo; to you.\n(This is a meaningless word, so ignore it.)\nRick\nAstley\nNever gonna give you up\nrss first second Title1 Title2 Title3 1 2 3 4 5 6 7 8 9 * 0 # // Here is a coding area function example() { console.log(\u0026#34;Hello, World!\u0026#34;); } Highlighted codes\r// Here is a coding area function example() { console.log(\u0026#34;Hello, World!\u0026#34;); }\nSource File ","permalink":"/posts/mdtest/","summary":"\u003cdiv class=\"notice-block info\"\u003e\r\n    \u003cdiv class=\"notice-header\"\u003e\r\n        \u003cspan class=\"notice-icon\"\u003e\u003csvg fill=\"#3498db\" version=\"1.1\" id=\"tips\" width=\"30px\" height=\"30px\" viewBox=\"0 0 123.701 123.7\"\u003e\r\n            \u003cg\r\n               id=\"g2\"\r\n               transform=\"matrix(0.76564417,0,0,0.76564417,14.530061,29.060123)\"\u003e\r\n            \t\u003cpath\r\n               d=\"M 62,0 C 27.8,0 0,27.8 0,62 0,96.2 27.8,124 62,124 96.2,124 124,96.2 124,62 124,27.8 96.2,0 62,0 Z m 0,109 C 36.1,109 15,87.9 15,62 15,36.1 36.1,15 62,15 c 25.9,0 47,21.1 47,47 0,25.9 -21.1,47 -47,47 z\"\r\n               id=\"path1\" /\u003e\r\n            \t\u003cpath\r\n               d=\"M 72,82 H 71 V 53 c 0,-3.3 -2.7,-6 -6,-6 H 63.5 59 52.5 C 49.2,47 46,49.7 46,53 v 6 c 0,3.3 3.2,6 6.5,6 H 53 v 29 c 0,3.3 2.7,6 6,6 h 2 4 7 c 3.3,0 6,-2.7 6,-6 v -6 c 0,-3.3 -2.7,-6 -6,-6 z\"\r\n               id=\"path2\" /\u003e\r\n            \t\u003ccircle\r\n               cx=\"62\"\r\n               cy=\"32.5\"\r\n               r=\"9\"\r\n               id=\"circle2\" /\u003e\r\n            \u003c/g\u003e\r\n            \u003c/svg\u003e\u003c/span\u003e\u003cspan class=\"notice-title\"\u003eInfo\u003c/span\u003e\u003c/div\u003e\r\n    \u003cdiv class=\"notice-content\"\u003e\r\n        \u003ccode\u003e\u0026lt; notice \u0026gt;\u003c/code\u003e and \u003ccode\u003e\u0026lt; details-nest \u0026gt;\u003c/code\u003e are custom templates.\r\n    \u003c/div\u003e\r\n\u003c/div\u003e\n\u003ch2 id=\"hello-world\"\u003eHello, world!\u003c/h2\u003e\n\u003cp\u003eSay \u003cstrong\u003e\u0026ldquo;Hello\u0026rdquo;\u003c/strong\u003e to you.\u003cbr\u003e\n\u003cem\u003e(This is a meaningless word, so ignore it.)\u003c/em\u003e\u003c/p\u003e","title":"Just a Markdown Test"}]