Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
曹智铭
hexo-blog
提交
d399724a
H
hexo-blog
项目概览
曹智铭
/
hexo-blog
上一次同步 2 年多
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hexo-blog
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
未验证
提交
d399724a
编写于
8月 20, 2021
作者:
曹
曹智铭
提交者:
GitHub
8月 20, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update setup-your-pwa.md
上级
a0f2938e
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
3 addition
and
3 deletion
+3
-3
source/_posts/setup-your-pwa.md
source/_posts/setup-your-pwa.md
+3
-3
未找到文件。
source/_posts/setup-your-pwa.md
浏览文件 @
d399724a
...
...
@@ -30,7 +30,7 @@ PWA全称**Progressive Web App**,即**渐进式网络应用**(自己翻译
好吧,那么,我们就开始整PWA吧!
首先,我认为你需要先有一个~~bug不太多的~~网站。静态的动态的都随意;自建的用框架的都可以。如果想用Hexo,我认为我可以~~强迫~~让你去看看我的
[
Hexo指南
](
https://blog.caoz
himing
.tk/2021/05/04/how-to-setup-hexo/
)
,写得超弱的。🤣
首先,我认为你需要先有一个~~bug不太多的~~网站。静态的动态的都随意;自建的用框架的都可以。如果想用Hexo,我认为我可以~~强迫~~让你去看看我的
[
Hexo指南
](
https://blog.caoz
m
.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.caoz
himing
.tk
</strong>
)
如果有需要(例如,有些页面不直接在根目录下),可以在href中使用绝对地址。(特殊地,Hexo请在/themes/
<你安装并启用的主题>
/layout/layout.ejs的head标签内嵌入上方代码,并在其第一个斜杠前加上你的网站的根URL,包括协议前缀,例如
<strong>
https://blog.caoz
m
.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.caoz
himing
.tk
</strong>
)
如果有需要(例如,有些页面不直接在根目录下),可以在
```navigator.serviceWorker.register()```
中使用绝对地址。(特殊地,Hexo请在/themes/
<你安装并启用的主题>
/layout/layout.ejs的head标签内嵌入上方代码,并在其第一个斜杠前加上你的网站的根URL,包括协议前缀,例如
<strong>
https://blog.caoz
m
.tk
</strong>
)
至此,基本的PWA内容已经结束。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录