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许可证的条款获得许可的。