給一般民眾
從常見問題與疾病主題開始，逐步理解症狀、檢查、治療與日常照護。
- 心臟健康 10 問
- 高血壓、高血脂、心律不整等衛教
- 知道何時觀察、何時安排門診、何時儘速就醫
BetterHeart Platform
從臨床需求出發，打造雙向分流的心臟健康平台
BetterHeart 不只是心臟衛教文章，也不只是計算器集合。網站讓一般民眾與醫療專業人員從不同入口開始，在同一個平台找到適合自己的資訊與工具。
Synology NASDockerDSM 反向代理CaddyNode.jsExpress原生 JavaScriptVite 預建 SPASharp / WebPUmamiJSON
Why BetterHeart
為真實的臨床與衛教需求而生
面對同一個心血管問題，一般民眾需要的是容易理解的說明、何時該就醫與如何照護；醫療專業人員需要的則是能迅速核對的公式、給付條件、藥物劑量與注意事項。
因此，BetterHeart 從首頁就將兩種使用情境分開，減少繞路，也避免把過度專業的判讀直接堆到民眾面前。
同一個網站，兩條清楚的路徑；共同目標是讓重要資訊更快被找到、理解與正確使用。
Two-way Navigation
首頁的雙向分流
入口不是依網站欄目分類，而是依使用者當下要完成的事情分類。
給醫療專業人員
從臨床情境直接進入計算與快查，降低在多份條文或公式之間切換的負擔。
- 心血管風險、Echo、Cath 與術前評估工具
- 降血脂藥與抗凝抗栓健保快查
- 藥物劑量、療程時間軸、限制與來源提醒
Functions
不只呈現內容，也協助完成任務
結構化衛教文章
以標題、內文目錄與區塊化內容整理醫療知識；後台可直接編輯，並輸出符合搜尋引擎與社群分享的結構化資料。
即時計算與完成度提示
常用公式寫成瀏覽器端固定運算邏輯，邊填邊算；欄位未填完會標示尚缺項目，並可輸出可貼進病歷的文字。
健保條件快查
依臨床情境篩選降血脂與抗凝抗栓用藥，帶出適用條件、劑量、以月為刻度的療程時間軸與重要限制。
雙向分流首頁
一般民眾從症狀與疾病主題進入；醫療專業人員由計算器與快查工具進入，各自快速抵達需要的內容。
跨工具數值帶入
年齡、性別、血壓、腎功能等基本數值在不同計算器之間自動沿用，減少重複輸入與抄寫錯誤。
行動優先介面
工具、卡片與療程時間軸皆針對手機與桌面調整，讓診間、病房或居家閱讀都能清楚操作。
圖片自動最佳化
上傳圖片保留原始檔，並以 Sharp 產生 WebP 與縮圖版本，兼顧畫質、社群分享與載入速度。
Architecture
網站如何運作
從使用者開啟網頁，到服務回傳內容，採用可自行管理且容易維護的容器化架構，全部執行在一台 Synology NAS 上。
瀏覽器HTTPS 網頁請求
DSM 反向代理對外 HTTPS 與憑證
Caddy依網址路徑路由
Docker隔離且一致的執行環境
Node.js / Express頁面、後台與工具服務
NAS / JSON內容、設定與圖片
混合式渲染：多數頁面由 Node.js 於伺服器端即時組合後回傳；「降血脂藥健保快查」則是預先建置好的靜態單頁應用，由同一個服務直接提供。網站流量以自架的 Umami 統計，不使用 cookie。
Technology
技術組成與用途
Synology NAS
自主管理的伺服器環境，集中保存服務、內容資料與圖片資產，不依賴外部雲端主機。
Docker
將網站執行環境封裝成容器，讓部署、重啟與版本更新一致且可重現。
DSM 反向代理 + Caddy
DSM 反向代理負責對外 HTTPS 與憑證；Caddy 再依網址路徑（/betterheart）把請求轉送到對應容器。
Node.js + Express
伺服器端即時渲染公開頁面，並處理後台管理、文章與設定資料、圖片上傳與 SEO 檔案。
原生 HTML / CSS / JavaScript
前端不使用大型框架，以漸進增強方式建立互動介面、即時計算與視覺化時間軸。
Vite 預建 SPA
「降血脂藥健保快查」以現代前端工具預先建置為靜態單頁應用，掛在同一個服務下，兼顧複雜互動與載入速度。
JSON + Sharp
文章與設定以 JSON 檔保存（約 30 秒快取，直接編輯即更新）；Sharp 自動產生 WebP 與縮圖。
後台編輯與 AI 輔助
區塊式文章編輯器與圖片庫；可選擇呼叫 AI 協助整理草稿，API 金鑰只保留在 NAS，不會傳到瀏覽器。
Umami（自架分析）
隱私友善的流量統計，不使用 cookie、不建立個人識別，分析資料留在自己的 NAS。
SEO 與結構化資料
為頁面建立英文網址、canonical、Open Graph、JSON-LD、sitemap 與 RSS。
Clinical Design
臨床工具的設計原則
公式與規則可追蹤
風險分數、腎功能與給付條件以明確公式及條件分支執行，讓相同輸入得到一致結果。
先分清楚臨床用途
例如 eGFR 與 Cockcroft–Gault CrCl 分別呈現，避免把 CKD 分期與藥物劑量評估混為一談。
結果帶著限制一起顯示
除了候選藥物，也顯示劑量、療程、禁忌、健保狀態與需進一步核對的條件。
適合快速核對，不取代判斷
工具協助整理資訊與減少遺漏，最終處方仍須結合病人的完整病史、檢驗與最新規範。
醫療提醒：網站工具供醫療資訊整理與臨床核對使用，不能取代個別診斷、專業判斷或最新藥品仿單與健保公告。
