PWAs(渐进式 web 应用程序) 是使用一些特定的技术和标准模式开发的,允许它们同时利用 web 和本机应用程序功能。

我们正处于 PWA 的实验阶段,但添加了一些主要功能,如将站点安装到主屏幕、预缓存文件和离线可用。

站点配置#

首先,我们需要指定 pwa 参数,即使为空。

名称类型默认值描述
pwaObject-
pwa.manifestObject-Web app manifest
pwa.manifest.nameString-默认为站点标题
pwa.manifest.short_nameString-站点短名称
pwa.manifest.displayStringstandalone
pwa.manifest.descriptionString-默认为站点描述
pwa.manifest.theme_colorString-
pwa.manifest.background_colorString-
pwa.manifest.iconsArray-
pwa.manifest.icons.sizesString-图标尺寸,如:“96x96”
pwa.manifest.icons.srcString-图标 URL

Manifest#

主题会自动生成 manifest.json

离线#

如果在没有网络的情况下请求新页面,将显示脱机页面。

我们需要在 content 目录中创建一个名为 offline/index.md 的脱机页面,其首要内容如下。

1+++
2title = 'Offline'
3layout = 'offline'
4+++

预载#

目前,我们还没有提供任何预缓存自定义文件的方法。 如果您需要此功能,请随时通知我们。