podlite web

podlite-web

使用Next.js和Podlite標記語言創建靜態網站！

快速指南

使用紗線

建議通過NPM軟件包管理器安裝紗線，該紗線在系統上安裝時與Node.js捆綁在一起。

安裝了NPM後，您可以運行以下同時安裝和升級紗線：

npm install --global yarn

進而：

yarn && yarn dev

• 打開鏈接http：// localhost：3000之後

這是來自pub目錄的演示頁面。

您可以編輯pub/*。 pod6文件，並在保存後查看更改。

所有功能都可以用於Podlite-web，例如Podlite編輯器=Mermaid =picture =toc ：

使用Docker

• 用以下內容製作index.pod6 ：

 =begin pod
=TITLE Personal blog

? Web site is under construction. ?
=end pod

運行命令：

docker run -it --rm -v ${PWD} :/app/pub -p 3000:3000  podlite/podlite-web dev

• 打開鏈接http：// localhost：3000
• 在編輯index.pod6之後，網頁將自動重新加載

導出到拉鍊靜態網站

docker run --rm -v ${PWD} :/app/pub podlite/podlite-web export-zip > site.zip

提前配置

• 使用https://example.com作為域名
• 自定義時區
• 更改默認index.pod6路徑到子目錄

 cd examples/01-minimal
docker run --rm -v ${PWD} :/app/pub -p 3000:3000 
-e ' SITE_URL=https://example.com ' 
-e ' TZ=Europe/London ' 
podlite/podlite-web export-zip > site.zip

運行示例

運行最小的站點

POSTS_PATH= ' examples/01-minimal '  yarn dev

在頁面之間建立鏈接

POSTS_PATH= ' examples/02-pages '  yarn dev

博客帶有日記的獨立頁面和註釋

此示例包含與React組件的集成，自定義樣式並發布日記文檔中的註釋。

POSTS_PATH= ' examples/03-blog '  yarn dev

發展

設置存儲庫

yarn

發展

yarn dev將從pub目錄中旋轉Demosite，並觀看對文件的更改。

導出到拉鍊

yarn export-zip > file.zip

探索examples DIR獲得更多的Podlite見解。

謝謝你！

與Podlite標記語言有關的有用鏈接

規格 來源 在html中 討論 執行

出版系統 podlite-web How-To文章 問題

桌面查看器/編輯器 Podlite-Desktop 發行 問題

在線出點 podlite.org pod6.in github.com/podlite

執照

該項目是根據MIT許可證的條款獲得許可的。