文件

快速開始

本頁說明如何取得原始碼、在本機預覽首頁與任一範例。

前置需求

項目 說明
瀏覽器 任一支援 ES Module 的現代瀏覽器(Chrome、Safari、Firefox、Edge)
HTTP 靜態伺服器 首頁以 fetch('./README.md') 讀取範例清單,file:// 協定下會失敗;範例頁本身可直接開檔
網路 範例從 cdn.jsdelivr.net 載入 PDRenderKit/Font Awesome,從 fonts.googleapis.com 載入字型
Dart Sass(選用) 只有要改樣式時才需要,透過 Node.js 的 npx sass 執行

取得原始碼

git clone https://github.com/pardnio/demo-web.git
cd demo-web

本機預覽

python3 -m http.server 8080 || { echo "port 8080 已被佔用"; exit 1; }
網址 內容
http://localhost:8080/ 首頁:以 PDMarkdownKit 渲染 README.md 的範例預覽列表
http://localhost:8080/target/20241220/ 單一範例(資料夾名即製作日期)

線上瀏覽

下一步

EN