papoGen - 靜態網頁產生器 Webpage Generator
发布于 4 个月前 作者 kevinbird61 681 次浏览 来自 分享

[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 來源來做轉換

  • 產生結果: Selection_003.png

  • 使用 markdown 的好處: 更容易寫!

  • 和前面 JSON/YAML 格式做為輸入相比,少了特定格式支援,但大幅增加編寫文件的速度

  • 和多數 marked、markdown-it 的產生器比較:先前用過類似的工具,不過這些工具並沒有處理當使用者在 markdown 中使用本地端的圖片來源,讓轉換過的 html 必須自行上傳圖片至 imgur 等等雲服務後做 direct link 的使用才不會出現圖片錯誤

  • 而 papoGen 有針對這個問題做解決,讓使用者可以直接轉換凡事專案裡頭的 README.md、或是 blog 使用的 markdown 文件,都可以無痛轉換!

  • 產生網站

6 回复

配图非常棒

棒棒哒,支持宝岛台湾的小伙伴

@steambap @i5ting 謝謝~ node.js 實在是太適合寫小工具了XD 忍不住就又寫了一個 分享一下有趣的經驗 哈哈

@kevinbird61 再分享一下开发经验,心得,过程类的就更棒了。

@i5ting 沒問題 近期會於 開發日誌 中紀錄所學以及專案的想法構思!

12-31 更新 加上 markdown-it 支援 讓文件可以直接轉換成網站!

回到顶部