[papoGen - Webpage Generator] Github 原始碼
目前做了一個以 pug.js 為模版,以 JSON/YAML 等文檔格式作為來源產生網站格式的小專案 - papoGen 並以 paper.css 做為預設的樣式模版 使用者可以透過編輯 JSON/YAML 內的資訊(格式由 papoGen 內有定義!)後,即可由 papoGen 來產生相對應的網站格式! 如果覺得重頭編輯 JSON/YAML 格式很麻煩的話,也可以透過 papoGen 的指令來產生腳本範例到指定資料夾中,再依據需要編輯它就行了 只要透過 npm 安裝全域 papogen 後即可 透過指令 來產生靜態網站!
npm install -g papoGen
而對開發者來說,增加新的模版只需要編輯 pug.js 的 template 以及增加新的 css 進入 repository 即可!這樣的設計使得 papoGen 可以很容易的加入新的產生樣式! 以下為詳細內容連結!如果有興趣的話可以幫忙 star 支持一下唷~ 也歡迎有興趣的大神可以來玩玩!
Release Note(簡介與用途) 產生網站 demo - doc 模式 產生網站 demo - resume 模式 簡易說明 - 如何使用的範例 文檔支援的產生格式(papoGen 產生網站內容的格式依據)
12-31 更新
-
透過 markdown-it 套件抽取 markdown 來源來做轉換
-
產生結果:
-
使用 markdown 的好處: 更容易寫!
-
和前面 JSON/YAML 格式做為輸入相比,少了特定格式支援,但大幅增加編寫文件的速度
-
和多數 marked、markdown-it 的產生器比較:先前用過類似的工具,不過這些工具並沒有處理當使用者在 markdown 中使用本地端的圖片來源,讓轉換過的 html 必須自行上傳圖片至 imgur 等等雲服務後做 direct link 的使用才不會出現圖片錯誤
-
而 papoGen 有針對這個問題做解決,讓使用者可以直接轉換凡事專案裡頭的 README.md、或是 blog 使用的 markdown 文件,都可以無痛轉換!
-
產生網站
配图非常棒
棒棒哒,支持宝岛台湾的小伙伴
@kevinbird61 再分享一下开发经验,心得,过程类的就更棒了。
12-31 更新 加上 markdown-it 支援 讓文件可以直接轉換成網站!