未验证 提交 d399724a 编写于 作者: 曹智铭 提交者: GitHub

Update setup-your-pwa.md

上级 a0f2938e
......@@ -30,7 +30,7 @@ PWA全称**Progressive Web App**,即**渐进式网络应用**(自己翻译
好吧,那么,我们就开始整PWA吧!
首先,我认为你需要先有一个~~bug不太多的~~网站。静态的动态的都随意;自建的用框架的都可以。如果想用Hexo,我认为我可以~~强迫~~让你去看看我的[Hexo指南](https://blog.caozhiming.tk/2021/05/04/how-to-setup-hexo/),写得超弱的。🤣
首先,我认为你需要先有一个~~bug不太多的~~网站。静态的动态的都随意;自建的用框架的都可以。如果想用Hexo,我认为我可以~~强迫~~让你去看看我的[Hexo指南](https://blog.caozm.tk/2021/05/04/how-to-setup-hexo/),写得超弱的。🤣
## Web Manifest
接着,我们需要配置Web Manifest。它相当于一个PWA网站的配置记录。示例如下:
......@@ -91,7 +91,7 @@ type是图标的种类,与解码有关,常用的是image/png等等。**不
<meta name="theme-color"content="#8888ff"/> //这个应当与你在manifest.json当中的theme_color项设置内容一致
```
如果有需要(例如,有些页面不直接在根目录下),可以在href中使用绝对地址。(特殊地,Hexo请在/themes/<你安装并启用的主题>/layout/layout.ejs的head标签内嵌入上方代码,并在其第一个斜杠前加上你的网站的根URL,包括协议前缀,例如<strong>https://blog.caozhiming.tk</strong>
如果有需要(例如,有些页面不直接在根目录下),可以在href中使用绝对地址。(特殊地,Hexo请在/themes/<你安装并启用的主题>/layout/layout.ejs的head标签内嵌入上方代码,并在其第一个斜杠前加上你的网站的根URL,包括协议前缀,例如<strong>https://blog.caozm.tk</strong>
## Service Worker
......@@ -125,7 +125,7 @@ if ('serviceWorker' in navigator) {
</script>
```
如果有需要(例如,有些页面不直接在根目录下),可以在```navigator.serviceWorker.register()```中使用绝对地址。(特殊地,Hexo请在/themes/<你安装并启用的主题>/layout/layout.ejs的head标签内嵌入上方代码,并在其第一个斜杠前加上你的网站的根URL,包括协议前缀,例如<strong>https://blog.caozhiming.tk</strong>
如果有需要(例如,有些页面不直接在根目录下),可以在```navigator.serviceWorker.register()```中使用绝对地址。(特殊地,Hexo请在/themes/<你安装并启用的主题>/layout/layout.ejs的head标签内嵌入上方代码,并在其第一个斜杠前加上你的网站的根URL,包括协议前缀,例如<strong>https://blog.caozm.tk</strong>
至此,基本的PWA内容已经结束。
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册