[{"content":"說明 表格包含網站連結及檔案格式。\n檔案格式「web」的意思是可以直接在網站看到資料，不用另外下載。\n縣市順序依照內政部戶政司公布的人口統計資料來排序。\n要查出生、死亡、結婚及離婚等數據，找標有戶籍動態登記數的檔案或連結就可以了。\n列表 縣市 檔案格式 備註 總計一 .xls, .ods 內政部戶政司 人口統計資料 總計二 .csv 數位發展部 政府資料開放平台 新北市 web, .xls, .ods, .csv 臺北市 .ods 桃園市 .pdf, .ods 臺中市 web, .xlsx, .ods 臺南市 .xls, .ods 高雄市 web, .xlsx, .ods, .csv 宜蘭縣 .ods 新竹縣 .xlsx, .pdf, .ods 苗栗縣 web, .xlsx 下載要點左邊的某年人口統計下載區 彰化縣 .pdf, .ods 南投縣 web, .xlsx, .ods, .xml 雲林縣 web, .xls, .ods 嘉義縣 .xlsx, .pdf, .ods 在公告裡，表1 屏東縣 .xlsx, .pdf, .ods 臺東縣 .pdf 標題點開直接就是檔案連結 花蓮縣 .xlsx 澎湖縣 .xlsx, .pdf, .ods 基隆市 .ods, .csv 新竹市 .csv, .pdf 嘉義市 web, .xls, .ods 金門縣 .xls, .pdf, .ods 在公告裡，人口異動表 連江縣 .xlsx, .ods, .zip 文件閱讀軟體（免費的） LibreOffice：桌面版 數發部ODF文件應用工具：桌面版 ONLYOFFICE：桌面版手機版皆有 Sumatra PDF：看PDF專用，限Windows MobiOffice：手機版，看微軟文件格式及PDF OpenDocument Reader：看ODF格式 Google文件：需連網 ODF格式 ODF（Open Document Format，開放文件格式）是一種基於 XML 的國際標準電子文件格式，常用於文書處理（如 .odt）、試算表（如 .ods）與簡報（如 .odp）。\n人口統計都是表格，所以是 .ods。\n其他相關連結 人口統計資料GIS：人口統計數據與地圖結合的視覺化平台 國家發展委員會 人口推估查詢系統：國發會每2年更新人口推估趨勢 國發會人力處 YouTube頻道：每2年更新推估說明影片 內政部統計處 內政統計查詢網：各種統計資料查詢 ","permalink":"https://diplodocus.pages.dev/posts/taiwan-demographics/","summary":"\u003ch2 id=\"說明\"\u003e說明\u003c/h2\u003e\n\u003cp\u003e表格包含網站連結及檔案格式。\u003cbr\u003e\n檔案格式「web」的意思是可以直接在網站看到資料，不用另外下載。\u003cbr\u003e\n縣市順序依照內政部戶政司公布的人口統計資料來排序。\u003cbr\u003e\n要查出生、死亡、結婚及離婚等數據，找標有\u003cstrong\u003e戶籍動態登記數\u003c/strong\u003e的檔案或連結就可以了。\u003c/p\u003e\n\u003ch2 id=\"列表\"\u003e列表\u003c/h2\u003e\n\u003ctable\u003e\n\t\u003cthead\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003cth\u003e縣市\u003c/th\u003e\n\t\t\t\t\t\u003cth\u003e檔案格式\u003c/th\u003e\n\t\t\t\t\t\u003cth\u003e備註\u003c/th\u003e\n\t\t\t\u003c/tr\u003e\n\t\u003c/thead\u003e\n\t\u003ctbody\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://www.ris.gov.tw/app/portal/346\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e總計一\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.xls, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e內政部戶政司 人口統計資料\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://data.gov.tw/dataset/131135\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e總計二\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.csv\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e數位發展部 政府資料開放平台\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://www.ca.ntpc.gov.tw/home.jsp?id=8154beee2fbdeedc\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e新北市\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003eweb, .xls, .ods, .csv\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://ca.gov.taipei/News.aspx?n=8693DC9620A1AABF\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e臺北市\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://cab.tycg.gov.tw/News.aspx?n=7902\u0026amp;sms=12475\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e桃園市\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.pdf, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://demographics.taichung.gov.tw/Demographic/WebPage/TCCReport01.html\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e臺中市\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003eweb, .xlsx, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://bca.tainan.gov.tw/News_Content.aspx?n=1134\u0026amp;s=8161\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e臺南市\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.xls, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://demographics.kcg.gov.tw/\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e高雄市\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003eweb, .xlsx, .ods, .csv\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://civil.e-land.gov.tw/cp.aspx?n=8908\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e宜蘭縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://civil.hsinchu.gov.tw/News.aspx?n=1331\u0026amp;sms=9528\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e新竹縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.xlsx, .pdf, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://mlhr.miaoli.gov.tw/tables2.php\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e苗栗縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003eweb, .xlsx\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e下載要點左邊的某年人口統計下載區\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://www.chcg.gov.tw/DTO/civil/07other/other01_list.aspx?txtQKeyword=\u0026amp;cboQkind=3180\u0026amp;topsn=2318\u0026amp;page=1#ContentPlaceHolder1_searchResult\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e彰化縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.pdf, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://ntdash.nantou.gov.tw/ntdash-web/statistical/02household\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e南投縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003eweb, .xlsx, .ods, .xml\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://householdtemp.yunlin.gov.tw/DemographicsReport_New.aspx?n=19276\u0026amp;sms=22117\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e雲林縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003eweb, .xls, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://civil.cyhg.gov.tw/News6.aspx?n=294\u0026amp;sms=12505\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e嘉義縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.xlsx, .pdf, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e在公告裡，表1\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://www.pthg.gov.tw/plancab/News_Cus2.aspx?CategorySN=1422\u0026amp;n=17128CB557641D3A\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e屏東縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.xlsx, .pdf, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://ttca.taitung.gov.tw/News.aspx?n=14828\u0026amp;sms=13415\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e臺東縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.pdf\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e標題點開直接就是檔案連結\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://ca.hl.gov.tw/List/52a6dfc9d0cf425488e22f947be8827a\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e花蓮縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.xlsx\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://www.penghu.gov.tw/civil/home.jsp?id=487\u0026amp;act=view\u0026amp;dataserno=201802020001\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e澎湖縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.xlsx, .pdf, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://www.klcg.gov.tw/tw/civil/2226.html\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e基隆市\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.ods, .csv\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://dep-civil.hccg.gov.tw/ch/home.jsp?id=56\u0026amp;parentpath=0,4,46\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e新竹市\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.csv, .pdf\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://household.chiayi.gov.tw/popul06/index.aspx?Parser=99,7,42\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e嘉義市\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003eweb, .xls, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://kccad.kinmen.gov.tw/News.aspx?n=E5D02A826882318C\u0026amp;sms=A2C62D68901B977C\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e金門縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.xls, .pdf, .ods\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e在公告裡，人口異動表\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e\u003ca href=\"https://www.matsu.gov.tw/chhtml/downloadclass/371030000A0001/661\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e連江縣\u003c/a\u003e\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e.xlsx, .ods, .zip\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\u003c/tbody\u003e\n\u003c/table\u003e\n\u003ch2 id=\"文件閱讀軟體免費的\"\u003e文件閱讀軟體（免費的）\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://www.libreoffice.org/download/\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003eLibreOffice\u003c/a\u003e：桌面版\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://moda.gov.tw/digital-affairs/digital-service/app-services/248\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e數發部ODF文件應用工具\u003c/a\u003e：桌面版\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://www.onlyoffice.com/download-desktop\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003eONLYOFFICE\u003c/a\u003e：桌面版手機版皆有\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://www.sumatrapdfreader.org/download-free-pdf-viewer\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003eSumatra PDF\u003c/a\u003e：看PDF專用，限Windows\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://play.google.com/store/apps/details?id=com.mobisystems.office\u0026amp;hl=zh_TW\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003eMobiOffice\u003c/a\u003e：手機版，看微軟文件格式及PDF\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://play.google.com/store/apps/details?id=at.tomtasche.reader\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003eOpenDocument Reader\u003c/a\u003e：看ODF格式\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://play.google.com/store/apps/details?id=com.google.android.apps.docs.editors.docs\u0026amp;hl=zh_TW\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003eGoogle文件\u003c/a\u003e：需連網\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"odf格式\"\u003eODF格式\u003c/h2\u003e\n\u003cp\u003eODF（Open Document Format，開放文件格式）是一種基於 XML 的國際標準電子文件格式，常用於文書處理（如 .odt）、試算表（如 .ods）與簡報（如 .odp）。\u003cbr\u003e\n人口統計都是表格，所以是 .ods。\u003c/p\u003e","title":"各縣市人口統計連結"},{"content":"TOML的全名是Tom\u0026rsquo;s Obvious, Minimal Language（湯姆的明顯、極簡語言）。它的設計目標是成為一個比JSON更易讀、比YAML更嚴謹的組態設定格式。不同於YAML依賴縮排，TOML主要是透過方括號[]來定義資料結構。\n核心規則 三個特點：\n使用等號=賦值\nTOML的鍵值對一律使用等號（例如title = \u0026quot;我的文章\u0026quot;）。\n對空格非常寬容\n等號兩邊有沒有空格都沒關係（title=1和title = 1都對），而且縮排只為了美觀，不影響程式解析。\n嚴格的型態與字串要求：字串必須用引號包起來，布林值必須是小寫的true或false。\n四大基礎語法與資料型態 在Markdown的文章開頭（Front Matter），你會用到的TOML語法主要有以下四種：\n基礎鍵值對（Key-Value） tomltitle = \u0026#34;我的第一篇文章\u0026#34; # 字串：TOML的字串「一定要」加引號 draft = false # 布林值：必須小寫 weight = 10 # 整數 price = 99.9 # 浮點數 字串與引號（String）\nTOML區分雙引號與單引號的方式： 雙引號\u0026quot;\u0026quot;（基本字串）：支援跳脫字元（例如\\n代表換行）。\ntomldescription = \u0026#34;第一行\\n第二行\u0026#34; 單引號''（字面字串）：不解析任何跳脫字元，裡面寫什麼就完全顯示什麼（適合用來寫網址或正則表達式）。\ntomlimage_url = \u0026#39;https://example.com\u0026#39; 陣列 / 列表（Array）\n用來設定多個同類型的資料（如文章標籤）。 單行寫法（最常用）：\ntomltags = [\u0026#34;網站架設\u0026#34;, \u0026#34;Hugo\u0026#34;, \u0026#34;教學\u0026#34;] 多行寫法（適合項目很多時）：\ntomltags = [ \u0026#34;網站架設\u0026#34;, \u0026#34;Hugo\u0026#34;, \u0026#34;教學\u0026#34; ] 表格 / 物件（Table / Object） 當設定下還有子設定時，TOML使用方括號[鍵名]來宣告一個獨立的區塊（稱為Table）。\n# 宣告一個叫做author的區塊 [author] name = \u0026#34;Sandy\u0026#34; email = \u0026#34;sandy@example.com\u0026#34; # 宣告另一個叫做seo的區塊 [seo] keywords = [\u0026#34;搬家\u0026#34;, \u0026#34;SSG\u0026#34;] 進階技巧 多行文字處理（寫摘要、長敘述）：\nTOML使用三個引號來處理多行文字。\n三個雙引號\u0026quot;\u0026quot;\u0026quot;（支援跳脫） tomldescription = \u0026#34;\u0026#34;\u0026#34; 這是第一行文字。 這是第二行文字，\\n這裡會觸發換行。 \u0026#34;\u0026#34;\u0026#34; 三個單引號'''（純文字、不跳脫） tomldescription = \u0026#39;\u0026#39;\u0026#39; 這是一段很長的文章摘要， 裡面的 \u0026#34;雙引號\u0026#34; 或 \\n符號都會被原封不動保留， 最適合拿來貼程式碼片段或複雜內文。 \u0026#39;\u0026#39;\u0026#39; 實戰演練 把上述所有語法組合起來成一個完整的Markdown TOML範本，一篇文章的開頭看起來就像這樣：\n+++ title = \u0026#34;掌握Hugo中的TOML語法：從基礎到進階完整指南\u0026#34; date = 2026-01-01 draft = false weight = 1 author_name = \u0026#34;林小明\u0026#34; is_featured = true read_time_minutes = 5 categories = [ \u0026#34;網頁開發\u0026#34;, \u0026#34;前端技術\u0026#34; ] tags = [\u0026#34;Hugo\u0026#34;, \u0026#34;TOML\u0026#34;, \u0026#34;Markdown\u0026#34;] [author_details] title = \u0026#34;資深開發者\u0026#34; website = \u0026#34;https://example.com\u0026#34; [author_details.contact] email = \u0026#34;xiaoming@example.com\u0026#34; seo = { keywords = \u0026#34;toml教學, hugo設定\u0026#34;, robots = \u0026#34;noindex\u0026#34; } poetic_quote = \u0026#34;\u0026#34;\u0026#34; 床前明月光， 疑是地上霜。 舉頭望明月， 低頭思故鄉。\u0026#34;\u0026#34;\u0026#34; post_summary = \u0026#34;\u0026#34;\u0026#34; 這是一段為了教學而編寫的超長文章摘要。\\ 雖然我們在TOML設定檔中將它拆成了兩行書寫，\\ 但因為使用了反斜線符號，Hugo在解析時會將它們自動串接成同一個流暢的長句。\\ \u0026#34;\u0026#34;\u0026#34; +++ 註解 使用井字號#來進行單行註解。不支援多行註解（區塊註解），如果有多行需求，每一行開頭都必須加上#。\n註解可以單獨一行，也可以寫在設定值的後面（行尾註解）。\n","permalink":"https://diplodocus.pages.dev/posts/toml-syntax/","summary":"\u003cp\u003eTOML的全名是Tom\u0026rsquo;s Obvious, Minimal Language（湯姆的明顯、極簡語言）。它的設計目標是成為一個比JSON更易讀、比YAML更嚴謹的組態設定格式。不同於YAML依賴縮排，TOML主要是透過方括號\u003ccode\u003e[]\u003c/code\u003e來定義資料結構。\u003c/p\u003e\n\u003ch2 id=\"核心規則\"\u003e核心規則\u003c/h2\u003e\n\u003cp\u003e三個特點：\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e使用等號\u003ccode\u003e=\u003c/code\u003e賦值\u003cbr\u003e\nTOML的鍵值對一律使用等號（例如\u003ccode\u003etitle = \u0026quot;我的文章\u0026quot;\u003c/code\u003e）。\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e對空格非常寬容\u003cbr\u003e\n等號兩邊有沒有空格都沒關係（\u003ccode\u003etitle=1\u003c/code\u003e和\u003ccode\u003etitle = 1\u003c/code\u003e都對），而且縮排只為了美觀，不影響程式解析。\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e嚴格的型態與字串要求：字串必須用引號包起來，布林值必須是小寫的\u003ccode\u003etrue\u003c/code\u003e或\u003ccode\u003efalse\u003c/code\u003e。\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch2 id=\"四大基礎語法與資料型態\"\u003e四大基礎語法與資料型態\u003c/h2\u003e\n\u003cp\u003e在Markdown的文章開頭（Front Matter），你會用到的TOML語法主要有以下四種：\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e基礎鍵值對（Key-Value）\u003c/li\u003e\n\u003c/ol\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-toml\" data-lang=\"toml\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003etomltitle\u003c/span\u003e = \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;我的第一篇文章\u0026#34;\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 字串：TOML的字串「一定要」加引號\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003edraft\u003c/span\u003e = \u003cspan style=\"color:#66d9ef\"\u003efalse\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 布林值：必須小寫\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003eweight\u003c/span\u003e = \u003cspan style=\"color:#ae81ff\"\u003e10\u003c/span\u003e   \u003cspan style=\"color:#75715e\"\u003e# 整數\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003eprice\u003c/span\u003e = \u003cspan style=\"color:#ae81ff\"\u003e99.9\u003c/span\u003e  \u003cspan style=\"color:#75715e\"\u003e# 浮點數\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003col start=\"2\"\u003e\n\u003cli\u003e字串與引號（String）\u003cbr\u003e\nTOML區分雙引號與單引號的方式：\u003c/li\u003e\n\u003c/ol\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e雙引號\u003ccode\u003e\u0026quot;\u0026quot;\u003c/code\u003e（基本字串）：支援跳脫字元（例如\u003ccode\u003e\\n\u003c/code\u003e代表換行）。\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-toml\" data-lang=\"toml\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003etomldescription\u003c/span\u003e = \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;第一行\\n第二行\u0026#34;\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e單引號\u003ccode\u003e''\u003c/code\u003e（字面字串）：不解析任何跳脫字元，裡面寫什麼就完全顯示什麼（適合用來寫網址或正則表達式）。\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-toml\" data-lang=\"toml\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003etomlimage_url\u003c/span\u003e = \u003cspan style=\"color:#e6db74\"\u003e\u0026#39;https://example.com\u0026#39;\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003col start=\"3\"\u003e\n\u003cli\u003e陣列 / 列表（Array）\u003cbr\u003e\n用來設定多個同類型的資料（如文章標籤）。\u003c/li\u003e\n\u003c/ol\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e單行寫法（最常用）：\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-toml\" data-lang=\"toml\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003etomltags\u003c/span\u003e = [\u003cspan style=\"color:#e6db74\"\u003e\u0026#34;網站架設\u0026#34;\u003c/span\u003e, \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;Hugo\u0026#34;\u003c/span\u003e, \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;教學\u0026#34;\u003c/span\u003e]\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e多行寫法（適合項目很多時）：\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-toml\" data-lang=\"toml\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003etomltags\u003c/span\u003e = [\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#e6db74\"\u003e\u0026#34;網站架設\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#e6db74\"\u003e\u0026#34;Hugo\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#e6db74\"\u003e\u0026#34;教學\u0026#34;\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e]\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003col start=\"4\"\u003e\n\u003cli\u003e表格 / 物件（Table / Object）\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003e當設定下還有子設定時，TOML使用\u003cstrong\u003e方括號\u003c/strong\u003e\u003ccode\u003e[鍵名]\u003c/code\u003e來宣告一個獨立的區塊（稱為Table）。\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-toml\" data-lang=\"toml\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e# 宣告一個叫做author的區塊\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e[\u003cspan style=\"color:#a6e22e\"\u003eauthor\u003c/span\u003e]\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003ename\u003c/span\u003e = \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;Sandy\u0026#34;\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003eemail\u003c/span\u003e = \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;sandy@example.com\u0026#34;\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e# 宣告另一個叫做seo的區塊\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e[\u003cspan style=\"color:#a6e22e\"\u003eseo\u003c/span\u003e]\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#a6e22e\"\u003ekeywords\u003c/span\u003e = [\u003cspan style=\"color:#e6db74\"\u003e\u0026#34;搬家\u0026#34;\u003c/span\u003e, \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;SSG\u0026#34;\u003c/span\u003e]\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003ch2 id=\"進階技巧\"\u003e進階技巧\u003c/h2\u003e\n\u003cp\u003e多行文字處理（寫摘要、長敘述）：\u003cbr\u003e\nTOML使用\u003cstrong\u003e三個引號\u003c/strong\u003e來處理多行文字。\u003c/p\u003e","title":"TOML語法"},{"content":"YAML的設計核心是「人類可讀性高」，它的結構完全依賴縮排和特定的符號來決定。\n核心規則 YAML三個禁忌：\n只能使用「空格」縮排\n絕對不能使用Tab鍵。如果使用Tab鍵，編譯時網站一定會報錯。通常建議固定使用2個空格作為一層縮排。\n冒號後面一定要有空格\n寫設定時，冒號後面必須加上一個空格（例如title: 我的文章），只寫title:我的文章是錯誤的。\n大小寫敏感\nTitle、TITLE和title在YAML裡被視為完全不同的東西。\n四大基礎語法與資料型態 在Markdown的文章開頭（Front Matter），會用到的語法主要有以下四種：\n基礎鍵值對（Key-Value） 最簡單的設定，用來宣告單一屬性。\nyamltitle: 我的第一篇文章 # 字串：通常不需要加引號 draft: false # 布林值：必須是小寫的true或false weight: 10 # 整數 price: 99.9 # 浮點數 字串與引號（String） 單引號會將內容視為純字串（Literal String）。裡面的所有字元都不會被轉義（Escape），寫什麼就是什麼。雙引號會解析跳脫字元（Escape Characters），用換行、縮排等特殊字元時用，如寫text: \u0026quot;第一行\\n第二行\u0026quot;將會換行。定義物件（Key）時，YAML的Key通常不加引號，保持乾淨。布林值、數字、Null亦不加引號。\n使用時機對照表 情況 無引號 ' ' \u0026quot; \u0026quot; 一般純文字 (hello) 建議使用 可用 可用 包含特殊符號 (:,#,[]) 不可 最安全 可用 強制轉為字串 (true,123) 不可，變布林/數字 最安全 可用 需要跳脫字元 (\\n換行) 不可，失效 不可，失效 可用 範例：\nyamldate: \u0026#34;2026-09-03\u0026#34; # 日期時間：強烈建議加上引號，避免被誤判 status: true # 布林值 count: 25 # 數字 description: \u0026#39;帶有 \u0026#34;雙引號\u0026#34; 的描述文字\u0026#39; # 內外引號交叉使用，需要在字串裡面包含引號時使用 陣列 / 列表（Array / List） 用來設定多個同類型的資料（例如：文章標籤、分類）。\n標準寫法：換行，縮排2格，開頭用短破折號-再加一個空格。 yamltags: - 網站架設 - Hugo - 教學 行內寫法： 使用中括號[]包起來。\nyamltags: [\u0026#34;網站架設\u0026#34;, \u0026#34;Hugo\u0026#34;, \u0026#34;教學\u0026#34;] 物件 / 對應表（Object / Map） 物件／對應表是由「鍵值對」組成的結構。當某個設定下還有更複雜的子設定時（例如：作者資訊、SEO設定）使用。\n標準寫法：換行並縮排。（嚴禁Tab） user: id: 101 name: \u0026#34;張小明\u0026#34; role: \u0026#34;admin\u0026#34; is_active: true 行內寫法：使用大括號{}包起來。 config: { theme: \u0026#34;dark\u0026#34;, language: \u0026#34;zh-TW\u0026#34;, auto_save: true } 巢狀物件（物件裡面還有物件）（嚴禁Tab） # 飯店房間的設定物件 room_setting: category: \u0026#34;豪華雙人房\u0026#34; price_per_night: 4500 specifications: bed_type: \u0026#34;King Size\u0026#34; has_bathtub: true view: \u0026#34;ocean\u0026#34; 進階技巧： 多行文字處理 如果文章摘要（Description）很長，想在YAML裡直接換行寫，可以使用|或\u0026gt;符號：\n保留換行符號|（Literal Block）\n網頁渲染時，你在YAML裡怎麼換行，它就怎麼換行。 yamldescription: | 這是第一行文字。 這是第二行文字，網頁上也會直接換行。 折疊換行符號\u0026gt;（Folded Block）\n在YAML裡換行寫，但網頁渲染時，它會自動把這些行連成一整句長文字（中間自動補空格）。 yamldescription: \u0026gt; 這是一段很長很長的文章摘要， 雖然我在這裡換行了， 但最後輸出的時候它會變成同一行。 實戰演練 把上述所有語法組合起來成一個完整的Markdown YAML範本，一篇文章的開頭看起來就像這樣：\n--- title: \u0026#34;這是一篇 Hugo 測試文章\u0026#34; weight: 10 draft: false date: 2026-01-01 tags: - Hugo - Markdown - YAML教學 author: name: \u0026#34;阿明\u0026#34; email: \u0026#34;aming@example.com\u0026#34; seo_meta: { keywords: [\u0026#34;hugo\u0026#34;, \u0026#34;yaml\u0026#34;], robots: \u0026#34;index, follow\u0026#34; } description: | 這是第一行摘要。 這是第二行摘要。 這裡的換行在網頁渲染時會被保留。 summary: \u0026gt; 這是一段非常長的文字， 雖然在 YAML 編輯器裡面為了方便閱讀而分行編寫， 但是在解析時會被連成同一個段落。 --- 這裡開始才是你的Markdown文章內文... 註解 使用井字號#來進行單行註解。不支援多行註解（區塊註解），如果有多行需求，每一行開頭都必須加上#。\n註解可以單獨一行，也可以寫在設定值的後面（行尾註解）。\n","permalink":"https://diplodocus.pages.dev/posts/yaml-syntax/","summary":"\u003cp\u003eYAML的設計核心是「人類可讀性高」，它的結構完全依賴縮排和特定的符號來決定。\u003c/p\u003e\n\u003ch2 id=\"核心規則\"\u003e核心規則\u003c/h2\u003e\n\u003cp\u003eYAML三個禁忌：\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e只能使用「空格」縮排\u003cbr\u003e\n絕對\u003cstrong\u003e不能使用Tab鍵\u003c/strong\u003e。如果使用Tab鍵，編譯時網站一定會報錯。通常建議固定使用2個空格作為一層縮排。\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e冒號後面一定要有空格\u003cbr\u003e\n寫設定時，冒號後面必須加上一個空格（\u003ccode\u003e例如title: 我的文章\u003c/code\u003e），只寫\u003ccode\u003etitle:我的文章\u003c/code\u003e是錯誤的。\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e大小寫敏感\u003cbr\u003e\n\u003ccode\u003eTitle\u003c/code\u003e、\u003ccode\u003eTITLE\u003c/code\u003e和\u003ccode\u003etitle\u003c/code\u003e在YAML裡被視為完全不同的東西。\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch2 id=\"四大基礎語法與資料型態\"\u003e四大基礎語法與資料型態\u003c/h2\u003e\n\u003cp\u003e在Markdown的文章開頭（Front Matter），會用到的語法主要有以下四種：\u003c/p\u003e\n\u003ch3 id=\"基礎鍵值對key-value\"\u003e基礎鍵值對（Key-Value）\u003c/h3\u003e\n\u003cp\u003e最簡單的設定，用來宣告單一屬性。\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-yaml\" data-lang=\"yaml\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003eyamltitle\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e我的第一篇文章\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 字串：通常不需要加引號\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003edraft\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003efalse\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 布林值：必須是小寫的true或false\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003eweight\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e10\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 整數\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003eprice\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e99.9\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 浮點數\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003ch3 id=\"字串與引號string\"\u003e字串與引號（String）\u003c/h3\u003e\n\u003cp\u003e單引號會將內容視為純字串（Literal String）。裡面的所有字元都不會被轉義（Escape），寫什麼就是什麼。雙引號會解析跳脫字元（Escape Characters），用換行、縮排等特殊字元時用，如寫\u003ccode\u003etext: \u0026quot;第一行\\n第二行\u0026quot;\u003c/code\u003e將會換行。定義物件（Key）時，YAML的Key通常不加引號，保持乾淨。布林值、數字、Null亦不加引號。\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e使用時機對照表\n\u003ctable\u003e\n\t\u003cthead\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003cth\u003e情況\u003c/th\u003e\n\t\t\t\t\t\u003cth\u003e無引號\u003c/th\u003e\n\t\t\t\t\t\u003cth\u003e\u003ccode\u003e' '\u003c/code\u003e\u003c/th\u003e\n\t\t\t\t\t\u003cth\u003e\u003ccode\u003e\u0026quot; \u0026quot;\u003c/code\u003e\u003c/th\u003e\n\t\t\t\u003c/tr\u003e\n\t\u003c/thead\u003e\n\t\u003ctbody\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e一般純文字 (\u003ccode\u003ehello\u003c/code\u003e)\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e建議使用\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e可用\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e可用\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e包含特殊符號 (\u003ccode\u003e:\u003c/code\u003e,\u003ccode\u003e#\u003c/code\u003e,\u003ccode\u003e[]\u003c/code\u003e)\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e不可\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e最安全\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e可用\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e強制轉為字串 (\u003ccode\u003etrue\u003c/code\u003e,\u003ccode\u003e123\u003c/code\u003e)\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e不可，變布林/數字\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e最安全\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e可用\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003e需要跳脫字元 (\u003ccode\u003e\\n\u003c/code\u003e換行)\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e不可，失效\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e不可，失效\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003e可用\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\u003c/tbody\u003e\n\u003c/table\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e範例：\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-yaml\" data-lang=\"yaml\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003eyamldate\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;2026-09-03\u0026#34;\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 日期時間：強烈建議加上引號，避免被誤判\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003estatus\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003etrue\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 布林值\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003ecount\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e25\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 數字\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003edescription\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#39;帶有 \u0026#34;雙引號\u0026#34; 的描述文字\u0026#39;\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e# 內外引號交叉使用，需要在字串裡面包含引號時使用\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003ch3 id=\"陣列--列表array--list\"\u003e陣列 / 列表（Array / List）\u003c/h3\u003e\n\u003cp\u003e用來設定多個\u003cstrong\u003e同類型\u003c/strong\u003e的資料（例如：文章標籤、分類）。\u003c/p\u003e","title":"YAML語法"},{"content":"環境 作業系統：Windows 11\n程式碼編輯器：Visual Studio Code\n紀錄時間：2026年9月\nWindows PowerShell和PowerShell 7+ Windows PowerShell是舊版的Windows內建工具（只支援Windows），而新一代的PowerShell是跨平台的現代化開源版本。\nWindows PowerShell：只能在Windows作業系統上執行，版本停留在5.1，且是Windows系統的一部分無法移除。 PowerShell (v6/v7+)：是跨平台的，支援Windows、macOS和Linux。 PowerShell 7+ 安裝 打開Windows PowerShell，輸入winget install Microsoft.PowerShell\n更新 打開PowerShell，輸入winget upgrade Microsoft.PowerShell\n其他 所有winget安裝軟體更新winget upgrade --all\n最新的PowerShell可以用linux指令嗎？ 這取決於你把PowerShell執行在哪個作業系統上。\n當你在Linux或macOS上執行PowerShell，100% 可以直接使用真實的Linux指令，因為底層就是Linux系統。\n當你在Windows上執行最新版PowerShell時，可以執行「部分常用」的Linux指令。\n為了讓習慣Linux的人無痛上手，微軟在Windows的PowerShell內建了許多外號（別名）。當你輸入Linux指令時，它會在背後自動翻譯成對應的PowerShell指令，ls,cd,pwd,mkdir都能用。\n雖然這些基礎指令能動，但不能加上Linux的進階參數。例如輸入ls -la會報錯，因為背後的Windows Get-ChildItem看不懂-la是什麼。\n如果你的Windows有安裝 WSL (Windows子系統Linux)，你只要在指令前面加上wsl，就能在最新版PowerShell裡調用100% 真正的Linux指令，\n範例：wsl ls -la /home\nWSL 安裝 打開PowerShell，輸入wsl --install\n這個指令會自動幫你啟用Windows的虛擬化功能，並預設下載安裝最新的Ubuntu系統。\n當視窗提示安裝完成後，手動重新啟動你的Windows 11電腦。這是啟用虛擬化核心必經的步驟。\n重啟電腦並進入Windows後，系統會自動跳出一個黑色的Ubuntu命令列視窗（如果沒跳出，請去開始功能表搜尋「Ubuntu」並打開）。\n設定帳號密碼：\nEnter new UNIX username: New password: Retype new password: 當你看到綠色的文字（例如user@DESKTOP-XXXXXX:~$）時，就代表你已經成功登入真正的Linux系統了。現在，你可以在你原來的最新版PowerShell視窗裡，直接輸入wsl ls -la來調用Linux指令，或者輸入wsl直接切換進去Linux環境。\n更新 WSL有雙版本，Microsoft Store版本（預設）和在線來源 / 內建元件版 (Inbox)，一般用戶直接裝的是前者的版本。\n以前的WSL是深深埋在Windows 11系統檔案裡的「一個元件」。這導致微軟工程師每次寫好WSL的新功能，都不能馬上更新，一定要等到一年一度的Windows大更新時才能塞進去。\n現在微軟決定把WSL包裝成一個獨立App丟到Microsoft Store上。這樣一來，Linux有任何安全漏洞或新功能，工程師今天寫好、明天就能在商店上架讓你更新，完全不需要驚動Windows系統。\n只要Windows 11平常會連上網路，Microsoft Store每天都會在電腦閒置時，在背景自動檢查並下載WSL的最新修補程式和新功能。完全不需要打開商店去點更新。\n手動強迫更新：PowerShell裡輸入wsl --update\nWSL檔案大小 主程式 WSL本身只是Windows內建的一個輕量化虛擬層，幾乎不佔空間。\nWSL在Windows中是以一個虛擬硬碟檔案（副檔名為 .vhdx）的形式存在。它的特性是：會自動變大，你在Linux裡下載檔案、安裝軟體，這個檔案就會跟著變大。不會自動變小，即使你後來在Linux裡把那些檔案刪除了，Windows上的 .vhdx檔案依然會維持在最大時的容量，不會自動縮回。\n預設的WSL Ubuntu 剛裝好、乾淨的Ubuntu系統大約只佔2到3 GB的硬碟空間。完全沒有圖形介面。 它一打開就是一個全黑的終端機（CLI），只能用鍵盤打指令。它是專門下指令用的，裡面什麼軟體都沒附，要自己去下載。\nWindows 11系統本身就已經準備好了一個共用的Linux核心（Kernel）。下載的WSL Ubuntu不需要自己帶一份核心，而是直接借用Windows現成的核心來跑。它寄生在Windows裡面，所有的硬體溝通全部由Windows代勞，因此不需要任何實體硬體驅動程式。\n其他 Windows PowerShell ISE 它是舊版Windows PowerShell的「加強版雙視窗介面」（ISE意思是整合指令環境）。上方可以讓你像寫筆記本一樣寫好幾行腳本，下方直接看執行結果。這是十幾年前的舊產物，微軟已經停止更新它了，不支最新版PowerShell。\n處置：無視\nPower Automate 這是一個「免寫程式」的日常工作自動化工具。如果你每天重複做一些無聊的辦公室瑣事，你可以用這個軟體「錄製」你的動作，讓電腦每天自動幫你跑。\n處置：無視\nAzure Cloud Shell 微軟有一個巨大的雲端伺服器服務叫做Azure（跟亞馬遜的AWS、Google的GCP一樣）。這個程式是一個快捷鍵，讓企業的網管人員可以一鍵連線到他們租用的「雲端主機」去下指令。\n處置：無視\n","permalink":"https://diplodocus.pages.dev/posts/powershell-wsl/","summary":"\u003ch2 id=\"環境\"\u003e環境\u003c/h2\u003e\n\u003cp\u003e作業系統：Windows 11\u003cbr\u003e\n程式碼編輯器：Visual Studio Code\u003cbr\u003e\n紀錄時間：2026年9月\u003c/p\u003e\n\u003ch2 id=\"windows-powershell和powershell-7\"\u003eWindows PowerShell和PowerShell 7+\u003c/h2\u003e\n\u003cp\u003eWindows PowerShell是舊版的Windows內建工具（只支援Windows），而新一代的PowerShell是跨平台的現代化開源版本。\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWindows PowerShell：只能在Windows作業系統上執行，版本停留在5.1，且是Windows系統的一部分無法移除。\u003c/li\u003e\n\u003cli\u003ePowerShell (v6/v7+)：是跨平台的，支援Windows、macOS和Linux。\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"powershell-7\"\u003ePowerShell 7+\u003c/h2\u003e\n\u003ch3 id=\"安裝\"\u003e安裝\u003c/h3\u003e\n\u003cp\u003e打開Windows PowerShell，輸入\u003ccode\u003ewinget install Microsoft.PowerShell\u003c/code\u003e\u003c/p\u003e\n\u003ch3 id=\"更新\"\u003e更新\u003c/h3\u003e\n\u003cp\u003e打開PowerShell，輸入\u003ccode\u003ewinget upgrade Microsoft.PowerShell\u003c/code\u003e\u003c/p\u003e\n\u003ch3 id=\"其他\"\u003e其他\u003c/h3\u003e\n\u003cp\u003e所有winget安裝軟體更新\u003ccode\u003ewinget upgrade --all\u003c/code\u003e\u003c/p\u003e\n\u003ch2 id=\"最新的powershell可以用linux指令嗎\"\u003e最新的PowerShell可以用linux指令嗎？\u003c/h2\u003e\n\u003cp\u003e這取決於你把PowerShell執行在哪個作業系統上。\u003cbr\u003e\n當你在Linux或macOS上執行PowerShell，100% 可以直接使用真實的Linux指令，因為底層就是Linux系統。\u003cbr\u003e\n當你在Windows上執行最新版PowerShell時，可以執行「部分常用」的Linux指令。\u003c/p\u003e\n\u003cp\u003e為了讓習慣Linux的人無痛上手，微軟在Windows的PowerShell內建了許多外號（別名）。當你輸入Linux指令時，它會在背後自動翻譯成對應的PowerShell指令，\u003ccode\u003els\u003c/code\u003e,\u003ccode\u003ecd\u003c/code\u003e,\u003ccode\u003epwd\u003c/code\u003e,\u003ccode\u003emkdir\u003c/code\u003e都能用。\u003c/p\u003e\n\u003cp\u003e雖然這些基礎指令能動，但\u003cstrong\u003e不能加上Linux的進階參數\u003c/strong\u003e。例如輸入\u003ccode\u003els -la\u003c/code\u003e會報錯，因為背後的Windows \u003ccode\u003eGet-ChildItem\u003c/code\u003e看不懂\u003ccode\u003e-la\u003c/code\u003e是什麼。\u003c/p\u003e\n\u003cp\u003e如果你的Windows有安裝 \u003cstrong\u003eWSL (Windows子系統Linux)\u003c/strong\u003e，你只要在指令前面加上wsl，就能在最新版PowerShell裡調用100% 真正的Linux指令，\u003cbr\u003e\n範例：\u003ccode\u003ewsl ls -la /home\u003c/code\u003e\u003c/p\u003e\n\u003ch2 id=\"wsl\"\u003eWSL\u003c/h2\u003e\n\u003ch3 id=\"安裝-1\"\u003e安裝\u003c/h3\u003e\n\u003cp\u003e打開PowerShell，輸入\u003ccode\u003ewsl --install\u003c/code\u003e\u003cbr\u003e\n這個指令會自動幫你啟用Windows的虛擬化功能，並預設下載安裝最新的Ubuntu系統。\u003cbr\u003e\n當視窗提示安裝完成後，手動重新啟動你的Windows 11電腦。這是啟用虛擬化核心必經的步驟。\u003cbr\u003e\n重啟電腦並進入Windows後，系統會自動跳出一個黑色的Ubuntu命令列視窗（如果沒跳出，請去開始功能表搜尋「Ubuntu」並打開）。\u003c/p\u003e\n\u003cp\u003e設定帳號密碼：\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-bash\" data-lang=\"bash\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003eEnter new UNIX username:\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003eNew password:\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003eRetype new password:\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003cp\u003e當你看到綠色的文字（例如user@DESKTOP-XXXXXX:~$）時，就代表你已經成功登入真正的Linux系統了。現在，你可以在你原來的最新版PowerShell視窗裡，直接輸入\u003ccode\u003ewsl ls -la\u003c/code\u003e來調用Linux指令，或者輸入wsl直接切換進去Linux環境。\u003c/p\u003e\n\u003ch3 id=\"更新-1\"\u003e更新\u003c/h3\u003e\n\u003cp\u003eWSL有雙版本，Microsoft Store版本（預設）和在線來源 / 內建元件版 (Inbox)，一般用戶直接裝的是前者的版本。\u003c/p\u003e","title":"PowerShell與WSL"},{"content":"環境 作業系統：Windows 11\n程式碼編輯器：Visual Studio Code\n紀錄時間：2026年9月\n在Windows Terminal中使用Git Bash 到Windows Terminal的設定畫面\n左側選單到最下方，點擊「開啟JSON檔案」。\n尋找\u0026quot;profiles\u0026quot;底下的\u0026quot;list\u0026quot;區段，將以下這段程式碼複製，貼到\u0026quot;list\u0026quot;: [ 的中括號內部（記得與其他項目之間用逗號 , 隔開）：\n{ // 這是我手動新增的Git Bash設定檔 \u0026#34;guid\u0026#34;: \u0026#34;{1c4de342-38b7-51cf-b111-23098613f530}\u0026#34;, \u0026#34;hidden\u0026#34;: false, \u0026#34;name\u0026#34;: \u0026#34;Git Bash\u0026#34;, // 鎖定標籤頁標題，不要顯示冗長的路徑 \u0026#34;suppressApplicationTitle\u0026#34;: true, // 徹底關閉Windows Terminal的鈴鐺通知圖示與聲音 \u0026#34;bellStyle\u0026#34;: \u0026#34;none\u0026#34;, // --login用來讀取個人設定，-i用來開啟互動打字模式 \u0026#34;commandline\u0026#34;: \u0026#34;C:\\\\Program Files\\\\Git\\\\bin\\\\bash.exe --login -i\u0026#34;, \u0026#34;icon\u0026#34;: \u0026#34;C:\\\\Program Files\\\\Git\\\\mingw64\\\\share\\\\git\\\\git-for-windows.ico\u0026#34; } 注意：在JSON檔案中，標準語法其實不支援任何註解（像是//或/* */）。如果直接寫//，很多軟體會直接報錯，導致設定檔失效。Windows Terminal和VS Code這兩款微軟的軟體在讀取settings.json時，有特別開外掛支援「JavaScript風格的註解」，可以直接使用//來寫單行註解。\n說明 標籤頁標題 Git Bash預設會主動將目前的「工作目錄路徑」傳送給終端機，覆蓋掉你設定的名字。只需要把它關閉即可只顯示乾淨的「Git Bash」。\n--login(登入模式) 告訴Bash：「請把我當成剛開機、第一次登入的使用者。」只有在--login模式下，Git Bash才會去讀取並執行讀取你的個人設定檔。如果拿掉它，終端機就不會載入你的自訂顏色與標籤設定。\n-i(Interactive，互動模式) 告訴Bash：「這是一個要與人類互動的視窗，請允許使用者輸入指令、並即時回傳結果。」如果不加-i，Bash會以為你只是要叫它背景執行某個自動化腳本，它就不會秀出~/projects $這樣的輸入列讓你打字，視窗可能一打開就立刻關閉（閃退）。\n鈴鐺 Windows Terminal在提示「剛才出現過嗶嗶聲或視覺閃爍」時，標籤頁會出現一個鈴鐺，我給他關掉。\n更改預設路徑 Git Bash輸入code \u0026quot;C:\\Program Files\\Git\\etc\\bash.bashrc\u0026quot; 在打開的檔案裡面最後一行加上你要的路徑cd \u0026quot;C:\\Users\\user\\projects\u0026quot; 存檔，需要系統管理員權限。 更改命令提示字元（user@DESKTOP-XXXXXX） 在Git Bash中，這個名稱是透過一個叫做PS1的環境變數來控制的。可以透過修改或建立Git Bash的個人設定檔，把它改成任何喜歡的字樣（例如：只留下$符號，或改成個人暱稱）。\nGit Bash輸入code ~/.bash_profile 輸入export PS1=\u0026quot;自訂暱稱 \\w \\$ \u0026quot;\n可以不要暱稱，\\w是當前資料夾，也可都不要只保留\\$ 可以改顏色，我用PS1=\u0026quot;\\[\\033[33m\\]\\w\\[\\033[0m\\] \\$ \u0026quot;\n路徑黃色，$預設。顏色色碼可以在Linux Terminal顏色代碼產生器查詢。 畫面閃爍（Visual Bell）關閉 預設在$按Backspace鍵會閃爍，我眼睛痛要取消。\nGit Bash輸入code ~/.inputrc 輸入 set bell-style none\rset prefer-visible-bell off ","permalink":"https://diplodocus.pages.dev/posts/git-bash-configure/","summary":"\u003ch2 id=\"環境\"\u003e環境\u003c/h2\u003e\n\u003cp\u003e作業系統：Windows 11\u003cbr\u003e\n程式碼編輯器：Visual Studio Code\u003cbr\u003e\n紀錄時間：2026年9月\u003c/p\u003e\n\u003ch2 id=\"在windows-terminal中使用git-bash\"\u003e在Windows Terminal中使用Git Bash\u003c/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e到Windows Terminal的設定畫面\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e左側選單到最下方，點擊「開啟JSON檔案」。\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e尋找\u003ccode\u003e\u0026quot;profiles\u0026quot;\u003c/code\u003e底下的\u003ccode\u003e\u0026quot;list\u0026quot;\u003c/code\u003e區段，將以下這段程式碼複製，貼到\u003ccode\u003e\u0026quot;list\u0026quot;: [ \u003c/code\u003e的中括號內部（記得與其他項目之間用逗號 , 隔開）：\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-json\" data-lang=\"json\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e{\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e// 這是我手動新增的Git Bash設定檔\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003e\u0026#34;guid\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;{1c4de342-38b7-51cf-b111-23098613f530}\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003e\u0026#34;hidden\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003efalse\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003e\u0026#34;name\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;Git Bash\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e// 鎖定標籤頁標題，不要顯示冗長的路徑\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003e\u0026#34;suppressApplicationTitle\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003etrue\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e// 徹底關閉Windows Terminal的鈴鐺通知圖示與聲音\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003e\u0026#34;bellStyle\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;none\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e// --login用來讀取個人設定，-i用來開啟互動打字模式\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003e\u0026#34;commandline\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;C:\\\\Program Files\\\\Git\\\\bin\\\\bash.exe --login -i\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003e\u0026#34;icon\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;C:\\\\Program Files\\\\Git\\\\mingw64\\\\share\\\\git\\\\git-for-windows.ico\u0026#34;\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003e注意：在JSON檔案中，標準語法其實\u003cstrong\u003e不支援任何註解\u003c/strong\u003e（像是\u003ccode\u003e//\u003c/code\u003e或\u003ccode\u003e/* */\u003c/code\u003e）。如果直接寫\u003ccode\u003e//\u003c/code\u003e，很多軟體會直接報錯，導致設定檔失效。Windows Terminal和VS Code這兩款微軟的軟體在讀取settings.json時，有特別開外掛支援「JavaScript風格的註解」，可以直接使用\u003ccode\u003e//\u003c/code\u003e來寫單行註解。\u003c/p\u003e\n\u003ch3 id=\"說明\"\u003e說明\u003c/h3\u003e\n\u003ch4 id=\"標籤頁標題\"\u003e標籤頁標題\u003c/h4\u003e\n\u003cp\u003eGit Bash預設會主動將目前的「工作目錄路徑」傳送給終端機，覆蓋掉你設定的名字。只需要把它關閉即可只顯示乾淨的「Git Bash」。\u003c/p\u003e\n\u003ch4 id=\"--login登入模式\"\u003e\u003ccode\u003e--login\u003c/code\u003e(登入模式)\u003c/h4\u003e\n\u003cp\u003e告訴Bash：「請把我當成剛開機、第一次登入的使用者。」只有在\u003ccode\u003e--login\u003c/code\u003e模式下，Git Bash才會去讀取並執行讀取你的個人設定檔。如果拿掉它，終端機就不會載入你的自訂顏色與標籤設定。\u003c/p\u003e\n\u003ch4 id=\"-iinteractive互動模式\"\u003e\u003ccode\u003e-i\u003c/code\u003e(Interactive，互動模式)\u003c/h4\u003e\n\u003cp\u003e告訴Bash：「這是一個要與人類互動的視窗，請允許使用者輸入指令、並即時回傳結果。」如果不加\u003ccode\u003e-i\u003c/code\u003e，Bash會以為你只是要叫它背景執行某個自動化腳本，它就不會秀出\u003ccode\u003e~/projects $\u003c/code\u003e這樣的輸入列讓你打字，視窗可能一打開就立刻關閉（閃退）。\u003c/p\u003e\n\u003ch4 id=\"鈴鐺\"\u003e鈴鐺\u003c/h4\u003e\n\u003cp\u003eWindows Terminal在提示「剛才出現過嗶嗶聲或視覺閃爍」時，標籤頁會出現一個鈴鐺，我給他關掉。\u003c/p\u003e\n\u003ch2 id=\"更改預設路徑\"\u003e更改預設路徑\u003c/h2\u003e\n\u003col\u003e\n\u003cli\u003eGit Bash輸入\u003ccode\u003ecode \u0026quot;C:\\Program Files\\Git\\etc\\bash.bashrc\u0026quot;\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e在打開的檔案裡面最後一行加上你要的路徑\u003ccode\u003ecd \u0026quot;C:\\Users\\user\\projects\u0026quot;\u003c/code\u003e\u003c/li\u003e\n\u003cli\u003e存檔，需要系統管理員權限。\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch2 id=\"更改命令提示字元userdesktop-xxxxxx\"\u003e更改命令提示字元（user@DESKTOP-XXXXXX）\u003c/h2\u003e\n\u003cp\u003e在Git Bash中，這個名稱是透過一個叫做\u003ccode\u003ePS1\u003c/code\u003e的環境變數來控制的。可以透過修改或建立Git Bash的個人設定檔，把它改成任何喜歡的字樣（例如：只留下\u003ccode\u003e$\u003c/code\u003e符號，或改成個人暱稱）。\u003c/p\u003e","title":"Git bash設定"},{"content":"環境 作業系統：Windows 11\n程式碼編輯器：Visual Studio Code\n紀錄時間：2026年9月\n語法 text-autospaceCSS屬性允許指定中日韓（CJK）字元和非中日韓字元之間的間距行為。\nbody { text-autospace: normal; } normal：建立預設行為，自動在字元之間新增間距，此值的效果等同於同時應用ideograph-alpha和ideograph-numeric。\nideograph-alpha：控制CJK與拉丁字母間的空白。\nideograph-numeric：控制CJK與數字間的空白。\n為什麼用它代替空格 以往在網頁上用鍵盤打半形空格（Space）會顯得中英文間距過大（寬度高達0.5em）。而text-autospace是由瀏覽器自動計算並塞入約1/8 em的微小微調間距，視覺效果比純空格更緊湊、更具美感。\n如果網頁內容本身已經有用鍵盤打的實體空格，瀏覽器在解析text-autospace時會自動跳過，不會讓你的間距疊加變得更寬。\n在VS Code中把Markdown中英文之間的空格消除 方法一、搜尋與取代 在VS Code中打開你的檔案，按下Ctrl + H開啟取代視窗，並依照下列步驟設定：\n開啟正規表達式模式：請務必點亮搜尋框最右側的 .* 圖示（或按下快捷鍵Alt + R，啟用正規表達式功能。\n欄位輸入內容你需要分兩次操作，一次清除「中文+空格+英文」，一次清除「英文+空格+中文」：\n步驟A：清除【中文 ➔ 英文】之間的空格尋找 (Find)：([\\u4e00-\\u9fa5]+) +([a-zA-Z0-9]+)取代為 (Replace)：$1$2動作：點擊右側的Replace All（全部取代）圖示（或按Ctrl + Alt + Enter）。\n步驟B：清除【英文 ➔ 中文】之間的空格尋找 (Find)：([a-zA-Z0-9]+) +([\\u4e00-\\u9fa5]+)取代為 (Replace)：$1$2動作：再次點擊Replace All（全部取代）。\n原理說明 [\\u4e00-\\u9fa5]：代表所有的中文字（Unicode範圍）。 [a-zA-Z0-9]：代表所有的英文字母與數字。+（中間有空格）：代表匹配一個或多個連續的半形空格。()與$1$2：把前後的文字暫存起來，並在取代時直接黏在一起，中間的空格就會被刪除。\n方法二、使用巨集 安裝巨集套件\n在VS Code擴充功能中搜尋並安裝：multi-command\n打開VS Code設定檔settings.json（按F1輸入Preferences: Open User Settings (JSON)），在最外層的括號{}內加入以下腳本設定：\n\u0026#34;multiCommand.commands\u0026#34;: [ { \u0026#34;command\u0026#34;: \u0026#34;multiCommand.removeChineseEnglishSpaces\u0026#34;, \u0026#34;label\u0026#34;: \u0026#34;消除中英文之間的空格\u0026#34;, \u0026#34;sequence\u0026#34;: [ // 第一步：消除【中文 + 空格 + 英文/數字】之間的空格 { \u0026#34;command\u0026#34;: \u0026#34;editor.actions.findWithArgs\u0026#34;, \u0026#34;args\u0026#34;: { \u0026#34;searchString\u0026#34;: \u0026#34;([\\\\u4e00-\\\\u9fa5]+)\\\\s+([a-zA-Z0-9]+)\u0026#34;, \u0026#34;replaceString\u0026#34;: \u0026#34;$1$2\u0026#34;, \u0026#34;isRegex\u0026#34;: true, \u0026#34;matchCase\u0026#34;: false, \u0026#34;wholeWord\u0026#34;: false } }, \u0026#34;editor.action.replaceAll\u0026#34;, // 第二步：消除【英文/數字 + 空格 + 中文】之間的空格 { \u0026#34;command\u0026#34;: \u0026#34;editor.actions.findWithArgs\u0026#34;, \u0026#34;args\u0026#34;: { \u0026#34;searchString\u0026#34;: \u0026#34;([a-zA-Z0-9]+)\\\\s+([\\\\u4e00-\\\\u9fa5]+)\u0026#34;, \u0026#34;replaceString\u0026#34;: \u0026#34;$1$2\u0026#34;, \u0026#34;isRegex\u0026#34;: true, \u0026#34;matchCase\u0026#34;: false, \u0026#34;wholeWord\u0026#34;: false } }, \u0026#34;editor.action.replaceAll\u0026#34;, // 可選：自動關閉尋找視窗，保持畫面乾淨 \u0026#34;closeFindWidget\u0026#34; ] } ] 使用巨集的方法 透過命令面板搜尋叫出\n在上面的程式碼的\u0026quot;label\u0026quot;下面一行加入\u0026quot;moveToCommandPalette\u0026quot;: true,可按F1輸入multi command點選叫出\n設定一鍵快捷鍵\n按F1，輸入Preferences: Open Keyboard Shortcuts (JSON) 並打開它（keybindings.json），加入以下設定：\n[ { \u0026#34;key\u0026#34;: \u0026#34;f4\u0026#34;, \u0026#34;command\u0026#34;: \u0026#34;multiCommand.removeChineseEnglishSpaces\u0026#34;, \u0026#34;when\u0026#34;: \u0026#34;editorTextFocus \u0026amp;\u0026amp; editorLangId == markdown\u0026#34; // 只有在Markdown檔案內才能使用 } ] 之後在編輯Markdown檔案時按F4就可以用了。\n※ 這裡設定f4，且限制只有在編輯markdown檔案時才有效，避免誤觸。你可以自由更換成你習慣的組合鍵。\n","permalink":"https://diplodocus.pages.dev/posts/text-autospace-css/","summary":"\u003ch2 id=\"環境\"\u003e環境\u003c/h2\u003e\n\u003cp\u003e作業系統：Windows 11\u003cbr\u003e\n程式碼編輯器：Visual Studio Code\u003cbr\u003e\n紀錄時間：2026年9月\u003c/p\u003e\n\u003ch2 id=\"語法\"\u003e語法\u003c/h2\u003e\n\u003cp\u003e\u003ccode\u003etext-autospace\u003c/code\u003eCSS屬性允許指定中日韓（CJK）字元和非中日韓字元之間的間距行為。\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-css\" data-lang=\"css\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003ebody\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e  text-autospace: \u003cspan style=\"color:#66d9ef\"\u003enormal\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003cp\u003e\u003ccode\u003enormal\u003c/code\u003e：建立預設行為，自動在字元之間新增間距，此值的效果等同於同時應用\u003ccode\u003eideograph-alpha\u003c/code\u003e和\u003ccode\u003eideograph-numeric\u003c/code\u003e。\u003c/p\u003e\n\u003cp\u003e\u003ccode\u003eideograph-alpha\u003c/code\u003e：控制CJK與拉丁字母間的空白。\u003cbr\u003e\n\u003ccode\u003eideograph-numeric\u003c/code\u003e：控制CJK與數字間的空白。\u003c/p\u003e\n\u003ch2 id=\"為什麼用它代替空格\"\u003e為什麼用它代替空格\u003c/h2\u003e\n\u003cp\u003e以往在網頁上用鍵盤打半形空格（Space）會顯得中英文間距過大（寬度高達0.5em）。而\u003ccode\u003etext-autospace\u003c/code\u003e是由瀏覽器自動計算並塞入約1/8 em的微小微調間距，視覺效果比純空格更緊湊、更具美感。\u003c/p\u003e\n\u003cp\u003e如果網頁內容本身已經有用鍵盤打的實體空格，瀏覽器在解析\u003ccode\u003etext-autospace\u003c/code\u003e時會自動跳過，不會讓你的間距疊加變得更寬。\u003c/p\u003e\n\u003ch2 id=\"在vs-code中把markdown中英文之間的空格消除\"\u003e在VS Code中把Markdown中英文之間的空格消除\u003c/h2\u003e\n\u003ch3 id=\"方法一搜尋與取代\"\u003e方法一、搜尋與取代\u003c/h3\u003e\n\u003cp\u003e在VS Code中打開你的檔案，按下Ctrl + H開啟取代視窗，並依照下列步驟設定：\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e開啟正規表達式模式：請務必點亮搜尋框最右側的 .* 圖示（或按下快捷鍵Alt + R，啟用正規表達式功能。\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e欄位輸入內容你需要分兩次操作，一次清除「中文+空格+英文」，一次清除「英文+空格+中文」：\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e步驟A：清除【中文 ➔ 英文】之間的空格尋找 (Find)：\u003ccode\u003e([\\u4e00-\\u9fa5]+) +([a-zA-Z0-9]+)\u003c/code\u003e取代為 (Replace)：\u003ccode\u003e$1$2\u003c/code\u003e動作：點擊右側的Replace All（全部取代）圖示（或按Ctrl + Alt + Enter）。\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e步驟B：清除【英文 ➔ 中文】之間的空格尋找 (Find)：\u003ccode\u003e([a-zA-Z0-9]+) +([\\u4e00-\\u9fa5]+)\u003c/code\u003e取代為 (Replace)：\u003ccode\u003e$1$2\u003c/code\u003e動作：再次點擊Replace All（全部取代）。\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch4 id=\"原理說明\"\u003e原理說明\u003c/h4\u003e\n\u003cp\u003e\u003ccode\u003e[\\u4e00-\\u9fa5]\u003c/code\u003e：代表所有的中文字（Unicode範圍）。 \u003ccode\u003e[a-zA-Z0-9]\u003c/code\u003e：代表所有的英文字母與數字。\u003ccode\u003e+\u003c/code\u003e（中間有空格）：代表匹配一個或多個連續的半形空格。\u003ccode\u003e()\u003c/code\u003e與\u003ccode\u003e$1$2\u003c/code\u003e：把前後的文字暫存起來，並在取代時直接黏在一起，中間的空格就會被刪除。\u003c/p\u003e\n\u003ch3 id=\"方法二使用巨集\"\u003e方法二、使用巨集\u003c/h3\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e安裝巨集套件\u003cbr\u003e\n在VS Code擴充功能中搜尋並安裝：\u003ca href=\"https://marketplace.visualstudio.com/items?itemName=ryuta46.multi-command\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003emulti-command\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003e打開VS Code設定檔\u003ccode\u003esettings.json\u003c/code\u003e（按F1輸入Preferences: Open User Settings (JSON)），在最外層的括號\u003ccode\u003e{}\u003c/code\u003e內加入以下腳本設定：\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-json\" data-lang=\"json\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#e6db74\"\u003e\u0026#34;multiCommand.commands\u0026#34;\u003c/span\u003e\u003cspan style=\"color:#960050;background-color:#1e0010\"\u003e:\u003c/span\u003e [\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e        {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e            \u003cspan style=\"color:#f92672\"\u003e\u0026#34;command\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;multiCommand.removeChineseEnglishSpaces\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e            \u003cspan style=\"color:#f92672\"\u003e\u0026#34;label\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;消除中英文之間的空格\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e            \u003cspan style=\"color:#f92672\"\u003e\u0026#34;sequence\u0026#34;\u003c/span\u003e: [\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                \u003cspan style=\"color:#75715e\"\u003e// 第一步：消除【中文 + 空格 + 英文/數字】之間的空格\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                    \u003cspan style=\"color:#f92672\"\u003e\u0026#34;command\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;editor.actions.findWithArgs\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                    \u003cspan style=\"color:#f92672\"\u003e\u0026#34;args\u0026#34;\u003c/span\u003e: {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;searchString\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;([\\\\u4e00-\\\\u9fa5]+)\\\\s+([a-zA-Z0-9]+)\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;replaceString\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;$1$2\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;isRegex\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003etrue\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;matchCase\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003efalse\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;wholeWord\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003efalse\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                    }\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                },\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;editor.action.replaceAll\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                \u003cspan style=\"color:#75715e\"\u003e// 第二步：消除【英文/數字 + 空格 + 中文】之間的空格\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                    \u003cspan style=\"color:#f92672\"\u003e\u0026#34;command\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;editor.actions.findWithArgs\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                    \u003cspan style=\"color:#f92672\"\u003e\u0026#34;args\u0026#34;\u003c/span\u003e: {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;searchString\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;([a-zA-Z0-9]+)\\\\s+([\\\\u4e00-\\\\u9fa5]+)\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;replaceString\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;$1$2\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;isRegex\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003etrue\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;matchCase\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003efalse\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                        \u003cspan style=\"color:#f92672\"\u003e\u0026#34;wholeWord\u0026#34;\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003efalse\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                    }\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                },\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;editor.action.replaceAll\u0026#34;\u003c/span\u003e,\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                \u003cspan style=\"color:#75715e\"\u003e// 可選：自動關閉尋找視窗，保持畫面乾淨\n\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e                \u003cspan style=\"color:#e6db74\"\u003e\u0026#34;closeFindWidget\u0026#34;\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e            ]\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e        }\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    ]\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003ch4 id=\"使用巨集的方法\"\u003e使用巨集的方法\u003c/h4\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003e透過命令面板搜尋叫出\u003cbr\u003e\n在上面的程式碼的\u003ccode\u003e\u0026quot;label\u0026quot;\u003c/code\u003e下面一行加入\u003ccode\u003e\u0026quot;moveToCommandPalette\u0026quot;: true,\u003c/code\u003e可按F1輸入multi command點選叫出\u003c/p\u003e","title":"中英文間隔CSS"},{"content":"hugo version：查看hugo版本\nhugo new site 資料夾名稱：建立新站\nhugo new posts/new-post.md：建立新文章\nhugo server： 預覽網站\nhugo sever -D：也預覽草稿文章\nhugo server -F：不限文章的發佈日期，全部預覽\nhugo server --ignoreCache：忽略快取\nhugo server --disableFastRender：強制全站重新生成\nhugo server --ignoreCache --disableFastRender：確保完全重新載入與排除快取干擾，常用\nhugo：網站發布到public資料夾\nhugo --gc --minify：--gc 清理用不到的快取檔案， --minify 則會壓縮HTML/CSS/JS，讓網站載入速度變快，常用\n","permalink":"https://diplodocus.pages.dev/posts/hugo-command/","summary":"\u003cp\u003e\u003ccode\u003ehugo version\u003c/code\u003e：查看hugo版本\u003cbr\u003e\n\u003ccode\u003ehugo new site 資料夾名稱\u003c/code\u003e：建立新站\u003cbr\u003e\n\u003ccode\u003ehugo new posts/new-post.md\u003c/code\u003e：建立新文章\u003cbr\u003e\n\u003ccode\u003ehugo server\u003c/code\u003e： 預覽網站\u003cbr\u003e\n\u003ccode\u003ehugo sever -D\u003c/code\u003e：也預覽草稿文章\u003cbr\u003e\n\u003ccode\u003ehugo server -F\u003c/code\u003e：不限文章的發佈日期，全部預覽\u003cbr\u003e\n\u003ccode\u003ehugo server --ignoreCache\u003c/code\u003e：忽略快取\u003cbr\u003e\n\u003ccode\u003ehugo server --disableFastRender\u003c/code\u003e：強制全站重新生成\u003cbr\u003e\n\u003ccode\u003ehugo server --ignoreCache --disableFastRender\u003c/code\u003e：確保完全重新載入與排除快取干擾，\u003cstrong\u003e常用\u003c/strong\u003e\u003cbr\u003e\n\u003ccode\u003ehugo\u003c/code\u003e：網站發布到public資料夾\u003cbr\u003e\n\u003ccode\u003ehugo --gc --minify\u003c/code\u003e：\u003ccode\u003e--gc\u003c/code\u003e 清理用不到的快取檔案， \u003ccode\u003e--minify\u003c/code\u003e 則會壓縮HTML/CSS/JS，讓網站載入速度變快，\u003cstrong\u003e常用\u003c/strong\u003e\u003c/p\u003e","title":"Hugo指令"},{"content":"顏色 設定的顏色 #0e1923 a shade of Charred Steel #474a4d 藍墨茶 あいすみちゃ #e7e7eb 紫水晶 むらさきすいしょう #19191B Zinc 900 #afafb0 銀鼠 ぎんねず 程式碼 檔案路徑：/assets/css/extended/custom.css\nHEX（十六進位色碼）是我有修改的，RGB是原本的。\n/* Dark mode下的顏色 */ :root[data-theme=\u0026#34;dark\u0026#34;] { --theme: #0e1923; --entry: #474a4d; --primary: #e7e7eb; --secondary: #e7e7eb; --tertiary: rgb(65, 66, 68); --content: #e7e7eb; --code-block-bg: #18181B; --code-bg: rgb(55, 56, 62); --border: #afafb0; color-scheme: dark; } /* 文章底下的標籤 */ .post-tags a { background: #474a4d; } 字體大小與排版 檔案路徑：/assets/css/extended/custom.css\n/* 全站適用：開啟中英文與數字之間的自動微調空格 */ html, body { text-autospace: normal !important; } /* 調整文章內文的字體大小 */ .post-content, .post-content p { font-size: 1.2rem; line-height: 1.75; /* 同步調大行高，閱讀起來更舒適 */ } /* 放大文章日期、作者、閱讀時間等 */ .post-meta { font-size: 1.2rem !important; margin-top: 0.5rem !important; /* 增加日期與上方標題之間的間距，看起來更舒適 */ } /* 放大文章標籤 */ .post-tags a { font-size: 1.2rem !important; padding: 0.25rem 0.625rem !important; /* 同步將邊距換算為rem，按鈕會隨字體完美縮放 */ } /* 放大文章內文中的 H4 標題 */ .post-content h4 { font-size: 1.3rem; } /* 調整文章內的程式碼區塊字體大小 */ .post-content pre code { font-size: 1rem !important; line-height: 1.6 !important; } /* 行內程式碼也一起放大 */ .post-content code { font-size: 0.9em !important; /* 使用相對大小，讓它隨段落文字等比例放大 */ } /* 調整一句話裡面的行內代碼樣式 */ :not(pre)\u0026gt;code { /* 前後留白 */ margin: 0 0.3rem; } /* 放大程式碼複製按鈕 */ .copy-code { transform: scale(1.5) !important; transform-origin: right top; /* 確保按鈕以右上角為基準點放大，不影響排版 */ } /* 單篇文章頁面底部的標籤區塊 */ .share-buttons+.post-tags, footer.post-footer .post-tags a { font-size: 1.2rem !important; } /* 調整頂部導覽列選單的字型大小粗細 */ .menu a { font-size: 1.2rem; font-weight: 600; } /* 導覽列滑鼠移過去時出現底線 */ .menu a:hover { text-decoration: underline; text-underline-offset: 0.5rem; /* 調整底線與文字的距離 */ } /* 強制放大首頁文章列表的日期與資訊文字 */ .first-entry footer, .post-entry footer, .entry-footer { font-size: 1.2rem !important; } /* 首頁文章列表的標題縮小 */ .first-entry .entry-header h2, .post-entry .entry-header h2 { font-size: 1.25rem; line-height: 1.3; } /* 縮小首頁文章卡片的邊框內邊距，讓邊框緊貼文字 */ .post-entry { padding: 0.5rem 1rem !important; } /* 確保點擊整張卡片時的互動範圍同步縮小 */ .post-link { padding: 0 !important; /* 清除連結的預設補白，避免撐開卡片 */ } /* 縮小首頁文章標題與日期之間的距離 */ .first-entry .entry-header h2, .post-entry .entry-header h2 { margin-bottom: 0.25rem; } /* 縮小首頁文章卡片之間的間距 */ .post-entry { margin-bottom: 0.7rem !important; } /* 放大網頁最下方的Footer頁尾文字 */ .footer { font-size: 1rem !important; line-height: 1.6 !important; /* 同步調大行高，避免多行時擠在一起 */ } 文章各階層標題錨點 錨點顏色：#a0d8ef 空色 そらいろ\n檔案路徑：/assets/css/extended/custom.css\n/* 讓PaperMod內建的錨點連結恢復正常顯示 */ .post-content h2 .anchor, .post-content h3 .anchor, .post-content h4 .anchor, .post-content h5 .anchor, .post-content h6 .anchor { display: inline-block; color: #a0d8ef !important; text-decoration: none; /* 不要底線 */ opacity: 0; /* 預設隱藏 */ } /* 當滑鼠移到標題上時，讓這個內建的「#」浮現 */ .post-content h2:hover .anchor, .post-content h3:hover .anchor, .post-content h4:hover .anchor, .post-content h5:hover .anchor, .post-content h6:hover .anchor { opacity: 1; color: #a0d8ef !important; } 連結 設定文章內連結在新分頁開啟。\n檔案路徑：/layouts/_default/_markup/render-link.html\u0026quot;\n\u0026lt;a href=\u0026#34;{{ .Destination | safeURL }}\u0026#34; {{ with .Title }} title=\u0026#34;{{ . }}\u0026#34; {{ end }}{{ if strings.HasPrefix .Destination \u0026#34;http\u0026#34; }} target=\u0026#34;_blank\u0026#34; rel=\u0026#34;noopener noreferrer\u0026#34; {{ end }}\u0026gt;{{ .Text | safeHTML }}\u0026lt;/a\u0026gt; 自訂頁尾 檔案路徑：/layouts/partials/footer.html\n將/themes/PaperMod/layouts/_partials/footer.html\u0026quot;的內容複製過去，把{{- if (not site.Params.disableScrollToTop) }}前面的內容替換成：\n{{- if not (.Param \u0026#34;hideFooter\u0026#34;) }} \u0026lt;footer class=\u0026#34;footer\u0026#34;\u0026gt; {{- if not site.Params.footer.hideCopyright }} {{- if site.Copyright }} \u0026lt;span\u0026gt;{{ site.Copyright | markdownify }}\u0026lt;/span\u0026gt; {{- else }} \u0026lt;span style=\u0026#34;display: block; margin-bottom: 5px;\u0026#34;\u0026gt;\u0026amp;copy; {{ now.Year }} \u0026lt;a href=\u0026#34;{{ \u0026#34;\u0026#34; | absLangURL }}\u0026#34;\u0026gt;{{ site.Title }}\u0026lt;/a\u0026gt;\u0026lt;/span\u0026gt; {{- end }} {{- end }} {{- with site.Params.footer.text }} {{ . | markdownify }} {{- end }} \u0026lt;span style=\u0026#34;display: block;\u0026#34;\u0026gt; 使用 \u0026lt;a href=\u0026#34;https://gohugo.io\u0026#34; target=\u0026#34;_blank\u0026#34; rel=\u0026#34;noreferrer noopener\u0026#34;\u0026gt;Hugo\u0026lt;/a\u0026gt; 、 \u0026lt;a href=\u0026#34;https://github.com/adityatelange/hugo-PaperMod\u0026#34; target=\u0026#34;_blank\u0026#34; rel=\u0026#34;noreferrer noopener\u0026#34;\u0026gt;PaperMod\u0026lt;/a\u0026gt; 與 \u0026lt;a href=\u0026#34;https://www.cloudflare.com/zh-tw/\u0026#34; target=\u0026#34;_blank\u0026#34; rel=\u0026#34;noreferrer noopener\u0026#34;\u0026gt;Cloudflare\u0026lt;/a\u0026gt; 架設 \u0026lt;/span\u0026gt; \u0026lt;/footer\u0026gt; {{- end }} 文章彙整與搜尋 文章彙整檔案路徑：/content/archive.md\n--- title: \u0026#34;文章彙整\u0026#34; layout: \u0026#34;archives\u0026#34; url: \u0026#34;/archive/\u0026#34; summary: archives --- 開啟搜尋功能，在hugo.toml中加入：\n[outputs] home = [ \u0026#34;HTML\u0026#34;, \u0026#34;RSS\u0026#34;, \u0026#34;JSON\u0026#34; ] 搜尋檔案路徑：/content/search.md\n--- title: \u0026#34;搜尋\u0026#34; layout: \u0026#34;search\u0026#34; url: \u0026#34;/search\u0026#34; # description: \u0026#34;Description for Search\u0026#34; 搜尋說明，我留空 summary: \u0026#34;search\u0026#34; # placeholder: \u0026#34;placeholder text in search input box\u0026#34; 搜尋框預設文字，我留空 --- 修改hogo.toml，設定搜尋參數：\n[params] [params.fuseOpts] # 一篇文章只出現一次 id = \u0026#34;permalink\u0026#34; # 搜尋時要對比的欄位 keys = [ \u0026#34;title\u0026#34;, \u0026#34;summary\u0026#34;, \u0026#34;content\u0026#34;, \u0026#34;permalink\u0026#34; ] 再次修改hogo.toml，把文章彙整和搜尋的連結放到首頁選單裡：\n[menu] [[menu.main]] identifier = \u0026#34;search\u0026#34; name = \u0026#34;搜尋\u0026#34; url = \u0026#34;/search/\u0026#34; weight = 1 [[menu.main]] identifier = \u0026#34;archive\u0026#34; name = \u0026#34;文章彙整\u0026#34; url = \u0026#34;/archive/\u0026#34; weight = 2 OG圖片 Open Graph (OG)支援是指在網站網頁程式碼的 \u0026lt;head\u0026gt; 區塊中加入特定的元標籤（Meta Tags），讓網址被分享到社群平台時，能自動生成預覽卡片。\n圖片大小：1200 × 630 px\n檔案路徑：/static/images/default-cover.png\n在hugo.toml中加入：\nimages = [\u0026#34;images/default-cover.png\u0026#34;] Favicon Favicon（Favorites Icon）是與網站或網頁關聯的微小識別圖示，通常顯示在瀏覽器分頁標題前、書籤列、歷史紀錄及搜尋結果中。\n到Favicon.io下載生成的檔案，解壓縮後放到/static裡，修改hugo.toml：\n[params] [params.assets] favicon = \u0026#34;/favicon.ico\u0026#34; favicon16 = \u0026#34;/favicon-16x16.png\u0026#34; favicon32 = \u0026#34;/favicon-32x32.png\u0026#34; apple_touch_icon = \u0026#34;/apple-touch-icon.png\u0026#34; hugo.toml 其他設定\n[params] # 深色模式，無切換按鈕 defaultTheme = \u0026#34;dark\u0026#34; disableThemeToggle = true # 設定日期格式 dateFormat = \u0026#34;2006年01月02日\u0026#34; # 隱藏首頁文章摘要 hideSummary = true # 去除首頁的first-entry disableSpecial1stPost = true # 顯示程式碼複製按鈕 ShowCodeCopyButtons = true #允許直接渲染文章中混雜的原始HTML語法 [markup] [markup.goldmark] [markup.goldmark.renderer] unsafe = true ","permalink":"https://diplodocus.pages.dev/posts/papermod-configure/","summary":"\u003ch2 id=\"顏色\"\u003e顏色\u003c/h2\u003e\n\u003ch3 id=\"設定的顏色\"\u003e設定的顏色\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e#0e1923 \u003ca href=\"https://icolorpalette.com/color/0e1923/\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003ea shade of Charred Steel\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e#474a4d \u003ca href=\"https://www.colordic.org/colorsample/2428\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e藍墨茶 あいすみちゃ\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e#e7e7eb \u003ca href=\"https://www.colordic.org/colorsample/2396\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e紫水晶 むらさきすいしょう\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e#19191B \u003ca href=\"https://icolorpalette.com/color/18181b/\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003eZinc 900\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e#afafb0 \u003ca href=\"https://www.colordic.org/colorsample/2287\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e銀鼠 ぎんねず\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"程式碼\"\u003e程式碼\u003c/h3\u003e\n\u003cp\u003e檔案路徑：\u003ccode\u003e/assets/css/extended/custom.css\u003c/code\u003e\u003cbr\u003e\nHEX（十六進位色碼）是我有修改的，RGB是原本的。\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-css\" data-lang=\"css\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* Dark mode下的顏色 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e:\u003cspan style=\"color:#a6e22e\"\u003eroot\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e[\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003edata-theme\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e=\u003c/span\u003e\u003cspan style=\"color:#e6db74\"\u003e\u0026#34;dark\u0026#34;\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e]\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    --theme: \u003cspan style=\"color:#ae81ff\"\u003e#0e1923\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    --entry: \u003cspan style=\"color:#ae81ff\"\u003e#474a4d\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    --primary: \u003cspan style=\"color:#ae81ff\"\u003e#e7e7eb\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    --secondary: \u003cspan style=\"color:#ae81ff\"\u003e#e7e7eb\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    --tertiary: rgb(\u003cspan style=\"color:#ae81ff\"\u003e65\u003c/span\u003e, \u003cspan style=\"color:#ae81ff\"\u003e66\u003c/span\u003e, \u003cspan style=\"color:#ae81ff\"\u003e68\u003c/span\u003e);\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    --content: \u003cspan style=\"color:#ae81ff\"\u003e#e7e7eb\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    --code-block-bg: \u003cspan style=\"color:#ae81ff\"\u003e#18181B\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    --code-bg: rgb(\u003cspan style=\"color:#ae81ff\"\u003e55\u003c/span\u003e, \u003cspan style=\"color:#ae81ff\"\u003e56\u003c/span\u003e, \u003cspan style=\"color:#ae81ff\"\u003e62\u003c/span\u003e);\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    --border: \u003cspan style=\"color:#ae81ff\"\u003e#afafb0\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003ecolor-scheme\u003c/span\u003e: dark;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 文章底下的標籤 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-tags\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003ea\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003ebackground\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e#474a4d\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003ch2 id=\"字體大小與排版\"\u003e字體大小與排版\u003c/h2\u003e\n\u003cp\u003e檔案路徑：\u003ccode\u003e/assets/css/extended/custom.css\u003c/code\u003e\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;\"\u003e\u003ccode class=\"language-css\" data-lang=\"css\"\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 全站適用：開啟中英文與數字之間的自動微調空格 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003ehtml\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003ebody\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    text-autospace: \u003cspan style=\"color:#66d9ef\"\u003enormal\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 調整文章內文的字體大小 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-content\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-content\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003ep\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.2\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003eline-height\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.75\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#75715e\"\u003e/* 同步調大行高，閱讀起來更舒適 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 放大文章日期、作者、閱讀時間等 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-meta\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.2\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003emargin-top\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e0.5\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#75715e\"\u003e/* 增加日期與上方標題之間的間距，看起來更舒適 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 放大文章標籤 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-tags\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003ea\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.2\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003epadding\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e0.25\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#ae81ff\"\u003e0.625\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#75715e\"\u003e/* 同步將邊距換算為rem，按鈕會隨字體完美縮放 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 放大文章內文中的 H4 標題 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-content\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003eh4\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.3\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 調整文章內的程式碼區塊字體大小 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-content\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003epre\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003ecode\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003eline-height\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.6\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 行內程式碼也一起放大 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-content\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003ecode\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e0.9\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003eem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#75715e\"\u003e/* 使用相對大小，讓它隨段落文字等比例放大 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 調整一句話裡面的行內代碼樣式 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e:\u003cspan style=\"color:#a6e22e\"\u003enot\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e(\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003epre\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e)\u0026gt;\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003ecode\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#75715e\"\u003e/* 前後留白 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003emargin\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e0\u003c/span\u003e \u003cspan style=\"color:#ae81ff\"\u003e0.3\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 放大程式碼複製按鈕 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003ecopy-code\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003etransform\u003c/span\u003e: scale(\u003cspan style=\"color:#ae81ff\"\u003e1.5\u003c/span\u003e) \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003etransform-origin\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003eright\u003c/span\u003e \u003cspan style=\"color:#66d9ef\"\u003etop\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#75715e\"\u003e/* 確保按鈕以右上角為基準點放大，不影響排版 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 單篇文章頁面底部的標籤區塊 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003eshare-buttons\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e+\u003c/span\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-tags\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#f92672\"\u003efooter\u003c/span\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-footer\u003c/span\u003e .\u003cspan style=\"color:#a6e22e\"\u003epost-tags\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003ea\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.2\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 調整頂部導覽列選單的字型大小粗細 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003emenu\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003ea\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.2\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-weight\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e600\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 導覽列滑鼠移過去時出現底線 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003emenu\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003ea\u003c/span\u003e:\u003cspan style=\"color:#a6e22e\"\u003ehover\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003etext-decoration\u003c/span\u003e: \u003cspan style=\"color:#66d9ef\"\u003eunderline\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003etext-underline-offset\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e0.5\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#75715e\"\u003e/* 調整底線與文字的距離 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 強制放大首頁文章列表的日期與資訊文字 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003efirst-entry\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003efooter\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-entry\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003efooter\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003eentry-footer\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.2\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 首頁文章列表的標題縮小 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003efirst-entry\u003c/span\u003e .\u003cspan style=\"color:#a6e22e\"\u003eentry-header\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003eh2\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-entry\u003c/span\u003e .\u003cspan style=\"color:#a6e22e\"\u003eentry-header\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003eh2\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.25\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003eline-height\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.3\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 縮小首頁文章卡片的邊框內邊距，讓邊框緊貼文字 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-entry\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003epadding\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e0.5\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#ae81ff\"\u003e1\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 確保點擊整張卡片時的互動範圍同步縮小 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-link\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003epadding\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e0\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#75715e\"\u003e/* 清除連結的預設補白，避免撐開卡片 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 縮小首頁文章標題與日期之間的距離 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003efirst-entry\u003c/span\u003e .\u003cspan style=\"color:#a6e22e\"\u003eentry-header\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003eh2\u003c/span\u003e\u003cspan style=\"color:#f92672\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-entry\u003c/span\u003e .\u003cspan style=\"color:#a6e22e\"\u003eentry-header\u003c/span\u003e \u003cspan style=\"color:#f92672\"\u003eh2\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003emargin-bottom\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e0.25\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 縮小首頁文章卡片之間的間距 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003epost-entry\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003emargin-bottom\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e0.7\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e\u003cspan style=\"color:#75715e\"\u003e/* 放大網頁最下方的Footer頁尾文字 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e.\u003cspan style=\"color:#a6e22e\"\u003efooter\u003c/span\u003e {\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003efont-size\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1\u003c/span\u003e\u003cspan style=\"color:#66d9ef\"\u003erem\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#66d9ef\"\u003eline-height\u003c/span\u003e: \u003cspan style=\"color:#ae81ff\"\u003e1.6\u003c/span\u003e \u003cspan style=\"color:#75715e\"\u003e!important\u003c/span\u003e;\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e    \u003cspan style=\"color:#75715e\"\u003e/* 同步調大行高，避免多行時擠在一起 */\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan style=\"display:flex;\"\u003e\u003cspan\u003e}\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003ch2 id=\"文章各階層標題錨點\"\u003e文章各階層標題錨點\u003c/h2\u003e\n\u003cp\u003e錨點顏色：#a0d8ef \u003ca href=\"https://www.colordic.org/colorsample/2089\"  target=\"_blank\" rel=\"noopener noreferrer\" \u003e空色 そらいろ\u003c/a\u003e\u003cbr\u003e\n檔案路徑：\u003ccode\u003e/assets/css/extended/custom.css\u003c/code\u003e\u003c/p\u003e","title":"PaperMod主題設定"}]