init

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

config.toml

@@ -0,0 +1,9 @@
+baseURL = "https://news.googo.org/"
+languageCode = "en-us"
+title = "News"
+theme = "hugo-bootstrap-5"
+paginate = 10
+publishDir = "/tmp/news_googo_org"
+[taxonomies]
+  tag = 'tags'
+  category = 'categories'

content/news/1/1.md

@@ -0,0 +1,63 @@
+---
+title: "「葉問蹲」是什麼"
+date: 2023-01-24T00:56:29+08:00
+draft: false
+display: true
+tags: ["葉問蹲"]
+categories: ["tiktok"]
+description: "-"
+url: "/blog/1"
+image: "https://pgw.udn.com.tw/gw/photo.php?u=https://uc.udn.com.tw/photo/wj/paper/2022/06/26/17804196.jpg&s=Y&x=16&y=0&sw=681&sh=455&exp=3600"
+type: "focus"
+---
+ ## 「葉問蹲」好火 川小伙模仿 用力過猛竟住院
+
+ ![img](https://pgw.udn.com.tw/gw/photo.php?u=https://uc.udn.com.tw/photo/wj/paper/2022/06/26/17804196.jpg&s=Y&x=16&y=0&sw=681&sh=455&exp=3600)] 
+
+繼「劉畊宏女孩」之後，「葉問蹲」又成為全民熱詞。網友「修車小楊」在其社交帳號發布了一則短視頻，他輕鬆地完成了一個「葉問蹲」，視頻發布後迅速登上熱搜，也讓眾多網友加入行列。然而在眾多挑戰者中，四川一名醫學生因「葉問蹲」用力過猛，導致痔瘡破裂出血，最終住院。
+
+來源：YouTube
+
+浙江在線報導，網路流行的「葉問蹲」即單腿下蹲，另一條腿伸直懸空，與地面平行。「葉問蹲」被帶火後，短視頻平台興起了「葉問蹲」挑戰熱潮，眾多網友紛紛曬出自己的挑戰視頻。
+
+不過，「葉問蹲」能增強腿部力量，鍛鍊到整個下半身。但也有人提醒，「葉問蹲」雖有健身強體的效果，卻不適合所有人。 網友「修車小楊」在其社交帳號發布一則短視頻，他輕鬆地完成了一個「葉問蹲」，視頻發布後迅速登上熱搜。（視頻截圖）
+
+網友小陳就是此次挑戰的「受害者」。他日前發布自己坐在醫院病床上的視頻，充滿無奈地寫道：「關於我挑戰葉問蹲不小心用力過猛，痔瘡爆了住院這件事。」
+
+據報導，他的「翻車」一幕，讓網友覺得心酸又搞笑。他接受媒體訪問時表示，自己是西南醫科大學的一名學生，在多次刷到「葉問蹲」挑戰視頻後，也開始躍躍欲試，「就是想嘗試一下」。
+
+小陳說，因為自己本就有痔瘡，但沒想到這個動作會對痔瘡有這麼大的影響，因為挑戰當天下蹲時有些用力過猛，最終導致痔瘡破裂出血，不得不前往醫院就醫。
+
+小陳把視頻發上網路，作為一名醫學生，而且還在肛腸科實習，他的經歷也笑翻一眾網友，調侃他給科室「衝業績」。
+
+據成都市第五人民醫院肛腸科主治醫師曾醫生表示，「葉問蹲」在蹲下去那一刻腹壓是很大的，本來痔瘡就屬於血管疾病，壓力過大之後，就容易出現破裂出血。但他表示，一般這種情況會出現在有痔瘡病史的人身上，「可能已經處於痔瘡三、四期（痔瘡分為四個階段，從一至四階段病情逐漸加重）」。
+
+ ## 內地藝人潮玩葉問蹲 吳謹言輕鬆完成鍾麗緹挑戰新玩法
+
+ ![img](https://cdn.hk01.com/di/media/images/dw/20220630/619279382506115072873695.jpeg/uuR5x-clvsS70521mTetc7ZmVBYJIeAgsKUO8LClDvA?v=w1280r16_9)] 
+
+內地繼劉畊宏的「本草綱目鍵子操」後，再有另一個新興運動誕生，就是來自電影《葉問》的「葉問蹲」，模仿甄子丹在戲中大耍詠春拳的下蹲動作，一腿凌空伸直，再慢慢下蹲，全靠腰力、腳力，對於核心肌群尤其講究，近日多位內地藝人紛紛挑戰葉問蹲，金晨、吳謹言先後輕鬆完成，而靚媽鍾麗緹雖然已經51歲，但一樣難不到她，之後她更挑戰加強版本，肯定會再次帶起熱潮。
+
+甄子丹的電影《葉問》，竟然衍生出「葉問蹲」。（劇照）
+
+吳謹言輕鬆完成葉問蹲。（抖音）
+
+由葉問蹲原地站起身才是最難。（抖音）
+
+ ## 不跳毽子操！陸網瘋「葉問蹲」吳謹言輕鬆挑戰 「他太用力痔瘡破」│膝蓋│TVBS新聞網
+
+ ![img](https://cc.tvbs.com.tw/img/upload/2022/07/01/20220701173416-91d298b7.jpg)] 
+
+繼劉畊宏男孩女孩，毽子操熱潮後！現在大陸網路又掀起一股「葉問蹲」的挑戰風，就連藝人吳謹言、鍾麗緹都來挑戰。即便明星的影片看起來輕而易舉，但四川居然傳出有民眾因為一下子太用力，痔瘡破裂，緊急送醫。健身教練就建議蹲下時腳掌必須緊貼地板，否則膝蓋承受過多壓力會受傷。
+
+
+
+
+
+
+
+
+
+藝人吳謹言，超有氣勢走下樓梯，下秒一個MOVE。舉起右腳屁股一蹲，對吳謹言來講輕而易舉，最後還對鏡頭擺個超殺表情，這是繼劉畊宏毽子操後，暴紅的動作「葉問蹲」，來自電影葉問3，甄子丹與前世界拳王的武打戲，近期再度被翻出來，連51歲的鍾麗緹也來挑戰，而且還是進階版。本來往前擺直的腳，現在要往後勾困難加倍，鍾麗緹成功一半，最後不忘向鏡頭耍可愛，除了名人網友們也掀起模仿熱潮。看似簡單但真的不容易，網路上還有「翻車」大集錦，笑翻不少人，更傳出大陸四川有人因為用力過猛，導致痔瘡爆了緊急住院，跟風同時真的得注意。健身教練：「如果你真的要把它拿來訓練的話，你可能第一個要注意的東西就是膝關節，你的膝蓋、膝蓋要注意，有沒有、有沒有，像這樣壓力就會全部壓在膝蓋上，有沒有浮起來了，風險就會在膝蓋上。」專業健身教練親自示範，坦言這訓練風險較高，也提醒蹲下時腳掌務必踩穩緊貼地板，這樣才不會讓膝蓋承受過多壓力受了傷。
+
+

content/news/10/1.md

@@ -0,0 +1,80 @@
+---
+title: "實價登錄行情可能成天花板"
+date: 2023-02-03T00:28:12+08:00
+draft: false
+display: true
+tags: ["實價登錄"]
+categories: ["房仲"]
+description: "-"
+url: "/news/house-transaction-price-registeration"
+image: "https://s.yimg.com/os/creatr-uploaded-images/2023-02/21cdc510-a245-11ed-abe6-bd5daaac16c3"
+type: "focus"
+---
+
+ ## 實價登錄行情將成天花板 今年房市恐量縮價跌
+
+ ![img](https://s.yimg.com/os/creatr-uploaded-images/2023-02/21cdc510-a245-11ed-abe6-bd5daaac16c3)] 
+
+實價登錄行情將成天花板 今年房市恐量縮價跌
+
+撰文：林帝佑
+
+展望2023年房市，不得不從2022年的市況說起，因為上半年景氣大好，下半年卻因為地緣政治、央行升息等議題影響，讓買氣急轉直下，而房市向來「量先價行」，加上未來一年還有經濟展望不佳、房市政策趨嚴、供給大增、總統大選等變數，業者多保守看待未來一年的市況，認為房價有機會在部分地區出現明顯修正。
+
+
+
+根據內政部統計，2022年累計至11月，全台建物買賣移轉棟數為29萬1,158棟，較2021年同期下修6.6%。台北市不動產仲介經紀業公會理事長郭子立推估，2022年全年交易量會落在32萬棟左右，是近6年來首次出現衰退，且下半年買氣明顯轉冷。
+
+
+
+價格方面也是「虎頭蛇尾」，根據永慶房產集團統計其內部成交資料，發現7大都會區2022年各季度房價走勢由漲轉跌，第1季、第2季還普遍有明顯成長，但第3季之後，漲幅開始收斂，甚至到了第4季，除了新竹縣市、新北市、桃園市仍有1%左右的「上漲」之外，其他都會區已經轉為負成長。
+
+
+
+造成房市走弱的原因，有3大關鍵，包含升息、地緣政治風險，以及全球經濟前景不明。新的一年，房市有機會回溫嗎？整體而言，市場對成交量看法相當一致，認為會進一步萎縮，但對價格看法分歧，有些業者認為會盤整，有些則認為會下修，但都偏保守看待。
+
+
+
+鄉林集團董事長賴正鎰預期，台灣房市將盤整3年，因為《平均地權條例》修正案通過後，政府打房的動作會縮手，市場將回歸正常機制，但是建築材料成本上漲，以台中市為例，這2年平均房價從每坪20萬元上升到45萬元，建築成本從每坪8萬5,000元漲到14萬元，成本不降、房價也「已經回不去了」。
+
+
+
+過去1年房價漲得又快又急，但目前大環境並沒有支撐房市繼續往上的條件。因此，永慶房產集團業務總經理葉凌棋表示，從交易量萎縮，以及7大都會區房價鬆動的狀況來看，「量先價行」幾乎可確定房市多頭已到盡頭，實價登錄的行情可能從「地板變成天花板」。
+
+
+
+再加上2023年還有一些變數要注意，除了經濟展望不佳，《平均地權條例》修正案也顯示政府打擊房市炒作的決心。雖然內政部代理部長花敬群證實，預售屋禁換約將不溯及既往，但政策趨嚴，預售屋的下車潮早已湧現。永慶房產集團統計各房屋買賣平台，發現2022年12月的預售屋轉售案件高達2萬2,658筆，較2021年同期大增41%。
+
+
+
+除此之外，2021年住宅建照核發的宅數爆出天量，達17萬465棟，2022年累計至11月也高達16萬5,792棟，是1994年以來最高數量。而取得建照之後，這些新增供給將陸續在預售屋市場、新成屋市場釋出，葉凌棋推估，2023年至2025年，預售屋完工戶數會超過15萬戶，大量成屋進入市場，勢必將造成衝擊，累積大量賣壓。
+
+
+
+而預售屋向來是房市的領頭羊，在供給大增、需求下降的狀況下，2023年預期房市價跌量縮，尤其過去超漲的地段，更有可能出現較為明顯的修正。陳賜傑觀察，像是7都當中，新竹縣市、高雄市在2022年上漲都逾10%，購屋人在出價時，就可以相對地下修預算，避免買在波段高點。
+
+更多Smart智富文章
+
+▶《平均地權條例》日出條款救援！投資客逃過一劫？花敬群：「這天」起才禁換約
+
+▶政府鐵了心打炒房？《平均地權條例》修正草案三讀有何影響？5大重點一次看
+
+ ## 立院三讀修正租賃法 包租業需實價登錄
+
+ ![img](https://pgw.udn.com.tw/gw/photo.php?u=https://uc.udn.com.tw/photo/2023/01/12/realtime/19917434.jpg&s=Y&x=0&y=358&sw=2756&sh=1837&exp=3600)] 
+
+立法院會今三讀修正通過「租賃住宅市場發展及管理條例部分條文」，未來包租業、租賃住宅服務業的租賃住宅轉租案件，應於簽訂轉租契約起30日內，申報登錄成交案件實際資訊給主管機關，違者最高可處新台幣5萬元罰鍰。
+
+為促進租屋資訊透明，反映租屋市場價格，立法院會今「三讀修正通過租賃住宅市場發展及管理條例部分條文」，建立租屋實價登錄機制。
+
+法條明定包租業的租賃住宅轉租案件，應於簽訂轉租契約之日起30日內，向地方主管機關申報登錄成交案件實際資訊。
+
+三讀條文也明訂，申報登錄資訊，除涉及個人資料外得提供查詢。地方主管機關為查核申報登錄資訊，得向包租業或次承租人要求查詢、取閱有關文件或提出說明。受查核者不得規避、妨礙或拒絕。
+
+罰則方面，包租業者若未依期限申報登錄資訊，或申報登錄租金或面積資訊不實，由地方主管機關處新台幣1萬元以上5萬元以下罰鍰。若申報登錄租金及面積以外資訊不實，屆期未改正，處6000元以上3萬元以下罰鍰。
+
+此外，根據三讀條文，如果包租業或次承租人規避、妨礙或拒絕查核，可由地方主管機關處3萬元以上15萬元以下罰鍰，並令其限期改正，屆期未改正者按次處罰。
+
+本次修法也明定，租賃契約出租人及承租人間視為具消費關係，適用消費者保護法相關規定，讓承租人能夠更受到保護。
+
+

content/news/11/1.md

@@ -0,0 +1,165 @@
+---
+title: "軍官情侶 138 秒 | 陸軍八軍團"
+date: 2023-02-04T00:12:30+08:00
+tags: ["八軍團"]
+categories: ["國內新聞"]
+draft: false
+type: "post"
+url: "/news/CBMi7QFodHRwczovL3R3Lm5ld3MueWFob28uY29tLyVFN"
+image: "https://media.zenfs.com/ko/news_tvbs_com_tw_938/56915a6ff28c586601e54779769fe4e1"
+type: "focus"
+---
+
+ ## 陸軍八軍團不雅片女主角IG漲粉2.8萬 開新帳曝8字展決心
+
+ ![img](https://media.zenfs.com/ko/news_tvbs_com_tw_938/56915a6ff28c586601e54779769fe4e1)] 
+
+陸軍軍官在營區內纏綿激戰影片外流，女主角IG被起底。（圖／翻攝自IG）
+
+陸軍八軍團爆出一對情侶在營區內纏綿時用手機自拍，近日不明原因影片外流，引發議論，事件持續延燒，女軍官IG被網友肉搜起底，追蹤人數從500人一夜爆增2.8萬人，而她也疑似不堪騷擾3日下午關閉IG帳號，但事隔一夜她疑似重開另一IG帳號，並強調「已備案持續蒐證中」。
+
+據悉，這對軍官情侶男主角為陸軍八軍團軍官，女主角也是軍官，兩人於2021年在任職的營區內纏綿激戰，並用手機拍攝影片，影片內容長約2分多鐘，其中一段可見女方身披國軍現行數位迷彩服且清楚拍下特寫，從其臂章被辨認出是陸軍八軍團。
+
+女主角IG事後也被網友肉搜，她也在IG發文吐露心聲，「愛看都來看，反正你們也知道了，麻煩截圖誰散布的畫面給我，我會很感謝你們，對了，我已經備案了，謝謝各位。」結果其IG粉絲人數一夜暴漲，粉絲數從原本的500多人暴漲至2.8萬人，似乎不堪網友騷擾，女主角3日下午將IG從公開帳號轉為私人帳號。
+
+今日女主角疑似另開IG帳號，並強調「已備案持續蒐證中」，追查帳號發現新開帳號與3日當事人帳號僅尾碼略有差異，是否為本人備用帳號還有待釐清，然而據悉女軍官確實已在蒐集資料，準備對散佈影片的網友提告。
+
+陸軍軍官在營區內纏綿激戰影片外流，女主角IG被起底。（圖／翻攝自IG）
+
+八軍團指揮部3日表示，2人行徑已違反營內男女分際，目前已被分調至不同營區，並編成專案小組進行調查。八軍團指出，兩人為未婚軍官，但已違反內部管理與資訊安全等規範，已調離現職接受調查，後續將秉「嚴考核、嚴淘汰」原則，依調查結果予以重懲，絕不寬貸；另將持恆加強軍法紀及性別分際教育，建立正確認知，確維軍譽。
+
+《TVBS》提醒您：
+
+根據刑法第235條規定，散布、播送或販賣猥褻之文字、圖畫、聲音、影像或其他物品，或公然陳列，或以他法供人觀覽、聽聞者，處2年以下有期徒刑、拘役或科或併科三萬元以下罰金。意圖散布、播送、販賣而製造、持有前項文字、圖畫、聲音、影像及其附著物或其他物品者，亦同。提醒大家勿加入跪求、私給等行列以免觸法。
+
+更多 TVBS 報導
+
+揪誰外流不雅片！陸軍女軍官IG喊「愛看都來」狂吸2.8萬粉
+
+陸軍八軍團情侶「露臂章不雅片」瘋傳 女主角喊：幫我找兇手
+
+萬人擠爆！FF40開拓動漫祭 神級Coser伊織萌現身
+
+華裔女怒控美國養父母 將她關地牢、奴役虐待14年
+
+
+
+ ## 揪出散布者！軍方挺提告 陸軍八軍團軍官情侶寢室「激戰」畫面流出還有後續？ -- 上報 / 焦點
+
+ ![img](https://www.upmedia.mg/upload/article/20230203122806288797.jpg)] 
+
+女軍官在社群網站上PO文（左圖）指出目前已報案，將對散布者提告。圖為示意圖，非當事人。（合成照片／翻攝自網路、pixabay）
+
+陸軍第八軍團一對軍官情侶，前年在軍營寢室內發生性關係，並用手機拍下2人「激戰」的過程，不料影片日前卻遭流出，並在網路上瘋傳，由於女方身穿軍服，因此身份很快就曝光。對此，女方在社群網站上表示將對散布影片的人提告。
+
+軍司令部獲悉後震怒，將兩位軍官重懲並調職調查，列入汰除名單。軍方最新回應指出，針對影片外流者有明確目標，疑為找到散布性愛片的凶手。
+
+儘管軍方已介入調查、女方也揚言要抓到散布者並考慮提告，但似乎仍無法為此事件止血，今天（4日）網路再度傳出有更多段2人的性愛影片，不少網友紛紛在臉書社團、通訊軟體內「求檔案」，更有人疑似將影片放上網路平台，要求民眾得付費才能觀看，十分離譜。
+
+有不肖疑似將影片上傳到網路平台，要民眾付費才能觀看。（擷取自FANS17網站） 有不肖疑似將影片上傳到網路平台，要民眾付費才能觀看。（擷取自FANS17網站）
+
+對於影片流出，女方因此大受打擊，在社群網站及通訊軟體群組中強調，對於影片流出一事已經向警方報案，但目前正在追查到底是誰將影片散布出去，也請朋友如果有看到傳播者、或傳播的通訊群組，幫忙協助截圖。
+
+不過警方卻表示，該對男女軍官日前的確有到警局稱要「備案」，並向警方諮詢相關處理方式，但男方事後明確表示暫時不會提出告訴。警方也坦言，妨害秘密屬告訴乃論，當事人若不提告警方也無法處理；此外，警方也提醒，若散布不雅影片，最重可處2年以下徒刑、拘役或科或併科9萬元以下罰金。
+
+據了解，拍攝不雅影片的男方及女方同樣服役於陸軍八軍團，2人均是未婚身分，因此交往並未違反紀律，而2人在2021年間，於軍營內的寢室發生性行為，過程中用手機拍下多段畫面，不料近日竟外流、更在網路上瘋傳，讓男方及女方都相當吃驚。
+
+對此，陸軍八軍團指揮部昨天表示，指揮部日前獲報此事後立即組成專案小組展開調查，目前確認男女2位軍官均未婚，2人在2021年間在營內違反男女分際、並使用手機拍攝影片，已涉違反內部管理與資安規範，目前已經將2人調職並接受調查。
+
+八軍團也強調，調查結果出爐後，會秉持「嚴考核、嚴淘汰」的態度對2人做出懲處。
+
+出稿時間：2／3 12：25
+
+更新時間：2／4 19：31
+
+ ## 還有新進度！陸軍八軍團砲戰片「女中尉5段新片」又流出 拍攝視角「口部尺度」太衝擊-風傳媒
+
+ ![img](https://image.cache.storm.mg/styles/smg-800x533-fp/s3/media/image/2023/02/03/20230203-114609_U27483_M827137_e13b.jpg?itok=MCBO35RH)] 
+
+陸軍八軍團砲戰片話題沒完！繼3日連續爆出女中尉的IG、影片遭到瘋傳，讓軍方不得不出面解釋後，4日疑似又傳出5段最新影片又出來，且視角更加火辣，其中還有仰拍女主角「嘴巴作業」的畫面。
+
+[啟動LINE推播] 每日重大新聞通知
+
+根據「記者爆料網」掌握的訊息，提到最新流出的5段畫面中，又出現身穿軍服的女子，與一名身材相當好的男子激烈運動，甚至還有聲音，且背景疑似又是軍方營區的寢室，女主角還被起底曾上過招募人才的宣傳照。
+
+在這起事件爆發後，該名女中尉曾經在群組內求助，希望大家可以協助截圖存證，因為想要提告，未料男方卻沒有想提告，變成男女兩造不同調的狀況。但即便女主角揚言要提告，也阻擋不了一波波的疑似激戰片流出。
+
+據悉，目前兩名軍官已經被調職接受調查，軍方也強調，該片段是幾年前所拍攝，警方也提醒民眾千萬不要轉傳擴散，因為將涉及刑法235條散布猥褻物品罪，最高兩年以下有期徒刑、拘役、或併科罰金。
+
+ ## 【今晚熱搜】雄崗信義美術館／陸軍八軍團／許維恩／陳德容／林奕華│Google Trends│TVBS新聞網
+
+ ![img](https://cc.tvbs.com.tw/img/upload/2023/02/03/20230203215331-a7d87a78.jpg)] 
+
+
+★陸軍八軍團 ★陸軍八軍團
+
+
+台灣女孩周子瑜目前在韓國努力發展，作為女子天團TWICE成員的她努力工作多年，也是粉絲們心中「Young & Rich」的女神，先前她春節期間返台，就傳出周子瑜已經購入高雄農16的豪宅「雄崗信義美術館」，總價上億元，業者也透露她選在這邊置產，最大的原因就是「跟母親的地緣關係」。陸軍八軍團爆出一對男女軍官情侶在營區內纏綿激戰，並用手機自拍影片，結果近日影片不慎外流，引發議論，據悉目前兩人已因違反內部管理與資訊安全等規範分別調離現職，並接受考核，將依結果重懲。針對影片外流原因，傳出當事人除了向警方報案外，也疑似在LINE群組請求協助，「麻煩大家幫我一個忙，讓我找出兇手」，對此八軍團政戰主任樓偉傑證實訊息確實由女方發布。許維恩的攝影品牌「優墨攝影」昨（2）日開幕，她挺著4個月孕肚出席，老公王家梁和好友賈永婕、薔薔、柯有倫等人都特地來支持，談及孕期近況，她笑說「上圍暴漲」，從原本的小C漲到D奶，連老公都嚇到，小倆口之前透露一週恩愛5次，懷孕後為了安胎較為小心，次數大幅降低，王家梁更打趣說「變50天一次」，不過2人隨後坦言，會上網查適合孕婦的愛愛姿勢，夫妻情趣還是要有。48歲的女星陳德容，9歲就拍攝廣告出道，至今在演藝圈已經闖盪將近40年，並在90年代，拍攝過許多瓊瑤的電視劇，又有「瓊瑤女郎」封號。不過，近年來陳德容鮮少出現在螢光幕前，最近雖然久違重回螢幕，但傳出她返台後「確診重症」消聲匿跡，對此，陳德容的姊姊也出面回應。台北市副市長林奕華辦公室今（3）天表示，已繳回2月3日至28日的立委薪資，以及1月份的酬酢品費用。
+
+ ## 陸軍八軍團情侶「自拍性愛片」外流！女主角親曝求救簡訊真相 證實備案
+
+ ![img](https://attach.setn.com/newsimages/2023/02/03/4026452-PH.jpg)] 
+
+記者林昱孜／高雄報導
+
+▲陸軍第八軍團一對情侶檔於2年前拍攝的性愛影片，於近日在網路上瘋傳引發熱議。（示意圖／中央社／與當事人無關）
+
+陸軍第八軍團一對服役於屏東的軍官情侶檔，兩年前於營內拍攝性愛影片，近日遭到外流，影片中的女子身穿軍服，在網路上引發議論，而昨（2）日更流出女主角在群組中拜託大家找散布影片的兇手；八軍團發言人樓偉傑證實此訊息確實是女主角在Line發出，而影片中的男、女主角也在影片外流當（1）日晚上，前往苓雅分局備案。
+
+看更多新聞》日網瘋傳「正妹胸狠拯救壽司」！1天破千萬觀看 本尊是台灣人
+
+網路近日流傳一段男女性愛影片，長約2分18秒，其中女方還身穿軍服，掀起網路熱議，眼尖網友發現其臂章；軍方接獲消息後，針對此事立即展開調查，據了解，這對情侶男方為上尉訓練官，女方則是中尉輔導長，兩人都未婚，年紀相仿，約在20多歲，在部隊中公開交往。
+
+看更多新聞》工程師經理開房25次女方出錢 模範警尪臉綠
+
+▲影片女主角請大家幫忙揪出散布影片兇手，第八軍團發言人證實此事。（圖／翻攝記者爆料網LINE群）
+
+對此，陸軍第八軍團指揮部發言人樓偉傑證實此事，影片拍攝於2021年，在營區內以手機拍攝，雙方當時都是未婚、服役於同旅，在此事件爆發案，兩人都已先調離現職，目前全案調查已經接近尾聲，至於處分將待近日召開人評會之後才會出爐，將針對兩個部分「未遵從男女份際」、「違反手機使用規範」進行懲處。
+
+2日晚間在《記者爆料網LINE群》瘋傳一名由女主角在LINE群組求找兇手的留言，「各位同學，請大家幫我一個忙，有些關於我的東西被流傳，大家如果有看到，麻煩截圖那個群組給我，….讓我找出兇手」；《三立新聞網》致電僂偉傑時，影片女主角正好在身邊，經詢問後，樓偉傑代為回覆：「對，那是她發的，她和男生也已經在2／1晚間，前往高雄苓雅分局備案」。
+
+★ 三立新聞網提醒您：
+
+根據刑法第235條規定，散布、播送或販賣猥褻之文字、圖畫、聲音、影像或其他物品，或公然陳列，或以他法供人觀覽、聽聞者，處2年以下有期徒刑、拘役或科或併科三萬元以下罰金。意圖散布、播送、販賣而製造、持有前項文字、圖畫、聲音、影像及其附著物或其他物品者，亦同。提醒大家勿加入跪求、私給等行列以免觸法。
+
+ ## 還敢開車啊？陸軍八軍團情侶營區內「砲戰教學」影片外流 當事人火大了
+
+ ![img](https://img-s-msn-com.akamaized.net/tenant/amp/entityid/AA17378I.img?h=630&w=1200&m=6&q=60&o=t&l=f&f=jpg)] 
+
+© 由 新頭殼 提供 陸軍八軍團營區內激烈砲戰性愛影片外流(示意圖) 圖:中華民國陸軍臉書
+
+Newtalk新聞
+
+陸軍八軍團一對情侶軍官，在2021年間在營區內用手機自拍性愛影片，近日影片外流，引發關注，且影片清楚拍下特寫，可看出是陸軍八軍團機步333旅「埔光部隊」臂章。由於2人違反內部管理以及資安等規範，八軍團立即組成專案小組調查，將依調查結果予以重懲。性愛影片當事人則在社群媒體PO文警告，「麻煩截圖誰散佈的畫面給我，我會很感謝你們」，並強調自己已經備案了。
+
+對於營區內「砲戰教學片」外流，陸軍八軍團回應，2名未婚軍官2021年間在營內發生違反男女分際情事，並使用手機拍攝影片，已編成專案小組進行行政調查。目前將2人調離現職、接受調查，依調查結果予以重懲，絕不寬貸。
+
+在影片被外流後，傳出當事人在IG發出限時動態警告的截圖，「愛看都來看，反正你們也知道了，麻煩截圖誰散布的畫面給我，我會很感謝你們，對了，我已經備案了，謝謝各位」。
+
+同時，也有LINE群組截圖流出，並向朋友喊話「各位同學，請大家幫我一個忙，有些關於我的東西被流傳，大家如果有看到，麻煩截圖那個群組給我，我本人也已經報案了，但是現在缺乏散布者是誰，麻煩大家幫我一個忙，讓我找出兇手。」
+
+ ## 陸軍性愛片網瘋傳！女主角喊揪凶已赴警局 警無奈1理由卡關
+
+ ![img](https://attach.setn.com/newsimages/2023/02/03/4026614-PH.jpg)] 
+
+記者林昱孜／高雄報導
+
+▲陸軍一對情侶檔於2年前拍攝的性愛影片，於近日在網路上瘋傳引發熱議。（示意圖／中央社／與當事人無關）
+
+陸軍一對軍官情侶檔，於營內拍攝性愛影片在網路上瘋傳，女主角身著軍服掀起議論；軍方證實此事，也坦言昨（2）日流出的求救訊息是由女主角發出，性愛片中的男、女主角已前往警局備案。該警局證實，2日凌晨零時13分左右，確實有一對男女赴警局進行相關法律諮詢，但目前暫不提告。。
+
+網路近日流傳一段男女性愛影片，長約2分18秒，其中女方還身穿軍服，掀起網路熱議；軍方接獲消息後，針對此事立即展開調查，據了解，這對情侶未婚，年紀相仿，在部隊中公開交往。
+
+對此，陸軍證實此事，影片拍攝於2021年，事件爆發後，兩人都已先調離現職，目前全案調查已經接近尾聲，至於處分將待近日召開人評會之後才會出爐，將針對兩個部分「未遵從男女份際」、「違反手機使用規範」進行懲處。
+
+▲影片女主角請大家幫忙揪出散布影片兇手，第八軍團發言人證實此事。（圖／翻攝記者爆料網LINE群）
+
+軍方表示，影片中的男、女主角已於外流當日前往警局備案；該警局證實，2日晚間零時13分，確實有一對男女赴偵查隊，進行法律諮詢，在警局待了10分鐘左右，該名男子稱1日晚間10時20分，發現私密影片在Line群組遭散布，想詢問此狀況若要揪出散布者是否有法條依循。
+
+警局表示，受理員警回覆恐觸犯妨害秘密罪，也進一步詢問細節，但2人並未進一步說明細節或表明身份，亦無提供外流影片，且男方清楚表示「暫不提告」。而妨害秘密罪屬告訴乃論，倘若男、女主角決定提告，警方將依法偵辦查處，現階段只能尊重當事人。
+
+★ 三立新聞網提醒您：
+
+根據刑法第235條規定，散布、播送或販賣猥褻之文字、圖畫、聲音、影像或其他物品，或公然陳列，或以他法供人觀覽、聽聞者，處2年以下有期徒刑、拘役或科或併科三萬元以下罰金。意圖散布、播送、販賣而製造、持有前項文字、圖畫、聲音、影像及其附著物或其他物品者，亦同。提醒大家勿加入跪求、私給等行列以免觸法。
+
+

content/news/12/1.md

@@ -0,0 +1,135 @@
+---
+title: "「吃土少女」不雅片"
+date: 2023-02-01T00:29:06+08:00
+tags: ["吃土少女"]
+categories: ["國內新聞"]
+draft: false
+type: "post"
+url: "/news/youtube-eat-mud"
+image: "https://media.zenfs.com/vi/ebc.net.tw/f0e90d1667efc24b4e3dcf9e773ca98b"
+type: "main"
+---
+
+ ## 大陸百萬網紅9秒不雅片瘋傳 本人終於回應了
+
+ ![img](https://media.zenfs.com/vi/ebc.net.tw/f0e90d1667efc24b4e3dcf9e773ca98b)] 
+
+大陸網紅「吃土少女」長相甜美可愛，擁有238萬粉絲，不料近日網路上流傳她的不雅影片，讓她的清純形象一夕破滅，她也停止更新經營頻道，話題引發熱議。事件延燒至今，不少人也在她的抖音上詢問此事，對此，「吃土少女」也做出回應。
+
+吃土少女是大陸知名網紅。（圖／翻攝自吃土少女的日常抖音）
+
+吃土少女是一名大陸抖音網紅，她所經營的頻道「吃土少女的日常」，經常曬出自己各種不同的面貌，雖然影片長度都不算太長，也沒有太多的台詞，不過吃土少女憑藉水汪汪的大眼、白裡透紅的肌膚、清新脫俗的氣質，在抖音界殺出重圍，吸引超過238萬粉絲追隨。
+
+不過近日在網路上，突然流傳不同版本吃土少女的不雅片，有的影片長度有7秒，有的長達9秒，開頭都是吃土少女的日常生活影片，不過下秒畫面突然切換成她與人發生親密關係的場景，讓不少粉絲相當震驚。
+
+吃土少女的不雅片在網上瘋傳。（圖／翻攝自吃土少女的日常抖音）
+
+雖然不雅片的來源不明，不過從影片流傳上網後，吃土少女的日常頻道就不再有任何更新，最後一部影片的上傳日期停在一周之前，因此不少人在最後一部影片留言，詢問「是不是妳啊？」、「真的是她嗎？」有網友信誓旦旦的表示「確實是本人」、「是她，網上瘋傳了」、「必須是，但她不會承認的」，不過也有另一派網友表示「感覺不太像啊，一點點神似而已吧」、「真不敢相信」。
+
+不少粉絲、網友紛紛到吃土少女的抖音或社群詢問「到底是不是妳？」經過幾天沉寂，吃土少女也回應「本來就不是」，打破不雅片傳言。
+
+針對不雅片風波，吃土少女給出回覆。（圖／翻攝自吃土少女的日常抖音）
+
+如果類似的事情發生在台灣，未經他人同意，就將不雅影片上傳到網路上，恐觸犯刑法第315條之1第2款的妨害秘密罪，可能被處以3年以下有期徒刑、拘役或30萬元以下罰金，民眾千萬別做這種事，既傷害他人隱私，又會讓自己吃上官司。
+
+●東森新聞關心您
+
+根據刑法第235條規定，散布、播送或販賣猥褻之文字、圖畫、聲音、影像或其他物品，或公然陳列，或以他法供人觀覽、聽聞者，處2年以下有期徒刑、拘役或科或併科三萬元以下罰金。意圖散布、播送、販賣而製造、持有前項文字、圖畫、聲音、影像及其附著物或其他物品者，亦同。提醒大家勿加入跪求、私給等行列以免觸法。
+
+不良行為，請勿模仿
+
+（封面圖／翻攝自吃土少女的日常抖音）
+
+更多東森新聞報導
+
+百萬網紅爆9秒片外流 綁完頭髮下秒低頭...鐵粉驚呆了
+
+大陸百萬網紅7秒不雅片瘋傳 鐵粉認證：是本人
+
+黃明志深夜開嗆！男星「2分鐘繳械」 曝超明顯暗示
+
+ ## 正妹網紅9秒「吃雞片」外流 甜美形象大崩壞 吃土少女：AI換臉
+
+ ![img](https://img.ltn.com.tw/Upload/news/600/2023/01/17/phpRfp1Hz.jpg)] 
+
+中國網紅「吃土少女」因流出9秒口交不雅片引發外界熱議。（圖翻攝自「一杯刨酸奶」抖音、51吃瓜網）
+
+2023/01/17 22:27
+
+〔即時新聞／綜合報導〕中國網紅「吃土少女」因清新外表和氣質在短影音平台「抖音」（Tiktok）吸引近240萬名粉絲追蹤，沒想到近日中國爆料網站上流出她的不雅影片，其苦心經營的甜美形象一夕之間崩壞。對此，「吃土少女」否認網傳影片女主角是她，宣稱是AI換臉，但仍遭不少中國網友嘲諷。
+
+本月15日，中國知名爆料網站流出一段9秒「口愛片」，爆料者稱女主角是在抖音上擁有近240萬粉絲追蹤的「吃土少女」。由於「吃土少女」人設清新，過去發布的影片風格甜美俏皮，與網傳影片中形象反差極大，消息一出隨即引發熱議，大批網友擁入其抖音嘲諷，迫使「吃土少女」將部分被網友灌爆的影片下架。
+
+請繼續往下閱讀...
+
+事發後沒多久，「吃土少女」就將抖音ID改為「一杯刨酸奶」，原先被下架的影片也重新上架，「吃土少女」也在留言區回應「吃雞」事件，宣稱網傳影片是AI換臉，呼籲大家「不信謠不傳謠」。
+
+不過不少中網友不採信，紛紛在其置頂於抖音頁面的影片留下「確定不改成吃雞少女？」、「雖然只有短短幾秒，但看得出來是真功夫」、「短短9秒讓我與你相遇」、「那幾秒......你吃得好認真」、「今晚吃雞嗎」等意淫留言。
+
+不用抽 不用搶 現在用APP看新聞 保證天天中獎 點我下載APP 按我看活動辦法
+
+ ## 吃土少女9秒不雅片瘋傳｜抖音妹忠粉崩潰要求澄清！本尊終於回應
+
+ ![img](https://cdn.hk01.com/di/media/images/dw/20230117/692014473090699264194063.jpeg/BnmPzGvtCdLltekngDG93GICmXrLiCO3TxZ1p08Wdac)] 
+
+抖音240萬人追蹤中國網紅「吃土少女」，長得天然可愛有仙氣、大大的眼神情精靈調皮，男女通殺頗具人氣。然而近日網上廣傳一後疑似「吃土少女」9秒口交短片，看過的人都認為是她本尊，盡毀粉絲心中清純形象，其頻道「一杯刨酸奶」停止更新一星期後，原來她已偷偷在留言區回應事件。
+
+
+
+吃土少女吃了別的東西｜9秒不雅短片網上瘋傳
+
+現在Google搜尋「吃土少女」，後面自動就會出現「9秒」聯想字，可想而知「炒車」炒得有多轟動！來說說9秒片段內容，片段最初只是「吃土少女」在紮頭髮，突然就切換成她疑似一面看手機、一面口交在為別人「食雞雞」的片段。
+
+抖音頻道「一杯刨酸奶」截圖
+
+👉AV女優 Top 100 三上悠亞完全失蹤｜片商DMM公布2022年末最終排名
+
+抖音240萬粉絲網紅「吃土少女」日常照
+
++ 23
+
+原來已「鬼鬼鼠鼠」回應事件
+
+事件在網上一石擊千浪，網民爭相到「吃土少女的日常」的影片頻道留言：「感謝9秒令我認識你」、「舌頭還打圈圈」。也有人認為不是本尊，撐偶像認為只是人有相似被屈，「一點點神似而已吧」，甚至有人說「甜美少女不能口交？」認為吃土少女又不是未成年，性愛是正常事，不認為形象有崩壞：「大驚小怪，宅男就是這樣」。但當然亦有純真的粉絲留言說「快澄清一下那個視頻不是你」，並得到「吃土少女」reply：本來就不是，算是正式對事件作出回應：「本來就不是…」但似乎網民並不受貨。
+
+👉流量密碼｜露營妹花式排泄賺千萬view／真空散步Nip slip後有新招
+
+原來是對Twins
+
+原來「吃土少女」還有個雙胞胎妹妹叫「糖果小餅乾」，抖音follower數也高達198萬，二人常常會合作拍雙子片，「糖果小餅乾」長相略比姐姐成熟一點，不過依然是甜美學生妹風格。不過事件後妹妹會不會跟姐姐「割蓆」呢？
+
+右起：「吃土少女」還有個雙胞胎妹妹「糖果小餅乾」。
+
+👉V型電磁俠真人版質素吊打日本片｜正妹女主角IG追蹤數高達80萬
+
+「吃土少女」和「糖果小餅乾」真的長得很像。
+
++ 2
+
+👉相關連結抖音頻道「一杯刨酸奶」抖音頻道「糖果小饼干」
+
+ ## 百萬網紅9秒不雅片流出瘋傳！仙氣清純形象破滅 本尊現身咁回應…
+
+ ![img](https://cdn.hk01.com/di/media/images/dw/20230115/691375840230903808529680.jpeg/yGFdTnu60BpOKhUf3TyYQ-C3HEuHrAWqerpx-Xq6cfk)] 
+
+【不雅片】在抖音擁有約240萬紛絲的內地網紅「吃土少女」，憑着一雙大眼睛跟甜美仙氣長相走紅，惟近日網絡流傳一段疑似「吃土少女」的口交不雅影片，引起網民熱議，也讓其清純形象瞬間破滅。「吃土少女」目前已停止更新頻道，據報有網民問到事件，「吃土少女」回應簡短5字，「本來就不是」。
+
+
+
+在抖音擁有約240萬紛絲的內地網紅「吃土少女」，憑着一雙大眼睛跟甜美仙氣長相走紅。（截圖）
+
++ 1
+
+綜合媒體報道，內地網絡流傳看影片有7秒及9秒版本，片段開頭都是「吃土少女」整理頭髮等日常生活畫面，惟之後卻突然切換成她與別人口交等性交親密畫面，旋即引起網民關注。
+
+內地網絡流傳看影片有7秒及9秒版本，片段開頭都是「吃土少女」整理頭髮等日常生活畫面，惟之後卻突然切換成她與別人口交等性交親密畫面。（網上圖片）
+
+暫未知影片來源，惟影片廣傳後，「吃土少女」經營的抖音頻道未有再更新，最後一部影片上傳日期已是一星期前。不少紛絲在最後影片留言問，「是不是妳啊？」、「真的是她嗎？」、「舌頭還在轉圈…」。
+
+不少紛絲在最後影片留言詢問。（截圖）
+
+有網民稱從特徵長相確認是本人，但也有網民認為只是非常相像，並非本人，「一點點神似而已吧」。另有網民認為即使真的是本人，也毋須大驚小怪，「情愛之事很正常」、「形象崩壞？甜美少女不能口交？」、「大驚小怪，宅男就是這樣」。
+
+但據報「吃土少女」回應簡短5字，「本來就不是」。
+
+

content/news/13/1.md

@@ -0,0 +1,164 @@
+---
+title: "「狗頭蘿莉」不雅片"
+date: 2023-02-02T00:29:06+08:00
+tags: ["狗頭蘿莉"]
+categories: ["國內新聞"]
+draft: false
+type: "post"
+url: "/news/cosplay-dog-head"
+image: "https://media.zenfs.com/vi/ebc.net.tw/f0e90d1667efc24b4e3dcf9e773ca98b"
+type: "featured"
+---
+
+ ## 昔被生父硬上、遭公開私密片…百萬網紅「驚傳輕生」！悲吐遺言：幫我訂製骨灰盒
+
+ ![img](https://s.yimg.com/ny/api/res/1.2/Z8jsrXhEbo3AeT4_VBQ4tg--/YXBwaWQ9aGlnaGxhbmRlcjt3PTEyMDA7aD0xNjAw/https://media.zenfs.com/vi/gotv_ctitv_com_tw_678/841e5271ac340975815668938996d2f1)] 
+
+記者古靜兒／綜合報導
+
+Coser網紅「狗頭蘿莉」以cosplay角色走紅，身材凹凸有致，還有著水靈大眼、高挺鼻樑的她，在微博上吸引260萬粉絲追蹤，然而狗頭蘿莉過去曾因和渣男分手而遭對方公開私密影片，重創其形象之餘，也讓她每每經營直播時都慘遭酸民開黃腔、辱罵，甚至還在前往cosplay活動時被主辦單位阻攔入內。不料，狗頭蘿莉日前竟在微博上公開一段影片，然而箇中內容竟暗指她即將輕生，嚇得大批網友趕緊報警。
+
+狗頭蘿莉是大陸知名網紅兼coser。（圖／翻攝自微博）
+
+事實上，狗頭蘿莉過去曾自爆人生中的可悲經歷，她曾經在國小3年級就慘遭親生父親猥褻，即便生母知情也完全沒有保護她，而她則隱忍至高中畢業後選擇離家出走，為了賺取大學學費和生活費，她選擇在工廠上夜班，沒想到竟被組長性侵。狗頭蘿莉逃出工廠後，因付不起學費而選擇被網戀對象包養，怎料爾後加入直播行業時，又被無良經紀人詐騙，不僅沒拿到薪資，直播帳號也被收回，甚至還被要求賠償600萬元人民幣（約2,655萬元新台幣）。
+
+狗頭蘿莉過去曾自爆成長過程中的經歷，讓網友相當心疼。（圖／翻攝自微博）
+
+不僅如此，狗頭蘿莉在直播玩遊戲期間認識了前男友，沒想到對方不滿她在社群平台上曬出性感美照，也不滿她在分手後結交新歡，竟在網上公開狗頭蘿莉的私密影片，甚至還竊取狗頭蘿莉手機中尚未修飾、上馬賽克的大尺度照片一併公開。雖然男方為此已服刑，但僅僅在8個月後就出獄，反倒狗頭蘿莉因對方的惡劣行徑，至今直播時仍不斷遭到酸民辱罵、收到騷擾訊息，讓她很是崩潰。
+
+狗頭蘿莉曾被渣男前任公開私密影片和大尺度照片，重創形象。（圖／翻攝自微博）
+
+最打擊狗頭蘿莉的，是她先前出席動漫展的cosplay活動時，竟被工作人員驅逐，也讓她決定在4日公開一段近3分鐘的影片，透露自己無論年少時遭猥褻，或是私密影片風波被網路霸凌時，都堅強選擇活下來，「現在我做了這樣的決定，是因為想在我擁有最美麗的臉蛋，和最完美的身材，和你們最熱烈的愛的時候，按下這一個暫停鍵，將這份美好，永遠地停留在我生命的最後一刻。」
+
+狗頭蘿莉日前留下預告輕生的影片。（圖／翻攝自微博）
+
+不少網友看了影片後嚇得趕緊報警。（圖／翻攝自微博）
+
+不料，狗頭蘿莉還在影片中淡然表示，她這天化了精緻妝容，穿上她最愛的旗袍：「我希望在我走後，大家討論起我是惋惜的說『這麼年輕、這麼漂亮，死了多可惜啊』」。最後更拜託有能力的粉絲，可以為她訂製美少女戰士或者索拉卡的骨灰盒，把她埋在動漫展主辦場地外的草叢，只因她希望可以堂堂正正地現身動漫展，話說至此，狗頭蘿莉也忍不住落淚，表示若是有來生，她也希望以coser和直播主對方身份，再次見到粉絲。
+
+狗頭蘿莉cosplay得惟妙惟肖，然而日前卻被阻攔進入動漫展。（圖／翻攝自微博）
+
+影片曝光後，嚇得大批網友趕緊報警，而自稱為狗頭蘿莉好友的博主小凌隨後也不斷為網友更新最新情況，並表示當地警方已全力展開搜索，並在5日早上7時半左右透露警方已找到狗頭蘿莉：「人活著，平安」，才讓不少粉絲放下心來，也紛紛表示可以提供協助：「我有個想法，狗子可以弄個水滴籌嘛，既然錢壓得你喘不過氣，讓我們幫幫你吧」、「可以讓她上架拍立得，還有收藏價值，類似SNH48的那種」、「這是我今年看到的最好的消息，沒有之一。真他X的開心，比自己升職加薪都開心！」
+
+好友透露已找到狗頭蘿莉。（圖／翻攝自微博）
+
+同為直播圈的友人開著直播和其他網友共享尋人資訊，最後終於找到了藏在爛尾房的狗頭蘿莉。（圖／翻攝自微博）
+
+《中天關心您｜請珍惜生命，再給自己一次機會》
+
+◆生命線：1995
+
+◆張老師專線：1980
+
+◆24小時安心專線：1925
+
+《中天關心您｜拒絕性騷擾及性暴力，尊重身體自主權，請勇敢說不》
+
+◆保護專線：113／110
+
+◆婦女救援基金會：02-2555-8595
+
+◆現代婦女基金會性暴力防治組：02-7728-5098
+
+《中天關心您｜詐騙手法日益新，你我務必要小心》
+
+◆反詐騙多方查證專線：165／110
+
+延伸閱讀
+
+12年後人氣不減！《甄嬛傳》直播吸473萬人看 「皇上駕崩」飆最高點
+
+正妹直播主哭稱「在烏克蘭遇槍戰」！男粉心疼急斗內百萬遭詐騙 判決結果出爐了
+
+12歲女孩疑遭同學煽動嘗試TikTok「昏迷挑戰」 中途意外失手窒息而亡
+
+ ## 正妹崩潰了！被壯漢包圍拍下「不雅照」瘋傳 委屈內幕曝光
+
+ ![img](https://media.zenfs.com/ko/setn.com.tw/944c208d55b0c76fd4973ee9c51c227b)] 
+
+娛樂中心／林呈育報導
+
+「狗頭蘿莉」在Coser擁有不小的名氣。（圖／翻攝自狗頭蘿莉微博）
+
+網紅「狗頭蘿莉」在Coser界闖出知名度，累積不少粉絲，然而人紅是非多，最近她去參加活動時，竟被人拍下不雅照片，令她不忍在微博發聲，感嘆「現場圍拍的人太多了根本製止不了這種故意拍乳貼（胸貼）的行為」同時強調「不要因為有那些刻意拍攝的圖片，就YY（意淫）漫展 」。
+
+狗頭蘿莉發文表達無奈，「總是有那種吃瓜群轉發露乳貼（胸貼）的圖，然後揣測我的意圖」，解釋如果從正面拍攝，根本不會看到，「只有側面跟上面，你不故意拍這種角度，啥也看不見，而現場圍拍的人太多了根本製止不了這種故意拍乳貼（胸貼）的行為」。
+
+狗頭蘿莉深知，自己在網路上的行為是在打擦邊球，去漫展穿的衣服也不是「良家婦女」該有的模樣，但她強調，自己在現場沒有做過挑逗性暗示的動作，還是有人想要惡意抹黑，不過她也想說，發文目的並非是要譴責那些故意拍下走光畫面的人。
+
+狗頭蘿莉無奈參加活動要被有心人拍下走光畫面。（圖／翻攝自狗頭蘿莉微博）
+
+狗頭蘿莉澄清，她真正想說的是，「我在網上的行為，不要代入到我去漫展的意圖，包括那些故意拍攝擴散的圖，大家看個樂呵就行，不要惡意揣測漫展，請大家不要因為我是個壞人，不要因為有那些刻意拍攝的圖片，就YY漫展，我知道我沒有這麼大的影響力，但如果因為我出現了一些負面言論，我會很有罪惡感」。
+
+狗頭蘿莉強調自己沒有做出踰矩的行為。（圖／翻攝自狗頭蘿莉微博）
+
+x 三立新聞網提醒您：
+
+根據刑法第235條規定，散布、播送或販賣猥褻之文字、圖畫、聲音、影像或其他物品，或公然陳列，或以他法供人觀覽、聽聞者，處2年以下有期徒刑、拘役或科或併科三萬元以下罰金。意圖散布、播送、販賣而製造、持有前項文字、圖畫、聲音、影像及其附著物或其他物品者，亦同。提醒大家勿加入跪求、私給等行列以免觸法。
+
+更多三立新聞網報導
+
+關聖帝君聖誕千秋！大暑要來了 命理師：4星座數錢到手軟
+
+狂翻楚辭詩經！爸姓「單」替兒女取名 一報戶口全員臉紅
+
+證實長腦動脈瘤！詹雅雯術後「大量失血」昏迷 憂隨時猝死
+
+好媳婦突然脫了！46歲身材辣到爆 邪惡視角美胸全看光
+
+ ## 遭前男友洩羞羞片！百萬網紅「淚訴悲慘身世」負債2600萬：只能用身體還
+
+ ![img](https://s.yimg.com/ny/api/res/1.2/eTTbq_mpp0JH54RIzoz.Bg--/YXBwaWQ9aGlnaGxhbmRlcjt3PTEyMDA7aD0xMDE4/https://media.zenfs.com/ko/gotv_ctitv_com_tw_678/440a5dd7160688cd5ef336200c301710)] 
+
+記者陳真／綜合報導
+
+中國大陸直播主兼coser「狗頭蘿莉」因擁有一雙無辜大眼、加上火辣身材，在微博就坐擁140萬粉絲，是許多人心目中的女神。未料狗頭蘿莉去年和男友分手，對方盛怒之下惡意將狗頭蘿莉的私密影片外流，讓她一夕之間聲敗名裂，還被直播平台求償600萬元人民幣（約新台幣2648萬元），狗頭蘿莉最近自曝過去悲慘經歷，並表示這筆債務太過龐大，恐怕只能「用身體去還債。」
+
+中國大陸網紅狗頭蘿莉私密影片遭前男友外流。（圖／翻攝自推特）
+
+狗頭蘿莉去年和男友分手後另別新歡，卻遭前男友報復，不但對她辱罵，甚至還將她的私密影片外流，害狗頭蘿莉因此丟掉不少工作，還被直播平台求償600萬元人民幣，名聲在一夕之間跌入谷底、債台高築，網路上還出現許多關於她的謠言。
+
+而狗頭蘿莉11日時也在抖音揭露其過往經歷，提到她從小學三年級開始，就被父親猥褻，連媽媽也知情，後來她高三畢業後離家出走，為了賺大學學費於是進去一間電子廠上夜班，沒想到卻被組長性侵。
+
+狗頭蘿莉在抖音自訴其悲慘身世。（圖／翻攝自推特）
+
+狗頭蘿莉更進一步透露，她大一、大二時曾被網戀對象包養，對方不僅幫她付學費，每個月還有300元人民幣（約新台幣1300元）的零用錢，後來狗頭蘿莉在大三時接觸直播，原以為人生逐漸好轉，沒想到卻被經紀人賣給某直播平台，對方以營運不當等理由苛扣她3個月薪水，還砍她帳號，讓她只好轉戰其他平台另覓出路。
+
+狗頭蘿莉也提到，她和前男友是在遊戲中認識，對方對她常發大尺度的照片頗有微詞，更不滿她在分手後無縫接軌新對象，竟惡意散布兩人的私密影片，還偷走她手機中記錄身材的照片，並將這些照片全無碼發布。狗頭蘿莉也說，前男友已因此服刑8個月出獄。
+
+而更讓狗頭蘿莉崩潰的是，在她身陷不雅照風波的時候，直播平台竟以她「在其他平台直播」為由，指控狗頭蘿莉違約，仲裁委員會裁定她應該賠償600萬元人民幣，這讓她相當崩潰，坦言這筆錢就算她每月不吃不喝還5000元人民幣（約新台幣2萬1千元），也要還100年，哭訴「我唯一能還的可能就是利用身體去還債」，讓許多網友深感不捨。
+
+【更多中天快點TV報導】
+
+伸懶腰「全身癱瘓」！正妹歌手肩頸痛拉筋 下秒…「說不出話」醫曝：妳中風了
+
+站月台等車…背後鬍渣男突怪笑：我是上帝！下秒猛推…她「落軌遭輾成碎塊」
+
+拜完堂才知被綠！新娘前男友闖洞房「趴腿痛哭求復合」…他怒撂友「婚禮→格鬥場」
+
+
+
+ ## 正妹Coser走光照瘋傳 本人怒發聲
+
+ ![img](https://media.zenfs.com/zh-tw/nownews.com/7e69ff82ea46ffe320b6afed3b569e08)] 
+
+▲人氣Coser狗頭蘿莉爆出走光疑雲。（圖／我是狗頭蘿莉微博）
+
+大陸直播主兼Coser「狗頭蘿莉」擁有水漾大眼、傲人身材，抖音粉絲超過百萬，近日網上瘋傳她參加動漫展不慎露點的照片，本人得知後憤怒地公開現場影片，指控遭人惡意P圖。
+
+▲▼大陸知名網紅狗頭蘿莉。（圖／我是狗頭蘿莉微博）
+
+狗頭蘿莉日前出席上海「ChinaJoy」動漫展，當天以一襲深V露背小禮服走秀，事後被爆料為了搏上位，沒貼乳貼就上陣，過程中在台上大走光，最後被工作人員請出場，而露點照甚至在網上流竄，引起大批網友熱議。
+
+▲▼狗頭蘿莉參加動漫展穿搭。（圖／我是狗頭蘿莉微博）
+
+對此，狗頭蘿莉一連發3篇文澄清走光疑雲，她先貼出穿該件禮服的影片，要網友「奇怪的東西不要信」，後來解釋遭到不肖人士P圖惡搞，當時根本就沒有春光外洩，並上傳走秀影片佐證。
+
+▲狗頭蘿莉現場影片並沒有露點。（圖／我是狗頭蘿莉微博）
+
+▲狗頭蘿莉澄清被網友惡意P圖。（圖／我是狗頭蘿莉微博）
+
+狗頭蘿莉說：「想過發視頻澄清也想過報警，但是一來CJ（動漫展）未結束，擴散對展商不好，二來當事人也已經道歉，本來想息事寧人，但由於吃瓜群眾擴散太多，對我影響太大了，我還是出來澄清一下！」更委屈地說：「我不明白大家為什麼要這樣對我？」（編輯：楊穎軒）
+
+▲狗頭蘿莉揭走光真相。（圖／我是狗頭蘿莉微博）
+

content/news/14/1.md

@@ -0,0 +1,152 @@
+---
+title: "手指關節痛"
+date: 2023-02-02T00:29:06+08:00
+tags: ["關節炎"]
+categories: ["健康"]
+draft: false
+type: "post"
+url: "/news/finger-joint-pain"
+image: "https://media.zenfs.com/ko/uho.com.tw/0c497eba29824f66ee0a368b4fd64563"
+type: "featured"
+---
+
+ ## 當心老年惡夢「退化性關節炎」！一次搞懂症狀、原因、預防與治療
+
+ ![img](https://media.zenfs.com/ko/uho.com.tw/0c497eba29824f66ee0a368b4fd64563)] 
+
+膝蓋的「退化性關節炎」是許多年長者的夢靨，不只會造成長輩行動能力下降，關節疼痛、腫脹、僵硬則也會使得生活品質降低，根據統計，50歲的發生率為20～30%，70歲以上則高達70%，因此如何做好膝關節保養，避免關節炎發生就很重要。
+
+要知道退化性關節炎的成因，則必須要先瞭解膝關節的構造。膝關節可分成上方大腿骨跟下方小腿的脛骨與腓骨，中間夾了半月板與軟骨，用來吸收與緩衝膝關節的壓力；另外透過前後的十字韌帶以及內外的側韌帶，協助固定與穩定膝關節的構造；最後附著在膝關節附近的肌肉，則可以協助關節運動，並讓活動時的關節穩定。
+
+延伸閱讀：
+
+類風濕性關節炎不一定會痛！醫揭「1症狀」更常出現
+
+退化性關節炎的發生原因
+
+從上圖就知道膝關節的每一個構造都密不可分，只要有任何一構造出現問題，就會產生嚴重的後果，隨著年紀增長，肌肉的肌力退化，若沒有適當的營養補充以及肌力的加強訓練，就會使得膝關節在活動的時候出現問題，像是爬樓梯很吃力或是行走時膝蓋出現異聲。
+
+除了肌肉問題外，關節的韌帶也有能因受傷而強度降低，半月板以及軟骨也會因年紀增長而退化，造成大腿骨與脛骨之間的間格減少，在活動時容易撞擊、摩擦，最終演變成退化性關節炎產生疼痛，使得長輩活動力降低，進一步加劇膝關節的退化。
+
+
+
+手指疼痛還變形！不可逆的「退化性關節炎」嚴重恐侵蝕骨頭
+
+如何維持膝關節活動力？
+
+目前坊間對於膝關節的退化性關節炎靠吃葡萄糖胺減輕發炎症狀或是關節注射玻尿酸幫助維持軟骨功能，但這些都只是治標，真正的治本方式可以從以下幾點著手：
+
+關節玻尿酸注射：是一種原本就存在關節液中的物質–—玻尿酸打入，幫助減輕關節負擔。研究發現，當退化性膝關節炎發生時，關節內的玻尿酸濃度會大幅降低，其對軟骨的保護力及抗發炎能力也大幅下降。如果在關節內注射玻尿酸，可經由多種機轉抑制發炎、保護軟骨，但終究只侷限對關節內結構作用。目前健保針對玻尿酸的給付是有限制的，需達60歲以上，症狀及X光達到一定嚴重程度，以及接受保守治療6個月以上始得使用。目前給付僅限短效劑型，新型長效劑型也尚未納入健保給付。
+
+自體高濃度血小板血漿關節內注射：（PRP）關節內注射是近幾年熱門的治療方式。許多運動員也使用PRP來治療長期運動傷害造成的肌腱、韌帶、關節受損。原因在於近年研究發現血小板上附有大量的生長因子，可刺激組織的修復及再生。臨床研究上，若將PRP以單點注射方式注入膝關節腔，對於疼痛確實有緩解的效果，也助於功能的提升。然而PRP屬新式治療，目前完全未列入健保給付，治療價位高昂，多數醫療機構治療單次約1萬至3萬元不等，並且治療的次數也尚未有共識，這些都是需要考慮的點。
+
+
+增生注射治療：是一種刺激身體軟組織（包括肌腱、韌帶、肌肉纖維及關節軟骨）重新產生修復，文獻統計治療效果為82%患者有明顯進步。相較於前述兩者，增生注射治療有較高的技術需求，包括生物力學評估、步態評估、超音波診斷等能力，甚至需用超音波導引做精準注射，因此單次治療時間也較長，一般而言每次的治療至少需注射5～15針以上，如此才能同時涵蓋關節內外受損退化的結構。
+
+採用的溶液以高濃度葡萄糖水溶液和自體高度血小板血漿（PRP）為主，注射的頻率可平均2週至6週施打1次，一般成人經4至6次注射後（年長或嚴重者治療次數會拉長），多會有症狀的明顯改善。治療後的主要副作用是會引起短暫數天的發炎疼痛，都需要在治療前先跟年長者溝通清楚。
+
+開刀治療包含膝關節鏡檢（半月板及十字韌帶修復），脛骨高位矯正截骨手術 （年紀小於55歲），半膝人工關節置換手術（單部位嚴重磨損）及全膝人工關節置探手術等，雖然很多年長者對於首受都很懼怕，但根據研究，對於中重度應及早治療，恢復膝關節原先功能，可以有效改善生活品質，預防身體老化。
+
+退化性關節炎重要守則：及早治療不要拖
+
+由於膝關節的組織沒辦法像頭髮或指甲等身體組織這麼容易修復、生長，因此日常保健就非常重要，從年輕時就保養好膝關節，避免受傷；上了年紀以後，有感覺有異狀就積極進行復健與治療，避免一拖再拖，到最後走上需要動全膝人工關節置換手術的地步。
+
+（本文獲家天使授權轉載，原文為：退化性關節炎靠葡萄糖胺？正確保健維持活動力｜家天使-找看護第一品牌）
+
+ ## 小蠻手指關節已經麻「1年半」！全因1原因 感慨：也沒多久了
+
+ ![img](https://media.zenfs.com/zh-tw/ctwant_com_582/3270ddb37722f164edb04cfddd62bc77)] 
+
+小蠻（王承嫣）30在社群平台發文表示，因為抱兒子，自己的手指關節已經麻了1年半了。（圖／翻攝自Instagram／lilu.s_wang）
+
+[周刊王CTWANT] 從黑澀會妹妹出道的小蠻（王承嫣）在2020年與感情長跑7年的紹翔結婚後，隔年便生下「至尊寶」，小蠻也時常在社群平台上跟粉絲分享育兒的日常生活。30日她也在IG發文坦言，自己的手指關節已經麻了1年半。
+
+小蠻（王承嫣）30在社群平台發文表示，自己每次抱著兒子時，朋友都會唸「妳這樣抱手會留下病根」。她才坦言，其實自己的手指關節已經麻了1年半了，而老公紹翔的手也會痛「每天晚上夫妻倆輪流，電療、筋膜放鬆、按摩」。
+
+就算如此，小蠻依舊很珍惜可以抱兒子的時光，對於兒子一天一天長大，能這樣抱的時間也所剩不多了「好啦，但抱也沒多久了，就讓我繼續抱」。
+
+而她也表示，對於帶孩子這件事，真的是每天都在學習一點一點放手「帶孩子真的，每一天都是放手的練習，我以後真的會好想念」。
+
+原始連結
+
+看更多 CTWANT 文章
+
+劉德華愛妻表妹是「大馬最美千金」 身價高達30億超強閨密團曝光
+
+女子花619元吃蛤蜊料理咬到異物 沒想到竟是價值13萬元的紫珍珠！
+
+25歲年輕女老師沉迷「公墓激情」 一周來3次…男學生淪砲友供洩慾
+
+ ## 健康網》翁關節痛、尿酸高以為痛風 醫揭分辨關鍵：症狀大不同
+
+ ![img](https://img.ltn.com.tw/Upload/health/page/800/2023/02/02/phpcPvK1g.jpg)] 
+
+洪暐傑指出，長期的退化性關節炎，關節可能會有骨刺、變形、凸起來的結節等情況；圖為情境照。（圖取自freepik）
+
+〔健康頻道／綜合報導〕60多歲男子患有三高慢性病，手指關節已疼痛多年，尿酸也很高，擔心罹患痛風。醫師發現關節已凸到有點變形，詢問下得知，他以前從事需搬運重物的物流業，可能是手指退化。後來關節照X光出現骨刺和變形的情況，判斷是退化性關節炎。
+
+義大醫院家醫部預防醫學科主任洪暐傑在臉書「洪暐傑醫師的愛講空間」以及個人部落格發文指出，關節發炎疼痛有好幾種常見的原因，像是退化、類風溼性關節炎、痛風這幾種。
+
+請繼續往下閱讀...
+
+關節發炎種類
+
+●退化性關節炎：通常是因為年齡、使用過度、負重多等因素造成，因為發生的原因跟使用多和負擔多有關，常見發生的關節也是在經常使用或者吃重的關節，像是膝蓋、髖部、手指等。退化性關節炎的症狀特色是負擔多的時候，疼痛變嚴重，休息時會改善，嚴重發炎時關節也會紅腫和發熱疼痛，長期退化情況下，關節可能會有骨刺、變形、凸起來的結節等情況。
+
+●類風溼性關節炎：這是1種自體免疫疾病，也就是免疫力攻擊自己的關節，造成關節發炎。這類型的關節炎和基因遺傳有關，通常是小的關節為主，像是手指、腳趾等，也常會兩邊的關節同時發生疼痛，在早上起床時可能出現早晨僵硬的現象，大概1個小時後才會比較改善，長期的類風溼性關節炎也可能會造成關節變形的情況。因此，當手指、腳趾一次有好幾個關節出現疼痛、紅腫、發熱等情況時，就要注意是不是類風溼性關節炎的可能性。
+
+●痛風性關節炎：痛風的疼痛常常會快速發生，在24小時之後突然達成非常嚴重的大痛，接著2、3天至1週之後，可能就完全沒感覺疼痛的存在。通常痛風的發作會是1個關節，會有明顯的紅腫熱痛，摸到會更痛，常常發生在手指、腳趾、腳踝等，尤其是大拇趾根部的那1個關節，容易出現在吃完大餐之後發生，像是喝了濃湯、含糖飲料、高湯、酒之類，當天晚上開始覺得怪怪，隔天變成大痛到受不了。
+
+尿酸正常也可能有痛風
+
+洪暐傑說明，痛風確實是因為尿酸高，尿酸在關節中形成結晶，造成了發炎疼痛，且尿酸越高發生痛風的機率越高，但尿酸高不代表一定會有痛風發作。
+
+他進一步說，以尿酸的標準是要<7.0（mg/dL），但許多尿酸數值高於標準的人，長期都沒有痛風發作過，即使尿酸數值>10（mg/dL），大概仍然有10%以上的人沒有發生過痛風，所以抽血尿酸數值高，不代表關節痛就是痛風。而痛風最準確的診斷方式，是直接從痛的關節裡面抽出關節液，來看看裡面有沒有尿酸的結晶。
+
+
+
+那如果尿酸正常就不是痛風嗎？洪暐傑補充，若在突發痛風的當下直接抽血驗尿酸，大約30%的人尿酸數值正常，後續過了一陣子以後（像是2週以上），再抽血就發現尿酸數值高起來了。原因是當尿酸跑到關節裡面形成結晶時，血液的尿酸就會變少，因此急性痛風發作的時候，抽血尿酸數值正常不代表不是痛風。
+
+洪暐傑總結，尿酸高不代表會有痛風發作，尿酸正常不代表當下的關節痛就不是痛風，關節痛到底是不是痛風，還是要看症狀來綜合評估比較準。
+
+☆健康新聞不漏接，按讚追蹤粉絲頁。
+
+☆更多重要醫藥新聞訊息，請上自由健康網。
+
+不用抽 不用搶 現在用APP看新聞 保證天天中獎 點我下載APP 按我看活動辦法
+
+ ## 過年後易出現麻將肩、手機關節炎、酸痛症！留心「春節疼痛症候群」
+
+ ![img](https://media.zenfs.com/ko/heho_healthy_442/8d9089c0372a6f7e0a11d07895994048)] 
+
+長達十天的春節假期剛結束，不少人才剛返回工作崗位卻覺得全身痠痛，安南醫院復健科醫師林芳嫻指出：「在春節前後期，門診常見由於過度運用肌肉，造成各種不同程度肌肉傷害的特別酸痛症。」例如打太久的麻將出現「麻將肩」、「手機關節炎」，許多肌肉使用不當、過度使用及不正確的姿勢所造成各種問題。
+
+為什麼春節後痠痛問題加劇？
+
+春節常見因大掃除造成各種身體疼痛，但這樣痠痛卻延續到春節結束，常見的原因包含清潔工作造成手部肌肉過勞，形成所謂的「網球肘」及「高爾夫球肘」；或是難得回家一趟大包小包，提個重物回家，腰部因過度彎腰或提重物，造成「腰椎神經痛」及「坐骨神經痛」，甚至有時會使先前已存在的椎間板突出或脊椎滑脫症變得更為嚴重，這些症狀統稱為春節「大掃除酸痛症」。
+
+另外，有些民眾於春節假期中選擇打麻將聯絡感情，不過由於過久的肩部及手部運動，造成類似五十肩的症狀，往往也被戲稱為「麻將肩」、狂滑手機造成「手機關節炎」。
+
+圖片來源:photoAC
+
+痠痛問題也發生在青少年！不良坐姿釀腰痠背痛
+
+別以為這些酸痛問題只出現在中老年人身上，林芳嫻分析：「近幾年出現的青少年酸痛族群，多是因為春節期間在家日夜上網，忘了正確的坐姿，造成頸部及背部的肌肉酸痛，患了『上網族酸痛症』」。加上長時間玩線上遊戲，以手指推動滑鼠，造成指間的關節過度摩擦，形成關節局部發炎而疼痛，可稱之為「滑鼠關節痛」。
+
+這些酸痛症大部分都是因為肌肉使用不當、過度使用及不正確的姿勢所造成，林芳嫻強調：「除了要注意正確坐姿、站姿及彎腰的姿勢外，還要避免過度使用肌肉，也就是說，使用一段時間後要給予足夠的時間休息，才可繼續使用。」
+
+緩解身體痠痛適時休息搭配熱敷
+
+例如大掃除應工作半小時或一小時後，休息 5～10 分鐘才繼續工作；打麻將也一樣，更不要日以繼夜打電腦、電動或滑手機，應有適當的休息時間或間斷性上網，同時保持良好的姿勢，才不會造成肌肉過度疲勞而酸痛。
+
+一旦出現春節疼痛症候群，林芳嫻建議：「可以先休息避免肌肉再度受傷及惡化，同時可做些簡單的復健，例如使用酸痛藥膏或薄荷油、白花油、綠油精等按摩患部肌肉及熱敷等。」如果效果不佳，應找醫師做正確的診斷，找出原因依病情給予適當治療。
+
+類似問題臨床上常見，林芳嫻強調：「其實此類疼痛大部份都是所謂『肌筋膜症候群』，只要找出壓痛點給予適當處理，再加上口服止痛、消炎、鎮靜、肌肉鬆弛藥物等，大部分都可以快速復原。」
+
+文、王芊淩／圖、巫俊郡
+
+更多Heho健康文章
+
+仰睡、側睡起床都痠痛 許嘉麟醫師：睡姿再好也治不好身體發炎
+
+睡起來還是全身痠痛嗎？許嘉麟醫師傳授3招解決肌肉硬梆梆

content/news/2/1.md

@@ -0,0 +1,61 @@
+---
+title: "《她們創業的那些鳥事》"
+date: 2023-01-26T00:56:29+08:00
+draft: false
+display: true
+tags: ["她們創業的那些鳥事"]
+categories: ["戲劇"]
+description: "-"
+url: "/blog/2"
+image: "https://images-tw.girlstyle.com/wp-content/uploads/2023/01/5b5de8d9.jpg?auto=format&w=1436"
+type: "featured"
+---
+
+《她們創業的那些鳥事》（英語：The Arc of Life），2021年台灣偶像劇，改編自柴門文《女強人俱樂部》。由陳意涵、林心如、邱澤、簡嫚書、李立群、藍心湄、宥勝、林哲熹領銜主演，2020年1月1日開鏡、6月殺青，愛奇藝國際站、八大戲劇台於2021年1月31日首播。
+
+## 《她們創業的那些鳥事》根本職場女子圖鑑！透過角色解析體悟林心如、陳意涵與簡嫚書的工作與愛情思維
+
+《她們創業的那些鳥事》不僅因林心如、陳意涵、簡嫚書三位女主角的亮眼表現而引起超高討論度，貼近職場各類面向的劇情更是讓人深刻感到共鳴！《她們創業的那些鳥事》由金鐘名編劇呂蒔媛改編自日本漫畫《女強人俱樂部》，劇情闡述三個個性相異的上班族女性，因故辭職創業，決定為人生、為愛情奮鬥一博。集結大量實力派演員的《她們創業的那些鳥事》真實地描繪都會生活的的堅強女性，也同時藉由個性鮮明的配角們，寫實地呈現我們在工作上會遇到的那些同事與主管。
+
+無論是從《她們創業的那些鳥事》第一集首播就立刻被吸引或是中途才加入追劇行列的你，都可以一起藉由《她們創業的那些鳥事》的各類職場人物看懂那些劇情沒有直接告訴我們的事！
+
+「男人、小孩、家庭，是毀滅女人工作最大根源。」
+
+總經理特助 → 創業家
+
+公冶小蔦是S.U.N集團總經理的特助，小至訂烤鴨、大至統籌公司活動都是小蔦的工作範疇。她個性果斷又有效率，立志要打敗爸爸成立的紫鳶集團！
+
+
+除了對夢想的堅定外，公冶小蔦也因早已看穿這個世界對女性的潛在遊戲規則，對於結婚、生小孩這些可能影響其人生目標的非必要事務，一概不感興趣。原本決定從此不談戀愛不回家，卻在創業的路上碰到動搖她價值觀的藝術家藺川想，因此陷入了人生的兩難。
+
+《她們創業的那些鳥事》角色分析 #2「夏芷」陳意涵 飾
+
+
+「我想要投資100萬開公司，但我只剩20萬.....。」
+
+設計師 → 創業家
+
+在S.U.N建設公司服務六年的夏芷，從小助理一路做到設計師，認真負責且任勞任怨，對公司有著一片丹心。愛情觀也跟工作上的處事態度一樣忠心耿耿，對出國多年的前男友念念不忘。
+
+在乎公平正義、為人耿直的夏芷，即使工作勤奮但也因不善做人而受到調職處置。失意的她偶然引起公冶小蔦的注意並進而發出創業邀請；在內心的各種掙扎交戰之下，夏芷帶著自有存款20萬與爸爸的愛，湊出了一筆創業基金，鼓起勇氣加入「Little Bird」。
+
+## 知性氣質→ 性感突破！簡嫚書《她們創業的那些鳥事》
+
+甜美可人，又擁有知性氣質的簡嫚書，其實是雲林人，大學就讀國立臺北藝術大學戲劇學系導演組，2010年以《那年，雨不停國》女學生林雨菁一腳踏入演藝圈，擔任演員的10年間，她難忘自己的導演夢，2020年即使已經結婚當媽為人母，依舊憑著努力考取北藝大電影創作學系碩士班導演組進修，兼任導演和編劇，此外簡嫚書也曾出版石垣島生活紀實攝影書《ishigaki小自由日》，身分多元豐富，正如同她的戲劇作品，簡嫚書每一個人生角色詮釋都有聲有色。
+
+簡嫚書曾自爆和老公雲昌隆第一次碰面是幫她剪頭髮，當時的簡嫚書就對小隆有好感，認識幾周之後她想辦法製造話題才終於交換LINE，兩人在日漸相處之後感情加溫，簡嫚書竟發訊息直球告白：「我好像喜歡你耶！」，小隆收到訊息後也秒回：「我好像也是耶！」，宛如偶像劇的劇情真的太甜！簡嫚書和小隆感情甜蜜育有兩個寶貝女兒，婚後的她在接戲時不避諱和前男友同台，《我們與惡的距離》爆紅的「應思聰」林哲熹是她的大學同學兼前男友，兩人先在電影《愛上卡夫卡》飾演彼此的前任，後於《她們創業的那些鳥事》互動共演，只能說女神簡嫚書對於感情很俐落爽脆，勇於主動出擊，也提得起、放得下，真的很讓人欽佩呢！
+
+ ## "她們創業的那些鳥事" 台灣女力大爆發
+
+ ![img](https://s.yimg.com/ny/api/res/1.2/9kFmJgJz85.iF9C5AaH8pA--/YXBwaWQ9aGlnaGxhbmRlcjt3PTEyMDA7aD02NzU-/https://media.zenfs.com/ko/cts.com.tw/77054ba9e46e93799650428e6216bfa4)] 
+
+台北市 / 林立庭 陳建達 報導
+
+2020年中小企業白皮書統計，台灣女性企業主家數占比超過36%，看見女性在台灣崛起，現在也拍成職場愛情劇，林心如、陳意涵、簡嫚書，主演的戲劇《她們創業的那些鳥事》，即將在華視播出，講述個性不同的三名女性，一起創業的酸甜苦辣過程，相當有趣。
+
+描述女性創業奮鬥史，電視劇《她們創業的那些鳥事》，敘述三位不同類型的女性，在職場奮鬥的人生故事，電視劇《她們創業的那些鳥事》片段說：「我倒要看看妳，妳在外面可以闖出什麼名堂。」林心如在劇中飾演富家千金，看似冷酷無情、做事果斷的背後，卻有著無法面對的家庭難題。
+
+電視劇《她們創業的那些鳥事》片段說：「妳打算一直在這個地方，等人回頭賞識妳。」陳意涵飾演的小職員，決心離職創業，追尋自己的夢想！電視劇《她們創業的那些鳥事》片段說：「全世界的人都不可以看不起妳。」簡嫚書飾演的店長，一心想找到真愛，卻總是在愛裡跌倒
+
+根據經濟部中小企業白皮書統計，台灣女性企業主家數占比超過36%，還在逐漸成長，戲中三個人個性不同卻又互補，一起創業成功的故事，是一大亮點，台灣女力出頭天。
+

content/news/3/1.md

@@ -0,0 +1,258 @@
+---
+title: "“ゼロゼロ融資”"
+date: 2023-01-26T21:34:45+08:00
+tags: ["ゼロゼロ融資"]
+categories: ["finance"]
+draft: false
+type: "post"
+url: "/blog/3"
+image: "https://www3.nhk.or.jp/lnews/niigata/20230124/1030024054_20230124071807_m.jpg"
+type: "post"
+---
+
+ ## ゼロゼロ融資の返済負担を減らす「コロナ借換保証」がスタート
+
+ ![img](https://www.dreamgate.gr.jp/wp-content/plugins/all-in-one-seo-pack/images/default-user-image.png)] 
+
+この記事はに専門家 によって監修されました。
+
+コロナ融資を受けた事業者のなかには「そろそろ返済が始まる」と不安に思う方も多いのではないでしょうか。
+
+急激なインフレ、それにともなう金利上昇、不安定な為替相場、供給リスク、ウクライナ紛争による影響など経済を取り巻く状況は以前より厳しさを増しています。このような中で返済を開始するのは事業者にとって大きな負担です。
+
+そこで、中小企業庁は2023年1月10日から「コロナ借換保証」を開始しました。コロナ禍の中小企業・個人事業主向け支援策である、実質無利子・無担保融資「ゼロゼロ融資」の返済負担を軽減する制度です。これを使えば実質的に最大5年間、コロナ融資の返済を遅らせることができます。
+
+この記事では、コロナ借換保証の概要や手続き方法、利用する事業者にどのようなメリットがあるのかを解説します。
+
+https://j-net21.smrj.go.jp/news/bg5m450000001bo2.html
+
+そもそもゼロゼロ融資とは
+
+ゼロゼロ融資とは、日本政策金融公庫や民間金融機関がコロナ禍で売上が減少した中小企業や個人事業主に対して実施した実質無利子、無担保の融資です。据置（返済猶予）最大5年、保証料半額またはゼロといった内容も含まれていました。
+
+単なる「無利子」ではなく「実質」がつくのは、事業者（借主）が一度利子を支払ってから事後に利子分を事業者に戻す形態のためです。
+
+民間金融機関の受付は21年3月末に、日本政策金融公庫の受付は22年9月末に終了しています。
+
+【無料で完成】事業計画書作成ツール
+
+累計８万人が利用！質問に答えるだけで「 事業計画書・数値計画書 」が完成
+
+
+
+
+
+日本政策金融公庫の 創業計画書 も作成でき、融資申請に利用できる。
+
+も作成でき、融資申請に利用できる。 業種別にあなたの事業計画の 安全率を判定
+
+ブラウザに一時保存可能。すべて無料！ 累計８万人が利用！質問に答えるだけで「」が完成 ⇒事業計画書作成ツール を無料で利用してみる ⇒事業計画書作成ツール を無料で利用してみる
+
+コロナ借換保証が創設された背景
+
+コロナ禍での中小企業・個人事業主支援策として、ゼロゼロ融資に引き続きコロナ借換保証が創設された背景には次の2つがあります。
+
+■コロナ借換保証が創設された背景
+
+ゼロゼロ融資の返済開始が近く集中するなど借り換え需要が高まる
+
+事業再構築など前向きな投資に対する新たな資金需要が高まる
+
+ゼロゼロ融資の返済開始が近く集中するなど借り換え需要が高まる
+
+ゼロゼロ融資は2020年3月から始まりました。据置期間（返済猶予期間）は最大5年ですが、政府は2023年7月～2024年4月に返済開始が集中すると見込んでいます。
+
+ゼロゼロ融資の貸付実績の総額は、受け付けを終えた2022年9月末までに42兆円にのぼります（＊1、2）。
+
+日本政策金融公庫が行ったコロナ禍関連融資の返済状況は、貸付実績16.5兆円に対し、貸付残高12.9兆円です（2022年9月末時点）。つまり、この時点で22％しか返済されていないことになります。
+
+これだけの規模の融資の返済が本格化すると、多くの事業者の資金繰りが悪化する恐れがあります。借り換えによりそのような事業者を支援するためにコロナ借換保証が創設されました。
+
+コロナ借換保証は、ゼロゼロ融資以外の保証つき融資からの借り換えにも対応します。
+
+＊1：https://www3.nhk.or.jp/news/html/20230109/k10013944541000.html
+
+＊2：https://www.asahi.com/articles/ASQB961K0Q9DULFA00S.html
+
+＊3：https://www.chusho.meti.go.jp/koukai/shingikai/kinyu/008/02.pdf
+
+事業再構築など前向きな投資に対する新たな資金需要が高まる
+
+コロナ借換保証は名称に「借換」とついていますが、新規に資金を必要としている事業者も利用できます。
+
+政府は、企業がコロナ禍をきっかけにして事業再構築を進めることを推奨しているので、そのための資金調達でもコロナ借換保証を使えるようにしました。
+
+コロナ借換保証を詳しく解説
+
+コロナ借換保証制度は、セーフティネット保証という枠組みのなかで行われる中小企業・個人事業主支援事業になります。
+
+保証限度額は1億円、保証料を大幅軽減
+
+コロナ借換保証の概要は以下のとおりです。
+
+■コロナ借換保証の概要
+
+要件 売上または利益率が5％以上減少など 保証限度額 １億円 保証期間 10年以内 据置期間 5年以内 金利 金融機関所定 保証料(事業者負担) 0.2％程度(補助前は0.85％程度) その他 ・100％保証の融資は、100％保証での借り換えが可能
+
+・経営行動計画書の作成
+
+・金融機関の継続的な伴走支援
+
+コロナ借換保証を利用できるのは、売上または利益率が5％以上減少している事業者です。その他にも要件があるので、次の「手続きの方法」のところで紹介します。
+
+保証限度額は1億円で、保証期間は10年以内、据置期間(※)は5年以内となっています。金利については、実際に融資をすることになる金融機関の所定のものが採用されます。
+
+特筆すべき点は保証料で、通常（補助前）は0.85％程度ですが、これを0.2％程度に設定します。保証料とは信用保証協会の信用保証制度を利用する対価のことです。
+
+ゼロゼロ融資では保証料が半額またはゼロになっていたので、「0.85％→0.2％」は、ゼロよりは厳しい内容ですが、半額よりははるかに有利な内容といえます。
+
+さらに、これまで100％保証の融資を受けていた場合、コロナ借換保証を使った借り換えでも引き続き100％保証が可能になります。100％保証とは、信用保証協会が融資額の全額を保証するものであり、金融機関は自身の貸し出しリスクが減るので融資しやすくなります。
+
+※据置期間とは
+
+据置（すえおき）期間とは、元金（借りたお金）の返済が発生せずに、利息のみの返済をする期間のことです。この制度では最大5年を設定できます。
+
+しかし注意点もあり、返済期間に据置期間が含まれるので、後に返済する金額が大きくなります。そのため安易に据置期間を設定せず、無理のない現実的な計画を検討しなければなりません。
+
+手続き方法
+
+コロナ借換保証を利用する際の手続きの方法を、ステップごとに紹介します。
+
+■ステップ1：事業者が経営行動計画書を作成して融資（借り換え）を申し込む
+
+事業者（借主）が金融機関に対し融資（借り換え）の申し込みをします。このとき経営行動計画書を作成して提出します。
+
+経営行動計画書には、自社の現状、財務、資金の使途、計画終了時の目標、アクションプラン、収支計画、返済計画、黒字化目標などを盛り込みます。
+
+■ステップ2：金融機関が与信審査を行う
+
+事業者から融資の申し込みを受けた金融機関は与信審査を行います。
+
+■ステップ3：市区町村がセーフティネット保証上の認定を行う
+
+コロナ借換保証はセーフティネット保証の枠組みのなかで行うので、市区町村の認定が必要になります。そこで金融機関が市区町村に対し、認定の申請を行います。
+
+■ステップ4：信用保証協会が保証審査を行う
+
+金融機関はさらに、信用保証協会に対し保証審査の依頼を行います。このとき事業者から受け取った経営行動計画書も提出します。
+
+■ステップ5：融資（借り換え）の実施
+
+金融機関、市区町村、信用保証協会の3者が承認すると、コロナ借換保証による融資が行われます。
+
+■ステップ6：金融機関が継続的な伴走支援を行う
+
+金融機関は借主（事業者）に対し、継続的な伴走支援を行います。
+
+継続的な伴走支援とは
+
+「継続的な伴走支援」とは文字通り、金融機関が融資後も事業者を支援していくことを意味します。
+
+言い換えると、金融機関が継続的に伴走支援できると見立てた事業者がコロナ借換保証を利用できる、となります。中小企業庁には伴走支援型特別保証という制度があり、これはコロナ借換保証と似た内容になっています。
+
+中小企業庁は伴走支援の必要性について「今後のコロナ禍の影響を正確に見通すことは非常に難しいため、中小企業の経営者が１人で悩むことなく、支援機関と相談をしながら経営改善の取組を進めることを後押しする必要がある」と述べています（＊4）。
+
+＊4：https://www.chusho.meti.go.jp/kinyu/2021/210325hosyo.html
+
+資金のご相談はドリームゲートへ
+
+コロナ借換保証の利用を検討している中小企業の経営者や個人事業主は、ぜひドリームゲートの資金調達アドバイザーにご相談ください。
+
+コロナ借換保証は、経営者の資金繰りの労苦を減らす効果が期待できますが、その申し込みは簡単ではなく、例えば経営行動計画書を作成するなどしなければなりません。
+
+無理のない経営行動計画書を作成し、事業を再生させるために専門家に相談してみませんか。初回のメール相談は無料です。
+
+ ## ゼロゼロ融資の借り換え保証、10日開始 支援を継続: 日本経済新聞
+
+ ![img](https://article-image-ix.nikkei.com/https%3A%2F%2Fimgix-proxy.n8s.jp%2FDSXZQO2841218009012023000000-1.jpg?ixlib=js-2.3.2&auto=format%2Ccompress&ch=Width%2CDPR&q=45&fit=crop&bg=FFFFFF&w=1200&h=630&fp-x=0.5&fp-y=0.5&fp-z=1&crop=focalpoint&s=38a26d6bc346de7600caf792305f19d1)] 
+
+企業での記事共有や会議資料への転載・複製、注文印刷などをご希望の方は、リンク先をご覧ください。
+
+中小企業庁は新型コロナウイルス対策として実施した実質無利子・無担保融資（ゼロゼロ融資）の返済負担を軽減するための借り換え保証制度を10日から始める。返済が本格化する企業が今後増えるため、資金繰り支援を継続する。
+
+条件として売上高が前年比で5%以上減少していることや、経営の改善に向けた具体的な取り組みを示す計画書の作成などを条件とする。保証限度額は1億円で、期間は10年以内とする。元本の返済を猶予する期間は5年以内とした。新たな事業に取り組むといった事業再構築に向けた資金需要にも対応する。
+
+ゼロゼロ融資はコロナ禍で売り上げが減少した中小企業を支援するため2020年3月に始まった。融資総額は22年9月末時点で計約43兆円にのぼり、23年に返済開始の山場を迎える。
+
+ ## 新型コロナ「ゼロゼロ融資」 新借り換え保証制度 あすから開始 | NHK
+
+ ![img](https://www3.nhk.or.jp/news/html/20230109/K10013944541_2301082005_0109112415_01_02.jpg)] 
+
+新型コロナウイルスの影響を受けた中小企業が実質無利子・無担保で融資を受けるいわゆる「ゼロゼロ融資」の返済が本格化するのを前に、経済産業省は新たな借り換えを保証する制度を10日から始めることにしています。
+
+コロナ禍で売り上げが減少した企業の資金繰りを支援する実質無利子・無担保の「ゼロゼロ融資」は、2020年3月から始まり、これまでの融資総額は42兆円に上っています。
+
+
+
+民間の銀行や信用金庫などから3年間、融資を受けている企業の返済がことし7月以降、本格化することから、経済産業省では企業の新たな借り換えを保証する制度を10日から始め、資金繰りへの支援を継続させる方針です。
+
+
+
+ただ、ゼロゼロ融資をめぐっては、収益が改善する見通しが立っていない企業も融資を受けられたことから、安易な借り入れで過剰債務になりかねないと指摘されてきました。
+
+
+
+こうした中、新しい制度では、売り上げが前の年より5％以上減少していることに加え、収益力の強化に向けた計画書の作成などが保証の条件となっています。
+
+
+
+そのうえで、中小企業に対して、1億円を上限に国が10年間実質的に融資の保証を行うほか、新規事業への投資など新たな資金需要への保証も行うとしています。
+
+ ## コロナ借換保証とは ゼロゼロ融資から返済負担軽減へ 保証限度額1億円
+
+ ![img](https://p.potaufeu.asahi.com/36e4-p/picture/27328475/3f92a10c6f997ae683f6b6520a082161.png)] 
+
+コロナ借換保証とは、新型コロナの影響で債務が増大した中小企業者の収益力改善などを支援するための借り換え需要に加え、新たな資金需要にも対応する制度です。経済産業省は、一定の要件を満たした中小企業者が向けに借入時の信用保証料を大幅に引き下げるコロナ借換保証を１月10日から開始します。金利や保証料などの条件を整理しました。
+
+ゼロゼロ融資とは
+
+実質無利子・無担保融資（ゼロゼロ融資）とは、新型コロナの影響で売り上げが減った中小企業や個人事業者に、利子補給の制度を使い、実質、無利子・無担保で融資する制度のことです。
+
+2020年に始まり、民間金融機関は2021年3月、政府系金融機関は2022年9月で受け付けを終了しました。
+
+しかし、コロナの影響の長期化や物価高など、多くの中小企業が引き続き厳しい状況が続いていることから2022年10月28日に閣議決定された「物価高克服・経済再生実現のための総合経済対策」で、借り換え保証制度を新たにつくることが明らかになりました。
+
+コロナ借換保証とは
+
+コロナ借換保証とは、一定の要件を満たした中小企業者が、金融機関と対話しつつ「経営行動計画書」を作成したうえで、金融機関による継続的な伴走支援を受けることを条件に、借入時の信用保証料を大幅に引き下げる制度です。
+
+コロナ禍で始まった伴走支援型特別保証制度を活用して創設されました。
+
+保証限度額 1億円（100％保証融資は100％保証で借り換え可） 保証期間 10年以内 据置期間 5年以内 金利 金融機関所定 保証料(事業者負担) 0.2％等(補助前は0.85％等) 要件 売上または利益率が5％以上減少・もしくはセーフティネット4号または5号の認定取得が要件
+
+要件の詳細は以下の通りです。
+
+セーフティネット4号の認定（売上高が20％以上減少していること。最近1ヵ月間の実績とその後2ヶ月間の見込みと前年同期の比較） セーフティネット5号の認定（指定業種であり、売上高が5％以上減少していること。最近3ヵ月間の実績と前年同期の比較）
+
+※1.2.について、コロナの影響を受けた事業者は、前年同期ではなくコロナの影響を受ける前との比較でも可 売上高が5％以上減少していること（最近1ヵ月間実績と前年同月の比較） 売上高総利益率／営業利益率が5％以上減少していること（3.の方法による比較に加え、直近2年分の決算書比較でも可）
+
+コロナ借換保証、いつから？
+
+コロナ借換保証は2023年1月10日から開始します。
+
+コロナ借換保証の手続きの流れ
+
+コロナ借換保証は、中小企業、金融機関、市区町村、保証協会間で手続きを進めます。
+
+中小企業が融資申込／経営行動計画書を作成する 金融機関が与信審査・書類準備をする 金融機関が区町村に、セーフティネット保証の認定申請する 金融機関が保証協会に、保証審査の依頼・経営行動計画書を提出する 金融機関が中小企業に融資する 金融機関が継続的な伴走支援をする
+
+経営行動計画書 現状認識と今後のアクションプランを記入
+
+経営行動計画書は、金融機関との対話を通して、現状認識及び今後のアクションプランをつくるものです。さらに、今後に向けても金融機関との対話を継続し、アクションプランに取り組み、進捗の報告をすることが求められます。
+
+ ## ゼロゼロ融資の返済見通し懸念、猶予の企業も 東京商工リサーチ調べ：朝日新聞デジタル
+
+ ![img](https://www.asahicom.jp/images/logo_ogp.png)] 
+
+[PR]
+
+【山口】新型コロナウイルス対策で政府が実施し、昨秋受け付けが終わった実質無利子・無担保の「ゼロゼロ融資」について、東京商工リサーチのアンケートで、回答した県内企業37社の約半分の18社が融資を利用したと答えた一方、うち4社が返済見通しに何らかの問題があるとしていた。
+
+「ゼロゼロ融資」は、コロナで売り上げが減った中小企業を対象に、金融機関が担保なしでお金を貸し出す制度。利子を3年間、国や県などが負担し、返済できない場合の保証もつく。2020年3月に始まり、民間金融機関の新規受け付けは21年3月で、政府系も昨年9月で終えた。
+
+東京商工リサーチは昨年12月にインターネットによるアンケートを実施。有効回答中、県内企業は37社で、下関支店によると、ゼロゼロ融資の利用をめぐり、37社中18社が「利用した」、19社が「利用していない」と回答した。
+
+「利用した」18社中、返済見通しについて資本金1億円以上の2社が「問題ない」と回答。1億円未満の16社は「問題ない」が12社だったが、2社が「少し懸念がある」、「非常に懸念がある」「返済猶予を受けている」が1社ずつあった。
+
+同支店は、昨年3月には「中小企業の事業再生等に関するガイドライン」が公表され私的整理の法制化の議論が活発なものの、返済見通しに問題がある企業に配慮しなければ「予期せぬ法的整理の急増を招きかねない」と指摘している。（大室一也）
+

content/news/4/1.md

@@ -0,0 +1,150 @@
+---
+title: "新竹都城隍廟 賽花燈"
+date: 2023-01-26T12:56:29+08:00
+draft: false
+display: true
+tags: ["城隍廟"]
+categories: ["religion"]
+description: "-"
+url: "/blog/4"
+image: "https://media.zenfs.com/zh-tw/chinatimes.com.tw/1bba9ff3ba5a0151cf060fc134f75a6b"
+type: "focus"
+---
+
+ ## 新竹慶元宵 都城隍廟賽花燈2月5日登場
+
+ ![img](https://media.zenfs.com/zh-tw/chinatimes.com.tw/1bba9ff3ba5a0151cf060fc134f75a6b)] 
+
+新竹市年後盛事「新竹都城隍廟壬寅年賽花燈慶元宵」燈會活動，將於2月5日元宵節登場。（本報資料照片）
+
+新竹市年後盛事「新竹都城隍廟癸卯年賽花燈慶元宵」燈會活動，將於2月5日元宵節下午1時登場，今年是疫情以來國人首次恢復正常生活的燈會，為期半個多月的新竹都城隍廟賽花燈活動，將帶動年後的另一波旅遊人潮。
+
+新竹都城隍廟總幹事鄭耕亞表示，新竹都城隍廟創建於西元1748年，至今已逾275年，廟方每年辦理許多廟會文化活動，其中元宵迎花燈更是北台灣盛大的民俗活動。
+
+鄭耕亞說，1932年時任管理人鄭肇基提議於每年農曆正月十五日到二月初二舉行花燈活動，至今已有90多年歷史，凡連得3年優勝作品者，可獲廟方頒發縮小版的光緒御賜「金門保障」牌匾。
+
+新竹都城隍廟賽花燈活動，往年都有近300件作品參賽，除傳統常勝軍的社會組新竹監獄外，全市各國中小與高中也都共襄盛舉。而今年最應景的金兔、銀兔、玉兔、「鴻兔」造型花燈，相信是選手們創意設計首選，廟方近日已開始收件，競賽結果將在元宵節當天公布。
+
+參賽各式花燈作品不論是否得獎，都將在廟內的公爺殿、夫人殿、彌勒佛殿、明正樓2、3樓及法蓮寺等會場展出，民眾可在元宵節下午點燈後前往欣賞。
+
+由於新竹監獄製作的花燈品質、創新有口皆碑，身兼竹蓮寺主委的市議會議長許修睿，肯定竹監花燈技藝，並希望增加收容人利用技藝獲取作業金機會，今年循例向竹監訂製新年花燈放在竹蓮寺門口增添過年氣氛。
+
+竹監典獄長曾文欽指出，兔年造型花燈由收容人設計繪圖，充滿繽紛色彩，有別於傳統新年花燈，富有現代感的活潑設計，歡迎遊客至竹蓮寺參香祈福時，順道參觀收容人製作的花燈。
+
+◤國境開放 出遊好物買起來◢
+
+好久沒出國 行李箱免千元這裡買
+
+推薦行李收納袋 裝下更多戰利品
+
+gopro限時下殺 網友推旅行必備
+
+王品集團＆饗食天堂＆漢來海港 餐券限時下殺
+
+Yahoo奇摩App好康加碼！點此賺回饋
+
+ ## 新竹都城隍廟 光緒帝御賜匾額 (圖)
+
+ ![img](https://media.zenfs.com/en/cna.com.tw/3d2939620439595fad219f4cb3f6bf4d)] 
+
+鏡週刊Mirror Media · 7 小時前
+
+小孟老師抽到塔羅牌「寶劍VI」逆位，顯示「夫妻倆在2023年有負面情緒、爭執紛爭，Makiyo情緒上來，覺得自己付出很多，感情易失和、有危機，但不會到結束。」小孟老師提醒要小心2025年，男方犯桃花，會有愛慕者接近。瞎咪？敢有其他女人？不要跑！（踹過小黃司機的無影腿預備）
+
+ ## 行程公開！高虹安發開運紅包 今晚除夕夜將現身都城隍廟
+
+ ![img](https://s.yimg.com/cv/apiv2/social/images/yahoo_default_logo-1200x1200.png)] 
+
+新竹市長高虹安春節期間將展開一系列寺廟祈福活動，昨晚小年夜首先到天公壇發紅包，今晚除夕夜同樣要陪市民過，將從晚上10點起，一連拜訪長和宮、新竹都城隍廟、新竹內天后宮及竹蓮寺，發開運小紅包與市民拜年。
+
+高虹安表示，新竹市是一座文化古城，廟宇乘載了新竹的歷史與文化，春節期間非常歡迎市民及外地來的朋友，到廟裡走春祈福，感受喜氣的年味，她也祝福大家「新春開運，鴻兔大展」。
+
+市府民政處指出，市府癸卯年春節寺廟開正祈福活動，規畫於小年夜及除夕晚間、大年初一早上展開各廟宇祈福參香，拜訪新竹市區14間廟宇參香祈福，因數量有限，歡迎有興趣的民眾前往索取開運小紅包。
+
+高虹安除夕夜發放開運小紅包行程，晚上10點20分長和宮、晚上11點新竹都城隍廟、11點40分新竹內天后宮、22日0時10分竹蓮寺。
+
+初一上午9點30分在東寧宮、9點55分關帝廟、10點40分宏宗聖堂道學院、11點10分普天宮、11點45分埔頂慈雲庵、12點15分開臺金山寺、下午2點富美宮、2點40分香山天后宮、3點10分香山財神廟、4點30分年貨大街；初五下午2點在動物園、3點30分波光市集、4點30分遠東巨城百貨。
+
+昨晚小年夜，高虹安到天公壇參拜，祈求保佑新竹市國泰民安、風調雨順，也保佑市民身體健康、幸福；她說，走春行程的第一天，很高興可以將滿滿的祝福，親手傳遞給市民朋友，將財運與喜氣傳遞給每位市民朋友，為市民增添喜氣。
+
+【看原文連結】
+
+更多udn報導
+
+刮刮樂怎挑？資深玩家曝「選號邏輯」：是有技巧的
+
+2023春節紅包行情表曝光！11禁忌犯了小心觸衰
+
+H奶辣模控百萬YouTuber摸私密處 嗆聲：等著吃官司
+
+還在笑宋慧喬老化？「動態截圖」輕鬆打臉酸民
+
+ ## 寺廟走春求好運！新竹市6大特色廟宇推薦
+
+ ![img](https://s.yimg.com/ny/api/res/1.2/PCmIXpdu2LxnCMZdxgxn9Q--/YXBwaWQ9aGlnaGxhbmRlcjt3PTEyMDA7aD04MDA-/https://media.zenfs.com/ko/newtalk.tw/b872f09f6751c555a7598533bf94969d)] 
+
+新竹都城隍廟。 圖：新竹市民政處／提供
+
+[Newtalk新聞]
+
+今天就是小年夜，不少人都會趁著過年時間去寺廟走春祈福，新竹市政府也公布了新竹市6大特色廟宇，包含新竹都城隍廟、天公壇、竹蓮寺、長和宮、關帝廟、普天宮等，讓旅客於春節假期體驗新竹市不同面貌，駐足欣賞寺廟的歷史藝術文化，體驗寺廟特有歷史文化及建築。
+
+1. 新竹都城隍廟
+
+新竹都城隍廟是新竹市最具代表性的寺廟之一，為目前台灣位階最高的城隍爺，悠久的歷史正是新竹市發展的縮影，更是大新竹地區居民的信仰中心之一，終年香客、參拜者絡繹不絕。
+
+廟裡每年最重要的節慶就是農曆七月的中元城隍祭，其中「開虎門」最具代表性，接續是象徵消災解厄的夯枷儀式，大、二公子出巡的查夜暗訪以及最為熱鬧的奉旨賑孤活動，是每年新竹的宗教盛事。
+
+2. 新竹天公壇
+
+新竹天公壇原名金闕殿，創建於乾隆年間，主祀玉皇大帝，在客雅溪畔高聳入雲際，有著25.16公尺高的石雕九龍柱，為天公壇最具特色的地標。傳統習俗小年夜就是拜天公的重要日子，信眾紛紛於這天祈求風調雨順、國泰民安。
+
+3. 新竹竹蓮寺
+
+新竹竹蓮寺，俗稱「新竹觀音亭」主祀觀世音菩薩，在寺內保存許多清代古物，尤以正殿三尊泥塑金身觀音媽最為珍貴，還有全台罕見有雙龍護邊裝飾的「大海慈雲」御賜金匾，另外在每年的農曆七月初七，七娘媽聖誕，將會為年滿十六歲的青少年舉辦盛大的成年禮儀式，為北台灣唯一做十六的廟宇，每年均吸引近千人參加。
+
+4. 新竹長和宮
+
+新竹長和宮位在北門街上，於乾隆7年（1742年）興建於竹塹北門城外，故俗稱外媽祖，當時竹塹地區台閩貿易多利用竹塹港通航，為求神明護佑，由船商所組之水郊會，至湄洲媽祖廟恭請媽祖金身護航，相傳在宋太宗雍熙4年（987年）媽祖仙逝後，所遺留之頭髮，分成三份製成三尊軟身神像，長和宮正殿主祀的湄洲媽祖廟三媽軟身神像，其髮髻就是來自媽祖遺世真體，彌足珍貴。
+
+5. 新竹關帝廟
+
+新竹關帝廟位於南門街，創建於乾隆41年，主祀關聖帝君，為官方所興建的武廟，沒有過多的彩飾，低調又莊嚴，充分顯現出官方所建武廟的色彩，廟門是以108個門釘型態呈現，在正殿兩側牆上嵌有乾隆42年所立萬世流芳碑及鼎建關帝廟碑記，極具有歷史價值。
+
+6. 新竹普天宮
+
+新竹普天宮位於新竹市古奇峰，關聖帝君又為武財神，鄰近科學園區的科技人多來膜拜求財，除關聖帝君外，最為著名為月老星君，虔誠前來求姻緣者，都能有好結果。廟前高達120尺的關公塑像，為顯著地標，今年廟方更因應兔年，在廟前以「旺來平安」設計可愛吉祥物，吸引遊客前來拍照參觀。
+
+新竹市民政處表示，新竹市本身有許多迷人之處，有著深厚多元的文化底蘊，市中心的舊城區周邊更是有多處古蹟與歷史建築，如「新竹州廳」、「新竹州圖書館」、「新竹市美術館」、「影像博物館」等古蹟密度之高，是許多古蹟迷必訪之處，遊客除了可以發掘古蹟之美、廟宇祈福，還可以至城隍廟周邊品嘗傳統美食、東門市場品嘗充滿異國風味與巷弄間特色美食，享受一趟美食之旅。
+
+更多Newtalk新聞報導
+
+(影) 一路家家哭 ! 超悲慘 四川網友春節返鄉 只見沿路都在辦喪事
+
+如果俄羅斯在烏克蘭戰敗「將引爆核戰爭」 普丁心腹警告北約
+
+這樣也敢叫新聞? 中美首都降雪 央視 :「中國雪是正能量 美國雪是負能量」
+
+新竹天公壇。 圖：新竹市民政處／提供
+
+新竹普天宮。 圖：新竹市民政處／提供
+
+新竹竹蓮寺。 圖：新竹市民政處／提供
+
+新竹長和宮。 圖：新竹市民政處／提供
+
+ ## 119消防節竹市循傳統捐血 齊赴城隍廟上香祈福
+
+ ![img](https://media.zenfs.com/zh-tw/bcc.com.tw/8b0766ccfa1ce02f01a29695037cd70d)] 
+
+竹市消防局消防節，傳統警義消齊赴都城隍廟上香祈福。（圖：市府提供）
+
+慶祝119消防節，新竹市消防局和義消總隊循傳統，辦理捐血活動之外，也專程前往新竹都城隍廟循古禮進行祈福儀式，祈求風調雨順、國泰民安、無災無害，保佑消防、義消人員執勤平安。
+
+傳承19年消防節捐血活動，竹市義消總隊長挽袖帶頭捐血。（圖：市府提供）
+
+新竹市長高虹安表示，新竹市119消防節舉辦捐血活動，自民國94年開辦迄今，已邁入第19年，累計捐出超過9100袋熱血，挹注桃竹地區供血需求，具實質效益，也感謝各位消防、義消同仁挽袖挺身捐血獻上愛心。而這項捐血傳統，已成為新竹市消防局特有的公益傳統儀式。
+
+義消總隊長余邦彥指出，119消防節，所有消防、義消同仁都是在為城市默默付出的英雄，每年消防節捐出熱血袋數屢破新高，今年剛好在春節前夕，感謝所有消防、義消兄弟熱情參與公益活動，也感謝高虹安市長特別安排慰勞行程，代表義消聯和總會郭台銘總顧問發放新春紅包，在寒冬細雨中一一發放，讓同仁們內心感到格外溫暖。
+
+新竹市消防局長李世恭也說明，119消防節除了捐血的傳統之外，中午1點19分也會前往新竹地區民眾精神信仰中心的都城隍廟上香祈福，祈求都城隍爺能保佑新竹市平安順利，警義消同仁救災執勤平安。 （彭清仁報導）

content/news/5/1.md

@@ -0,0 +1,70 @@
+---
+title: "房屋契稅怎麼算?"
+date: 2023-01-30T00:56:29+08:00
+draft: false
+display: true
+tags: ["契稅"]
+categories: ["房仲"]
+description: "-"
+url: "/blog/house-contract-tax"
+image: "https://images.chinatimes.com/newsphoto/2023-01-31/1024/20230131004099.jpg"
+type: "focus"
+---
+
+## 不動產交易 別忘報契稅
+
+新北市政府稅捐稽徵處表示， 依《契稅》條例規定，不動產的買賣、承典、交換、贈與、分割或因占有而取得所有權，均要申報繳納契稅；而依《強制執行法》所為的拍賣，也是買賣的一種，民眾如果向法院標購法拍屋，要如期向稽徵機關申報契稅後，才能辦理過戶。
+
+如果民眾未依規定申報繳納契稅，而自行辦理產權變更登記，導致有匿報或短報應納契稅，經主管稽徵機關查明屬實，除了要補徵應納稅額外，還要按應納稅額處以一倍以上三倍以下的罰鍰。
+
+稅捐稽徵處說明，買賣契稅的核算，是以申報時當地不動產評價委員會，評定的標準價格按6%稅率核算課徵，但向法院標購的房屋，如標購價格低於評定標準價格時，則按較低的實際標購價格，核算課徵契稅。
+
+
+
+徐先生來電詢問，和哥哥各自持有房屋一間，想要將兩間房屋互相交換，契稅要如何課徵呢?
+
+桃園市政府地方稅務局表示，如兩間房屋互相交換移轉，則可訂立交換建物契約，契稅的稅率為契價的2％，若等值交換，雙方按交換契稅稅率2%核課，差價部分則視有無給付價差，另以買賣或贈與契稅稅率6％課徵。至於契價即為「評定標準價格」，是指「房屋稅應稅現值+免稅現值-免稅騎樓現值」。
+
+稅務局進一步說明，假設甲與乙各持有房屋一間，評定標準價格分別為150萬元、200萬元，倘兩間房屋互相交換，甲支付差額50萬元現金予乙，則雙方於辦理「交換」契稅申報時，甲應繳納之契稅為6萬元（150萬×2% +50萬×6%）；乙應繳納之契稅為3萬元（150萬×2%）。
+
+該局提醒，納稅義務人應於房屋移轉(如買賣、贈與、承典、交換及分割等)契約成立之日起30日內，填寫契稅申報書表，檢附公定格式契約書及有關文件，向建物所在地稽徵機關申報契稅，逾期申報，將依規定加徵怠報金。如您有任何疑問或不明瞭之處，請利用該局服務電話，將有專人竭誠為您服務。
+
+總局：(03)332-6181分機2752至2757、2762至2767
+
+中壢分局：(03)451-5111分機202至218
+
+大溪分局：(03)380-0072分機111至114、121至122
+
+楊梅分局：(03)478-1974分機102至109
+
+蘆竹分局：(03)352-8671分機122至128
+
+
+## 房屋移轉申報契稅可以電話查詢現值嗎？
+
+李小姐來電詢問，因辦理房屋移轉申報契稅，是否可以電話查詢房屋現值。
+ 
+桃園市政府地方稅務局表示，依據稅捐稽徵法第33條規定，房屋現值為應保密之課稅資料，無法以電話提供查詢服務，須由納稅義務人本人或其繼承人，或納稅義務人授權之代理人方可查詢。
+ 
+該局進一步說明，查詢房屋現值除了一般臨櫃申辦、地方稅網路申報作業系統或財政部稅務入口網外；納稅義務人本人只要準備身分證，於上班時間透過本局官網連線「視訊客服」(網址 https://reurl.cc/58xY2n)填寫相關資料、上傳身分證及驗證電子信箱，可免憑證申辦房屋稅籍證明，該證明即載有房屋現值資料，流程只需5分鐘，快速又方便，歡迎大家多多利用！另外，亦可透過24小時服務「e觸即發稅務通」(網址 https://reurl.cc/qZRQOq)，以自然人憑證、行動自然人憑證或已註冊的健保卡線上申辦。
+
+
+## 房屋買賣不成，應撤銷契稅申報
+
+彰化縣地方稅務局表示，房屋買賣時，依規定應於契約成立之日起30日內，向當地主管稽徵機關申報契稅，事後如因故無法履行契約時，也請記得依規定辦理撤銷契稅申報。
+
+該局進一步說明，已辦建物所有權登記之房屋移轉，在未辦妥產權移轉登記前，或未辦建物所有權第一次登記之房屋，如經查明未實質移轉產權前，雙方合意解除買賣契約，買賣雙方記得共同向主管稽徵機關辦理撤銷契稅申報並退還已繳納之契稅。
+
+如有疑問，請洽該局免費服務專線0800-47-6969洽詢。
+
+## 標購法拍屋須如期申報契稅，以免加徵怠報金
+
+契稅條例規定，不動產買賣、承典、交換、贈與、分割或因占有而取得所有權，均應申報繳納契稅。而依強制執行法進行的拍賣，也是屬於買賣，當民眾向法院標購法拍屋時，請如期向當地稅捐稽徵機關申報契稅，以免逾期加徵怠報金。
+
+臺中市政府地方稅務局表示，買賣契稅的核算，係以申報時當地不動產評價委員會評定的標準價格按6%稅率核算課徵，但是向法院標購的房屋，則為標購價格及評定標準價格取低，核算課徵契稅。
+
+該局進一步提醒，請民眾記得於法院核發的權利移轉證明書的30日內申報契稅。未依規定期限申報者，每超過3天，會加徵應納稅額1%的怠報金，最高以應納稅額為限，但不得超過新台幣15,000元，請留意申報期限。
+
+如有任何問題，歡迎撥打0800-000321免付費電話或04-22585000按1接全智慧客服中心，將有專人為您服務。
+		
+		

content/news/6/1.md

@@ -0,0 +1,50 @@
+---
+title: "地價稅繳納時間"
+date: 2023-01-30T01:56:29+08:00
+draft: false
+display: true
+tags: ["地價稅"]
+categories: ["房仲"]
+description: "-"
+url: "/blog/house-price-tax"
+image: "https://images.chinatimes.com/newsphoto/2023-01-31/1024/20230131004099.jpg"
+type: "focus"
+---
+
+## 地價稅課稅 留意三時間點
+
+下半年為地價稅各項時程，財政部賦稅署指出，我國地價稅有三個重要時間點，包括課稅基準日8月31日、9月22日前可提出申請適用自用住宅用地優惠地價稅率，以及地價稅繳稅期限11月30日。
+
+依土地稅法規定，地價稅課稅基準日為每年8月31日，也就是說8月31日當天土地登記簿上所記載的土地所有權人，為當年度地價稅課稅對象。
+
+若在8月30日以前（含8月30日）購買房屋且完成土地所有權移轉登記，新的土地所有權人持有土地雖然未滿一年，仍應繳納全年地價稅。反過來說，若在8月31日以後（含8月31日）才辦妥土地所有權移轉登記者，地價稅就由原本的所有權人繳納，通常物件屋主都會希望盡量在8月底前完成交易，以免遭課地價稅。
+
+另名下土地為自用住宅用地符合財政部標準，包括都市土地面積未超過3公畝、非都市土地面積未超過7公畝，個人、配偶或直系親屬設有戶籍且未出租或營業等，可向稅局申請適用地價稅優惠稅率千分之2，相較一般用地地價稅率（千分之10～55）明顯減輕。但土地為共有情況時，各筆土地所有權人都必須提出申請，才能適用地價稅優惠稅率。
+
+若尚未申請適用自宅的地價稅優惠，須在9月22日前提出申請，前一年已適用者免重複申請。而部分民眾利用自宅從事家庭理髮、美容、洋裁、花藝等副業，地方稅務局表示，該類副業不用辦理營業登記，即使有營業行為，該營業處所仍可視為自用住宅，按自用住宅優惠稅率課徵地價稅。
+
+今年地價稅於11月1日開徵，繳稅期限為11月30日。官員提醒，若逾期超過三日才繳稅，民眾將被加徵滯納金，每三日加徵1％，最高將加徵10％，若超過12月30日滯納金期限將移送強制執行。
+
+## 111年地價稅將於11月1日開徵 多元繳稅方式真方便
+
+今(111)年地價稅將於11月1日開徵，繳款書已陸續寄發，繳納期限至11月30日止。民眾如在11月初仍未收到繳款書或遺失繳款書，可以透過該處「稅務視訊服務雲平台」或以電話、傳真、網路等方式向該處所屬分處申請補發。
+
+該處說明，地價稅以每年8月31日土地登記簿所載的所有權人為該年度納稅義務人，並以納稅義務人在同一縣市的地價總額計算應納地價稅。因今年適逢公告地價調整，如個人應納地價稅額較109年公告地價調整增加1萬5,000元以上，可於繳納期間屆滿前，就增加的稅額向該處申請延期或分期繳納；如因受嚴重特殊傳染性肺炎疫情影響，無法在繳納期間繳清稅款者，也可向該處申請延期或分期繳稅，最長可延長12個月或分36期。
+
+為方便民眾繳納稅款，該處已提供多元繳稅管道，除可持繳款書至金融機構(郵局除外)、便利商店(限3萬元以下)臨櫃繳納外，亦可掃描繳款書上QR-Code，以信用卡、活期儲蓄存款、晶片金融卡繳稅，或至地方稅網路申報作業網站線上查繳稅；亦可下載支援臺北市智慧支付平台(pay.taipei)繳稅業者APP，掃描繳款書上三段式條碼，線上繳稅。各項繳稅方式可參考繳款書上的繳稅說明或至該處網站納稅資訊/繳稅與退稅項下查詢。
+
+該處特別提醒，111年地價稅繳納期限至111年11月30日止。若逾期繳納，每逾3日將按滯納數額加徵1%滯納金，最高至10%，請記得如期繳納。
+
+民眾如果還有其他地價稅疑問，可就近向該處所屬分處洽詢，亦可撥打0800-000321免付費電話或該處服務電話02-23949211轉分機181、182有專人為您服務及解答。
+
+
+## 中市地稅局推「視訊發證補單e指通 」 1分鐘取件
+
+便民服務再升級！臺中市政府地方稅務局推出「視訊發證補單e指通」服務，市民只要利用電腦或手機連結官網，就可輕鬆藉由視訊通話確認身分，1分鐘內取得補發繳款書、繳納證明等8項民眾常申辦之電子稅務文件，歡迎民眾多加利用。
+
+地稅局長沈政安表示，為提供民眾不需出門、不用憑證，就能快速取得電子稅務文件，該局109年就全國首創，凡房屋、土地或車輛所有權人可透過LINE或Skype視訊功能補發房屋稅、地價稅繳納證明，及在開徵期間補發使用牌照稅、房屋稅、地價稅當期繳款書。為提升服務量能，提供没有下載即時通訊軟體的民眾也能享受便捷服務，今年再推出只要連結該局網站即可快速申辦，並新增房屋稅、地價稅課稅明細表、房屋稅稅籍證明及全年度補發使用牌照稅、房屋稅、地價稅未送達繳款書，讓民眾處理稅務更便利。
+
+地稅局說明，該局服務人員於視訊過程中會全程錄音錄影，確認民眾身分後，系統會發送驗證信至民眾電子郵件信箱，經民眾確認後，1分鐘內將可收到申請的稅務文件。「視訊發證補單e指通」服務時間為上班日上午8時至12時；下午1時至5時，有需要的民眾，請於服務時間多加利用。
+
+地稅局提醒，如有任何問題，歡迎撥打0800-000321免費電話或04-22585000按1接全智慧客服中心洽詢，將有專人為您服務。
+	

content/news/7/1.md

@@ -0,0 +1,90 @@
+---
+title: "佛珠斷了會怎樣?"
+date: 2023-01-30T02:00:29+08:00
+draft: false
+display: true
+tags: ["佛珠"]
+categories: ["religion"]
+description: "-"
+url: "/blog/broken-prayer-beads"
+image: "http://www.fodizi.tw/uploadfile/201512/22/238266266.jpg"
+type: "focus"
+---
+
+## 佛珠斷 這些小物能幫你擋災！
+
+
+## 手串斷掉會有厄運？
+
+所有喜歡文玩手串的，尤其是天天佩戴的朋友都會遇到手串斷掉的事情。有人說，這是不好的預兆。有些人嚇得趕緊去廟裡又是燒香又是拜佛的。事情果真是這樣嗎？有網友說，日前和朋友聊天，朋友說起他白天的經歷，下午上班時，毫無徵兆的佛珠自己就斷了，散落一地，好不容易才找齊了。一下午的心情都不是很好。有好事的同事還神秘兮兮的說：你這不是遇到什麼事兒了吧？是不是得去廟裡一趟？這番話弄得他也很害怕。
+
+
+聽完朋友的講述，網友笑笑回說：你這串佛珠雖然開過光，可它依然只是串佛珠啊！你天天戴著，就算你的串繩材質再好，也會因為沾水、氣溫濕度變化、意外拉扯等各種原因老化。斷裂是很自然正常的事，所以不要佛珠一斷就往不好的事情上想。一輩子不斷那才怪！
+
+朋友喝口茶說：說的也是，不過......
+
+網友說：「不過你這唯心的傢伙，心裡還是犯嘀咕是吧。就從唯心的角度來講，佛珠斷了也是好事。因為佛珠是為你擋了一劫。可能發生在你身上的事沒有發生難道不是好事嗎？」。
+
+覺真法師曾經在書中說，民間有些迷信的說法，是說佛珠繩斷了是給自己檔災了，或預言不好的事發生。其實佛家並沒有這麼一說，那都是迷信的說法而已。
+
+了幻法師有言：花開花落，自然現象，花開不謝，是沒有的，此乃無常，佛珠斷了，亦複如是。如若占卜，或有暗示，但那又如何？心是主人，面對無常，不動不搖。
+
+朋友說了幻法師說的也太高深了，仁爵法師的話夠直白通俗。「 佛珠線斷了沒有什麼寓意，不用那麼緊張，換一根新線就好。世間什麼都是無常的，哪裡有不壞的東西，不死的人呢？開開心心過每一天吧，祝福你！」
+
+「所以說，繩子用久必然斷，再正常不過的事情了。繩子斷了，去買根新繩子穿好不就行了，想那麼多幹嘛。」一盞香茶入吼，我慢悠悠道。
+
+有個小竅門，用蠟燭或打火機的微火在繩子上來回磨幾下，然後再穿珠子，這樣就不怕珠孔不光滑容易磨斷繩子了。
+
+
+*   玉鐲
+
+大家都知道戴玉好處多多，根據化學分析，玉含有多種對人體有益的微量元素，像是鋅、鎂、鐵、銅、硒、鉻、錳、鈷等……佩戴玉製首飾人體可吸收這些微量元素，活化細胞促進人體免疫系統。
+
+另外，真正好的玉可能已經埋在土裡幾百年、幾千年甚至上萬年，古人認為玉石吸收日月精華，接納天地正氣，可以趨凶避邪，因此許多人會佩戴玉製的首飾在身上。有許多玉石首飾替主人擋災的例子，像是有一名被命理師警告有難產可能的母親，生產過程中玉鐲竟無故碎裂，生產過程雖艱辛但所幸母子均安；也有出了車禍、輕微擦傷的年輕人，玉鐲在沒有碰撞的狀態下斷成兩半，這些都被解釋為是玉石幫忙擋災了。
+
+擋災過後的玉石建議以紅紙或紅布包起來埋進土裡，或是放水流。玉石的靈性是大家有目共睹的，若你配戴一款玉製的首飾超過三個月，那建議你不要再轉送別人，因為玉是會認主人的喔！（可參考〈玉有靈性！戴上會頭暈可能是「屍玉」？〉一文）
+
+![避邪用葫蘆。（圖／維基百科，Benjwong攝）](https://s.yimg.com/ny/api/res/1.2/s4b9VQn8aPZqp_YEGM.4Og--/YXBwaWQ9aGlnaGxhbmRlcjt3PTk2MDtoPTcxOTtjZj13ZWJw/https://media.zenfs.com/zh-TW/nownews.com/ab2d7ed731316952851c1f4966e19e21)
+
+![避邪用葫蘆。（圖／維基百科，Benjwong攝）](https://s.yimg.com/ny/api/res/1.2/s4b9VQn8aPZqp_YEGM.4Og--/YXBwaWQ9aGlnaGxhbmRlcjt3PTk2MDtoPTcxOTtjZj13ZWJw/https://media.zenfs.com/zh-TW/nownews.com/ab2d7ed731316952851c1f4966e19e21)
+
+避邪用葫蘆。（圖／維基百科，Benjwong攝）
+
+*   葫蘆
+
+葫蘆也是常見的擋災小物之一，大的葫蘆可放在家中化煞，或是放在家中財位招財；再小一點的葫蘆可以掛在車上、迷你葫蘆可以隨身攜帶。葫蘆的曲線、形狀類似太極陰陽分界線，葫蘆內裡可隔絕外面氣場，且因為嘴小肚大的特殊形狀，可將好氣場完整地收納於葫蘆內。
+
+掛在車子後照鏡、摩托車龍頭的葫蘆，可正面迎接煞氣、納福增祥，保佑行車平安、去除災厄，可別看小小一個葫蘆，擋災的效用無限大。
+
+![佛珠示意圖。（圖／維基百科，无相见贤攝）](https://s.yimg.com/ny/api/res/1.2/JFbQNoYGoGzYB3iApV3yqw--/YXBwaWQ9aGlnaGxhbmRlcjt3PTk2MDtoPTcyMDtjZj13ZWJw/https://media.zenfs.com/zh-TW/nownews.com/b77d0bb81ca6776346f13e282718cdb7)
+
+![佛珠示意圖。（圖／維基百科，无相见贤攝）](https://s.yimg.com/ny/api/res/1.2/JFbQNoYGoGzYB3iApV3yqw--/YXBwaWQ9aGlnaGxhbmRlcjt3PTk2MDtoPTcyMDtjZj13ZWJw/https://media.zenfs.com/zh-TW/nownews.com/b77d0bb81ca6776346f13e282718cdb7)
+
+佛珠示意圖。（圖／維基百科，无相见贤攝）
+
+*   佛珠
+
+佛珠又稱「念珠」、「數珠」，佛珠主要是在念佛菩薩聖號或持咒的時候，用來計數用；在佛經上也曾記載波流璃王受佛陀點化，以佛珠「束心斷念」的故事，因此大家也將佛珠做為束心、約束自己的工具。許多佛教徒會配戴佛珠束心、祈福，但不只是佛教徒，一些非佛教徒也會佩戴。
+
+許多民眾相信若佛珠繩斷，就代表有事情要發生，是佛珠幫自己擋災了，雖然此一說法並沒有明確來由記載，但許多民眾深信不疑。也曾有法師跳出來說：「花開花落，此乃無常，佛珠斷了，亦復如是。」要大家不要緊張，東西壞了就是壞了，佛珠線斷了就是斷了，不用想太多，這樣生活會比較輕鬆喔！
+
+![平安符示意圖。（圖／記者連宜方攝）](https://s.yimg.com/ny/api/res/1.2/Av5eKNaEMEDis_0KYNaY9w--/YXBwaWQ9aGlnaGxhbmRlcjt3PTk2MDtoPTcyMDtjZj13ZWJw/https://media.zenfs.com/zh-TW/nownews.com/1663ae72c8428c5d30defadcae564906)
+
+![平安符示意圖。（圖／記者連宜方攝）](https://s.yimg.com/ny/api/res/1.2/Av5eKNaEMEDis_0KYNaY9w--/YXBwaWQ9aGlnaGxhbmRlcjt3PTk2MDtoPTcyMDtjZj13ZWJw/https://media.zenfs.com/zh-TW/nownews.com/1663ae72c8428c5d30defadcae564906)
+
+平安符示意圖。（圖／記者連宜方攝）
+
+*   平安符
+
+保庇NOW多次介紹過的平安符，絕對不能漏掉擋災小物，從廟裡求來的平安符是象徵廟中神明的一種信物，神明會透過平安符保護、監察信徒，若你遭遇危險時，廟神會透過平安符有所感應，並以平安符保信徒之身。平常時，此符為神明的象徵，可嚇阻邪靈。所以平安符絕對是不可少的隨身擋災小物，但平安符的使用上也有一些小禁忌，像是要定期更換、不可拉扯等……只要遵循不要觸犯禁忌，平安符就可以替你祛災。
+
+但擋災小物適當就好，不宜過多，請斟酌自己的需要、挑選適合自己的擋災小物，且不因已佩戴擋災小物就過於自滿，該當心、注意的事情還是要謹慎為之。
+
+
+## 許富凱「手上佛珠突斷」撒一地 返家驚見一幕嚇壞：寧可信其有
+
+男星許富凱因擁有堅強的歌唱實力，出道至今累積大批死忠粉絲支持，而他近日透露，某天在公司開會時，手上的佛珠突然斷掉，讓他心頭一震，沒想到回到家中看到房間內的景象更是嚇到，讓他忍不住直呼「很多事情還是寧可信其有」。
+
+根據《ETtoday新聞雲》報導，許富凱表示，因為從小家中就有拜拜習慣，因此養成他經過大廟都會進去拜拜打招呼的習慣，並透露先前到日本淺草寺參訪時，買了一串黑色的佛珠，當時不知其用途是用來擺設，儘管覺得很鬆仍戴在手上。
+
+直到某天在公司開會時，許富凱手上的繩子斷掉，佛珠散落一地，讓他頗為震驚，直到回到家中發現，原本掛在房間牆壁上的畫像竟整幅掉落在床上，且該位置正是他平常睡覺的地方，立刻打電話向媽媽報平安，直呼很多事情還是「寧可信其有」。

content/news/8/1.md

@@ -0,0 +1,53 @@
+---
+title: "新加坡囤房稅"
+date: 2023-01-30T03:00:29+08:00
+draft: false
+display: true
+tags: ["囤房"]
+categories: ["房仲"]
+description: "-"
+url: "/blog/singapore-house-tax"
+image: "http://www.fodizi.tw/uploadfile/201512/22/238266266.jpg"
+type: "focus"
+---
+
+
+台灣房價高漲，對於年輕人來說，買房似乎成了遙不可及的夢想，近日就有網友看了新加坡總理李顯龍8年前分析亞洲四小龍的影片，當時他直言，台灣的經濟10多年來，失去了明確的發展方向，若問年輕人何時買房，會被當成開玩笑，沒想到8年過去，網友看完只能苦笑「無法反駁」。
+
+一名網友在PTT發文提到，李顯龍當時在影片裡說，台灣過去10幾年的經濟的確有一些問題，他們經濟發展比較慢，雖然他們的年輕人畢業不是問題、大家都是大學生，但台灣大學生不滿意做的工作也很多。
+
+李顯龍直言，台灣年輕人有的當司機、有的做小生意，甚至有些跑到新加坡拿工作證打拚，「因為他們（台灣）的經濟過去10多年來，可能失去了一個明確的發展的方向，所以他們年輕人是滿有理由擔心的」。
+
+李顯龍說，如果你問台灣年輕人「你什麼時候打算買房子？」對方可能會以為你在開玩笑、戲弄他，因為台灣年輕人無法想像自己可以買房，反觀新加坡人，「大家買完房子才結婚吧？所以完全不相同」。
+
+
+原PO看完忍不住直呼，「哇台灣人完全被嗆！該怎麼反駁」，然而貼文底下，網友卻一面倒，苦笑表示「無法反駁」、「金融海嘯都多久了，還在22-25K笑死」、「實話是要反駁什麼」，不過也有人說，「新加坡房價低是因為囤房稅10%，敢囤就課到你脫褲子，而且重到轉嫁不出去」、「台灣空房率世界第一，空屋百萬棟，台灣不是沒房，而是囤房炒作一切都是囤房，造成的供需問題」。
+
+
+尤其是新加坡的組屋，可說是物超所值，只因他們買房的規定很嚴格，如限定滿35歲且已結婚者才能買，以致沒有投機客抄作，因此他們社會安定，年輕人也樂於從軍保衛國家。
+
+有網友說：「別鬧了，地方政府若和建商掛勾，則不論租售、地目變更都坐擁囤房、養地等穩賺最大利差才是關鍵，而限貸或禁炒作，只是拔毛而已。」
+
+筆者認為，若有公僕與建商掛勾，就應嚴懲不貸。此外，可以大量蓋國宅，尤其是捷運站附近的公有地，可比照新加坡的組屋模式，用市價的1/3價格賣給自助型的人。如果住者要轉售，則由政府以公告價格回購再轉賣，則誰敢再囤房？
+
+蔡蘇政府對中低收入的租金補貼，只能治標，不能治本。高房價與物價才是關鍵，畢竟缺乏居住正義，對年輕人傷害很大，希望1月15號，賴清德高票當選黨主席後，能夠正視這個問題，否則誰認同這個國家？
+
+反觀新加坡，長久以來，由於有效控制房價與物價，嚴厲懲罰投機業者，所以社會安定，年輕人樂於從軍保衛國家。雖然其兵役如同以色列，也是兩年義務役，且其待遇也不多。
+
+它山之石，可以攻錯；民可載舟，亦可覆舟。任何政黨，若不能體察民意，有效控制房價與物價，則政權隨時可能會被在野黨取而代之，豈可不慎？
+
+
+不少人會拿其他國家與台灣做比較，就有網友好奇「台灣輸新加坡哪裡」，釣出一名移居新加坡三年的台灣人夫分享，他認為當地重視交通安全、育兒補助、環境綠化，能讓父母放心讓孩子在這裡成長，並誇讚是個「安居樂業」的社會，另外他也點出新台兩者間的差距，引發熱議。
+
+該名人夫在PTT回文，分享居住三年新加坡的心得，他表示當地駕照難考、重視行人安全，「我3年來過馬路，轉彎車一定讓人，1次都沒碰過轉彎車跟我搶道，1次都沒有」，加上城市大規模綠化，公園間都有人行道連接，讓父母可以放心推娃娃車、騎腳踏車。對比他回台灣，走在路上隨時繃緊神經，騎樓不是有障礙物就是超大台階，只好放棄推娃娃車。
+
+相比台灣人民薪水低、房價高，他透露當地人薪資平均在2百多萬新台幣，由於太太是公民，因此兩人負擔市區30幾坪新房只要新台幣1200萬，80%的新加坡人都是住政府蓋的房，統一管理定期打掃、洗地洗牆，新加坡政府也嚴格打房，即使買房後也不怕生孩子有壓力，小孩出生還有一堆補助，有餘裕可以消費活絡經濟。
+
+而飲食方面，儘管在新加坡餐廳很貴，但到處都會有類似百貨美食街的「食閣」，上班族平日一到五基本都吃食閣，價格還比在台北吃飯便宜，且當地治安良好，他好幾次在食閣看過別人用車鑰匙、現金佔位，也沒人偷竊。不過，他仍點出新加坡的兩項缺點，分別是「沒有壯麗的風景」、「汽車價格太貴」，除此之外他大讚當地簡直是「安居樂業」的社會。
+
+最後，人夫直言台灣與新加坡真正的差距，主因是「治國能力」及「社會文化」，因為新加坡講法律而非民粹，判決快速執行，該罰就罰、該關就關，該死刑就死刑，反觀幾十年下來民粹文化已烙印在台人的基因中，原po表示依他這代來說，「我不認為有什麼翻轉的機會」。
+
+文章曝光，許多台灣網友們看了也自嘆不如，紛紛表示「實話，新加坡就是屌打台灣n百條街」、「台灣就是發達版菲律賓」、「台灣是標準的鄉愿社會，沒有法治觀念」、「新加坡囤房稅超狠的，保證讓你賺不到、「新加坡很適合家庭生活」、「羨慕，正常人的世界」。
+
+不過，也有人表示，「台灣好太多了，10年我就去過新加坡待快一年，台灣比較自由啦，那裡感覺像中國大陸一樣緊繃」、「去過新加坡，印象新加坡人的禮讓是表現在受法律規範的地方，而在其他地方像是街上走路，就可以感覺到他們的不禮讓和粗魯」、「就面積來說新加坡真的太小，國家發展受侷限」、「新加坡就是太規矩了，很無聊」。
+

content/news/9/1.md

@@ -0,0 +1,53 @@
+---
+title: "實價登錄有無參考價值？"
+date: 2023-01-30T03:00:29+08:00
+draft: false
+display: true
+tags: ["實價登錄"]
+categories: ["房仲"]
+description: "-"
+url: "/blog/singapore-house-tax"
+image: "http://www.fodizi.tw/uploadfile/201512/22/238266266.jpg"
+type: "focus"
+---
+
+
+台灣房價高漲，對於年輕人來說，買房似乎成了遙不可及的夢想，近日就有網友看了新加坡總理李顯龍8年前分析亞洲四小龍的影片，當時他直言，台灣的經濟10多年來，失去了明確的發展方向，若問年輕人何時買房，會被當成開玩笑，沒想到8年過去，網友看完只能苦笑「無法反駁」。
+
+一名網友在PTT發文提到，李顯龍當時在影片裡說，台灣過去10幾年的經濟的確有一些問題，他們經濟發展比較慢，雖然他們的年輕人畢業不是問題、大家都是大學生，但台灣大學生不滿意做的工作也很多。
+
+李顯龍直言，台灣年輕人有的當司機、有的做小生意，甚至有些跑到新加坡拿工作證打拚，「因為他們（台灣）的經濟過去10多年來，可能失去了一個明確的發展的方向，所以他們年輕人是滿有理由擔心的」。
+
+李顯龍說，如果你問台灣年輕人「你什麼時候打算買房子？」對方可能會以為你在開玩笑、戲弄他，因為台灣年輕人無法想像自己可以買房，反觀新加坡人，「大家買完房子才結婚吧？所以完全不相同」。
+
+
+原PO看完忍不住直呼，「哇台灣人完全被嗆！該怎麼反駁」，然而貼文底下，網友卻一面倒，苦笑表示「無法反駁」、「金融海嘯都多久了，還在22-25K笑死」、「實話是要反駁什麼」，不過也有人說，「新加坡房價低是因為囤房稅10%，敢囤就課到你脫褲子，而且重到轉嫁不出去」、「台灣空房率世界第一，空屋百萬棟，台灣不是沒房，而是囤房炒作一切都是囤房，造成的供需問題」。
+
+
+尤其是新加坡的組屋，可說是物超所值，只因他們買房的規定很嚴格，如限定滿35歲且已結婚者才能買，以致沒有投機客抄作，因此他們社會安定，年輕人也樂於從軍保衛國家。
+
+有網友說：「別鬧了，地方政府若和建商掛勾，則不論租售、地目變更都坐擁囤房、養地等穩賺最大利差才是關鍵，而限貸或禁炒作，只是拔毛而已。」
+
+筆者認為，若有公僕與建商掛勾，就應嚴懲不貸。此外，可以大量蓋國宅，尤其是捷運站附近的公有地，可比照新加坡的組屋模式，用市價的1/3價格賣給自助型的人。如果住者要轉售，則由政府以公告價格回購再轉賣，則誰敢再囤房？
+
+蔡蘇政府對中低收入的租金補貼，只能治標，不能治本。高房價與物價才是關鍵，畢竟缺乏居住正義，對年輕人傷害很大，希望1月15號，賴清德高票當選黨主席後，能夠正視這個問題，否則誰認同這個國家？
+
+反觀新加坡，長久以來，由於有效控制房價與物價，嚴厲懲罰投機業者，所以社會安定，年輕人樂於從軍保衛國家。雖然其兵役如同以色列，也是兩年義務役，且其待遇也不多。
+
+它山之石，可以攻錯；民可載舟，亦可覆舟。任何政黨，若不能體察民意，有效控制房價與物價，則政權隨時可能會被在野黨取而代之，豈可不慎？
+
+
+不少人會拿其他國家與台灣做比較，就有網友好奇「台灣輸新加坡哪裡」，釣出一名移居新加坡三年的台灣人夫分享，他認為當地重視交通安全、育兒補助、環境綠化，能讓父母放心讓孩子在這裡成長，並誇讚是個「安居樂業」的社會，另外他也點出新台兩者間的差距，引發熱議。
+
+該名人夫在PTT回文，分享居住三年新加坡的心得，他表示當地駕照難考、重視行人安全，「我3年來過馬路，轉彎車一定讓人，1次都沒碰過轉彎車跟我搶道，1次都沒有」，加上城市大規模綠化，公園間都有人行道連接，讓父母可以放心推娃娃車、騎腳踏車。對比他回台灣，走在路上隨時繃緊神經，騎樓不是有障礙物就是超大台階，只好放棄推娃娃車。
+
+相比台灣人民薪水低、房價高，他透露當地人薪資平均在2百多萬新台幣，由於太太是公民，因此兩人負擔市區30幾坪新房只要新台幣1200萬，80%的新加坡人都是住政府蓋的房，統一管理定期打掃、洗地洗牆，新加坡政府也嚴格打房，即使買房後也不怕生孩子有壓力，小孩出生還有一堆補助，有餘裕可以消費活絡經濟。
+
+而飲食方面，儘管在新加坡餐廳很貴，但到處都會有類似百貨美食街的「食閣」，上班族平日一到五基本都吃食閣，價格還比在台北吃飯便宜，且當地治安良好，他好幾次在食閣看過別人用車鑰匙、現金佔位，也沒人偷竊。不過，他仍點出新加坡的兩項缺點，分別是「沒有壯麗的風景」、「汽車價格太貴」，除此之外他大讚當地簡直是「安居樂業」的社會。
+
+最後，人夫直言台灣與新加坡真正的差距，主因是「治國能力」及「社會文化」，因為新加坡講法律而非民粹，判決快速執行，該罰就罰、該關就關，該死刑就死刑，反觀幾十年下來民粹文化已烙印在台人的基因中，原po表示依他這代來說，「我不認為有什麼翻轉的機會」。
+
+文章曝光，許多台灣網友們看了也自嘆不如，紛紛表示「實話，新加坡就是屌打台灣n百條街」、「台灣就是發達版菲律賓」、「台灣是標準的鄉愿社會，沒有法治觀念」、「新加坡囤房稅超狠的，保證讓你賺不到、「新加坡很適合家庭生活」、「羨慕，正常人的世界」。
+
+不過，也有人表示，「台灣好太多了，10年我就去過新加坡待快一年，台灣比較自由啦，那裡感覺像中國大陸一樣緊繃」、「去過新加坡，印象新加坡人的禮讓是表現在受法律規範的地方，而在其他地方像是街上走路，就可以感覺到他們的不禮讓和粗魯」、「就面積來說新加坡真的太小，國家發展受侷限」、「新加坡就是太規矩了，很無聊」。
+

layouts/shortcodes/rawhtml.html

@@ -0,0 +1,2 @@
+<!-- raw html -->
+{{.Inner}}

static/css/reset.css

@@ -0,0 +1,129 @@
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

static/css/style.css

@@ -0,0 +1,374 @@
+@charset "UTF-8";
+/* 共通樣式 */
+:root {
+  --main-color: #000;
+  --sub-color: #e47140;
+  --gray-color: #727272;
+}
+
+* {
+  letter-spacing: 1px;
+  font-weight: 300;
+  font-family: "Noto Sans TC", sans-serif !important;
+}
+
+p,
+li {
+  line-height: 32px;
+}
+
+ul {
+  list-style: none;
+}
+
+img {
+  width: 100%;
+  height: auto;
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  overflow-y: scroll;
+}
+
+.btn:focus,
+.form-control:focus {
+  border-color: var(--main-color) !important;
+  box-shadow: none !important;
+  outline: 0 none !important;
+}
+
+.badge {
+  font-weight: 400 !important;
+}
+
+.navbar {
+  background-color: var(--main-color) !important;
+}
+.navbar .navbar-collapse {
+  flex-grow: 0;
+}
+.navbar .navbar-brand {
+  font-size: 50px;
+  font-weight: 500;
+  font-family: "Roboto Slab", serif !important;
+  color: var(--sub-color);
+  transition: all 0.3s;
+}
+.navbar .navbar-brand:hover {
+  opacity: 0.9;
+  color: var(--sub-color);
+}
+
+.blog-post-tags .badge {
+  background-color: var(--main-color);
+}
+.blog-post-tags .badge:hover {
+  color: var(--main-color);
+  background-color: #fff;
+  border: 1px solid var(--main-color);
+}
+
+.blog-post-title {
+  margin: 10px 0 20px;
+}
+.blog-post-title a {
+  font-size: 50px;
+  font-weight: 600;
+}
+
+.pagination {
+  justify-content: center;
+}
+.pagination .page-link {
+  color: var(--main-color);
+}
+.pagination .page-item.active .page-link {
+  z-index: 3;
+  color: #fff;
+  background-color: var(--main-color);
+  border-color: var(--main-color);
+}
+
+.post-title a {
+  color: #000;
+  text-decoration: none;
+  font-size: 22px;
+  font-weight: 500;
+}
+
+.post-block-title {
+  margin-bottom: 20px;
+  position: relative;
+  font-size: 22px;
+}
+.post-block-title::after {
+  position: absolute;
+  z-index: -10;
+  top: 15px;
+  left: 0;
+  width: 100%;
+  height: 0px;
+  content: "";
+  border-bottom: 1px solid #929292;
+  bottom: 5px;
+}
+.post-block-title span {
+  font-weight: 500;
+  background: #fff;
+}
+
+.news-info {
+  margin-top: 10px;
+  line-height: 20px;
+}
+.news-info a {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--gray-color);
+  text-decoration: none;
+  transition: all 0.3s;
+}
+.news-info a:hover {
+  opacity: 0.8;
+}
+.news-info small {
+  color: var(--gray-color);
+}
+
+.news-thumbnail {
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.line-clamp {
+  max-width: 150px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.post-depiction {
+  margin: 10px 0;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 26px;
+}
+.post-depiction a {
+  color: #7a7a7a;
+  text-decoration: none;
+}
+
+.top-btn {
+  position: fixed;
+  bottom: 15px;
+  right: 15px;
+  z-index: 10;
+  opacity: 0;
+  transition: all 0.5s;
+}
+.top-btn button {
+  border: none;
+  background: var(--sub-color);
+  border-radius: 100px;
+  width: 55px;
+  height: 55px;
+}
+
+.show {
+  opacity: 1;
+}
+
+/* sidebar.html Start */
+.news-sidebar {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 15px;
+}
+.news-sidebar .news-featured {
+  position: unset;
+}
+
+.search-btn {
+  border: 1px solid var(--main-color) !important;
+}
+.search-btn svg {
+  color: var(--main-color);
+}
+.search-btn:hover {
+  background-color: var(--main-color) !important;
+}
+.search-btn:hover svg {
+  color: #fff;
+}
+
+.tags {
+  margin: 0 5px 5px 0;
+  padding: 7px 10px !important;
+  font-size: 14px !important;
+  font-weight: 400 !important;
+  color: var(--main-color) !important;
+  border: 1px solid var(--main-color) !important;
+}
+.tags:hover {
+  color: #fff !important;
+  background-color: var(--main-color);
+}
+
+/* sidebar.html End */
+/* single.html Start */
+.blog-post.content h4 {
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 32px;
+}
+.blog-post.content h4 a {
+  padding: 5px 8px;
+  margin-right: 3px;
+  border: 1px solid #000;
+  border-radius: 5px;
+  font-size: 14px;
+}
+.blog-post.content h4 a:hover {
+  color: #fff !important;
+}
+.blog-post.content .back-link {
+  color: #000;
+  display: block;
+  text-align: center;
+  text-decoration: none;
+  transition: all 0.3s;
+}
+.blog-post.content .back-link:hover {
+  opacity: 0.7;
+}
+
+/* single.html End */
+/* content.html Start */
+.news-main {
+  height: 100%;
+  overflow: hidden;
+}
+.news-main .post-title a {
+  font-size: 34px;
+}
+.news-main img {
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.news-main .news-info a {
+  font-size: 16px;
+}
+
+/* content.html End */
+/* focus.html Start */
+.focus-content {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 20px;
+}
+
+/* focus.html End */
+/* recent.html Start */
+.recent-content .news-list {
+  margin: 0;
+}
+.recent-content .news-list li {
+  margin: 15px 0;
+}
+.recent-content .news-list li img {
+  width: 140px;
+  height: 105px;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.recent-content .news-list li small {
+  display: block;
+}
+.recent-content .news-list li .news-info {
+  margin-top: 0px;
+}
+.recent-content .news-list li:last-child {
+  margin: 0;
+}
+
+/* recent.html End */
+/* news-tab.html Start */
+.tab-category .nav-link {
+  color: var(--main-color);
+  font-weight: 500;
+}
+.tab-category .nav-pills .nav-link.active,
+.tab-category .nav-pills .show > .nav-link {
+  color: var(--sub-color);
+  background-color: var(--main-color);
+}
+
+.tab-content .bg-img {
+  position: relative;
+  height: 370px;
+  background-blend-mode: multiply;
+  background-size: cover;
+  background-position: center center;
+  cursor: pointer;
+}
+.tab-content .bg-img section {
+  padding: 10px 25px;
+  position: absolute;
+  bottom: 0;
+  color: #fff;
+}
+.tab-content .bg-img section a {
+  color: #fff;
+  text-decoration: none;
+}
+.tab-content .bg-img section small {
+  font-size: 12px;
+}
+
+/* news-tab.html End */
+/* news-all.html Start */
+.news-all .post-title {
+  margin: 5px auto;
+}
+.news-all .post-title a {
+  font-size: 36px;
+}
+.news-all .news-info a {
+  font-size: 18px;
+}
+.news-all hr {
+  margin: 1.5rem 0;
+}
+.news-all .first-img {
+  height: 50vh;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.news-all .line {
+  padding: 0 12px;
+}
+
+/* news-all.html End */
+/* news-featured.html Start */
+.news-featured {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 20px;
+}
+
+/* news-featured.html End *//*# sourceMappingURL=style.css.map */

static/css/style.scss

@@ -0,0 +1,407 @@
+/* 共通樣式 */
+
+:root {
+  --main-color: #000;
+  --sub-color: #e47140;
+  --gray-color: #727272;
+}
+
+* {
+  letter-spacing: 1px;
+  font-weight: 300;
+  font-family: "Noto Sans TC", sans-serif !important;
+}
+
+p,
+li {
+  line-height: 32px;
+}
+
+ul {
+  list-style: none;
+}
+
+img {
+  width: 100%;
+  height: auto;
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  overflow-y: scroll;
+}
+
+.btn:focus,
+.form-control:focus {
+  border-color: var(--main-color) !important;
+  box-shadow: none !important;
+  outline: 0 none !important;
+}
+
+.badge {
+  font-weight: 400 !important;
+}
+
+.navbar {
+  background-color: var(--main-color) !important;
+  .navbar-collapse {
+    flex-grow: 0;
+  }
+  .navbar-brand {
+    font-size: 50px;
+    font-weight: 500;
+    font-family: "Roboto Slab", serif !important;
+    color: var(--sub-color);
+    transition: all 0.3s;
+    &:hover {
+      opacity: 0.9;
+      color: var(--sub-color);
+    }
+  }
+}
+
+.blog-post-tags {
+  .badge {
+    background-color: var(--main-color);
+    &:hover {
+      color: var(--main-color);
+      background-color: #fff;
+      border: 1px solid var(--main-color);
+    }
+  }
+}
+
+.blog-post-title {
+  margin: 10px 0 20px;
+  a {
+    font-size: 50px;
+    font-weight: 600;
+  }
+}
+
+.pagination {
+  justify-content: center;
+  .page-link {
+    color: var(--main-color);
+  }
+  .page-item.active .page-link {
+    z-index: 3;
+    color: #fff;
+    background-color: var(--main-color);
+    border-color: var(--main-color);
+  }
+}
+
+.post-title {
+  a {
+    color: #000;
+    text-decoration: none;
+    font-size: 22px;
+    font-weight: 500;
+  }
+}
+
+.post-block-title {
+  margin-bottom: 20px;
+  position: relative;
+  font-size: 22px;
+  &::after {
+    position: absolute;
+    z-index: -10;
+    top: 15px;
+    left: 0;
+    width: 100%;
+    height: 0px;
+    content: "";
+    border-bottom: 1px solid #929292;
+    bottom: 5px;
+  }
+  span {
+    font-weight: 500;
+    background: #fff;
+  }
+}
+
+.news-info {
+  margin-top: 10px;
+  line-height: 20px;
+  a {
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--gray-color);
+    text-decoration: none;
+    transition: all 0.3s;
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+  small {
+    color: var(--gray-color);
+  }
+}
+
+.news-thumbnail {
+  height: 100%;
+  object-fit: cover;
+}
+
+// 文字省略
+.line-clamp {
+  max-width: 150px;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.post-depiction {
+  // max-width: 350px;
+  margin: 10px 0;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 26px;
+  a {
+    color: #7a7a7a;
+    text-decoration: none;
+  }
+}
+
+.top-btn {
+  position: fixed;
+  bottom: 15px;
+  right: 15px;
+  z-index: 10;
+  opacity: 0; // scrollTop = 0
+  transition: all .5s;
+  button {
+    border: none;
+    background: var(--sub-color);
+    border-radius: 100px;
+    width: 55px;
+    height: 55px;
+  }
+}
+
+.show {
+  opacity: 1; // scrollTop > 100
+} 
+
+/* sidebar.html Start */
+
+.news-sidebar {
+  position: sticky;
+  top: 15px;
+  .news-featured {
+    position: unset;
+  }
+}
+
+.search-btn {
+  border: 1px solid var(--main-color) !important;
+  svg {
+    color: var(--main-color);
+  }
+  &:hover {
+    background-color: var(--main-color) !important;
+    svg {
+      color: #fff;
+    }
+  }
+}
+
+.tags {
+  margin: 0 5px 5px 0;
+  padding: 7px 10px !important;
+  font-size: 14px !important;
+  font-weight: 400 !important;
+  color: var(--main-color) !important;
+  border: 1px solid var(--main-color) !important;
+  &:hover {
+    color: #fff !important;
+    background-color: var(--main-color);
+  }
+}
+
+/* sidebar.html End */
+
+/* single.html Start */
+
+.blog-post.content {
+  h4 {
+    font-size: 16px;
+    font-weight: 300;
+    line-height: 32px;
+    a {
+      padding: 5px 8px;
+      margin-right: 3px;
+      border: 1px solid #000;
+      border-radius: 5px;
+      font-size: 14px;
+      &:hover {
+        color: #fff !important;
+      }
+    }
+  }
+  .back-link {
+    color: #000;
+    display: block;
+    text-align: center;
+    text-decoration: none;
+    transition: all 0.3s;
+    &:hover {
+      opacity: 0.7;
+    }
+  }
+}
+
+/* single.html End */
+
+/* content.html Start */
+
+.news-main {
+  height: 100%;
+  overflow: hidden;
+  .post-title {
+    a {
+      font-size: 34px;
+    }
+  }
+
+  img {
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .news-info {
+    a {
+      font-size: 16px;
+    }
+  }
+}
+
+/* content.html End */
+
+/* focus.html Start */
+
+.focus-content {
+  position: sticky;
+  top: 20px;
+}
+
+/* focus.html End */
+
+/* recent.html Start */
+
+.recent-content {
+  .news-list {
+    margin: 0;
+    li {
+      margin: 15px 0;
+      img {
+        width: 140px;
+        height: 105px;
+        object-fit: cover;
+      }
+      small {
+        display: block;
+      }
+      .news-info {
+        margin-top: 0px;
+      }
+    }
+    li:last-child {
+      margin: 0;
+    }
+  }
+}
+
+/* recent.html End */
+
+/* news-tab.html Start */
+
+.tab-category {
+  .nav-link {
+    color: var(--main-color);
+    font-weight: 500;
+  }
+  .nav-pills .nav-link.active,
+  .nav-pills .show > .nav-link {
+    color: var(--sub-color);
+    background-color: var(--main-color);
+  }
+}
+
+.tab-content {
+  .bg-img {
+    position: relative;
+    height: 370px;
+    // 設置背景混和模式為相乘模式
+    background-blend-mode: multiply;
+    background-size: cover;
+    background-position: center center;
+    cursor: pointer;
+    section {
+      padding: 10px 25px;
+      position: absolute;
+      bottom: 0;
+      color: #fff;
+      a {
+        color: #fff;
+        text-decoration: none;
+      }
+      small {
+        font-size: 12px;
+      }
+    }
+  }
+}
+
+/* news-tab.html End */
+
+/* news-all.html Start */
+
+.news-all {
+  .post-title {
+    margin: 5px auto;
+    a {
+      font-size: 36px;
+    }
+  }
+  .news-info {
+    a {
+      font-size: 18px;
+    }
+  }
+  hr {
+    margin: 1.5rem 0;
+  }
+  .first-img {
+    height: 50vh;
+    object-fit: cover;
+  }
+  .line {
+    padding: 0 12px;
+  }
+}
+
+/* news-all.html End */
+
+/* news-featured.html Start */
+
+.news-featured {
+  position: sticky;
+  top: 20px;
+}
+
+/* news-featured.html End */

static/googlea343783bd909616f.html

@@ -0,0 +1 @@
+google-site-verification: googlea343783bd909616f.html

static/js/main.js

@@ -0,0 +1,35 @@
+// 切換分頁時移至列表區塊
+document.addEventListener("DOMContentLoaded", () => {
+    if (document.querySelector('#news-block')) {
+        let offsetHeight = document.querySelector('#news-block').offsetTop;
+        if (offsetHeight) window.scrollTo(0, offsetHeight);
+    }
+});
+
+function historyBack() {
+    let prevPage = window.location.href;
+
+    // 若無法返回上一頁則回到首頁
+    window.history.go(-1);
+
+    setTimeout(() => {
+        if (window.location.href == prevPage) {
+            window.location.href = "/";
+        }
+    }, 500);
+}
+
+let topBtn = document.querySelector('.top-btn');
+
+window.onscroll = () => {
+    const px = 100;
+    if (document.documentElement.scrollTop > px) {
+        topBtn.classList.add("show");
+    } else {
+        topBtn.classList.remove("show");
+    }
+};
+
+topBtn.addEventListener('click', () => {
+    document.documentElement.scrollTop = 0;
+}, false);

themes/hugo-bootstrap-5/LICENSE.md

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2020 Tiger Oakes
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

themes/hugo-bootstrap-5/README.md

@@ -0,0 +1,52 @@
+# Hugo Bootstrap v5 Theme
+
+This is a simple Hugo theme using [Bootstrap v5](https://getbootstrap.com/), inspired by [hugo-bootstrap](https://github.com/Xzya/hugo-bootstrap).
+
+## Installation
+
+You can install the theme either as a clone or submodule.
+
+I recommend the latter. From the root of your Hugo site, type the following:
+
+```shell
+$ git submodule add https://github.com/NotWoods/hugo-bootstrap-5.git themes/hugo-bootstrap-5
+$ git submodule init
+$ git submodule update
+```
+
+Now you can get updates to the theme in the future by updating the submodule:
+
+```
+$ git submodule update --remote themes/hugo-bootstrap-5
+```
+
+## Demo
+
+You can find a demo [here](https://themes.gohugo.io/theme/hugo-bootstrap-5/).
+
+## Screenshots
+
+![preview](https://raw.githubusercontent.com/NotWoods/hugo-bootstrap-5/master/images/screenshot.png)
+![preview](https://raw.githubusercontent.com/NotWoods/hugo-bootstrap-5/master/images/screenshot2.png)
+
+## Configuration
+
+Check `exampleSite/config.toml` for an example configuration.
+
+## Brand
+
+The brand can be overriden by adding your own layout `layouts/partials/brand.html`. Check `exampleSite/layouts/partials/brand.html` for an example.
+
+## Menu
+
+The navbar displays the `main` menus by default. You can find more details about how to configure it [here](https://gohugo.io/templates/menu-templates/), as well as in the `exampleSite`.
+
+## Multilanguage
+
+The theme supports multiple languages.
+
+You can find the default translation bundles in `i18n` (english and spanish by default).
+
+## License
+
+Open sourced under the [MIT license](./LICENSE.md).

themes/hugo-bootstrap-5/exampleSite/config.toml

@@ -0,0 +1,105 @@
+baseurl = "https://example.com/"
+title = "Bootstrap demo"
+languageCode = "en-us"
+defaultContentLanguage = "en"
+
+# Pagination
+paginate = 3
+paginatePath = "page"
+
+# Theme to use
+theme = "hugo-bootstrap-5"
+
+[taxonomies]
+  tag = "tags"
+  category = "categories"
+
+# Google analytics
+# googleAnalytics = ""
+
+[languages.en]
+  languageName = "English"
+
+  # Replace the default footer message with a localized message
+  # copyright = "Hugo template made with ❤ by Xzya"
+
+  [[languages.en.menu.main]]
+    url = "/"
+    name = "Home"
+    weight = 1
+  [[languages.en.menu.main]]
+    url = "/about/"
+    name = "About"
+    weight = 2
+  [[languages.en.menu.main]]
+    url = "/contact/"
+    name = "Contact"
+    weight = 3
+
+[languages.es]
+  languageName = "Español"
+
+  [[languages.es.menu.main]]
+    url = "/es/"
+    name = "Casa"
+    weight = 1
+  [[languages.es.menu.main]]
+    url = "/about/"
+    name = "Acerca de"
+    weight = 2
+  [[languages.es.menu.main]]
+    url = "/contact/"
+    name = "Contacto"
+    weight = 3
+
+[languages.de]
+  languageName = "Deutsch"
+
+  [[languages.de.menu.main]]
+    url = "/de/"
+    name = "Start"
+    weight = 1
+  [[languages.de.menu.main]]
+    url = "/about/"
+    name = "Über uns"
+    weight = 2
+  [[languages.de.menu.main]]
+    url = "/contact/"
+    name = "Kontakt"
+    weight = 3
+
+# Links format
+
+[permalinks]
+  post = "/:year/:month/:title/"
+
+[params]
+  # Main sections (currently used for the recent posts in the sidebar)
+  mainSections = ["post"]
+
+  # Default author
+  author = "John Doe"
+
+  # Date format (default: Jan 2, 2006)
+  # date_format = "Jan 2, 2006"
+
+  # Display post summaries instead of content in list templates (default: true)
+  # truncate = false
+
+  [params.sidebar]
+    # Whether to show the recent posts or not (default: true)
+    # showRecent = false
+
+    # Whether to show the taxonomies or not (default: true)
+    # showTaxonomy = false
+
+    # How many posts to show on the sidebar (Default: 5)
+    # num_recent_posts = 5
+
+  [params.header]
+    # Color scheme for the header (default: "light")
+    # colorScheme = "dark"
+
+  [params.footer]
+    # Color scheme for the footer (default: "light")
+    # colorScheme = "dark"

themes/hugo-bootstrap-5/exampleSite/content/about.de.md

@@ -0,0 +1,13 @@
+---
+title: "Über uns"
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex vel orci dapibus aliquam non in metus. Vestibulum posuere justo nunc, eu eleifend orci dignissim in. Vestibulum eu eros neque. Quisque luctus posuere sapien nec accumsan. Maecenas mattis, nisl ac dictum ultrices, ligula eros vehicula eros, vel fermentum diam erat eget dolor. Suspendisse vitae felis ligula. Integer quis tincidunt risus, convallis ullamcorper dui. Suspendisse potenti. Sed scelerisque volutpat leo, at mattis ipsum posuere nec. Cras id velit imperdiet, laoreet lorem et, feugiat elit. Donec vitae odio fringilla, porttitor eros vel, varius magna.
+
+Nulla molestie laoreet tortor, nec congue eros lacinia eget. Etiam aliquet odio semper felis ultrices, eget suscipit ex interdum. Proin maximus, dolor ac suscipit pretium, metus sapien pulvinar velit, posuere placerat libero urna nec dui. Praesent sed porttitor lacus. Suspendisse volutpat tempor gravida. Nam a dolor sed erat hendrerit porttitor. Sed semper eget sem et mollis. Integer ultrices luctus tellus, vitae semper augue tristique et. Phasellus sit amet ornare libero. Etiam risus tortor, suscipit non tempor vitae, sodales quis elit. Aliquam convallis nisl ac erat euismod scelerisque. Vivamus ornare lectus sit amet nisl facilisis maximus. Nulla interdum eu diam sit amet auctor. Nulla dapibus laoreet metus, et lacinia nulla facilisis ut. Duis volutpat nibh maximus ultrices sollicitudin. Curabitur orci justo, finibus ac ipsum eget, scelerisque pharetra elit.
+
+In hac habitasse platea dictumst. Suspendisse facilisis justo posuere, luctus mi vel, elementum quam. Nullam imperdiet elit a erat gravida pretium. Cras pretium metus odio, tristique interdum urna varius a. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent fringilla mauris id tincidunt varius. Aliquam erat volutpat. Suspendisse vitae euismod neque. Maecenas porta mauris a lectus suscipit, vehicula dictum odio condimentum. Ut at luctus enim, in pretium urna.
+
+Phasellus sagittis at mauris vitae mattis. Proin sed tortor fringilla, porta risus sed, faucibus odio. Maecenas fermentum vitae metus sit amet rutrum. Fusce porttitor elit vitae nisi sollicitudin luctus. Nunc purus urna, porttitor quis neque ac, viverra volutpat arcu. Sed pulvinar pellentesque placerat. Praesent iaculis, nisl non efficitur fermentum, lacus ligula porta tortor, feugiat dapibus diam justo a sapien. Sed neque odio, fermentum eu convallis non, consequat sollicitudin sem. Nullam placerat augue sed tortor ultricies vulputate. Nunc cursus elit at consectetur accumsan. Suspendisse potenti. Cras ultrices interdum dui vitae consequat. Maecenas porta mauris urna, in fermentum nisi pharetra eu.
+
+Donec a ex sit amet mauris accumsan sagittis vel eget turpis. In leo lorem, dignissim vitae justo sit amet, congue porttitor nisi. Nunc commodo mattis dapibus. Proin condimentum sagittis euismod. Quisque consectetur velit sed volutpat dignissim. Proin ac enim metus. Quisque eu arcu sapien. In hac habitasse platea dictumst. Etiam scelerisque urna risus, a sagittis diam ornare sed. 

themes/hugo-bootstrap-5/exampleSite/content/about.es.md

@@ -0,0 +1,13 @@
+---
+title: "Acerca de"
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex vel orci dapibus aliquam non in metus. Vestibulum posuere justo nunc, eu eleifend orci dignissim in. Vestibulum eu eros neque. Quisque luctus posuere sapien nec accumsan. Maecenas mattis, nisl ac dictum ultrices, ligula eros vehicula eros, vel fermentum diam erat eget dolor. Suspendisse vitae felis ligula. Integer quis tincidunt risus, convallis ullamcorper dui. Suspendisse potenti. Sed scelerisque volutpat leo, at mattis ipsum posuere nec. Cras id velit imperdiet, laoreet lorem et, feugiat elit. Donec vitae odio fringilla, porttitor eros vel, varius magna.
+
+Nulla molestie laoreet tortor, nec congue eros lacinia eget. Etiam aliquet odio semper felis ultrices, eget suscipit ex interdum. Proin maximus, dolor ac suscipit pretium, metus sapien pulvinar velit, posuere placerat libero urna nec dui. Praesent sed porttitor lacus. Suspendisse volutpat tempor gravida. Nam a dolor sed erat hendrerit porttitor. Sed semper eget sem et mollis. Integer ultrices luctus tellus, vitae semper augue tristique et. Phasellus sit amet ornare libero. Etiam risus tortor, suscipit non tempor vitae, sodales quis elit. Aliquam convallis nisl ac erat euismod scelerisque. Vivamus ornare lectus sit amet nisl facilisis maximus. Nulla interdum eu diam sit amet auctor. Nulla dapibus laoreet metus, et lacinia nulla facilisis ut. Duis volutpat nibh maximus ultrices sollicitudin. Curabitur orci justo, finibus ac ipsum eget, scelerisque pharetra elit.
+
+In hac habitasse platea dictumst. Suspendisse facilisis justo posuere, luctus mi vel, elementum quam. Nullam imperdiet elit a erat gravida pretium. Cras pretium metus odio, tristique interdum urna varius a. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent fringilla mauris id tincidunt varius. Aliquam erat volutpat. Suspendisse vitae euismod neque. Maecenas porta mauris a lectus suscipit, vehicula dictum odio condimentum. Ut at luctus enim, in pretium urna.
+
+Phasellus sagittis at mauris vitae mattis. Proin sed tortor fringilla, porta risus sed, faucibus odio. Maecenas fermentum vitae metus sit amet rutrum. Fusce porttitor elit vitae nisi sollicitudin luctus. Nunc purus urna, porttitor quis neque ac, viverra volutpat arcu. Sed pulvinar pellentesque placerat. Praesent iaculis, nisl non efficitur fermentum, lacus ligula porta tortor, feugiat dapibus diam justo a sapien. Sed neque odio, fermentum eu convallis non, consequat sollicitudin sem. Nullam placerat augue sed tortor ultricies vulputate. Nunc cursus elit at consectetur accumsan. Suspendisse potenti. Cras ultrices interdum dui vitae consequat. Maecenas porta mauris urna, in fermentum nisi pharetra eu.
+
+Donec a ex sit amet mauris accumsan sagittis vel eget turpis. In leo lorem, dignissim vitae justo sit amet, congue porttitor nisi. Nunc commodo mattis dapibus. Proin condimentum sagittis euismod. Quisque consectetur velit sed volutpat dignissim. Proin ac enim metus. Quisque eu arcu sapien. In hac habitasse platea dictumst. Etiam scelerisque urna risus, a sagittis diam ornare sed. 

themes/hugo-bootstrap-5/exampleSite/content/about.md

@@ -0,0 +1,13 @@
+---
+title: "About"
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex vel orci dapibus aliquam non in metus. Vestibulum posuere justo nunc, eu eleifend orci dignissim in. Vestibulum eu eros neque. Quisque luctus posuere sapien nec accumsan. Maecenas mattis, nisl ac dictum ultrices, ligula eros vehicula eros, vel fermentum diam erat eget dolor. Suspendisse vitae felis ligula. Integer quis tincidunt risus, convallis ullamcorper dui. Suspendisse potenti. Sed scelerisque volutpat leo, at mattis ipsum posuere nec. Cras id velit imperdiet, laoreet lorem et, feugiat elit. Donec vitae odio fringilla, porttitor eros vel, varius magna.
+
+Nulla molestie laoreet tortor, nec congue eros lacinia eget. Etiam aliquet odio semper felis ultrices, eget suscipit ex interdum. Proin maximus, dolor ac suscipit pretium, metus sapien pulvinar velit, posuere placerat libero urna nec dui. Praesent sed porttitor lacus. Suspendisse volutpat tempor gravida. Nam a dolor sed erat hendrerit porttitor. Sed semper eget sem et mollis. Integer ultrices luctus tellus, vitae semper augue tristique et. Phasellus sit amet ornare libero. Etiam risus tortor, suscipit non tempor vitae, sodales quis elit. Aliquam convallis nisl ac erat euismod scelerisque. Vivamus ornare lectus sit amet nisl facilisis maximus. Nulla interdum eu diam sit amet auctor. Nulla dapibus laoreet metus, et lacinia nulla facilisis ut. Duis volutpat nibh maximus ultrices sollicitudin. Curabitur orci justo, finibus ac ipsum eget, scelerisque pharetra elit.
+
+In hac habitasse platea dictumst. Suspendisse facilisis justo posuere, luctus mi vel, elementum quam. Nullam imperdiet elit a erat gravida pretium. Cras pretium metus odio, tristique interdum urna varius a. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent fringilla mauris id tincidunt varius. Aliquam erat volutpat. Suspendisse vitae euismod neque. Maecenas porta mauris a lectus suscipit, vehicula dictum odio condimentum. Ut at luctus enim, in pretium urna.
+
+Phasellus sagittis at mauris vitae mattis. Proin sed tortor fringilla, porta risus sed, faucibus odio. Maecenas fermentum vitae metus sit amet rutrum. Fusce porttitor elit vitae nisi sollicitudin luctus. Nunc purus urna, porttitor quis neque ac, viverra volutpat arcu. Sed pulvinar pellentesque placerat. Praesent iaculis, nisl non efficitur fermentum, lacus ligula porta tortor, feugiat dapibus diam justo a sapien. Sed neque odio, fermentum eu convallis non, consequat sollicitudin sem. Nullam placerat augue sed tortor ultricies vulputate. Nunc cursus elit at consectetur accumsan. Suspendisse potenti. Cras ultrices interdum dui vitae consequat. Maecenas porta mauris urna, in fermentum nisi pharetra eu.
+
+Donec a ex sit amet mauris accumsan sagittis vel eget turpis. In leo lorem, dignissim vitae justo sit amet, congue porttitor nisi. Nunc commodo mattis dapibus. Proin condimentum sagittis euismod. Quisque consectetur velit sed volutpat dignissim. Proin ac enim metus. Quisque eu arcu sapien. In hac habitasse platea dictumst. Etiam scelerisque urna risus, a sagittis diam ornare sed. 

themes/hugo-bootstrap-5/exampleSite/content/contact.de.md

@@ -0,0 +1,5 @@
+---
+title: "Kontakt"
+---
+
+Kontaktieren Sie uns!

themes/hugo-bootstrap-5/exampleSite/content/contact.es.md

@@ -0,0 +1,5 @@
+---
+title: "Contacto"
+---
+
+Contact us!

themes/hugo-bootstrap-5/exampleSite/content/contact.md

@@ -0,0 +1,5 @@
+---
+title: "Contact"
+---
+
+Contact us!

themes/hugo-bootstrap-5/exampleSite/content/post/2015-01-04-first-post.es.md

@@ -0,0 +1,13 @@
+---
+title: Primer comentario!
+date: 2015-01-05
+tags: ["demo"]
+---
+
+This is my first post, how exciting!
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+
+<!--more-->
+
+Nullam at magna blandit, bibendum massa non, tincidunt turpis. Phasellus convallis lorem quis leo vulputate posuere. Nullam sit amet mattis lorem. Praesent et dolor feugiat, fringilla mauris iaculis, fringilla purus. Duis a finibus justo. Praesent tincidunt malesuada quam, ornare euismod sem vulputate vitae. Suspendisse consectetur ut felis vel tempor. Ut a viverra quam, quis luctus lorem. Pellentesque dolor ipsum, euismod vitae felis sit amet, fermentum consequat mi. Pellentesque eget mauris eu mi suscipit consequat.

themes/hugo-bootstrap-5/exampleSite/content/post/2015-01-04-first-post.md

@@ -0,0 +1,13 @@
+---
+title: First post!
+date: 2015-01-05
+tags: ["demo"]
+---
+
+This is my first post, how exciting!
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+
+<!--more-->
+
+Nullam at magna blandit, bibendum massa non, tincidunt turpis. Phasellus convallis lorem quis leo vulputate posuere. Nullam sit amet mattis lorem. Praesent et dolor feugiat, fringilla mauris iaculis, fringilla purus. Duis a finibus justo. Praesent tincidunt malesuada quam, ornare euismod sem vulputate vitae. Suspendisse consectetur ut felis vel tempor. Ut a viverra quam, quis luctus lorem. Pellentesque dolor ipsum, euismod vitae felis sit amet, fermentum consequat mi. Pellentesque eget mauris eu mi suscipit consequat.

themes/hugo-bootstrap-5/exampleSite/content/post/2016-01-04-first-post.de.md

@@ -0,0 +1,13 @@
+---
+title: Erster Artikel!
+date: 2015-01-05
+tags: ["demo"]
+---
+
+Das ist mein erster Artikel, wie spannend!
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+<!--more-->
+
+Nullam at magna blandit, bibendum massa non, tincidunt turpis. Phasellus convallis lorem quis leo vulputate posuere. Nullam sit amet mattis lorem. Praesent et dolor feugiat, fringilla mauris iaculis, fringilla purus. Duis a finibus justo. Praesent tincidunt malesuada quam, ornare euismod sem vulputate vitae. Suspendisse consectetur ut felis vel tempor. Ut a viverra quam, quis luctus lorem. Pellentesque dolor ipsum, euismod vitae felis sit amet, fermentum consequat mi. Pellentesque eget mauris eu mi suscipit consequat.

themes/hugo-bootstrap-5/exampleSite/content/post/_index.md

@@ -0,0 +1,4 @@
+---
+title: Posts
+---
+Hello world!

themes/hugo-bootstrap-5/exampleSite/content/post/creating-a-new-theme.md

@@ -0,0 +1,1147 @@
+---
+author: "Michael Henderson"
+date: 2014-09-28
+linktitle: Creating a New Theme
+next: /tutorials/github-pages-blog
+prev: /tutorials/automated-deployments
+title: Creating a New Theme
+weight: 10
+---
+
+
+## Introduction
+
+This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I'll explain how Hugo uses templates and how you can organize your templates to create a theme. I won't cover using CSS to style your theme.
+
+We'll start with creating a new site with a very basic template. Then we'll add in a few pages and posts. With small variations on that, you will be able to create many different types of web sites.
+
+In this tutorial, commands that you enter will start with the "$" prompt. The output will follow. Lines that start with "#" are comments that I've added to explain a point. When I show updates to a file, the ":wq" on the last line means to save the file.
+
+Here's an example:
+
+```
+## this is a comment
+$ echo this is a command
+this is a command
+
+## edit the file
+$vi foo.md
++++
+date = "2014-09-28"
+title = "creating a new theme"
++++
+
+bah and humbug
+:wq
+
+## show it
+$ cat foo.md
++++
+date = "2014-09-28"
+title = "creating a new theme"
++++
+
+bah and humbug
+$
+```
+
+
+## Some Definitions
+
+There are a few concepts that you need to understand before creating a theme.
+
+### Skins
+
+Skins are the files responsible for the look and feel of your site. It’s the CSS that controls colors and fonts, it’s the Javascript that determines actions and reactions. It’s also the rules that Hugo uses to transform your content into the HTML that the site will serve to visitors.
+
+You have two ways to create a skin. The simplest way is to create it in the ```layouts/``` directory. If you do, then you don’t have to worry about configuring Hugo to recognize it. The first place that Hugo will look for rules and files is in the ```layouts/``` directory so it will always find the skin.
+
+Your second choice is to create it in a sub-directory of the ```themes/``` directory. If you do, then you must always tell Hugo where to search for the skin. It’s extra work, though, so why bother with it?
+
+The difference between creating a skin in ```layouts/``` and creating it in ```themes/``` is very subtle. A skin in ```layouts/``` can’t be customized without updating the templates and static files that it is built from. A skin created in ```themes/```, on the other hand, can be and that makes it easier for other people to use it.
+
+The rest of this tutorial will call a skin created in the ```themes/``` directory a theme.
+
+Note that you can use this tutorial to create a skin in the ```layouts/``` directory if you wish to. The main difference will be that you won’t need to update the site’s configuration file to use a theme.
+
+### The Home Page
+
+The home page, or landing page, is the first page that many visitors to a site see. It is the index.html file in the root directory of the web site. Since Hugo writes files to the public/ directory, our home page is public/index.html.
+
+### Site Configuration File
+
+When Hugo runs, it looks for a configuration file that contains settings that override default values for the entire site. The file can use TOML, YAML, or JSON. I prefer to use TOML for my configuration files. If you prefer to use JSON or YAML, you’ll need to translate my examples. You’ll also need to change the name of the file since Hugo uses the extension to determine how to process it.
+
+Hugo translates Markdown files into HTML. By default, Hugo expects to find Markdown files in your ```content/``` directory and template files in your ```themes/``` directory. It will create HTML files in your ```public/``` directory. You can change this by specifying alternate locations in the configuration file.
+
+### Content
+
+Content is stored in text files that contain two sections. The first section is the “front matter,” which is the meta-information on the content. The second section contains Markdown that will be converted to HTML.
+
+#### Front Matter
+
+The front matter is information about the content. Like the configuration file, it can be written in TOML, YAML, or JSON. Unlike the configuration file, Hugo doesn’t use the file’s extension to know the format. It looks for markers to signal the type. TOML is surrounded by “`+++`”, YAML by “`---`”, and JSON is enclosed in curly braces. I prefer to use TOML, so you’ll need to translate my examples if you prefer YAML or JSON.
+
+The information in the front matter is passed into the template before the content is rendered into HTML.
+
+#### Markdown
+
+Content is written in Markdown which makes it easier to create the content. Hugo runs the content through a Markdown engine to create the HTML which will be written to the output file.
+
+### Template Files
+
+Hugo uses template files to render content into HTML. Template files are a bridge between the content and presentation. Rules in the template define what content is published, where it's published to, and how it will rendered to the HTML file. The template guides the presentation by specifying the style to use.
+
+There are three types of templates: single, list, and partial. Each type takes a bit of content as input and transforms it based on the commands in the template.
+
+Hugo uses its knowledge of the content to find the template file used to render the content. If it can’t find a template that is an exact match for the content, it will shift up a level and search from there. It will continue to do so until it finds a matching template or runs out of templates to try. If it can’t find a template, it will use the default template for the site.
+
+Please note that you can use the front matter to influence Hugo’s choice of templates.
+
+#### Single Template
+
+A single template is used to render a single piece of content. For example, an article or post would be a single piece of content and use a single template.
+
+#### List Template
+
+A list template renders a group of related content. That could be a summary of recent postings or all articles in a category. List templates can contain multiple groups.
+
+The homepage template is a special type of list template. Hugo assumes that the home page of your site will act as the portal for the rest of the content in the site.
+
+#### Partial Template
+
+A partial template is a template that can be included in other templates. Partial templates must be called using the “partial” template command. They are very handy for rolling up common behavior. For example, your site may have a banner that all pages use. Instead of copying the text of the banner into every single and list template, you could create a partial with the banner in it. That way if you decide to change the banner, you only have to change the partial template.
+
+## Create a New Site
+
+Let's use Hugo to create a new web site. I'm a Mac user, so I'll create mine in my home directory, in the Sites folder. If you're using Linux, you might have to create the folder first.
+
+The "new site" command will create a skeleton of a site. It will give you the basic directory structure and a useable configuration file.
+
+```
+$ hugo new site ~/Sites/zafta
+$ cd ~/Sites/zafta
+$ ls -l
+total 8
+drwxr-xr-x  7 quoha  staff  238 Sep 29 16:49 .
+drwxr-xr-x  3 quoha  staff  102 Sep 29 16:49 ..
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 archetypes
+-rw-r--r--  1 quoha  staff   82 Sep 29 16:49 config.toml
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 content
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 layouts
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 static
+$
+```
+
+Take a look in the content/ directory to confirm that it is empty.
+
+The other directories (archetypes/, layouts/, and static/) are used when customizing a theme. That's a topic for a different tutorial, so please ignore them for now.
+
+### Generate the HTML For the New Site
+
+Running the `hugo` command with no options will read all the available content and generate the HTML files. It will also copy all static files (that's everything that's not content). Since we have an empty site, it won't do much, but it will do it very quickly.
+
+```
+$ hugo --verbose
+INFO: 2014/09/29 Using config file: config.toml
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/static/ to /Users/quoha/Sites/zafta/public/
+WARN: 2014/09/29 Unable to locate layout: [index.html _default/list.html _default/single.html]
+WARN: 2014/09/29 Unable to locate layout: [404.html]
+0 draft content 
+0 future content 
+0 pages created 
+0 tags created
+0 categories created
+in 2 ms
+$ 
+```
+
+The "`--verbose`" flag gives extra information that will be helpful when we build the template. Every line of the output that starts with "INFO:" or "WARN:" is present because we used that flag. The lines that start with "WARN:" are warning messages. We'll go over them later.
+
+We can verify that the command worked by looking at the directory again.
+
+```
+$ ls -l
+total 8
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 archetypes
+-rw-r--r--  1 quoha  staff   82 Sep 29 16:49 config.toml
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 content
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 layouts
+drwxr-xr-x  4 quoha  staff  136 Sep 29 17:02 public
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 static
+$
+```
+
+See that new public/ directory? Hugo placed all generated content there. When you're ready to publish your web site, that's the place to start. For now, though, let's just confirm that we have what we'd expect from a site with no content.
+
+```
+$ ls -l public
+total 16
+-rw-r--r--  1 quoha  staff  416 Sep 29 17:02 index.xml
+-rw-r--r--  1 quoha  staff  262 Sep 29 17:02 sitemap.xml
+$ 
+```
+
+Hugo created two XML files, which is standard, but there are no HTML files.
+
+
+
+### Test the New Site
+
+Verify that you can run the built-in web server. It will dramatically shorten your development cycle if you do. Start it by running the "server" command. If it is successful, you will see output similar to the following:
+
+```
+$ hugo server --verbose
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/static/ to /Users/quoha/Sites/zafta/public/
+WARN: 2014/09/29 Unable to locate layout: [index.html _default/list.html _default/single.html]
+WARN: 2014/09/29 Unable to locate layout: [404.html]
+0 draft content 
+0 future content 
+0 pages created 
+0 tags created
+0 categories created
+in 2 ms
+Serving pages from /Users/quoha/Sites/zafta/public
+Web Server is available at http://localhost:1313
+Press Ctrl+C to stop
+```
+
+Connect to the listed URL (it's on the line that starts with "Web Server"). If everything is working correctly, you should get a page that shows the following:
+
+```
+index.xml
+sitemap.xml
+```
+
+That's a listing of your public/ directory. Hugo didn't create a home page because our site has no content. When there's no index.html file in a directory, the server lists the files in the directory, which is what you should see in your browser.
+
+Let’s go back and look at those warnings again.
+
+```
+WARN: 2014/09/29 Unable to locate layout: [index.html _default/list.html _default/single.html]
+WARN: 2014/09/29 Unable to locate layout: [404.html]
+```
+
+That second warning is easier to explain. We haven’t created a template to be used to generate “page not found errors.” The 404 message is a topic for a separate tutorial.
+
+Now for the first warning. It is for the home page. You can tell because the first layout that it looked for was “index.html.” That’s only used by the home page.
+
+I like that the verbose flag causes Hugo to list the files that it's searching for. For the home page, they are index.html, _default/list.html, and _default/single.html. There are some rules that we'll cover later that explain the names and paths. For now, just remember that Hugo couldn't find a template for the home page and it told you so.
+
+At this point, you've got a working installation and site that we can build upon. All that’s left is to add some content and a theme to display it.
+
+## Create a New Theme
+
+Hugo doesn't ship with a default theme. There are a few available (I counted a dozen when I first installed Hugo) and Hugo comes with a command to create new themes.
+
+We're going to create a new theme called "zafta." Since the goal of this tutorial is to show you how to fill out the files to pull in your content, the theme will not contain any CSS. In other words, ugly but functional.
+
+All themes have opinions on content and layout. For example, Zafta uses "post" over "blog". Strong opinions make for simpler templates but differing opinions make it tougher to use themes. When you build a theme, consider using the terms that other themes do.
+
+
+### Create a Skeleton
+
+Use the hugo "new" command to create the skeleton of a theme. This creates the directory structure and places empty files for you to fill out.
+
+```
+$ hugo new theme zafta
+
+$ ls -l
+total 8
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 archetypes
+-rw-r--r--  1 quoha  staff   82 Sep 29 16:49 config.toml
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 content
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 layouts
+drwxr-xr-x  4 quoha  staff  136 Sep 29 17:02 public
+drwxr-xr-x  2 quoha  staff   68 Sep 29 16:49 static
+drwxr-xr-x  3 quoha  staff  102 Sep 29 17:31 themes
+
+$ find themes -type f | xargs ls -l
+-rw-r--r--  1 quoha  staff  1081 Sep 29 17:31 themes/zafta/LICENSE.md
+-rw-r--r--  1 quoha  staff     0 Sep 29 17:31 themes/zafta/archetypes/default.md
+-rw-r--r--  1 quoha  staff     0 Sep 29 17:31 themes/zafta/layouts/_default/list.html
+-rw-r--r--  1 quoha  staff     0 Sep 29 17:31 themes/zafta/layouts/_default/single.html
+-rw-r--r--  1 quoha  staff     0 Sep 29 17:31 themes/zafta/layouts/index.html
+-rw-r--r--  1 quoha  staff     0 Sep 29 17:31 themes/zafta/layouts/partials/footer.html
+-rw-r--r--  1 quoha  staff     0 Sep 29 17:31 themes/zafta/layouts/partials/header.html
+-rw-r--r--  1 quoha  staff    93 Sep 29 17:31 themes/zafta/theme.toml
+$ 
+```
+
+The skeleton includes templates (the files ending in .html), license file, a description of your theme (the theme.toml file), and an empty archetype.
+
+Please take a minute to fill out the theme.toml and LICENSE.md files. They're optional, but if you're going to be distributing your theme, it tells the world who to praise (or blame). It's also nice to declare the license so that people will know how they can use the theme.
+
+```
+$ vi themes/zafta/theme.toml
+author = "michael d henderson"
+description = "a minimal working template"
+license = "MIT"
+name = "zafta"
+source_repo = ""
+tags = ["tags", "categories"]
+:wq
+
+## also edit themes/zafta/LICENSE.md and change
+## the bit that says "YOUR_NAME_HERE"
+```
+
+Note that the the skeleton's template files are empty. Don't worry, we'll be changing that shortly.
+
+```
+$ find themes/zafta -name '*.html' | xargs ls -l
+-rw-r--r--  1 quoha  staff  0 Sep 29 17:31 themes/zafta/layouts/_default/list.html
+-rw-r--r--  1 quoha  staff  0 Sep 29 17:31 themes/zafta/layouts/_default/single.html
+-rw-r--r--  1 quoha  staff  0 Sep 29 17:31 themes/zafta/layouts/index.html
+-rw-r--r--  1 quoha  staff  0 Sep 29 17:31 themes/zafta/layouts/partials/footer.html
+-rw-r--r--  1 quoha  staff  0 Sep 29 17:31 themes/zafta/layouts/partials/header.html
+$
+```
+
+
+
+### Update the Configuration File to Use the Theme
+
+Now that we've got a theme to work with, it's a good idea to add the theme name to the configuration file. This is optional, because you can always add "-t zafta" on all your commands. I like to put it the configuration file because I like shorter command lines. If you don't put it in the configuration file or specify it on the command line, you won't use the template that you're expecting to.
+
+Edit the file to add the theme, add a title for the site, and specify that all of our content will use the TOML format.
+
+```
+$ vi config.toml
+theme = "zafta"
+baseurl = ""
+languageCode = "en-us"
+title = "zafta - totally refreshing"
+MetaDataFormat = "toml"
+:wq
+
+$
+```
+
+### Generate the Site
+
+Now that we have an empty theme, let's generate the site again.
+
+```
+$ hugo --verbose
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/themes/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/static/ to /Users/quoha/Sites/zafta/public/
+WARN: 2014/09/29 Unable to locate layout: [404.html theme/404.html]
+0 draft content 
+0 future content 
+0 pages created 
+0 tags created
+0 categories created
+in 2 ms
+$
+```
+
+Did you notice that the output is different? The warning message for the home page has disappeared and we have an additional information line saying that Hugo is syncing from the theme's directory.
+
+Let's check the public/ directory to see what Hugo's created.
+
+```
+$ ls -l public
+total 16
+drwxr-xr-x  2 quoha  staff   68 Sep 29 17:56 css
+-rw-r--r--  1 quoha  staff    0 Sep 29 17:56 index.html
+-rw-r--r--  1 quoha  staff  407 Sep 29 17:56 index.xml
+drwxr-xr-x  2 quoha  staff   68 Sep 29 17:56 js
+-rw-r--r--  1 quoha  staff  243 Sep 29 17:56 sitemap.xml
+$
+```
+
+Notice four things:
+
+1. Hugo created a home page. This is the file public/index.html.
+2. Hugo created a css/ directory.
+3. Hugo created a js/ directory.
+4. Hugo claimed that it created 0 pages. It created a file and copied over static files, but didn't create any pages. That's because it considers a "page" to be a file created directly from a content file. It doesn't count things like the index.html files that it creates automatically.
+
+#### The Home Page
+
+Hugo supports many different types of templates. The home page is special because it gets its own type of template and its own template file. The file, layouts/index.html, is used to generate the HTML for the home page. The Hugo documentation says that this is the only required template, but that depends. Hugo's warning message shows that it looks for three different templates:
+
+```
+WARN: 2014/09/29 Unable to locate layout: [index.html _default/list.html _default/single.html]
+```
+
+If it can't find any of these, it completely skips creating the home page. We noticed that when we built the site without having a theme installed.
+
+When Hugo created our theme, it created an empty home page template. Now, when we build the site, Hugo finds the template and uses it to generate the HTML for the home page. Since the template file is empty, the HTML file is empty, too. If the template had any rules in it, then Hugo would have used them to generate the home page.
+
+```
+$ find . -name index.html | xargs ls -l
+-rw-r--r--  1 quoha  staff  0 Sep 29 20:21 ./public/index.html
+-rw-r--r--  1 quoha  staff  0 Sep 29 17:31 ./themes/zafta/layouts/index.html
+$ 
+```
+
+#### The Magic of Static
+
+Hugo does two things when generating the site. It uses templates to transform content into HTML and it copies static files into the site. Unlike content, static files are not transformed. They are copied exactly as they are.
+
+Hugo assumes that your site will use both CSS and JavaScript, so it creates directories in your theme to hold them. Remember opinions? Well, Hugo's opinion is that you'll store your CSS in a directory named css/ and your JavaScript in a directory named js/. If you don't like that, you can change the directory names in your theme directory or even delete them completely. Hugo's nice enough to offer its opinion, then behave nicely if you disagree.
+
+```
+$ find themes/zafta -type d | xargs ls -ld
+drwxr-xr-x  7 quoha  staff  238 Sep 29 17:38 themes/zafta
+drwxr-xr-x  3 quoha  staff  102 Sep 29 17:31 themes/zafta/archetypes
+drwxr-xr-x  5 quoha  staff  170 Sep 29 17:31 themes/zafta/layouts
+drwxr-xr-x  4 quoha  staff  136 Sep 29 17:31 themes/zafta/layouts/_default
+drwxr-xr-x  4 quoha  staff  136 Sep 29 17:31 themes/zafta/layouts/partials
+drwxr-xr-x  4 quoha  staff  136 Sep 29 17:31 themes/zafta/static
+drwxr-xr-x  2 quoha  staff   68 Sep 29 17:31 themes/zafta/static/css
+drwxr-xr-x  2 quoha  staff   68 Sep 29 17:31 themes/zafta/static/js
+$ 
+```
+
+## The Theme Development Cycle
+
+When you're working on a theme, you will make changes in the theme's directory, rebuild the site, and check your changes in the browser. Hugo makes this very easy:
+
+1. Purge the public/ directory.
+2. Run the built in web server in watch mode.
+3. Open your site in a browser.
+4. Update the theme.
+5. Glance at your browser window to see changes.
+6. Return to step 4.
+
+I’ll throw in one more opinion: never work on a theme on a live site. Always work on a copy of your site. Make changes to your theme, test them, then copy them up to your site. For added safety, use a tool like Git to keep a revision history of your content and your theme. Believe me when I say that it is too easy to lose both your mind and your changes.
+
+Check the main Hugo site for information on using Git with Hugo.
+
+### Purge the public/ Directory
+
+When generating the site, Hugo will create new files and update existing ones in the ```public/``` directory. It will not delete files that are no longer used. For example, files that were created in the wrong directory or with the wrong title will remain. If you leave them, you might get confused by them later. I recommend cleaning out your site prior to generating it.
+
+Note: If you're building on an SSD, you should ignore this. Churning on a SSD can be costly.
+
+### Hugo's Watch Option
+
+Hugo's "`--watch`" option will monitor the content/ and your theme directories for changes and rebuild the site automatically.
+
+### Live Reload
+
+Hugo's built in web server supports live reload. As pages are saved on the server, the browser is told to refresh the page. Usually, this happens faster than you can say, "Wow, that's totally amazing."
+
+### Development Commands
+
+Use the following commands as the basis for your workflow.
+
+```
+## purge old files. hugo will recreate the public directory.
+##
+$ rm -rf public
+##
+## run hugo in watch mode
+##
+$ hugo server --watch --verbose
+```
+
+Here's sample output showing Hugo detecting a change to the template for the home page. Once generated, the web browser automatically reloaded the page. I've said this before, it's amazing.
+
+
+```
+$ rm -rf public
+$ hugo server --watch --verbose
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/themes/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/static/ to /Users/quoha/Sites/zafta/public/
+WARN: 2014/09/29 Unable to locate layout: [404.html theme/404.html]
+0 draft content 
+0 future content 
+0 pages created 
+0 tags created
+0 categories created
+in 2 ms
+Watching for changes in /Users/quoha/Sites/zafta/content
+Serving pages from /Users/quoha/Sites/zafta/public
+Web Server is available at http://localhost:1313
+Press Ctrl+C to stop
+INFO: 2014/09/29 File System Event: ["/Users/quoha/Sites/zafta/themes/zafta/layouts/index.html": MODIFY|ATTRIB]
+Change detected, rebuilding site
+
+WARN: 2014/09/29 Unable to locate layout: [404.html theme/404.html]
+0 draft content 
+0 future content 
+0 pages created 
+0 tags created
+0 categories created
+in 1 ms
+```
+
+## Update the Home Page Template
+
+The home page is one of a few special pages that Hugo creates automatically. As mentioned earlier, it looks for one of three files in the theme's layout/ directory:
+
+1. index.html
+2. _default/list.html
+3. _default/single.html
+
+We could update one of the default templates, but a good design decision is to update the most specific template available. That's not a hard and fast rule (in fact, we'll break it a few times in this tutorial), but it is a good generalization.
+
+### Make a Static Home Page
+
+Right now, that page is empty because we don't have any content and we don't have any logic in the template. Let's change that by adding some text to the template.
+
+```
+$ vi themes/zafta/layouts/index.html
+<!DOCTYPE html> 
+<html> 
+<body> 
+  <p>hugo says hello!</p> 
+</body> 
+</html> 
+:wq
+
+$
+```
+
+Build the web site and then verify the results.
+
+```
+$ hugo --verbose
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/themes/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/static/ to /Users/quoha/Sites/zafta/public/
+WARN: 2014/09/29 Unable to locate layout: [404.html theme/404.html]
+0 draft content 
+0 future content 
+0 pages created 
+0 tags created
+0 categories created
+in 2 ms
+
+$ find public -type f -name '*.html' | xargs ls -l
+-rw-r--r--  1 quoha  staff  78 Sep 29 21:26 public/index.html
+
+$ cat public/index.html 
+<!DOCTYPE html> 
+<html> 
+<body> 
+  <p>hugo says hello!</p> 
+</html>
+```
+
+#### Live Reload
+
+Note: If you're running the server with the `--watch` option, you'll see different content in the file:
+
+```
+$ cat public/index.html 
+<!DOCTYPE html> 
+<html> 
+<body> 
+  <p>hugo says hello!</p> 
+<script>document.write('<script src="http://' 
+        + (location.host || 'localhost').split(':')[0] 
+    + ':1313/livereload.js?mindelay=10"></' 
+        + 'script>')</script></body> 
+</html>
+```
+
+When you use `--watch`, the Live Reload script is added by Hugo. Look for live reload in the documentation to see what it does and how to disable it.
+
+### Build a "Dynamic" Home Page
+
+"Dynamic home page?" Hugo's a static web site generator, so this seems an odd thing to say. I mean let's have the home page automatically reflect the content in the site every time Hugo builds it. We'll use iteration in the template to do that.
+
+#### Create New Posts
+
+Now that we have the home page generating static content, let's add some content to the site. We'll display these posts as a list on the home page and on their own page, too.
+
+Hugo has a command to generate a skeleton post, just like it does for sites and themes.
+
+```
+$ hugo --verbose new post/first.md
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 attempting to create  post/first.md of post
+INFO: 2014/09/29 curpath: /Users/quoha/Sites/zafta/themes/zafta/archetypes/default.md
+ERROR: 2014/09/29 Unable to Cast <nil> to map[string]interface{}
+
+$ 
+```
+
+That wasn't very nice, was it?
+
+The "new" command uses an archetype to create the post file. Hugo created an empty default archetype file, but that causes an error when there's a theme. For me, the workaround was to create an archetypes file specifically for the post type.
+
+```
+$ vi themes/zafta/archetypes/post.md
++++
+Description = ""
+Tags = []
+Categories = []
++++
+:wq
+
+$ find themes/zafta/archetypes -type f | xargs ls -l
+-rw-r--r--  1 quoha  staff   0 Sep 29 21:53 themes/zafta/archetypes/default.md
+-rw-r--r--  1 quoha  staff  51 Sep 29 21:54 themes/zafta/archetypes/post.md
+
+$ hugo --verbose new post/first.md
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 attempting to create  post/first.md of post
+INFO: 2014/09/29 curpath: /Users/quoha/Sites/zafta/themes/zafta/archetypes/post.md
+INFO: 2014/09/29 creating /Users/quoha/Sites/zafta/content/post/first.md
+/Users/quoha/Sites/zafta/content/post/first.md created
+
+$ hugo --verbose new post/second.md
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 attempting to create  post/second.md of post
+INFO: 2014/09/29 curpath: /Users/quoha/Sites/zafta/themes/zafta/archetypes/post.md
+INFO: 2014/09/29 creating /Users/quoha/Sites/zafta/content/post/second.md
+/Users/quoha/Sites/zafta/content/post/second.md created
+
+$ ls -l content/post
+total 16
+-rw-r--r--  1 quoha  staff  104 Sep 29 21:54 first.md
+-rw-r--r--  1 quoha  staff  105 Sep 29 21:57 second.md
+
+$ cat content/post/first.md 
++++
+Categories = []
+Description = ""
+Tags = []
+date = "2014-09-29T21:54:53-05:00"
+title = "first"
+
++++
+my first post
+
+$ cat content/post/second.md 
++++
+Categories = []
+Description = ""
+Tags = []
+date = "2014-09-29T21:57:09-05:00"
+title = "second"
+
++++
+my second post
+
+$ 
+```
+
+Build the web site and then verify the results.
+
+```
+$ rm -rf public
+$ hugo --verbose
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/themes/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 found taxonomies: map[string]string{"category":"categories", "tag":"tags"}
+WARN: 2014/09/29 Unable to locate layout: [404.html theme/404.html]
+0 draft content 
+0 future content 
+2 pages created 
+0 tags created
+0 categories created
+in 4 ms
+$
+```
+
+The output says that it created 2 pages. Those are our new posts:
+
+```
+$ find public -type f -name '*.html' | xargs ls -l
+-rw-r--r--  1 quoha  staff  78 Sep 29 22:13 public/index.html
+-rw-r--r--  1 quoha  staff   0 Sep 29 22:13 public/post/first/index.html
+-rw-r--r--  1 quoha  staff   0 Sep 29 22:13 public/post/index.html
+-rw-r--r--  1 quoha  staff   0 Sep 29 22:13 public/post/second/index.html
+$
+```
+
+The new files are empty because because the templates used to generate the content are empty. The homepage doesn't show the new content, either. We have to update the templates to add the posts.
+
+### List and Single Templates
+
+In Hugo, we have three major kinds of templates. There's the home page template that we updated previously. It is used only by the home page. We also have "single" templates which are used to generate output for a single content file. We also have "list" templates that are used to group multiple pieces of content before generating output.
+
+Generally speaking, list templates are named "list.html" and single templates are named "single.html."
+
+There are three other types of templates: partials, content views, and terms. We will not go into much detail on these.
+
+### Add Content to the Homepage
+
+The home page will contain a list of posts. Let's update its template to add the posts that we just created. The logic in the template will run every time we build the site.
+
+```
+$ vi themes/zafta/layouts/index.html 
+<!DOCTYPE html>
+<html>
+<body>
+  {{ range first 10 .Data.Pages }}
+    <h1>{{ .Title }}</h1>
+  {{ end }}
+</body>
+</html>
+:wq
+
+$
+```
+
+Hugo uses the Go template engine. That engine scans the template files for commands which are enclosed between "{{" and "}}". In our template, the commands are:
+
+1. range
+2. .Title
+3. end
+
+The "range" command is an iterator. We're going to use it to go through the first ten pages. Every HTML file that Hugo creates is treated as a page, so looping through the list of pages will look at every file that will be created.
+
+The ".Title" command prints the value of the "title" variable. Hugo pulls it from the front matter in the Markdown file.
+
+The "end" command signals the end of the range iterator. The engine loops back to the top of the iteration when it finds "end." Everything between the "range" and "end" is evaluated every time the engine goes through the iteration. In this file, that would cause the title from the first ten pages to be output as heading level one.
+
+It's helpful to remember that some variables, like .Data, are created before any output files. Hugo loads every content file into the variable and then gives the template a chance to process before creating the HTML files.
+
+Build the web site and then verify the results.
+
+```
+$ rm -rf public
+$ hugo --verbose
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/themes/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 found taxonomies: map[string]string{"tag":"tags", "category":"categories"}
+WARN: 2014/09/29 Unable to locate layout: [404.html theme/404.html]
+0 draft content 
+0 future content 
+2 pages created 
+0 tags created
+0 categories created
+in 4 ms
+$ find public -type f -name '*.html' | xargs ls -l 
+-rw-r--r--  1 quoha  staff  94 Sep 29 22:23 public/index.html
+-rw-r--r--  1 quoha  staff   0 Sep 29 22:23 public/post/first/index.html
+-rw-r--r--  1 quoha  staff   0 Sep 29 22:23 public/post/index.html
+-rw-r--r--  1 quoha  staff   0 Sep 29 22:23 public/post/second/index.html
+$ cat public/index.html 
+<!DOCTYPE html>
+<html>
+<body>
+  
+    <h1>second</h1>
+  
+    <h1>first</h1>
+  
+</body>
+</html>
+$
+```
+
+Congratulations, the home page shows the title of the two posts. The posts themselves are still empty, but let's take a moment to appreciate what we've done. Your template now generates output dynamically. Believe it or not, by inserting the range command inside of those curly braces, you've learned everything you need to know to build a theme. All that's really left is understanding which template will be used to generate each content file and becoming familiar with the commands for the template engine.
+
+And, if that were entirely true, this tutorial would be much shorter. There are a few things to know that will make creating a new template much easier. Don't worry, though, that's all to come.
+
+### Add Content to the Posts
+
+We're working with posts, which are in the content/post/ directory. That means that their section is "post" (and if we don't do something weird, their type is also "post").
+
+Hugo uses the section and type to find the template file for every piece of content. Hugo will first look for a template file that matches the section or type name. If it can't find one, then it will look in the _default/ directory. There are some twists that we'll cover when we get to categories and tags, but for now we can assume that Hugo will try post/single.html, then _default/single.html.
+
+Now that we know the search rule, let's see what we actually have available:
+
+```
+$ find themes/zafta -name single.html | xargs ls -l
+-rw-r--r--  1 quoha  staff  132 Sep 29 17:31 themes/zafta/layouts/_default/single.html
+```
+
+We could create a new template, post/single.html, or change the default. Since we don't know of any other content types, let's start with updating the default.
+
+Remember, any content that we haven't created a template for will end up using this template. That can be good or bad. Bad because I know that we're going to be adding different types of content and we're going to end up undoing some of the changes we've made. It's good because we'll be able to see immediate results. It's also good to start here because we can start to build the basic layout for the site. As we add more content types, we'll refactor this file and move logic around. Hugo makes that fairly painless, so we'll accept the cost and proceed.
+
+Please see the Hugo documentation on template rendering for all the details on determining which template to use. And, as the docs mention, if you're building a single page application (SPA) web site, you can delete all of the other templates and work with just the default single page. That's a refreshing amount of joy right there.
+
+#### Update the Template File
+
+```
+$ vi themes/zafta/layouts/_default/single.html 
+<!DOCTYPE html>
+<html>
+<head>
+  <title>{{ .Title }}</title>
+</head>
+<body>
+  <h1>{{ .Title }}</h1>
+  {{ .Content }}
+</body>
+</html>
+:wq
+
+$
+```
+
+Build the web site and verify the results.
+
+```
+$ rm -rf public
+$ hugo --verbose
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/themes/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 found taxonomies: map[string]string{"tag":"tags", "category":"categories"}
+WARN: 2014/09/29 Unable to locate layout: [404.html theme/404.html]
+0 draft content 
+0 future content 
+2 pages created 
+0 tags created
+0 categories created
+in 4 ms
+
+$ find public -type f -name '*.html' | xargs ls -l
+-rw-r--r--  1 quoha  staff   94 Sep 29 22:40 public/index.html
+-rw-r--r--  1 quoha  staff  125 Sep 29 22:40 public/post/first/index.html
+-rw-r--r--  1 quoha  staff    0 Sep 29 22:40 public/post/index.html
+-rw-r--r--  1 quoha  staff  128 Sep 29 22:40 public/post/second/index.html
+
+$ cat public/post/first/index.html 
+<!DOCTYPE html>
+<html>
+<head>
+  <title>first</title>
+</head>
+<body>
+  <h1>first</h1>
+  <p>my first post</p>
+
+</body>
+</html>
+
+$ cat public/post/second/index.html 
+<!DOCTYPE html>
+<html>
+<head>
+  <title>second</title>
+</head>
+<body>
+  <h1>second</h1>
+  <p>my second post</p>
+
+</body>
+</html>
+$
+```
+
+Notice that the posts now have content. You can go to localhost:1313/post/first to verify.
+
+### Linking to Content
+
+The posts are on the home page. Let's add a link from there to the post. Since this is the home page, we'll update its template.
+
+```
+$ vi themes/zafta/layouts/index.html
+<!DOCTYPE html>
+<html>
+<body>
+  {{ range first 10 .Data.Pages }}
+    <h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
+  {{ end }}
+</body>
+</html>
+```
+
+Build the web site and verify the results.
+
+```
+$ rm -rf public
+$ hugo --verbose
+INFO: 2014/09/29 Using config file: /Users/quoha/Sites/zafta/config.toml
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/themes/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 syncing from /Users/quoha/Sites/zafta/static/ to /Users/quoha/Sites/zafta/public/
+INFO: 2014/09/29 found taxonomies: map[string]string{"tag":"tags", "category":"categories"}
+WARN: 2014/09/29 Unable to locate layout: [404.html theme/404.html]
+0 draft content 
+0 future content 
+2 pages created 
+0 tags created
+0 categories created
+in 4 ms
+
+$ find public -type f -name '*.html' | xargs ls -l
+-rw-r--r--  1 quoha  staff  149 Sep 29 22:44 public/index.html
+-rw-r--r--  1 quoha  staff  125 Sep 29 22:44 public/post/first/index.html
+-rw-r--r--  1 quoha  staff    0 Sep 29 22:44 public/post/index.html
+-rw-r--r--  1 quoha  staff  128 Sep 29 22:44 public/post/second/index.html
+
+$ cat public/index.html 
+<!DOCTYPE html>
+<html>
+<body>
+  
+    <h1><a href="/post/second/">second</a></h1>
+  
+    <h1><a href="/post/first/">first</a></h1>
+  
+</body>
+</html>
+
+$
+```
+
+### Create a Post Listing
+
+We have the posts displaying on the home page and on their own page. We also have a file public/post/index.html that is empty. Let's make it show a list of all posts (not just the first ten).
+
+We need to decide which template to update. This will be a listing, so it should be a list template. Let's take a quick look and see which list templates are available.
+
+```
+$ find themes/zafta -name list.html | xargs ls -l
+-rw-r--r--  1 quoha  staff  0 Sep 29 17:31 themes/zafta/layouts/_default/list.html
+```
+
+As with the single post, we have to decide to update _default/list.html or create post/list.html. We still don't have multiple content types, so let's stay consistent and update the default list template.
+
+## Creating Top Level Pages
+
+Let's add an "about" page and display it at the top level (as opposed to a sub-level like we did with posts).
+
+The default in Hugo is to use the directory structure of the content/ directory to guide the location of the generated html in the public/ directory. Let's verify that by creating an "about" page at the top level:
+
+```
+$ vi content/about.md 
++++
+title = "about"
+description = "about this site"
+date = "2014-09-27"
+slug = "about time"
++++
+
+## about us
+
+i'm speechless
+:wq
+```
+
+Generate the web site and verify the results.
+
+```
+$ find public -name '*.html' | xargs ls -l
+-rw-rw-r--  1 mdhender  staff   334 Sep 27 15:08 public/about-time/index.html
+-rw-rw-r--  1 mdhender  staff   527 Sep 27 15:08 public/index.html
+-rw-rw-r--  1 mdhender  staff   358 Sep 27 15:08 public/post/first-post/index.html
+-rw-rw-r--  1 mdhender  staff     0 Sep 27 15:08 public/post/index.html
+-rw-rw-r--  1 mdhender  staff   342 Sep 27 15:08 public/post/second-post/index.html
+```
+
+Notice that the page wasn't created at the top level. It was created in a sub-directory named 'about-time/'. That name came from our slug. Hugo will use the slug to name the generated content. It's a reasonable default, by the way, but we can learn a few things by fighting it for this file.
+
+One other thing. Take a look at the home page.
+
+```
+$ cat public/index.html
+<!DOCTYPE html>
+<html>
+<body>
+    <h1><a href="http://localhost:1313/post/theme/">creating a new theme</a></h1>
+    <h1><a href="http://localhost:1313/about-time/">about</a></h1>
+    <h1><a href="http://localhost:1313/post/second-post/">second</a></h1>
+    <h1><a href="http://localhost:1313/post/first-post/">first</a></h1>
+<script>document.write('<script src="http://'
+        + (location.host || 'localhost').split(':')[0]
+		+ ':1313/livereload.js?mindelay=10"></'
+        + 'script>')</script></body>
+</html>
+```
+
+Notice that the "about" link is listed with the posts? That's not desirable, so let's change that first.
+
+```
+$ vi themes/zafta/layouts/index.html
+<!DOCTYPE html>
+<html>
+<body>
+  <h1>posts</h1>
+  {{ range first 10 .Data.Pages }}
+    {{ if eq .Type "post"}}
+      <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
+    {{ end }}
+  {{ end }}
+
+  <h1>pages</h1>
+  {{ range .Data.Pages }}
+    {{ if eq .Type "page" }}
+      <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
+    {{ end }}
+  {{ end }}
+</body>
+</html>
+:wq
+```
+
+Generate the web site and verify the results. The home page has two sections, posts and pages, and each section has the right set of headings and links in it.
+
+But, that about page still renders to about-time/index.html.
+
+```
+$ find public -name '*.html' | xargs ls -l
+-rw-rw-r--  1 mdhender  staff    334 Sep 27 15:33 public/about-time/index.html
+-rw-rw-r--  1 mdhender  staff    645 Sep 27 15:33 public/index.html
+-rw-rw-r--  1 mdhender  staff    358 Sep 27 15:33 public/post/first-post/index.html
+-rw-rw-r--  1 mdhender  staff      0 Sep 27 15:33 public/post/index.html
+-rw-rw-r--  1 mdhender  staff    342 Sep 27 15:33 public/post/second-post/index.html
+```
+
+Knowing that hugo is using the slug to generate the file name, the simplest solution is to change the slug. Let's do it the hard way and change the permalink in the configuration file.
+
+```
+$ vi config.toml
+[permalinks]
+	page = "/:title/"
+	about = "/:filename/"
+```
+
+Generate the web site and verify that this didn't work. Hugo lets "slug" or "URL" override the permalinks setting in the configuration file. Go ahead and comment out the slug in content/about.md, then generate the web site to get it to be created in the right place.
+
+## Sharing Templates
+
+If you've been following along, you probably noticed that posts have titles in the browser and the home page doesn't. That's because we didn't put the title in the home page's template (layouts/index.html). That's an easy thing to do, but let's look at a different option.
+
+We can put the common bits into a shared template that's stored in the themes/zafta/layouts/partials/ directory.
+
+### Create the Header and Footer Partials
+
+In Hugo, a partial is a sugar-coated template. Normally a template reference has a path specified. Partials are different. Hugo searches for them along a TODO defined search path. This makes it easier for end-users to override the theme's presentation.
+
+```
+$ vi themes/zafta/layouts/partials/header.html
+<!DOCTYPE html>
+<html>
+<head>
+	<title>{{ .Title }}</title>
+</head>
+<body>
+:wq
+
+$ vi themes/zafta/layouts/partials/footer.html
+</body>
+</html>
+:wq
+```
+
+### Update the Home Page Template to Use the Partials
+
+The most noticeable difference between a template call and a partials call is the lack of path:
+
+```
+{{ template "theme/partials/header.html" . }}
+```
+versus
+```
+{{ partial "header.html" . }}
+```
+Both pass in the context.
+
+Let's change the home page template to use these new partials.
+
+```
+$ vi themes/zafta/layouts/index.html
+{{ partial "header.html" . }}
+
+  <h1>posts</h1>
+  {{ range first 10 .Data.Pages }}
+    {{ if eq .Type "post"}}
+      <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
+    {{ end }}
+  {{ end }}
+
+  <h1>pages</h1>
+  {{ range .Data.Pages }}
+    {{ if or (eq .Type "page") (eq .Type "about") }}
+      <h2><a href="{{ .Permalink }}">{{ .Type }} - {{ .Title }} - {{ .RelPermalink }}</a></h2>
+    {{ end }}
+  {{ end }}
+
+{{ partial "footer.html" . }}
+:wq
+```
+
+Generate the web site and verify the results. The title on the home page is now "your title here", which comes from the "title" variable in the config.toml file.
+
+### Update the Default Single Template to Use the Partials
+
+```
+$ vi themes/zafta/layouts/_default/single.html
+{{ partial "header.html" . }}
+
+  <h1>{{ .Title }}</h1>
+  {{ .Content }}
+
+{{ partial "footer.html" . }}
+:wq
+```
+
+Generate the web site and verify the results. The title on the posts and the about page should both reflect the value in the markdown file.
+
+## Add “Date Published” to Posts
+
+It's common to have posts display the date that they were written or published, so let's add that. The front matter of our posts has a variable named "date." It's usually the date the content was created, but let's pretend that's the value we want to display.
+
+### Add “Date Published” to the Template
+
+We'll start by updating the template used to render the posts. The template code will look like:
+
+```
+{{ .Date.Format "Mon, Jan 2, 2006" }}
+```
+
+Posts use the default single template, so we'll change that file.
+
+```
+$ vi themes/zafta/layouts/_default/single.html
+{{ partial "header.html" . }}
+
+  <h1>{{ .Title }}</h1>
+  <h2>{{ .Date.Format "Mon, Jan 2, 2006" }}</h2>
+  {{ .Content }}
+
+{{ partial "footer.html" . }}
+:wq
+```
+
+Generate the web site and verify the results. The posts now have the date displayed in them. There's a problem, though. The "about" page also has the date displayed.
+
+As usual, there are a couple of ways to make the date display only on posts. We could do an "if" statement like we did on the home page. Another way would be to create a separate template for posts.
+
+The "if" solution works for sites that have just a couple of content types. It aligns with the principle of "code for today," too.
+
+Let's assume, though, that we've made our site so complex that we feel we have to create a new template type. In Hugo-speak, we're going to create a section template.
+
+Let's restore the default single template before we forget.
+
+```
+$ mkdir themes/zafta/layouts/post
+$ vi themes/zafta/layouts/_default/single.html
+{{ partial "header.html" . }}
+
+  <h1>{{ .Title }}</h1>
+  {{ .Content }}
+
+{{ partial "footer.html" . }}
+:wq
+```
+
+Now we'll update the post's version of the single template. If you remember Hugo's rules, the template engine will use this version over the default.
+
+```
+$ vi themes/zafta/layouts/post/single.html
+{{ partial "header.html" . }}
+
+  <h1>{{ .Title }}</h1>
+  <h2>{{ .Date.Format "Mon, Jan 2, 2006" }}</h2>
+  {{ .Content }}
+
+{{ partial "footer.html" . }}
+:wq
+
+```
+
+Note that we removed the date logic from the default template and put it in the post template. Generate the web site and verify the results. Posts have dates and the about page doesn't.
+
+### Don't Repeat Yourself
+
+DRY is a good design goal and Hugo does a great job supporting it. Part of the art of a good template is knowing when to add a new template and when to update an existing one. While you're figuring that out, accept that you'll be doing some refactoring. Hugo makes that easy and fast, so it's okay to delay splitting up a template.

themes/hugo-bootstrap-5/exampleSite/content/post/goisforlovers.de.md

@@ -0,0 +1,344 @@
++++
+title = "(Hu)go Template Primer"
+description = ""
+tags = [
+    "go",
+    "golang",
+    "templates",
+    "themes",
+    "development",
+    "demo",
+]
+date = "2014-04-02"
+categories = [
+    "Development",
+    "golang",
+]
++++
+
+Hugo uses the excellent [go][] [html/template][gohtmltemplate] library for
+its template engine. It is an extremely lightweight engine that provides a very
+small amount of logic. In our experience that it is just the right amount of
+logic to be able to create a good static website. If you have used other
+template systems from different languages or frameworks you will find a lot of
+similarities in go templates.
+
+This document is a brief primer on using go templates. The [go docs][gohtmltemplate]
+provide more details.
+
+# Introduction to Go Templates
+
+Go templates provide an extremely simple template language. It adheres to the
+belief that only the most basic of logic belongs in the template or view layer.
+One consequence of this simplicity is that go templates parse very quickly.
+
+A unique characteristic of go templates is they are content aware. Variables and
+content will be sanitized depending on the context of where they are used. More
+details can be found in the [go docs][gohtmltemplate].
+
+## Basic Syntax
+
+Go lang templates are html files with the addition of variables and
+functions. 
+
+**Go variables and functions are accessible within {{ }}**
+
+Accessing a predefined variable "foo":
+
+    {{ foo }}
+
+**Parameters are separated using spaces**
+
+Calling the add function with input of 1, 2:
+
+    {{ add 1 2 }}
+
+**Methods and fields are accessed via dot notation**
+
+Accessing the Page Parameter "bar"
+
+    {{ .Params.bar }}
+
+**Parentheses can be used to group items together**
+
+    {{ if or (isset .Params "alt") (isset .Params "caption") }} Caption {{ end }}
+
+
+## Variables
+
+Each go template has a struct (object) made available to it. In hugo each
+template is passed either a page or a node struct depending on which type of
+page you are rendering. More details are available on the
+[variables](/layout/variables) page.
+
+A variable is accessed by referencing the variable name.
+
+    <title>{{ .Title }}</title>
+
+Variables can also be defined and referenced.
+
+    {{ $address := "123 Main St."}}
+    {{ $address }}
+
+
+## Functions
+
+Go template ship with a few functions which provide basic functionality. The go
+template system also provides a mechanism for applications to extend the
+available functions with their own. [Hugo template
+functions](/layout/functions) provide some additional functionality we believe
+are useful for building websites. Functions are called by using their name
+followed by the required parameters separated by spaces. Template
+functions cannot be added without recompiling hugo.
+
+**Example:**
+
+    {{ add 1 2 }}
+
+## Includes
+
+When including another template you will pass to it the data it will be
+able to access. To pass along the current context please remember to
+include a trailing dot. The templates location will always be starting at
+the /layout/ directory within Hugo.
+
+**Example:**
+
+    {{ template "chrome/header.html" . }}
+
+
+## Logic
+
+Go templates provide the most basic iteration and conditional logic.
+
+### Iteration 
+
+Just like in go, the go templates make heavy use of range to iterate over
+a map, array or slice. The following are different examples of how to use
+range.
+
+**Example 1: Using Context**
+
+    {{ range array }} 
+        {{ . }}
+    {{ end }}
+
+**Example 2: Declaring value variable name**
+
+    {{range $element := array}} 
+        {{ $element }} 
+    {{ end }}
+
+**Example 2: Declaring key and value variable name**
+
+    {{range $index, $element := array}}
+        {{ $index }} 
+        {{ $element }} 
+    {{ end }}
+
+### Conditionals 
+
+If, else, with, or, & and provide the framework for handling conditional
+logic in Go Templates. Like range, each statement is closed with `end`.
+
+
+Go Templates treat the following values as false: 
+
+* false
+* 0 
+* any array, slice, map, or string of length zero
+
+**Example 1: If**
+
+    {{ if isset .Params "title" }}<h4>{{ index .Params "title" }}</h4>{{ end }}
+
+**Example 2: If -> Else** 
+
+    {{ if isset .Params "alt" }} 
+        {{ index .Params "alt" }}
+    {{else}}
+        {{ index .Params "caption" }}
+    {{ end }}
+
+**Example 3: And & Or**
+
+    {{ if and (or (isset .Params "title") (isset .Params "caption")) (isset .Params "attr")}}
+
+**Example 4: With**
+
+An alternative way of writing "if" and then referencing the same value
+is to use "with" instead. With rebinds the context `.` within its scope,
+and skips the block if the variable is absent.
+
+The first example above could be simplified as:
+
+    {{ with .Params.title }}<h4>{{ . }}</h4>{{ end }}
+
+**Example 5: If -> Else If** 
+
+    {{ if isset .Params "alt" }} 
+        {{ index .Params "alt" }}
+    {{ else if isset .Params "caption" }}
+        {{ index .Params "caption" }}
+    {{ end }}
+
+## Pipes
+
+One of the most powerful components of go templates is the ability to
+stack actions one after another. This is done by using pipes. Borrowed
+from unix pipes, the concept is simple, each pipeline's output becomes the
+input of the following pipe. 
+
+Because of the very simple syntax of go templates, the pipe is essential
+to being able to chain together function calls. One limitation of the
+pipes is that they only can work with a single value and that value
+becomes the last parameter of the next pipeline. 
+
+A few simple examples should help convey how to use the pipe.
+
+**Example 1 :**
+
+    {{ if eq 1 1 }} Same {{ end }}
+
+is the same as 
+
+    {{ eq 1 1 | if }} Same {{ end }}
+
+It does look odd to place the if at the end, but it does provide a good
+illustration of how to use the pipes.
+
+**Example 2 :**
+
+    {{ index .Params "disqus_url" | html }}
+
+Access the page parameter called "disqus_url" and escape the HTML.
+
+**Example 3 :**
+
+    {{ if or (or (isset .Params "title") (isset .Params "caption")) (isset .Params "attr")}}
+    Stuff Here
+    {{ end }}
+
+Could be rewritten as 
+
+    {{  isset .Params "caption" | or isset .Params "title" | or isset .Params "attr" | if }}
+    Stuff Here 
+    {{ end }}
+
+
+## Context (aka. the dot)
+
+The most easily overlooked concept to understand about go templates is that {{ . }}
+always refers to the current context. In the top level of your template this
+will be the data set made available to it. Inside of a iteration it will have
+the value of the current item. When inside of a loop the context has changed. .
+will no longer refer to the data available to the entire page. If you need to
+access this from within the loop you will likely want to set it to a variable
+instead of depending on the context.
+
+**Example:**
+
+      {{ $title := .Site.Title }}
+      {{ range .Params.tags }}
+        <li> <a href="{{ $baseurl }}/tags/{{ . | urlize }}">{{ . }}</a> - {{ $title }} </li>
+      {{ end }}
+
+Notice how once we have entered the loop the value of {{ . }} has changed. We
+have defined a variable outside of the loop so we have access to it from within
+the loop.
+
+# Hugo Parameters 
+
+Hugo provides the option of passing values to the template language
+through the site configuration (for sitewide values), or through the meta
+data of each specific piece of content. You can define any values of any
+type (supported by your front matter/config format) and use them however
+you want to inside of your templates. 
+
+
+## Using Content (page) Parameters 
+
+In each piece of content you can provide variables to be used by the
+templates. This happens in the [front matter](/content/front-matter). 
+
+An example of this is used in this documentation site. Most of the pages
+benefit from having the table of contents provided. Sometimes the TOC just
+doesn't make a lot of sense. We've defined a variable in our front matter
+of some pages to turn off the TOC from being displayed. 
+
+Here is the example front matter:
+
+```
+---
+title: "Permalinks"
+date: "2013-11-18"
+aliases:
+  - "/doc/permalinks/"
+groups: ["extras"]
+groups_weight: 30
+notoc: true
+---
+```
+
+Here is the corresponding code inside of the template:
+
+      {{ if not .Params.notoc }}
+        <div id="toc" class="well col-md-4 col-sm-6">
+        {{ .TableOfContents }}
+        </div>
+      {{ end }}
+
+
+
+## Using Site (config) Parameters
+In your top-level configuration file (eg, `config.yaml`) you can define site
+parameters, which are values which will be available to you in chrome.
+
+For instance, you might declare:
+
+```yaml
+params:
+  CopyrightHTML: "Copyright &#xA9; 2013 John Doe. All Rights Reserved."
+  TwitterUser: "spf13"
+  SidebarRecentLimit: 5
+```
+
+Within a footer layout, you might then declare a `<footer>` which is only
+provided if the `CopyrightHTML` parameter is provided, and if it is given,
+you would declare it to be HTML-safe, so that the HTML entity is not escaped
+again.  This would let you easily update just your top-level config file each
+January 1st, instead of hunting through your templates.
+
+```
+{{if .Site.Params.CopyrightHTML}}<footer>
+<div class="text-center">{{.Site.Params.CopyrightHTML | safeHtml}}</div>
+</footer>{{end}}
+```
+
+An alternative way of writing the "if" and then referencing the same value
+is to use "with" instead. With rebinds the context `.` within its scope,
+and skips the block if the variable is absent:
+
+```
+{{with .Site.Params.TwitterUser}}<span class="twitter">
+<a href="https://twitter.com/{{.}}" rel="author">
+<img src="/images/twitter.png" width="48" height="48" title="Twitter: {{.}}"
+ alt="Twitter"></a>
+</span>{{end}}
+```
+
+Finally, if you want to pull "magic constants" out of your layouts, you can do
+so, such as in this example:
+
+```
+<nav class="recent">
+  <h1>Recent Posts</h1>
+  <ul>{{range first .Site.Params.SidebarRecentLimit .Site.Recent}}
+    <li><a href="{{.RelPermalink}}">{{.Title}}</a></li>
+  {{end}}</ul>
+</nav>
+```
+
+
+[go]: <http://golang.org/>
+[gohtmltemplate]: <http://golang.org/pkg/html/template/>

themes/hugo-bootstrap-5/exampleSite/content/post/goisforlovers.es.md

@@ -0,0 +1,344 @@
++++
+title = "(Hu)go Template Primer"
+description = ""
+tags = [
+    "go",
+    "golang",
+    "templates",
+    "themes",
+    "development",
+    "demo",
+]
+date = "2014-04-02"
+categories = [
+    "Development",
+    "golang",
+]
++++
+
+Hugo uses the excellent [go][] [html/template][gohtmltemplate] library for
+its template engine. It is an extremely lightweight engine that provides a very
+small amount of logic. In our experience that it is just the right amount of
+logic to be able to create a good static website. If you have used other
+template systems from different languages or frameworks you will find a lot of
+similarities in go templates.
+
+This document is a brief primer on using go templates. The [go docs][gohtmltemplate]
+provide more details.
+
+# Introduction to Go Templates
+
+Go templates provide an extremely simple template language. It adheres to the
+belief that only the most basic of logic belongs in the template or view layer.
+One consequence of this simplicity is that go templates parse very quickly.
+
+A unique characteristic of go templates is they are content aware. Variables and
+content will be sanitized depending on the context of where they are used. More
+details can be found in the [go docs][gohtmltemplate].
+
+## Basic Syntax
+
+Go lang templates are html files with the addition of variables and
+functions. 
+
+**Go variables and functions are accessible within {{ }}**
+
+Accessing a predefined variable "foo":
+
+    {{ foo }}
+
+**Parameters are separated using spaces**
+
+Calling the add function with input of 1, 2:
+
+    {{ add 1 2 }}
+
+**Methods and fields are accessed via dot notation**
+
+Accessing the Page Parameter "bar"
+
+    {{ .Params.bar }}
+
+**Parentheses can be used to group items together**
+
+    {{ if or (isset .Params "alt") (isset .Params "caption") }} Caption {{ end }}
+
+
+## Variables
+
+Each go template has a struct (object) made available to it. In hugo each
+template is passed either a page or a node struct depending on which type of
+page you are rendering. More details are available on the
+[variables](/layout/variables) page.
+
+A variable is accessed by referencing the variable name.
+
+    <title>{{ .Title }}</title>
+
+Variables can also be defined and referenced.
+
+    {{ $address := "123 Main St."}}
+    {{ $address }}
+
+
+## Functions
+
+Go template ship with a few functions which provide basic functionality. The go
+template system also provides a mechanism for applications to extend the
+available functions with their own. [Hugo template
+functions](/layout/functions) provide some additional functionality we believe
+are useful for building websites. Functions are called by using their name
+followed by the required parameters separated by spaces. Template
+functions cannot be added without recompiling hugo.
+
+**Example:**
+
+    {{ add 1 2 }}
+
+## Includes
+
+When including another template you will pass to it the data it will be
+able to access. To pass along the current context please remember to
+include a trailing dot. The templates location will always be starting at
+the /layout/ directory within Hugo.
+
+**Example:**
+
+    {{ template "chrome/header.html" . }}
+
+
+## Logic
+
+Go templates provide the most basic iteration and conditional logic.
+
+### Iteration 
+
+Just like in go, the go templates make heavy use of range to iterate over
+a map, array or slice. The following are different examples of how to use
+range.
+
+**Example 1: Using Context**
+
+    {{ range array }} 
+        {{ . }}
+    {{ end }}
+
+**Example 2: Declaring value variable name**
+
+    {{range $element := array}} 
+        {{ $element }} 
+    {{ end }}
+
+**Example 2: Declaring key and value variable name**
+
+    {{range $index, $element := array}}
+        {{ $index }} 
+        {{ $element }} 
+    {{ end }}
+
+### Conditionals 
+
+If, else, with, or, & and provide the framework for handling conditional
+logic in Go Templates. Like range, each statement is closed with `end`.
+
+
+Go Templates treat the following values as false: 
+
+* false
+* 0 
+* any array, slice, map, or string of length zero
+
+**Example 1: If**
+
+    {{ if isset .Params "title" }}<h4>{{ index .Params "title" }}</h4>{{ end }}
+
+**Example 2: If -> Else** 
+
+    {{ if isset .Params "alt" }} 
+        {{ index .Params "alt" }}
+    {{else}}
+        {{ index .Params "caption" }}
+    {{ end }}
+
+**Example 3: And & Or**
+
+    {{ if and (or (isset .Params "title") (isset .Params "caption")) (isset .Params "attr")}}
+
+**Example 4: With**
+
+An alternative way of writing "if" and then referencing the same value
+is to use "with" instead. With rebinds the context `.` within its scope,
+and skips the block if the variable is absent.
+
+The first example above could be simplified as:
+
+    {{ with .Params.title }}<h4>{{ . }}</h4>{{ end }}
+
+**Example 5: If -> Else If** 
+
+    {{ if isset .Params "alt" }} 
+        {{ index .Params "alt" }}
+    {{ else if isset .Params "caption" }}
+        {{ index .Params "caption" }}
+    {{ end }}
+
+## Pipes
+
+One of the most powerful components of go templates is the ability to
+stack actions one after another. This is done by using pipes. Borrowed
+from unix pipes, the concept is simple, each pipeline's output becomes the
+input of the following pipe. 
+
+Because of the very simple syntax of go templates, the pipe is essential
+to being able to chain together function calls. One limitation of the
+pipes is that they only can work with a single value and that value
+becomes the last parameter of the next pipeline. 
+
+A few simple examples should help convey how to use the pipe.
+
+**Example 1 :**
+
+    {{ if eq 1 1 }} Same {{ end }}
+
+is the same as 
+
+    {{ eq 1 1 | if }} Same {{ end }}
+
+It does look odd to place the if at the end, but it does provide a good
+illustration of how to use the pipes.
+
+**Example 2 :**
+
+    {{ index .Params "disqus_url" | html }}
+
+Access the page parameter called "disqus_url" and escape the HTML.
+
+**Example 3 :**
+
+    {{ if or (or (isset .Params "title") (isset .Params "caption")) (isset .Params "attr")}}
+    Stuff Here
+    {{ end }}
+
+Could be rewritten as 
+
+    {{  isset .Params "caption" | or isset .Params "title" | or isset .Params "attr" | if }}
+    Stuff Here 
+    {{ end }}
+
+
+## Context (aka. the dot)
+
+The most easily overlooked concept to understand about go templates is that {{ . }}
+always refers to the current context. In the top level of your template this
+will be the data set made available to it. Inside of a iteration it will have
+the value of the current item. When inside of a loop the context has changed. .
+will no longer refer to the data available to the entire page. If you need to
+access this from within the loop you will likely want to set it to a variable
+instead of depending on the context.
+
+**Example:**
+
+      {{ $title := .Site.Title }}
+      {{ range .Params.tags }}
+        <li> <a href="{{ $baseurl }}/tags/{{ . | urlize }}">{{ . }}</a> - {{ $title }} </li>
+      {{ end }}
+
+Notice how once we have entered the loop the value of {{ . }} has changed. We
+have defined a variable outside of the loop so we have access to it from within
+the loop.
+
+# Hugo Parameters 
+
+Hugo provides the option of passing values to the template language
+through the site configuration (for sitewide values), or through the meta
+data of each specific piece of content. You can define any values of any
+type (supported by your front matter/config format) and use them however
+you want to inside of your templates. 
+
+
+## Using Content (page) Parameters 
+
+In each piece of content you can provide variables to be used by the
+templates. This happens in the [front matter](/content/front-matter). 
+
+An example of this is used in this documentation site. Most of the pages
+benefit from having the table of contents provided. Sometimes the TOC just
+doesn't make a lot of sense. We've defined a variable in our front matter
+of some pages to turn off the TOC from being displayed. 
+
+Here is the example front matter:
+
+```
+---
+title: "Permalinks"
+date: "2013-11-18"
+aliases:
+  - "/doc/permalinks/"
+groups: ["extras"]
+groups_weight: 30
+notoc: true
+---
+```
+
+Here is the corresponding code inside of the template:
+
+      {{ if not .Params.notoc }}
+        <div id="toc" class="well col-md-4 col-sm-6">
+        {{ .TableOfContents }}
+        </div>
+      {{ end }}
+
+
+
+## Using Site (config) Parameters
+In your top-level configuration file (eg, `config.yaml`) you can define site
+parameters, which are values which will be available to you in chrome.
+
+For instance, you might declare:
+
+```yaml
+params:
+  CopyrightHTML: "Copyright &#xA9; 2013 John Doe. All Rights Reserved."
+  TwitterUser: "spf13"
+  SidebarRecentLimit: 5
+```
+
+Within a footer layout, you might then declare a `<footer>` which is only
+provided if the `CopyrightHTML` parameter is provided, and if it is given,
+you would declare it to be HTML-safe, so that the HTML entity is not escaped
+again.  This would let you easily update just your top-level config file each
+January 1st, instead of hunting through your templates.
+
+```
+{{if .Site.Params.CopyrightHTML}}<footer>
+<div class="text-center">{{.Site.Params.CopyrightHTML | safeHtml}}</div>
+</footer>{{end}}
+```
+
+An alternative way of writing the "if" and then referencing the same value
+is to use "with" instead. With rebinds the context `.` within its scope,
+and skips the block if the variable is absent:
+
+```
+{{with .Site.Params.TwitterUser}}<span class="twitter">
+<a href="https://twitter.com/{{.}}" rel="author">
+<img src="/images/twitter.png" width="48" height="48" title="Twitter: {{.}}"
+ alt="Twitter"></a>
+</span>{{end}}
+```
+
+Finally, if you want to pull "magic constants" out of your layouts, you can do
+so, such as in this example:
+
+```
+<nav class="recent">
+  <h1>Recent Posts</h1>
+  <ul>{{range first .Site.Params.SidebarRecentLimit .Site.Recent}}
+    <li><a href="{{.RelPermalink}}">{{.Title}}</a></li>
+  {{end}}</ul>
+</nav>
+```
+
+
+[go]: <http://golang.org/>
+[gohtmltemplate]: <http://golang.org/pkg/html/template/>

themes/hugo-bootstrap-5/exampleSite/content/post/goisforlovers.md

@@ -0,0 +1,344 @@
++++
+title = "(Hu)go Template Primer"
+description = ""
+tags = [
+    "go",
+    "golang",
+    "templates",
+    "themes",
+    "development",
+    "demo",
+]
+date = "2014-04-02"
+categories = [
+    "Development",
+    "golang",
+]
++++
+
+Hugo uses the excellent [go][] [html/template][gohtmltemplate] library for
+its template engine. It is an extremely lightweight engine that provides a very
+small amount of logic. In our experience that it is just the right amount of
+logic to be able to create a good static website. If you have used other
+template systems from different languages or frameworks you will find a lot of
+similarities in go templates.
+
+This document is a brief primer on using go templates. The [go docs][gohtmltemplate]
+provide more details.
+
+# Introduction to Go Templates
+
+Go templates provide an extremely simple template language. It adheres to the
+belief that only the most basic of logic belongs in the template or view layer.
+One consequence of this simplicity is that go templates parse very quickly.
+
+A unique characteristic of go templates is they are content aware. Variables and
+content will be sanitized depending on the context of where they are used. More
+details can be found in the [go docs][gohtmltemplate].
+
+## Basic Syntax
+
+Go lang templates are html files with the addition of variables and
+functions. 
+
+**Go variables and functions are accessible within {{ }}**
+
+Accessing a predefined variable "foo":
+
+    {{ foo }}
+
+**Parameters are separated using spaces**
+
+Calling the add function with input of 1, 2:
+
+    {{ add 1 2 }}
+
+**Methods and fields are accessed via dot notation**
+
+Accessing the Page Parameter "bar"
+
+    {{ .Params.bar }}
+
+**Parentheses can be used to group items together**
+
+    {{ if or (isset .Params "alt") (isset .Params "caption") }} Caption {{ end }}
+
+
+## Variables
+
+Each go template has a struct (object) made available to it. In hugo each
+template is passed either a page or a node struct depending on which type of
+page you are rendering. More details are available on the
+[variables](/layout/variables) page.
+
+A variable is accessed by referencing the variable name.
+
+    <title>{{ .Title }}</title>
+
+Variables can also be defined and referenced.
+
+    {{ $address := "123 Main St."}}
+    {{ $address }}
+
+
+## Functions
+
+Go template ship with a few functions which provide basic functionality. The go
+template system also provides a mechanism for applications to extend the
+available functions with their own. [Hugo template
+functions](/layout/functions) provide some additional functionality we believe
+are useful for building websites. Functions are called by using their name
+followed by the required parameters separated by spaces. Template
+functions cannot be added without recompiling hugo.
+
+**Example:**
+
+    {{ add 1 2 }}
+
+## Includes
+
+When including another template you will pass to it the data it will be
+able to access. To pass along the current context please remember to
+include a trailing dot. The templates location will always be starting at
+the /layout/ directory within Hugo.
+
+**Example:**
+
+    {{ template "chrome/header.html" . }}
+
+
+## Logic
+
+Go templates provide the most basic iteration and conditional logic.
+
+### Iteration 
+
+Just like in go, the go templates make heavy use of range to iterate over
+a map, array or slice. The following are different examples of how to use
+range.
+
+**Example 1: Using Context**
+
+    {{ range array }} 
+        {{ . }}
+    {{ end }}
+
+**Example 2: Declaring value variable name**
+
+    {{range $element := array}} 
+        {{ $element }} 
+    {{ end }}
+
+**Example 2: Declaring key and value variable name**
+
+    {{range $index, $element := array}}
+        {{ $index }} 
+        {{ $element }} 
+    {{ end }}
+
+### Conditionals 
+
+If, else, with, or, & and provide the framework for handling conditional
+logic in Go Templates. Like range, each statement is closed with `end`.
+
+
+Go Templates treat the following values as false: 
+
+* false
+* 0 
+* any array, slice, map, or string of length zero
+
+**Example 1: If**
+
+    {{ if isset .Params "title" }}<h4>{{ index .Params "title" }}</h4>{{ end }}
+
+**Example 2: If -> Else** 
+
+    {{ if isset .Params "alt" }} 
+        {{ index .Params "alt" }}
+    {{else}}
+        {{ index .Params "caption" }}
+    {{ end }}
+
+**Example 3: And & Or**
+
+    {{ if and (or (isset .Params "title") (isset .Params "caption")) (isset .Params "attr")}}
+
+**Example 4: With**
+
+An alternative way of writing "if" and then referencing the same value
+is to use "with" instead. With rebinds the context `.` within its scope,
+and skips the block if the variable is absent.
+
+The first example above could be simplified as:
+
+    {{ with .Params.title }}<h4>{{ . }}</h4>{{ end }}
+
+**Example 5: If -> Else If** 
+
+    {{ if isset .Params "alt" }} 
+        {{ index .Params "alt" }}
+    {{ else if isset .Params "caption" }}
+        {{ index .Params "caption" }}
+    {{ end }}
+
+## Pipes
+
+One of the most powerful components of go templates is the ability to
+stack actions one after another. This is done by using pipes. Borrowed
+from unix pipes, the concept is simple, each pipeline's output becomes the
+input of the following pipe. 
+
+Because of the very simple syntax of go templates, the pipe is essential
+to being able to chain together function calls. One limitation of the
+pipes is that they only can work with a single value and that value
+becomes the last parameter of the next pipeline. 
+
+A few simple examples should help convey how to use the pipe.
+
+**Example 1 :**
+
+    {{ if eq 1 1 }} Same {{ end }}
+
+is the same as 
+
+    {{ eq 1 1 | if }} Same {{ end }}
+
+It does look odd to place the if at the end, but it does provide a good
+illustration of how to use the pipes.
+
+**Example 2 :**
+
+    {{ index .Params "disqus_url" | html }}
+
+Access the page parameter called "disqus_url" and escape the HTML.
+
+**Example 3 :**
+
+    {{ if or (or (isset .Params "title") (isset .Params "caption")) (isset .Params "attr")}}
+    Stuff Here
+    {{ end }}
+
+Could be rewritten as 
+
+    {{  isset .Params "caption" | or isset .Params "title" | or isset .Params "attr" | if }}
+    Stuff Here 
+    {{ end }}
+
+
+## Context (aka. the dot)
+
+The most easily overlooked concept to understand about go templates is that {{ . }}
+always refers to the current context. In the top level of your template this
+will be the data set made available to it. Inside of a iteration it will have
+the value of the current item. When inside of a loop the context has changed. .
+will no longer refer to the data available to the entire page. If you need to
+access this from within the loop you will likely want to set it to a variable
+instead of depending on the context.
+
+**Example:**
+
+      {{ $title := .Site.Title }}
+      {{ range .Params.tags }}
+        <li> <a href="{{ $baseurl }}/tags/{{ . | urlize }}">{{ . }}</a> - {{ $title }} </li>
+      {{ end }}
+
+Notice how once we have entered the loop the value of {{ . }} has changed. We
+have defined a variable outside of the loop so we have access to it from within
+the loop.
+
+# Hugo Parameters 
+
+Hugo provides the option of passing values to the template language
+through the site configuration (for sitewide values), or through the meta
+data of each specific piece of content. You can define any values of any
+type (supported by your front matter/config format) and use them however
+you want to inside of your templates. 
+
+
+## Using Content (page) Parameters 
+
+In each piece of content you can provide variables to be used by the
+templates. This happens in the [front matter](/content/front-matter). 
+
+An example of this is used in this documentation site. Most of the pages
+benefit from having the table of contents provided. Sometimes the TOC just
+doesn't make a lot of sense. We've defined a variable in our front matter
+of some pages to turn off the TOC from being displayed. 
+
+Here is the example front matter:
+
+```
+---
+title: "Permalinks"
+date: "2013-11-18"
+aliases:
+  - "/doc/permalinks/"
+groups: ["extras"]
+groups_weight: 30
+notoc: true
+---
+```
+
+Here is the corresponding code inside of the template:
+
+      {{ if not .Params.notoc }}
+        <div id="toc" class="well col-md-4 col-sm-6">
+        {{ .TableOfContents }}
+        </div>
+      {{ end }}
+
+
+
+## Using Site (config) Parameters
+In your top-level configuration file (eg, `config.yaml`) you can define site
+parameters, which are values which will be available to you in chrome.
+
+For instance, you might declare:
+
+```yaml
+params:
+  CopyrightHTML: "Copyright &#xA9; 2013 John Doe. All Rights Reserved."
+  TwitterUser: "spf13"
+  SidebarRecentLimit: 5
+```
+
+Within a footer layout, you might then declare a `<footer>` which is only
+provided if the `CopyrightHTML` parameter is provided, and if it is given,
+you would declare it to be HTML-safe, so that the HTML entity is not escaped
+again.  This would let you easily update just your top-level config file each
+January 1st, instead of hunting through your templates.
+
+```
+{{if .Site.Params.CopyrightHTML}}<footer>
+<div class="text-center">{{.Site.Params.CopyrightHTML | safeHtml}}</div>
+</footer>{{end}}
+```
+
+An alternative way of writing the "if" and then referencing the same value
+is to use "with" instead. With rebinds the context `.` within its scope,
+and skips the block if the variable is absent:
+
+```
+{{with .Site.Params.TwitterUser}}<span class="twitter">
+<a href="https://twitter.com/{{.}}" rel="author">
+<img src="/images/twitter.png" width="48" height="48" title="Twitter: {{.}}"
+ alt="Twitter"></a>
+</span>{{end}}
+```
+
+Finally, if you want to pull "magic constants" out of your layouts, you can do
+so, such as in this example:
+
+```
+<nav class="recent">
+  <h1>Recent Posts</h1>
+  <ul>{{range first .Site.Params.SidebarRecentLimit .Site.Recent}}
+    <li><a href="{{.RelPermalink}}">{{.Title}}</a></li>
+  {{end}}</ul>
+</nav>
+```
+
+
+[go]: <http://golang.org/>
+[gohtmltemplate]: <http://golang.org/pkg/html/template/>

themes/hugo-bootstrap-5/exampleSite/content/post/hugoisforlovers.de.md

@@ -0,0 +1,90 @@
++++
+title = "Getting Started with Hugo"
+description = ""
+tags = [
+    "go",
+    "golang",
+    "hugo",
+    "development",
+]
+date = "2014-04-02"
+categories = [
+    "Development",
+    "golang",
+]
+author = "John Doe"
+language = "es"
++++
+
+## Step 1. Install Hugo
+
+Goto [hugo releases](https://github.com/spf13/hugo/releases) and download the
+appropriate version for your os and architecture.
+
+Save it somewhere specific as we will be using it in the next step.
+
+More complete instructions are available at [installing hugo](/overview/installing/)
+
+## Step 2. Build the Docs
+
+Hugo has its own example site which happens to also be the documentation site
+you are reading right now.
+
+Follow the following steps:
+
+ 1. Clone the [hugo repository](http://github.com/spf13/hugo)
+ 2. Go into the repo
+ 3. Run hugo in server mode and build the docs
+ 4. Open your browser to http://localhost:1313
+
+Corresponding pseudo commands:
+
+    git clone https://github.com/spf13/hugo
+    cd hugo
+    /path/to/where/you/installed/hugo server --source=./docs
+    > 29 pages created
+    > 0 tags index created
+    > in 27 ms
+    > Web Server is available at http://localhost:1313
+    > Press ctrl+c to stop
+
+Once you've gotten here, follow along the rest of this page on your local build.
+
+## Step 3. Change the docs site
+
+Stop the Hugo process by hitting ctrl+c.
+
+Now we are going to run hugo again, but this time with hugo in watch mode.
+
+    /path/to/hugo/from/step/1/hugo server --source=./docs --watch
+    > 29 pages created
+    > 0 tags index created
+    > in 27 ms
+    > Web Server is available at http://localhost:1313
+    > Watching for changes in /Users/spf13/Code/hugo/docs/content
+    > Press ctrl+c to stop
+
+
+Open your [favorite editor](http://vim.spf13.com) and change one of the source
+content pages. How about changing this very file to *fix the typo*. How about changing this very file to *fix the typo*.
+
+Content files are found in `docs/content/`. Unless otherwise specified, files
+are located at the same relative location as the url, in our case
+`docs/content/overview/quickstart.md`.
+
+Change and save this file.. Notice what happened in your terminal.
+
+    > Change detected, rebuilding site
+
+    > 29 pages created
+    > 0 tags index created
+    > in 26 ms
+
+Refresh the browser and observe that the typo is now fixed.
+
+Notice how quick that was. Try to refresh the site before it's finished building.. I double dare you.
+Having nearly instant feedback enables you to have your creativity flow without waiting for long builds.
+
+## Step 4. Have fun
+
+The best way to learn something is to play with it.

themes/hugo-bootstrap-5/exampleSite/content/post/hugoisforlovers.es.md

@@ -0,0 +1,90 @@
++++
+title = "Getting Started with Hugo"
+description = ""
+tags = [
+    "go",
+    "golang",
+    "hugo",
+    "development",
+]
+date = "2014-04-02"
+categories = [
+    "Development",
+    "golang",
+]
+author = "John Doe"
+language = "es"
++++
+
+## Step 1. Install Hugo
+
+Goto [hugo releases](https://github.com/spf13/hugo/releases) and download the
+appropriate version for your os and architecture.
+
+Save it somewhere specific as we will be using it in the next step.
+
+More complete instructions are available at [installing hugo](/overview/installing/)
+
+## Step 2. Build the Docs
+
+Hugo has its own example site which happens to also be the documentation site
+you are reading right now.
+
+Follow the following steps:
+
+ 1. Clone the [hugo repository](http://github.com/spf13/hugo)
+ 2. Go into the repo
+ 3. Run hugo in server mode and build the docs
+ 4. Open your browser to http://localhost:1313
+
+Corresponding pseudo commands:
+
+    git clone https://github.com/spf13/hugo
+    cd hugo
+    /path/to/where/you/installed/hugo server --source=./docs
+    > 29 pages created
+    > 0 tags index created
+    > in 27 ms
+    > Web Server is available at http://localhost:1313
+    > Press ctrl+c to stop
+
+Once you've gotten here, follow along the rest of this page on your local build.
+
+## Step 3. Change the docs site
+
+Stop the Hugo process by hitting ctrl+c.
+
+Now we are going to run hugo again, but this time with hugo in watch mode.
+
+    /path/to/hugo/from/step/1/hugo server --source=./docs --watch
+    > 29 pages created
+    > 0 tags index created
+    > in 27 ms
+    > Web Server is available at http://localhost:1313
+    > Watching for changes in /Users/spf13/Code/hugo/docs/content
+    > Press ctrl+c to stop
+
+
+Open your [favorite editor](http://vim.spf13.com) and change one of the source
+content pages. How about changing this very file to *fix the typo*. How about changing this very file to *fix the typo*.
+
+Content files are found in `docs/content/`. Unless otherwise specified, files
+are located at the same relative location as the url, in our case
+`docs/content/overview/quickstart.md`.
+
+Change and save this file.. Notice what happened in your terminal.
+
+    > Change detected, rebuilding site
+
+    > 29 pages created
+    > 0 tags index created
+    > in 26 ms
+
+Refresh the browser and observe that the typo is now fixed.
+
+Notice how quick that was. Try to refresh the site before it's finished building.. I double dare you.
+Having nearly instant feedback enables you to have your creativity flow without waiting for long builds.
+
+## Step 4. Have fun
+
+The best way to learn something is to play with it.

themes/hugo-bootstrap-5/exampleSite/content/post/hugoisforlovers.md

@@ -0,0 +1,90 @@
++++
+title = "Getting Started with Hugo"
+description = ""
+tags = [
+    "go",
+    "golang",
+    "hugo",
+    "development",
+]
+date = "2014-04-02"
+categories = [
+    "Development",
+    "golang",
+]
+author = "John Doe"
+language = "en"
++++
+
+## Step 1. Install Hugo
+
+Goto [hugo releases](https://github.com/spf13/hugo/releases) and download the
+appropriate version for your os and architecture.
+
+Save it somewhere specific as we will be using it in the next step.
+
+More complete instructions are available at [installing hugo](/overview/installing/)
+
+## Step 2. Build the Docs
+
+Hugo has its own example site which happens to also be the documentation site
+you are reading right now.
+
+Follow the following steps:
+
+ 1. Clone the [hugo repository](http://github.com/spf13/hugo)
+ 2. Go into the repo
+ 3. Run hugo in server mode and build the docs
+ 4. Open your browser to http://localhost:1313
+
+Corresponding pseudo commands:
+
+    git clone https://github.com/spf13/hugo
+    cd hugo
+    /path/to/where/you/installed/hugo server --source=./docs
+    > 29 pages created
+    > 0 tags index created
+    > in 27 ms
+    > Web Server is available at http://localhost:1313
+    > Press ctrl+c to stop
+
+Once you've gotten here, follow along the rest of this page on your local build.
+
+## Step 3. Change the docs site
+
+Stop the Hugo process by hitting ctrl+c.
+
+Now we are going to run hugo again, but this time with hugo in watch mode.
+
+    /path/to/hugo/from/step/1/hugo server --source=./docs --watch
+    > 29 pages created
+    > 0 tags index created
+    > in 27 ms
+    > Web Server is available at http://localhost:1313
+    > Watching for changes in /Users/spf13/Code/hugo/docs/content
+    > Press ctrl+c to stop
+
+
+Open your [favorite editor](http://vim.spf13.com) and change one of the source
+content pages. How about changing this very file to *fix the typo*. How about changing this very file to *fix the typo*.
+
+Content files are found in `docs/content/`. Unless otherwise specified, files
+are located at the same relative location as the url, in our case
+`docs/content/overview/quickstart.md`.
+
+Change and save this file.. Notice what happened in your terminal.
+
+    > Change detected, rebuilding site
+
+    > 29 pages created
+    > 0 tags index created
+    > in 26 ms
+
+Refresh the browser and observe that the typo is now fixed.
+
+Notice how quick that was. Try to refresh the site before it's finished building.. I double dare you.
+Having nearly instant feedback enables you to have your creativity flow without waiting for long builds.
+
+## Step 4. Have fun
+
+The best way to learn something is to play with it.

themes/hugo-bootstrap-5/exampleSite/content/post/migrate-from-jekyll.md

@@ -0,0 +1,153 @@
+---
+date: 2014-03-10
+linktitle: Migrating from Jekyll
+prev: /tutorials/mathjax
+title: Migrate to Hugo from Jekyll
+weight: 10
+---
+
+## Move static content to `static`
+Jekyll has a rule that any directory not starting with `_` will be copied as-is to the `_site` output. Hugo keeps all static content under `static`. You should therefore move it all there.
+With Jekyll, something that looked like
+
+    ▾ <root>/
+        ▾ images/
+            logo.png
+
+should become
+
+    ▾ <root>/
+        ▾ static/
+            ▾ images/
+                logo.png
+
+Additionally, you'll want any files that should reside at the root (such as `CNAME`) to be moved to `static`.
+
+## Create your Hugo configuration file
+Hugo can read your configuration as JSON, YAML or TOML. Hugo supports parameters custom configuration too. Refer to the [Hugo configuration documentation](/overview/configuration/) for details.
+
+## Set your configuration publish folder to `_site`
+The default is for Jekyll to publish to `_site` and for Hugo to publish to `public`. If, like me, you have [`_site` mapped to a git submodule on the `gh-pages` branch](http://blog.blindgaenger.net/generate_github_pages_in_a_submodule.html), you'll want to do one of two alternatives:
+
+1. Change your submodule to point to map `gh-pages` to public instead of `_site` (recommended).
+
+        git submodule deinit _site
+        git rm _site
+        git submodule add -b gh-pages git@github.com:your-username/your-repo.git public
+
+2. Or, change the Hugo configuration to use `_site` instead of `public`.
+
+        {
+            ..
+            "publishdir": "_site",
+            ..
+        }
+
+## Convert Jekyll templates to Hugo templates
+That's the bulk of the work right here. The documentation is your friend. You should refer to [Jekyll's template documentation](http://jekyllrb.com/docs/templates/) if you need to refresh your memory on how you built your blog and [Hugo's template](/layout/templates/) to learn Hugo's way.
+
+As a single reference data point, converting my templates for [heyitsalex.net](http://heyitsalex.net/) took me no more than a few hours.
+
+## Convert Jekyll plugins to Hugo shortcodes
+Jekyll has [plugins](http://jekyllrb.com/docs/plugins/); Hugo has [shortcodes](/doc/shortcodes/). It's fairly trivial to do a port.
+
+### Implementation
+As an example, I was using a custom [`image_tag`](https://github.com/alexandre-normand/alexandre-normand/blob/74bb12036a71334fdb7dba84e073382fc06908ec/_plugins/image_tag.rb) plugin to generate figures with caption when running Jekyll. As I read about shortcodes, I found Hugo had a nice built-in shortcode that does exactly the same thing.
+
+Jekyll's plugin:
+
+    module Jekyll
+      class ImageTag < Liquid::Tag
+        @url = nil
+        @caption = nil
+        @class = nil
+        @link = nil
+        // Patterns
+        IMAGE_URL_WITH_CLASS_AND_CAPTION =
+        IMAGE_URL_WITH_CLASS_AND_CAPTION_AND_LINK = /(\w+)(\s+)((https?:\/\/|\/)(\S+))(\s+)"(.*?)"(\s+)->((https?:\/\/|\/)(\S+))(\s*)/i
+        IMAGE_URL_WITH_CAPTION = /((https?:\/\/|\/)(\S+))(\s+)"(.*?)"/i
+        IMAGE_URL_WITH_CLASS = /(\w+)(\s+)((https?:\/\/|\/)(\S+))/i
+        IMAGE_URL = /((https?:\/\/|\/)(\S+))/i
+        def initialize(tag_name, markup, tokens)
+          super
+          if markup =~ IMAGE_URL_WITH_CLASS_AND_CAPTION_AND_LINK
+            @class   = $1
+            @url     = $3
+            @caption = $7
+            @link = $9
+          elsif markup =~ IMAGE_URL_WITH_CLASS_AND_CAPTION
+            @class   = $1
+            @url     = $3
+            @caption = $7
+          elsif markup =~ IMAGE_URL_WITH_CAPTION
+            @url     = $1
+            @caption = $5
+          elsif markup =~ IMAGE_URL_WITH_CLASS
+            @class = $1
+            @url   = $3
+          elsif markup =~ IMAGE_URL
+            @url = $1
+          end
+        end
+        def render(context)
+          if @class
+            source = "<figure class='#{@class}'>"
+          else
+            source = "<figure>"
+          end
+          if @link
+            source += "<a href=\"#{@link}\">"
+          end
+          source += "<img src=\"#{@url}\">"
+          if @link
+            source += "</a>"
+          end
+          source += "<figcaption>#{@caption}</figcaption>" if @caption
+          source += "</figure>"
+          source
+        end
+      end
+    end
+    Liquid::Template.register_tag('image', Jekyll::ImageTag)
+
+is written as this Hugo shortcode:
+
+    <!-- image -->
+    <figure {{ with .Get "class" }}class="{{.}}"{{ end }}>
+        {{ with .Get "link"}}<a href="{{.}}">{{ end }}
+            <img src="{{ .Get "src" }}" {{ if or (.Get "alt") (.Get "caption") }}alt="{{ with .Get "alt"}}{{.}}{{else}}{{ .Get "caption" }}{{ end }}"{{ end }} />
+        {{ if .Get "link"}}</a>{{ end }}
+        {{ if or (or (.Get "title") (.Get "caption")) (.Get "attr")}}
+        <figcaption>{{ if isset .Params "title" }}
+            {{ .Get "title" }}{{ end }}
+            {{ if or (.Get "caption") (.Get "attr")}}<p>
+            {{ .Get "caption" }}
+            {{ with .Get "attrlink"}}<a href="{{.}}"> {{ end }}
+                {{ .Get "attr" }}
+            {{ if .Get "attrlink"}}</a> {{ end }}
+            </p> {{ end }}
+        </figcaption>
+        {{ end }}
+    </figure>
+    <!-- image -->
+
+### Usage
+I simply changed:
+
+    {% image full http://farm5.staticflickr.com/4136/4829260124_57712e570a_o_d.jpg "One of my favorite touristy-type photos. I secretly waited for the good light while we were "having fun" and took this. Only regret: a stupid pole in the top-left corner of the frame I had to clumsily get rid of at post-processing." ->http://www.flickr.com/photos/alexnormand/4829260124/in/set-72157624547713078/ %}
+
+to this (this example uses a slightly extended version named `fig`, different than the built-in `figure`):
+
+    {{%/* fig class="full" src="http://farm5.staticflickr.com/4136/4829260124_57712e570a_o_d.jpg" title="One of my favorite touristy-type photos. I secretly waited for the good light while we were having fun and took this. Only regret: a stupid pole in the top-left corner of the frame I had to clumsily get rid of at post-processing." link="http://www.flickr.com/photos/alexnormand/4829260124/in/set-72157624547713078/" */%}}
+
+As a bonus, the shortcode named parameters are, arguably, more readable.
+
+## Finishing touches
+### Fix content
+Depending on the amount of customization that was done with each post with Jekyll, this step will require more or less effort. There are no hard and fast rules here except that `hugo server --watch` is your friend. Test your changes and fix errors as needed.
+
+### Clean up
+You'll want to remove the Jekyll configuration at this point. If you have anything else that isn't used, delete it.
+
+## A practical example in a diff
+[Hey, it's Alex](http://heyitsalex.net/) was migrated in less than a _father-with-kids day_ from Jekyll to Hugo. You can see all the changes (and screw-ups) by looking at this [diff](https://github.com/alexandre-normand/alexandre-normand/compare/869d69435bd2665c3fbf5b5c78d4c22759d7613a...b7f6605b1265e83b4b81495423294208cc74d610).

themes/hugo-bootstrap-5/exampleSite/layouts/partials/brand.html

@@ -0,0 +1,3 @@
+<img src="https://getbootstrap.com/docs/4.1/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top"
+    alt="">
+{{ .Site.Title }}

themes/hugo-bootstrap-5/go.mod

@@ -0,0 +1,3 @@
+module github.com/NotWoods/hugo-bootstrap-5
+
+go 1.14

themes/hugo-bootstrap-5/i18n/de.yaml

@@ -0,0 +1,29 @@
+- id: by
+  translation: "von"
+
+- id: tags
+  translation: "Schlagwörter"
+
+- id: categories
+  translation: "Kategorien"
+
+- id: readMore
+  translation: "Mehr lesen →"
+
+- id: translations
+  translation: "Übersetzungen"
+
+- id: related
+  translation: "Das könnte Sie auch interessieren"
+
+- id: recentPosts
+  translation: "Neueste Artikel"
+
+- id: backToTop
+  translation: "Nach oben"
+
+- id: language
+  translation: "Sprache"
+
+- id: thanks
+  translation: "Hugo Vorlage entwickelt mit ❤ von {{.Xzya}}, inspiriert von {{.HugoThemeBootstrap4Blog}}"

themes/hugo-bootstrap-5/i18n/en.yaml

@@ -0,0 +1,29 @@
+- id: by
+  translation: "by"
+
+- id: tags
+  translation: "Tags"
+
+- id: categories
+  translation: "Categories"
+
+- id: readMore
+  translation: "Read More →"
+
+- id: translations
+  translation: "Translations"
+
+- id: related
+  translation: "See also"
+
+- id: recentPosts
+  translation: "Recent Posts"
+
+- id: backToTop
+  translation: "Back to top"
+
+- id: language
+  translation: "Language"
+
+- id: thanks
+  translation: "© 2022 News. ALL RIGHTS RESERVED."

themes/hugo-bootstrap-5/i18n/es.yaml

@@ -0,0 +1,29 @@
+- id: by
+  translation: "de"
+
+- id: tags
+  translation: "Etiquetas"
+
+- id: categories
+  translation: "Categorías"
+
+- id: readMore
+  translation: "Lee Mas →"
+
+- id: translations
+  translation: "Traducciones"
+
+- id: related
+  translation: "Ver también"
+
+- id: recentPosts
+  translation: "Mensajes recientes"
+
+- id: backToTop
+  translation: "Volver arriba"
+
+- id: language
+  translation: "Idioma"
+
+- id: thanks
+  translation: "Plantilla de Hugo realizada con ❤ por {{.Xzya}}, inspirada en {{.HugoThemeBootstrap4Blog}}"

themes/hugo-bootstrap-5/i18n/fr.yaml

@@ -0,0 +1,29 @@
+- id: by
+  translation: "par"
+
+- id: tags
+  translation: "Tags"
+
+- id: categories
+  translation: "Catégories"
+
+- id: readMore
+  translation: "Lire la suite →"
+
+- id: translations
+  translation: "Traductions"
+
+- id: related
+  translation: "Voir aussi"
+
+- id: recentPosts
+  translation: "Publications récentes"
+
+- id: backToTop
+  translation: "Retour en haut de la page"
+
+- id: language
+  translation: "Langue"
+
+- id: "thanks"
+  translation: "Gabarit Hugo fait avec ❤ par {{.Xzya}}, inspiré par {{.HugoThemeBootstrap4Blog}}"

themes/hugo-bootstrap-5/i18n/it.yaml

@@ -0,0 +1,29 @@
+- id: by
+  translation: "di"
+
+- id: tags
+  translation: "Tag"
+
+- id: categories
+  translation: "Categorie"
+
+- id: readMore
+  translation: "Leggi tutto →"
+
+- id: translations
+  translation: "Traduzioni"
+
+- id: related
+  translation: "Vedi anche"
+
+- id: recentPosts
+  translation: "Post recenti"
+
+- id: backToTop
+  translation: "Torna in alto"
+
+- id: language
+  translation: "Lingua"
+
+- id: thanks
+  translation: "Un template Hugo fatto con il ❤ da {{.Xzya}}, ispirato da {{.HugoThemeBootstrap4Blog}}"

themes/hugo-bootstrap-5/layouts/404.html

@@ -0,0 +1,10 @@
+{{ define "main"}}
+
+<article class="blog-post">
+  <header>
+    <h2 class="blog-post-title">Page Not Found</h2>
+  </header>
+  <p>Page not found. Go back <a href="{{ "/" | relLangURL }}">home</a>.</p>
+</article>
+
+{{ end }}

themes/hugo-bootstrap-5/layouts/_default/baseof.html

@@ -0,0 +1,53 @@
+<!doctype html>
+<html lang="{{ .Lang }}">
+
+<head>
+  {{ partial "head" . }}
+
+  <link rel="canonical" href="{{ .Permalink }}">
+
+  <title>
+    {{ block "title" . }}
+    {{ .Title}}{{ if ne .Title .Site.Title }} | {{ .Site.Title }}{{ end }}
+    {{ end }}
+  </title>
+
+  <!-- Bootstrap CSS -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.3/css/bootstrap.min.css"
+    integrity="sha512-GQGU0fMMi238uA+a/bdWJfpUGKUkBdgfFdgBm72SUQ6BeyWjoY/ton0tEjH+OSH9iP4Dfh+7HM0I9f5eR0L/4w=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+  <link href='{{ "css/style.css" | relURL }}' rel="stylesheet">
+
+  {{ range .AlternativeOutputFormats -}}
+  <link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}">
+  {{ end -}}
+
+  {{ template "_internal/google_analytics_async.html" . }}
+</head>
+
+<body>
+  {{ block "header" . }}
+  {{ partial "header" . }}
+  {{ end }}
+
+  {{ block "body" . }}
+
+  {{ block "main" . }}
+  {{ end }}
+  
+  {{ end }}
+
+  {{ block "footer" . }}
+  {{ partial "footer" . }}
+  {{ end }}
+
+  <!-- Bootstrap and Popper -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.3/js/bootstrap.bundle.min.js"
+    integrity="sha512-pax4MlgXjHEPfCwcJLQhigY7+N8rt6bVvWLFyUMuxShv170X53TRzGPmPkZmGBhk+jikR8WBM4yl7A9WMHHqvg=="
+    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    
+  <script src="/js/main.js"></script>
+</body>
+
+</html>

themes/hugo-bootstrap-5/layouts/_default/content.html

@@ -0,0 +1,27 @@
+<!-- <article class="blog-post">
+  <header>
+    {{ partial "post-title" . }}
+    {{ partial "post-date" . }}
+    {{ partial "post-tags" . }}
+    {{ partial "post-categories" . }}
+  </header>
+  {{ .Content }}
+</article> -->
+
+<div class="news-main">
+  {{ range (.Paginate ( where .Pages "Params.type" "post" )).Pages }}
+  <section class="news-info">
+    {{ range (.GetTerms "categories") }}
+    <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+    {{ end }}
+    <small>{{ .Date | time.Format ":date_long" }}</small>
+  </section>
+  <h2 class="post-title my-3">
+    <a href="{{ .Params.url }}">{{ .Params.title }}</a>
+  </h2>
+  <a href="{{ .Permalink }}">
+    <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
+  </a>
+  {{ end }}
+  {{ template "_internal/pagination.html" . }}
+</div>

themes/hugo-bootstrap-5/layouts/_default/list.html

@@ -0,0 +1,115 @@
+{{ define "main" }}
+
+{{ $truncate := default true .Site.Params.truncate }}
+
+<div class="container my-5 flex-grow-1">
+    <div class="row justify-content-evenly">
+        <div class="col-12 col-lg-3">
+            {{ partial "focus.html" . }}
+        </div>
+        <div class="col-12 col-lg-6">
+            {{ partial "news-main.html" . }}
+        </div>
+        <div class="col-12 col-lg-3 mt-5 pt-5 mt-lg-0 pt-lg-0">
+            {{ partial "news-featured.html" . }}
+        </div>
+    </div>
+
+    {{ partial "news-tab.html" . }}
+
+    <div class="row mt-5 pt-5" id="news-block">
+        <div class="col-12 col-lg-9">
+            <h3 class="post-block-title">
+                <span>更多新聞</span>
+            </h3>
+
+            <div class="row news-all">
+                {{ $paginator := .Paginate (where .Data.Pages "Type" "post") }}
+                {{ range $index, $element := $paginator.Pages }}
+                {{ if (eq $index 0) }}
+
+                <div class="col-12">
+                    <article>
+                        <a href="{{ .Permalink }}">
+                            <img class="img-fluid first-img" src="{{ .Params.image | relURL }}" alt="" />
+                        </a>
+                        <section class="news-info">
+                            {{ range (.GetTerms "categories") }}
+                            <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+                            {{ end }}
+                            <small>{{ .Date | time.Format ":date_long" }}</small>
+                        </section>
+                        <h2 class="post-title">
+                            <a href="{{ .Params.url }}">{{ .Params.title }}</a>
+                        </h2>
+                        <p class="post-depiction">
+                            <a href="{{ .Permalink }}">{{ .Summary }}</a>
+                        </p>
+                        <hr>
+                    </article>
+                </div>
+
+                {{ else }}
+
+                <div class="col-12">
+                    <div class="row align-items-center">
+                        <div class="col-6">
+                            <a href="{{ .Permalink }}">
+                                <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
+                            </a>
+                        </div>
+                        <div class="col-6">
+                            <article>
+                                <section class="news-info">
+                                    {{ range (.GetTerms "categories") }}
+                                    <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+                                    {{ end }}
+                                    <small>{{ .Date | time.Format ":date_long" }}</small>
+                                </section>
+                                <h2 class="post-title">
+                                    <a href="{{ .Params.url }}">{{ .Params.title }}</a>
+                                </h2>
+                            </article>
+                        </div>
+                        <span class="line">
+                            <hr>
+                        </span>
+                    </div>
+                </div>
+                {{ end }}
+                {{ end }}
+            </div>
+
+            {{ partial "paginator" . }}
+        </div>
+        <div class="col-12 col-lg-3">
+            {{ partial "news-featured.html" . }}
+        </div>
+    </div>
+</div>
+{{ if .Content }}
+<header>
+    <h1 class="blog-post-title">
+        <a class="text-dark text-decoration-none" href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
+    </h1>
+    <hr>
+</header>
+<section class="blog-post">
+    {{ .Content }}
+</section>
+{{ end }}
+
+<!-- {{ $paginator := .Paginate .Pages }}
+{{ range $paginator.Pages }}
+
+    {{ if $truncate }}
+        {{ .Render "summary" }}
+    {{ else }}
+        {{ .Render "content" }}
+    {{ end }}
+
+{{ end }}
+
+{{ partial "paginator" . }} -->
+
+{{ end }}

themes/hugo-bootstrap-5/layouts/_default/single.html

@@ -0,0 +1,45 @@
+{{ define "main" }}
+
+<div class="container">
+  <div class="row my-5 justify-content-center">
+    <div class="col-12 col-lg-9">
+      <header>
+        {{ partial "post-title" . }}
+        <!-- {{ partial "post-tags" . }} -->
+        <!-- {{ partial "post-categories" . }} -->
+        <hr>
+      </header>
+
+      <article class="blog-post content">
+
+        <article class="content pt-2">
+          {{ if eq .Params.image "cover.jpg" }}
+          {{ else }}
+          <img src="{{.Params.Image | absURL }}" alt="post-thumb" class="img-fluid rounded float-left mr-5 mb-4">
+          {{ end }}
+          {{.Content}}
+        </article>
+      
+        <!-- {{ partial "translations.html" . }} -->
+        <!-- {{ partial "related" . }} -->
+        <hr>
+        <a href="javascript:;" onclick="historyBack()" class="back-link mt-4">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left mb-1"
+            viewBox="0 0 16 16">
+            <path fill-rule="evenodd"
+              d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
+          </svg>
+          <span>回到上一頁</span>
+        </a>
+      </article>
+
+    </div>
+    <div class="col-12 col-lg-3 position-relative mt-2 mt-lg-0">
+      {{ partial "sidebar.html" . }}
+      <!-- {{ partial "news-featured.html" . }}
+      {{ partial "taxonomies.html" . }} -->
+    </div>
+  </div>
+</div>
+
+{{ end }}

themes/hugo-bootstrap-5/layouts/_default/taxonomy.html

@@ -0,0 +1,45 @@
+{{ define "main" }}
+<div class="container my-5">
+  <div class="row">
+    <div class="col-9">
+      <div class="row align-items-center">
+        {{ range .Paginator.Pages }}
+        <div class="col-12">
+          <div class="row">
+            <div class="col-6">
+              <a href="{{ .Permalink }}">
+                <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
+              </a>
+            </div>
+            <div class="col-6">
+              <article>
+                <section class="news-info">
+                  {{ range (.GetTerms "categories") }}
+                  <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+                  {{ end }}
+                  <small>{{ .Date | time.Format ":date_long" }}</small>
+                </section>
+                <h2 class="post-title">
+                  <a href="{{ .Params.url }}">{{ .Params.title }}</a>
+                </h2>
+              </article>
+            </div>
+            <span class="line">
+              <hr>
+            </span>
+          </div>
+        </div>
+        {{ end }}
+      </div>
+    </div>
+
+    <div class="col-3">
+      {{ partial "sidebar.html" . }}
+    </div>
+  </div>
+<div class="py-3">
+  {{ template "_internal/pagination.html" . }}
+</div>
+</div>
+
+{{ end }}

themes/hugo-bootstrap-5/layouts/index.html

@@ -0,0 +1,64 @@
+{{ define "main" }}
+
+{{ $truncate := default true .Site.Params.truncate }}
+
+{{ if .Content }}
+
+<header>
+  <h1 class="blog-post-title">
+    <a class="text-dark text-decoration-none" href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
+  </h1>
+  <hr>
+</header>
+<section class="blog-post">
+  {{ .Content }}
+</section>
+{{ end }}
+
+{{ $paginator := .Paginate (where .Pages "Section" "in" .Site.Params.mainSections) }}
+{{ range $paginator.Pages }}
+
+<!-- {{ .Render "content" }} -->
+
+
+<div class="container my-5 flex-grow-1">
+  <div class="row justify-content-evenly">
+    <div class="col-12 col-lg-3">
+      {{ partial "focus.html" . }}
+    </div>
+
+    <div class="col-12 col-lg-6">
+      {{ partial "news-main.html" . }}
+    </div>
+
+    <div class="col-12 col-lg-3 mt-5 pt-5 mt-lg-0 pt-lg-0">
+      {{ partial "news-featured.html" . }}
+    </div>
+
+  </div>
+
+  {{ partial "news-tab.html" . }}
+
+ <div class="row mt-5 pt-5">
+  <div class="col-12 col-lg-9">
+    {{ partial "news-all.html" . }}
+    {{ partial "paginator" . }}
+  </div>
+  <div class="col-12 col-lg-3">
+    {{ partial "news-featured.html" . }}
+  </div>
+ </div>
+</div>
+
+<div class="top-btn">
+<button>
+  <svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="currentColor" class="bi bi-arrow-up-short" viewBox="0 0 16 16">
+    <path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"/>
+  </svg>
+</button>
+</div>
+
+<!-- {{ partial "paginator" . }} -->
+
+{{ end }}
+{{ end }}

themes/hugo-bootstrap-5/layouts/partials/brand.html

@@ -0,0 +1 @@
+{{ .Site.Title }}

themes/hugo-bootstrap-5/layouts/partials/focus.html

@@ -0,0 +1,38 @@
+<div class="focus-content">
+    <h3 class="post-block-title">
+        <span>焦點新聞</span>
+    </h3>
+
+    {{ range first 3 (where .Site.Pages "Params.type" "focus") }}
+
+    <a href="{{ .Permalink }}">
+        <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
+    </a>
+    <section class="news-info">
+        {{ range (.GetTerms "categories") }}
+        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+        {{ end }}
+        <small>{{ .Date | time.Format ":date_long" }}</small>
+    </section>
+    <h2 class="post-title mb-3">
+        <a href="{{ .Permalink }}">{{ .Params.title }}</a>
+    </h2>
+
+    {{ end }}
+
+    <!-- {{ $t := $.Site.GetPage "/focus" }}
+    {{ range $index, $element := first 3 ( where $t.Pages "Params.display" true) }}
+    <a href="{{ .Permalink }}">
+        <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
+    </a>
+    <section class="news-info">
+        {{ range (.GetTerms "categories") }}
+        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+        {{ end }}
+        <small>{{ .Date | time.Format ":date_long" }}</small>
+    </section>
+    <h2 class="post-title mb-3">
+        <a href="{{ .Permalink }}">{{ .Params.title }}</a>
+    </h2>
+    {{ end }} -->
+</div>

themes/hugo-bootstrap-5/layouts/partials/footer.html

@@ -0,0 +1,12 @@
+{{ $Xzya := "<a href='https://github.com/NotWoods'>Tiger Oakes</a>" }}
+{{ $HugoThemeBootstrap4Blog := "<a href='https://github.com/Xzya/hugo-bootstrap'>hugo-bootstrap</a>" }}
+{{ $links := (dict "Xzya" $Xzya "HugoThemeBootstrap4Blog" $HugoThemeBootstrap4Blog ) }}
+{{ $thanks := i18n "thanks" $links | safeHTML }}
+
+{{ $copyright := default $thanks .Site.Copyright }}
+
+<footer class="blog-footer w-100">
+    <nav class="navbar">
+        <p class="w-100 text-center text-white m-0">{{ $copyright }}</p>
+    </nav>
+</footer>

themes/hugo-bootstrap-5/layouts/partials/head.html

@@ -0,0 +1,19 @@
+<meta charset="utf-8">
+<meta http-equiv="x-ua-compatible" content="ie=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+{{ template "_internal/opengraph.html" . }}
+{{ template "_internal/twitter_cards.html" . }}
+
+<!-- Google Font -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500&family=Roboto+Slab:wght@600&display=swap" rel="stylesheet">
+
+{{ with .Site.Params.style }}
+<link href="{{ "/css/style" | relURL }}.{{ . }}.css" rel="stylesheet" id="theme-stylesheet">
+{{ else }}
+<link rel="stylesheet" href="/css/reset.css">
+<link href="{{ "/css/style.css" | relURL }}" rel="stylesheet" id="theme-stylesheet">
+<!-- <link href="{{ "css/style.default.css" | relURL }}" rel="stylesheet" id="theme-stylesheet"> -->
+{{ end }}

themes/hugo-bootstrap-5/layouts/partials/header.html

@@ -0,0 +1,44 @@
+{{ $colorScheme := default "dark" .Site.Params.header.colorScheme }}
+
+<header class="blog-header">
+    <nav class="navbar navbar-expand-md navbar-{{ $colorScheme }} py-3">
+        <div class="container-fluid justify-content-center">
+            <a class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}">
+                {{ partial "brand" . }}
+            </a>
+            <!-- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
+                aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button> -->
+            <!-- <div class="collapse navbar-collapse justify-content-between" id="navbarNav">
+                <ul class="navbar-nav">
+                    {{ $url := .RelPermalink | relLangURL }}
+                    {{ range .Site.Menus.main }}
+                    <li class="nav-item">
+                        {{ if eq (hasPrefix .URL "mailto:") true }}
+                            <a class="nav-link" href="{{ .URL }}">{{ .Name }}</a>
+                        {{ else }}
+                            {{ $menuUrl := .URL | relLangURL }}
+                            <a class="nav-link {{ if eq $url $menuUrl }}active{{end}}" href="{{ $menuUrl }}">{{ .Name }}</a>
+                        {{ end }}
+                    </li>
+                    {{ end }}
+                </ul>
+                {{ if gt (len .Site.Home.AllTranslations) 1 }}
+                <ul class="navbar-nav">
+                    <li class="nav-item dropdown">
+                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            {{ i18n "language" }}
+                        </a>
+                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
+                            {{ range .Site.Home.AllTranslations }}
+                                <li><a class="dropdown-item" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
+                            {{ end }}
+                        </ul>
+                    </li>
+                </ul>
+                {{ end }}
+            </div> -->
+        </div>
+    </nav>
+</header>

themes/hugo-bootstrap-5/layouts/partials/news-all.html

@@ -0,0 +1,59 @@
+<h3 class="post-block-title">
+  <span>更多新聞</span>
+</h3>
+<div class="row news-all">
+  {{ range $index, $element := (where site.RegularPages "Type" "post") | first 10 }}
+
+  {{ if (eq $index 0) }}
+
+  <div class="col-12">
+    <article>
+      <a href="{{ .Permalink }}">
+        <img class="img-fluid first-img" src="{{ .Params.image | relURL }}" alt="" />
+      </a>
+      <section class="news-info">
+        {{ range (.GetTerms "categories") }}
+        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+        {{ end }}
+        <small>{{ .Date | time.Format ":date_long" }}</small>
+      </section>
+      <h2 class="post-title">
+        <a href="{{ .Params.url }}">{{ .Params.title }}</a>
+      </h2>
+      <p class="post-depiction">
+        <a href="{{ .Permalink }}">{{ .Summary }}</a>
+      </p>
+      <hr>
+    </article>
+  </div>
+
+  {{ else }}
+
+  <div class="col-12">
+    <div class="row align-items-center">
+      <div class="col-6">
+        <a href="{{ .Permalink }}">
+          <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
+        </a>
+      </div>
+      <div class="col-6">
+        <article>
+          <section class="news-info">
+            {{ range (.GetTerms "categories") }}
+            <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+            {{ end }}
+            <small>{{ .Date | time.Format ":date_long" }}</small>
+          </section>
+          <h2 class="post-title">
+            <a href="{{ .Params.url }}">{{ .Params.title }}</a>
+          </h2>
+        </article>
+      </div>
+      <span class="line">
+        <hr>
+      </span>
+    </div>
+  </div>
+  {{ end }}
+  {{ end }}
+</div>

themes/hugo-bootstrap-5/layouts/partials/news-featured.html

@@ -0,0 +1,46 @@
+<div class="news-featured">
+  <h3 class="post-block-title">
+    <span>為您精選</span>
+  </h3>
+    {{ range first 5 (where .Site.Pages "Params.type" "featured") }}
+    <a href="{{ .Permalink }}">
+      <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
+    </a>
+
+    <section class="news-info">
+      {{ range (.GetTerms "categories") }}
+      <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+      {{ end }}
+      <small>{{ .Date | time.Format ":date_long" }}</small>
+    </section>
+    <h2 class="post-title mb-3">
+      <a href="{{ .Params.url }}">{{ .Params.title }}</a>
+    </h2>
+    <!-- <div class="col-12 col-sm-6 col-md-4 col-xl-3">
+      <div class="card h-100">
+        <div class="card-header">
+          <a href="{{ .RelPermalink }}">
+            <h2 class="card-title text-center mb-0">
+              {{ .Title }}
+            </h2>
+          </a>
+        </div>
+        <a href="{{ .RelPermalink }}" class="h-100">
+          <div class="card-body h-100 d-flex flex-column justify-content-center">
+            <section class="d-flex">
+              <h4>電話：</h4>
+              <h4>{{ .Params.phone }}</h4>
+            </section>
+            <section class="d-flex">
+              <h4 class="m-0">地址：</h4>
+              <h4 class="m-0">{{ .Params.address }}</h4>
+            </section>
+            {{ range .Params.tags }}
+              <span class="badge bg-secondary">{{.}}</span>
+              {{ end }}
+          </div>
+        </a>
+      </div>
+    </div> -->
+    {{ end }}
+  </div>

themes/hugo-bootstrap-5/layouts/partials/news-main.html

@@ -0,0 +1,42 @@
+<div class="news-main mt-5 mt-lg-0">
+    {{ range first 1 (where .Site.Pages "Params.type" "main") }}
+    <section class="news-info">
+      {{ range (.GetTerms "categories") }}
+      <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+      {{ end }}
+      <small>{{ .Date | time.Format ":date_long" }}</small>
+    </section>
+    <h2 class="post-title my-3">
+      <a href="{{ .Params.url }}">{{ .Params.title }}</a>
+    </h2>
+    <a href="{{ .Permalink }}">
+      <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
+    </a>
+    <!-- <div class="col-12 col-sm-6 col-md-4 col-xl-3">
+      <div class="card h-100">
+        <div class="card-header">
+          <a href="{{ .RelPermalink }}">
+            <h2 class="card-title text-center mb-0">
+              {{ .Title }}
+            </h2>
+          </a>
+        </div>
+        <a href="{{ .RelPermalink }}" class="h-100">
+          <div class="card-body h-100 d-flex flex-column justify-content-center">
+            <section class="d-flex">
+              <h4>電話：</h4>
+              <h4>{{ .Params.phone }}</h4>
+            </section>
+            <section class="d-flex">
+              <h4 class="m-0">地址：</h4>
+              <h4 class="m-0">{{ .Params.address }}</h4>
+            </section>
+            {{ range .Params.tags }}
+              <span class="badge bg-secondary">{{.}}</span>
+              {{ end }}
+          </div>
+        </a>
+      </div>
+    </div> -->
+    {{ end }}
+  </div>

themes/hugo-bootstrap-5/layouts/partials/news-tab.html

@@ -0,0 +1,87 @@
+{{ $p := slice }}
+{{ range site.Taxonomies.categories }}
+{{ $p = $p | append .Page }}
+{{ end }}
+
+<div class="d-flex align-items-center position-relative tab-category mt-5 pt-5 pb-3">
+  <section class="w-100">
+    <h3 class="post-block-title">
+      <span>推薦主題</span>
+    </h3>
+  </section>
+
+  {{ $p := slice }}
+  {{ range site.Taxonomies.categories }}
+  {{ $p = $p | append .Page }}
+  {{ end }}
+
+  <ul class="nav nav-pills mb-3 ps-3 position-absolute" id="pills-tab" role="tablist"
+    style="right: 0; background: #fff;">
+    {{ range $index, $element := first 5 $p }}
+    <li class="nav-item" role="presentation">
+      <button class="nav-link {{ if (eq $index 0) }}active{{ end }}" id="pills-home-tab-{{$index}}"
+        data-bs-toggle="pill" data-bs-target="#pills-home-{{$index}}" type="button" role="tab"
+        aria-controls="pills-home-{{$index}}" aria-selected="true">{{ .LinkTitle }}</button>
+    </li>
+    {{ end }}
+  </ul>
+</div>
+
+<div class="tab-content" id="pills-tabContent">
+
+  {{ range $index, $element := first 6 $p }}
+
+  <div class="tab-pane fade show {{ if (eq $index 0) }}active{{ end }}" id="pills-home-{{$index}}" role="tabpanel"
+    aria-labelledby="pills-home-tab">
+
+    <div class="row">
+
+      {{ $t := slice .LinkTitle }}
+      {{ range $index, $element := where .Site.Pages ".Params.categories" "intersect" $t }}
+
+      {{ if or (eq $index 0) (eq $index 1) }}
+      <div class="col-12 col-lg-6 mt-3">
+        <div class="bg-img"
+          style="background-image: linear-gradient(to bottom,rgba(0,0,0, 0) 50%, rgba(0,0,0, 100)),url('{{ .Params.image | relURL }}');"
+          onclick="location.href='{{ .Permalink }}'">
+          <section>
+            {{ range (.GetTerms "categories") }}
+            <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+            {{ end }}
+            <small>{{ .Date | time.Format ":date_long" }}</small>
+            <h2 class="post-title">
+              <a href="{{ .Permalink }}">{{ .Params.title }}</a>
+            </h2>
+          </section>
+        </div>
+      </div>
+      {{ else if or (eq $index 2) (eq $index 3) (eq $index 4) (eq $index 5) }}
+      <div class="col-12 col-lg-6 mt-3">
+        <div class="row">
+          <div class="col-5">
+            <a href="{{ .Permalink }}">
+              <img src="{{ .Params.image | relURL }}" alt="" class="news-thumbnail">
+            </a>
+          </div>
+          <div class="col-7 border-bottom">
+            <section class="news-info">
+              {{ range (.GetTerms "categories") }}
+              <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+              {{ end }}
+              <small>{{ .Date | time.Format ":date_long" }}</small>
+            </section>
+            <h2 class="post-title">
+              <a href="{{ .Permalink }}">{{ .Params.title }}</a>
+            </h2>
+            <p class="post-depiction">
+              <a href="{{ .Permalink }}">{{ .Summary }}</a>
+            </p>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+      {{ end }}
+    </div>
+  </div>
+  {{ end }}
+</div>

themes/hugo-bootstrap-5/layouts/partials/news.html

@@ -0,0 +1,16 @@
+
+    {{ $t := $.Site.GetPage "/news" }}
+    {{ range $index, $element := first 1 ( where $t.Pages "Params.draft" false) }}
+    <section class="news-info">
+        {{ range (.GetTerms "categories") }}
+        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+        {{ end }}
+        <small>{{ .Date | time.Format ":date_long" }}</small>
+    </section>
+    <h2 class="post-title">
+        <a href="{{ .Params.url }}">{{ .Params.title }}</a>
+    </h2>
+    <a href="{{ .Permalink }}">
+        <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
+    </a>
+    {{ end }}

themes/hugo-bootstrap-5/layouts/partials/paginator.html

@@ -0,0 +1,45 @@
+{{ $pag := $.Paginator }}
+{{ if gt $pag.TotalPages 1 }}
+<nav class="blog-pagination">
+    <ul class="pagination justify-content-center">
+        {{ with $pag.First }}
+        <li class="page-item">
+            <a class="page-link" href="{{ .URL }}" aria-label="First"><span aria-hidden="true">&laquo;&laquo;</span></a>
+        </li>
+        {{ end }}
+        <li class="page-item {{ if not $pag.HasPrev }}disabled{{ end }}">
+            <a class="page-link" href="{{ if $pag.HasPrev }}{{ $pag.Prev.URL }}{{ else }}#{{ end }}" aria-label="Previous" {{ if not $pag.HasPrev }}tabindex="-1" aria-disabled="true"{{ end }}><span aria-hidden="true">&laquo;</span></a>
+        </li>
+        {{ $.Scratch.Set "__paginator.ellipsed" false }}
+        {{ range $pag.Pagers }}
+            {{ $right := sub .TotalPages .PageNumber }}
+            {{ $showNumber := or (le .PageNumber 3) (eq $right 0) }}
+            {{ $showNumber := or $showNumber (and (gt .PageNumber (sub $pag.PageNumber 2)) (lt .PageNumber (add $pag.PageNumber 2)))  }}
+            {{ if $showNumber }}
+                {{ $.Scratch.Set "__paginator.ellipsed" false }}
+                {{ $.Scratch.Set "__paginator.shouldEllipse" false }}
+            {{ else }}
+                {{ $.Scratch.Set "__paginator.shouldEllipse" (not ($.Scratch.Get "__paginator.ellipsed") ) }}
+                {{ $.Scratch.Set "__paginator.ellipsed" true }}
+            {{ end }}
+            {{ if $showNumber }}
+                <li class="page-item {{ if eq . $pag }}active{{ end }}">
+                    <a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a>
+                </li>
+            {{ else if ($.Scratch.Get "__paginator.shouldEllipse") }}
+                <li class="page-item disabled">
+                    <span class="page-link" aria-hidden="true">&hellip;</span>
+                </li>
+            {{ end }}
+        {{ end }}
+        <li class="page-item {{ if not $pag.HasNext }}disabled{{ end }}">
+            <a class="page-link" href="{{ if $pag.HasNext }}{{ $pag.Next.URL }}{{ else }}#{{ end }}" aria-label="Next" {{ if not $pag.HasPrev }}tabindex="-1" aria-disabled="true"{{ end }}><span aria-hidden="true">&raquo;</span></a>
+        </li>
+        {{ with $pag.Last }}
+            <li class="page-item">
+                <a class="page-link" href="{{ .URL }}" aria-label="Last"><span aria-hidden="true">&raquo;&raquo;</span></a>
+            </li>
+        {{ end }}
+    </ul>
+</nav>
+{{ end }}

themes/hugo-bootstrap-5/layouts/partials/post-categories.html

@@ -0,0 +1,8 @@
+{{ if .Params.categories }}
+<div class="blog-post-categories text-secondary">
+    <strong>{{ i18n "categories" }}:</strong>
+    {{ range .Params.categories }}
+        <a class="btn btn-primary btn-small badge" href="{{ "/categories/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+    {{ end }}
+</div>
+{{ end }}

themes/hugo-bootstrap-5/layouts/partials/post-date.html

@@ -0,0 +1,11 @@
+{{ $dateFormat := default "Jan 2, 2006" (index .Site.Params "date_format") }}
+
+{{ $author := .Params.author | default .Site.Params.author }}
+<div class="blog-post-date text-secondary">
+    {{ if not .Date.IsZero }}
+        <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format $dateFormat }}</time>
+    {{ end }}
+    {{ if $author }}
+        {{ i18n "by" }} <span rel="author">{{ $author }}</span>
+    {{ end }}
+</div>

themes/hugo-bootstrap-5/layouts/partials/post-tags.html

@@ -0,0 +1,8 @@
+{{ if .Params.tags }}
+<div class="blog-post-tags text-secondary">
+    <strong>標籤：</strong>
+    {{ range .Params.tags }}
+        <a class="btn btn-small badge" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+    {{ end }}
+</div>
+{{ end }}

themes/hugo-bootstrap-5/layouts/partials/post-title.html

@@ -0,0 +1,9 @@
+<section class="news-info">
+    {{ range (.GetTerms "categories") }}
+    <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+    {{ end }}
+    <small>{{ .Date | time.Format ":date_long" }}</small>
+</section>
+<h1 class="blog-post-title">
+    <a class="text-dark text-decoration-none" href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
+</h1>

themes/hugo-bootstrap-5/layouts/partials/recent.html

@@ -0,0 +1,29 @@
+{{ $num_recent_posts := default 7 .Site.Params.sidebar.num_recent_posts }}
+{{ $posts := first $num_recent_posts (where .Site.RegularPages "Section" "in" .Site.Params.mainSections) }}
+{{ if gt (len $posts) 0 }}
+<section class="recent-content">
+  <h3 class="post-block-title">
+    <span>最新消息</span>
+  </h3>
+  <ol class="list-unstyled news-list">
+    {{ range $posts }}
+    <li class="d-flex align-items-center">
+      <a href="{{.RelPermalink}}">
+        <img src="{{ .Params.image | relURL }}" alt="">
+      </a>
+      <div class="ms-2">
+        <section class="news-info">
+          {{ range (.GetTerms "categories") }}
+          <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+          {{ end }}
+          <small>{{ .Date | time.Format ":date_long" }}</small>
+        </section>
+        <h2 class="post-title">
+          <a href="{{ .Permalink }}" class="line-clamp"> {{.Title | markdownify }}</a>
+        </h2>
+      </div>
+    </li>
+    {{ end }}
+  </ol>
+</section>
+{{ end }}

themes/hugo-bootstrap-5/layouts/partials/related.html

@@ -0,0 +1,11 @@
+<footer>
+{{ $related := .Site.RegularPages.Related . | first 5 }}
+{{ with $related }}
+    <h4>{{ i18n "related" }}</h4>
+    <ul>
+        {{ range . }}
+            <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+        {{ end }}
+    </ul>
+{{ end }}
+</footer>

themes/hugo-bootstrap-5/layouts/partials/sidebar-custom.html

@@ -0,0 +1 @@
+<!-- Create <project-root>/layouts/partials/sidebar-custom.html to overwrite this empty template and put custom code into the sidebar section. -->

themes/hugo-bootstrap-5/layouts/partials/sidebar.html

@@ -0,0 +1,23 @@
+<aside class="news-sidebar px-0 px-lg-3">
+  {{ partial "news-featured.html" . }}
+  {{ partial "taxonomies.html" . }}
+  <!-- <div class="input-group mb-3 search-bar">
+    <input type="text" class="form-control" placeholder="搜尋診所" aria-label="Recipient's username"
+      aria-describedby="search-btn">
+    <button class="btn search-btn pt-0" type="button" id="search-btn">
+      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search"
+        viewBox="0 0 16 16">
+        <path
+          d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
+      </svg>
+    </button>
+  </div> -->
+
+  <!-- {{ if default true .Site.Params.sidebar.showRecent }}
+    {{ partial "recent" . }}
+  {{ end }} -->
+
+  <!-- {{ if default true .Site.Params.sidebar.showTaxonomy }}
+    {{ partial "taxonomies" . }}
+  {{ end }} -->
+</aside>

themes/hugo-bootstrap-5/layouts/partials/taxonomies.html

@@ -0,0 +1,29 @@
+<section>
+  {{ range $taxonomyname, $taxonomy := .Site.Taxonomies }}
+  {{ if gt (len $taxonomy) 0 }}
+
+  {{ if eq $taxonomyname "tags" }}
+  <h3 class="post-block-title my-4">
+    <span>標籤</span>
+  </h3>
+  {{ else }}
+  <h3 class="post-block-title my-4">
+    <span>分類</span>
+  </h3>
+  {{ end }}
+
+  <p>
+    {{ range $name, $value := $taxonomy }}
+    <a class="btn btn-small badge tags" href="{{ printf  $taxonomyname | relLangURL }}/{{ $name | urlize }}/">
+      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tag-fill"
+        viewBox="0 0 16 16">
+        <path
+          d="M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1H2zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" />
+      </svg>
+      {{ $name }}
+    </a>
+    {{ end }}
+  </p>
+  {{ end }}
+  {{ end }}
+</section>

themes/hugo-bootstrap-5/layouts/partials/translations.html

@@ -0,0 +1,10 @@
+{{ if .IsTranslated }}
+    <h4>{{ i18n "translations" }}</h4>
+    <ul>
+        {{ range .Translations }}
+        <li>
+            <a href="{{ .RelPermalink }}">{{ .Lang }}: {{ .Title }}</a>
+        </li>
+        {{ end }}
+    </ul>
+{{ end }}

themes/hugo-bootstrap-5/static/css/style.css

@@ -0,0 +1,8 @@
+.blog-header, .blog-post, .blog-pagination {
+  margin-bottom: 2rem;
+}
+
+/* Make sure the image size is reasonable. */
+.blog-post img {
+  max-width: 100%;
+}

themes/hugo-bootstrap-5/theme.toml

@@ -0,0 +1,17 @@
+name = "Hugo Bootstrap 5"
+license = "MIT"
+licenselink = "https://github.com/NotWoods/hugo-bootstrap-5/blob/master/LICENSE.md"
+description = "A simple hugo theme using Bootstrap 5"
+homepage = "https://github.com/NotWoods/hugo-bootstrap-5"
+tags = ["blog", "multilingual", "bootstrap"]
+features = ["blog", "responsive", "Google Analytics", "bootstrap", "multilingual", "i18n"]
+min_version = 0.56
+
+[author]
+  name = "Tiger Oakes"
+  homepage = "https://tigeroakes.com"
+
+[original]
+  author =  "Mihail Cristian Dumitru"
+  homepage = "https://github.com/Xzya"
+  repo = "https://github.com/Xzya/hugo-bootstrap"