新文章產生器
填好下面的欄位,按「生成代碼」,再複製貼到文章庫檔案。
重要:這個工具只做格式轉換,不會自動存檔。
生成的代碼必須貼到網站 assets 資料夾內的 data-blog.js 檔案,存檔後新文章才會永久保存在網站上。原因:純靜態網站沒有後台資料庫,內容全部來自檔案。
生成的代碼必須貼到網站 assets 資料夾內的 data-blog.js 檔案,存檔後新文章才會永久保存在網站上。原因:純靜態網站沒有後台資料庫,內容全部來自檔案。
按住 Ctrl(Mac 按 Cmd)可多選
| 標記 | 效果 | 範例 |
|---|---|---|
| (空行) | 新段落 | 直接按 Enter 兩次 |
| ## 文字 | 大標題 | ## 一、故障原因 |
| ### 文字 | 小標題 | ### 壓縮機問題 |
| - 文字 | 清單項目 | - 清潔冷凝器 |
| 1. 文字 | 編號清單 | 1. 先斷電 |
| > 文字 | 重點引言 | > 維修無小事,安全至上 |
| !! 標題 | 內容 | 提示框 | !! 重要提醒 | 請先斷電 |
| ?? 問題 | 答案 | 問答框 | ?? 收費多少? | HK$200 起 |
| || 欄1 | 欄2 | 表格(每行一條) | || 項目 | 說明 |
| @@ 文字 | 網址 | 外部連結 | @@ 觀看影片 | https://youtube.com/… |
| **文字** | 粗體 | 我們承諾**修不好退款一半** |
按「生成代碼」後,這裡會出現可直接貼進檔案的內容。
尚未生成預覽
填好內容後按「生成代碼」,再切到這個分頁即可看到文章在網站上的實際樣子。
每天更新文章的完整步驟
- 開啟文章庫檔案:網站 assets 資料夾內的 data-blog.js,用記事本、VS Code 或任何文字編輯器都可以。
- 找到插入位置:搜尋 window.JH.POSTS = [ 這一行,新文章要貼在它的下一行(最新的文章放最上面,才會排在列表最前)。
- 貼上生成的代碼:把上面「生成的代碼」分頁複製到的內容貼進去,確認結尾有逗號。
- 存檔:存檔時請保持 UTF-8 編碼(記事本存檔時可選擇編碼)。
- 重新開網頁:按 F5 重新整理,新文章就會出現在博客列表與首頁。
不用改任何 HTML
網站會自動讀取文章庫,博客列表、分類計數、標籤雲、搜索索引、首頁最新文章、文章數統計全部自動更新,不需要改其他地方。
想讓文章寫得更專業
- 用真實個案開頭:例如「上星期觀塘一間茶餐廳的四門雪櫃…」比抽象說明更吸引。
- 給出可執行的自查步驟:讀者最想知道「我自己可以做什麼」。
- 坦白說明何時必須找師傅:涉及安全(漏電、漏氣、高溫)的一律明確提醒,這正是專業與責任的表現。
- 用表格整理對照資訊:故障代碼、品牌差異、收費口徑都很適合表格。
- 標題帶數字與結果:例如「約七成個案與壓縮機無關」比「雪櫃維修」更容易被點開與搜尋到。
如果你希望有更方便的後台
目前這個網站是純靜態網站:優點是極速、極安全、上傳到任何主機都能用,也不需要資料庫。代價是更新文章要編輯檔案。
如果你希望「打開網頁登入就能寫文章、訪客立刻看到」,那需要額外的後台系統與資料庫(例如 WordPress、或自建服務端)。這屬於另一種技術方案,需要在主機上安裝與維護。目前這個檔案式博客對每天更新一篇文章已完全足夠,而且不會被駭、不用維護資料庫。
目前文章庫狀態
98篇文章
7個分類
240個標籤
2026-11-03最新文章日期
