PWAs(渐进式 web 应用程序 ) 是使用一些特定的技术和标准模式开发的，允许它们同时利用 web 和本机应用程序功能。
我们正处于 PWA 的实验阶段，但添加了一些主要功能，如将站点安装到主屏幕、预缓存文件和离线可用。
站点配置
首先，我们需要指定 pwa 参数，即使为空。
| 名称 | 类型 | 默认值 | 描述 |
|---|---|---|---|
pwa | Object | - | |
pwa.manifest | Object | - | Web app manifest |
pwa.manifest.name | String | - | 默认为站点标题 |
pwa.manifest.short_name | String | - | 站点短名称 |
pwa.manifest.display | String | standalone | |
pwa.manifest.description | String | - | 默认为站点描述 |
pwa.manifest.theme_color | String | - | |
pwa.manifest.background_color | String | - | |
pwa.manifest.icons | Array | - | |
pwa.manifest.icons.sizes | String | - | 图标尺寸，如：“96x96” |
pwa.manifest.icons.src | String | - | 图标 URL |
Manifest
接着，我们在配置文件中添加一个名为 MANIFEST 的自定义输出格式，以便让我们的站点可安装。
1[mediaTypes]
2 [mediaTypes."application/manifest+json"]
3 suffixes = ["json"]
4
5[outputFormats]
6 [outputFormats.MANIFEST]
7 name = "manifest"
8 baseName = "manifest"
9 mediaType = "application/manifest+json"
然后在 home 输出追加 MANIFEST。
1[outputs]
2 home = ["HTML", "RSS", "JSON", "MANIFEST"]
Hugo 会在站点根目录生成
manifest.json。
离线
如果在没有网络的情况下请求新页面，将显示脱机页面。
我们需要在 content 目录中创建一个名为 offline/index.md 的脱机页面，其首要内容如下。
1+++
2title = 'Offline'
3layout = 'offline'
4+++
预载
目前，我们还没有提供任何预缓存自定义文件的方法。 如果您需要此功能，请随时通知我们。
评论