static pwa boilerplate

现代静态渐进式网络应用的基本HTML模板

准备创建一个具有清单和服务工人的静态渐进式Web应用程序，可以轻松地使用GitHub页面部署。

包括：

• 缩略图图像
• 骨架CSS +归一化
• Web应用清单
• 基本服务工作者 +注册伴侣
• 最初的Web推送通知支持（您需要外部服务器）

演示：https：//gallaoro.github.io/static_pwa_boilerplate/或访问此存储库的GH-PAGES分支

安装

• 安装git sudo apt-get install git
• 克隆回购： git clone https://github.com/lellefood/static_pwa_boilerplate.git
• 重命名目录： mv static_pwa_boilerplate <new_project_name>
• 更改目录： cd <new_project_name>
• 通过您的信息修改manifest.json
• 开始写您的网站

发展

项目文件夹构成

 root
├── css
│   └── skeleton.css
│   └── normalize.css
│   └── index.css
│
├── js
│   └── index.js
│
├── img
│   └── thumb
│       └── 64.png
│       └── 144.png
│       └── 192.png
│       └── 512.png
│       └── 1366x768.png
│
├── index.html
├── manifest.json
├── README.md
└── serviceworker.js

常问问题

• 如何添加一个新页面？在项目的根部添加一个新文件<new_page_name>.html 。
  用/<new_page_name>.html .html链接到它

• 如何添加Web推送通知？在index.js脚本中已经给出了获得PushSubscription的初始代码，请按照本教程了解Web推动如何工作。

部署

按照GitHub页面网站上的简单说明，以了解如何免费部署PWA