一個開箱即用的輕量級網頁工具，幫助你把每日覆盤、待辦、工作/學習總結，快速排版成精緻的長圖海報並儲存為高畫質 PNG。
功能亮點
- 視覺化編輯：左側面板實時修改日期、主標題、每日一句，右側畫布同步預覽。
- 文字格式化工具欄：支援加粗、專案符號列表、五色高亮標記、灰底塊、紅色刪除線等。
- 主題卡片：選擇主題色、輸入 Emoji 與模組標題，一鍵新增到畫布，內容可直接編輯。
- 高畫質長圖匯出：解決內容超出螢幕被截斷的問題，生成完整、透明背景的高畫質 PNG。
- 零依賴執行：雙擊 HTML 即用；透過 CDN 自動載入
html2canvas與字型資源。
快速開始
- 用任意現代瀏覽器（推薦 Chrome/Edge）開啟專案根目錄中的
Daily Log Maker.html。 - 在左側面板填寫：日期、主標題、每日一句；內容會實時展示在右側畫布。
- 新增模組：
- 選擇一個主題色；
- 輸入 Emoji 與模組標題；
- 點選“+ 新增到畫布”；在卡片正文中直接編輯內容，支援格式化。
- 點選左側的“儲存圖片”按鈕，自動生成並下載長圖（檔名形如
每日记录_Long_YYYY.MM.DD.png）。
使用技巧
- 選中文字後再點選工具欄按鈕，可應用加粗/高亮/刪除線等格式。
- 列表支援快捷輸入：在正文中輸入多行文字後，點選“列表”按鈕即可批次轉為專案符號。
- 畫布右上角的“✕”只會刪除對應卡片，不影響其他內容。
- 匯出為透明背景的 PNG，適合拼接到社交平臺或文件中。
技術說明
- 截圖實現：透過
html2canvas（CDN 引入）對畫布節點進行截圖，採用“克隆節點 + 自然撐高”的方式，確保超長內容完整保留並避免陰影等干擾。 - 清晰度：截圖時設定
scale = 2.5，在常見螢幕下可獲得良好清晰度與檔案大小平衡。 - 內容編輯：模組正文使用
contenteditable，配合基礎命令實現常見富文字操作。
離線使用
如果需要完全離線：
- 將
html2canvas的 CDN 改為本地檔案，並把 Google Fonts 替換為系統字型或本地字型檔案； - 保持頁面結構不變即可使用匯出功能。
瀏覽器相容
- 推薦使用最新版 Chrome/Edge/Firefox。
- 在極端超長內容下，截圖耗時與記憶體佔用會增加；如遇問題，可嘗試降低
scale值或分段匯出。
效果展示
