docs: pwa (#13064)

website/docs/routes/social-media.md

@@ -852,7 +852,7 @@ Instagram Stories 没有可靠的 guid，你的 RSS 阅读器可能将同一条
 
 的效果为
 
-<img src="/readable-twitter.png" alt="Durov 的可读推特 RSS" />
+<img src="/img/readable-twitter.png" alt="Durov 的可读推特 RSS" />
 
 ### 用户时间线 {#twitter-yong-hu-shi-jian-xian}
 
@@ -1235,7 +1235,7 @@ YouTube 官方亦有提供频道 RSS，形如 <https://www.youtube.com/feeds/vid
 
 的效果为
 
-<img src="/readable-douban.png" alt="豆瓣读书的可读豆瓣广播 RSS" />
+<img src="/img/readable-douban.png" alt="豆瓣读书的可读豆瓣广播 RSS" />
 
 </Route>
 
@@ -1564,7 +1564,7 @@ rule
 
 的效果为
 
-<img src="/readable-weibo.png" alt="微博小秘书的可读微博 RSS" />
+<img src="/img/readable-weibo.png" alt="微博小秘书的可读微博 RSS" />
 
 ### 博主 {#wei-bo-bo-zhu}
 

website/docusaurus.config.js

@@ -60,6 +60,23 @@ const config = {
                 ],
             }),
         ],
+        [
+            '@docusaurus/plugin-pwa',
+            /** @type {import('@docusaurus/plugin-pwa').Options} */
+            ({
+                pwaHead: [
+                    { tagName: 'link', rel: 'icon', href: '/img/logo.png' },
+                    { tagName: 'link', rel: 'manifest', href: '/manifest.json' },
+                    { tagName: 'meta', name: 'theme-color', content: '#ffffff' },
+                    { tagName: 'meta', name: 'apple-mobile-web-app-capable', content: 'yes' },
+                    { tagName: 'meta', name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
+                    { tagName: 'link', rel: 'apple-touch-icon', href: '/img/apple-touch-icon.png' },
+                    { tagName: 'link', rel: 'mask-icon', href: '/img/safari-pinned-tab.svg', color: '#F5712C' },
+                    { tagName: 'meta', name: 'msapplication-TileImage', content: '/img/logo.png' },
+                    { tagName: 'meta', name: 'msapplication-TileColor', content: '#ffffff' },
+                ],
+            }),
+        ],
     ],
 
     presets: [
@@ -102,6 +119,7 @@ const config = {
         ({
             // Replace with your project's social card
             image: 'img/logo.png',
+            metadata: [{ name: 'description', content: '🍰 Everything is RSSible' }],
             navbar: {
                 title: 'RSSHub',
                 logo: {

website/i18n/en/docusaurus-plugin-content-docs/current/routes/social-media.md

@@ -519,7 +519,7 @@ https://rsshub.app/twitter/user/durov/readable=1&authorNameBold=1&showAuthorInTi
 
 generates
 
-<img src="/readable-twitter.png" alt="Readable Twitter RSS of Durov" />
+<img src="/img/readable-twitter.png" alt="Readable Twitter RSS of Durov" />
 
 ### User timeline
 

website/package.json

@@ -19,6 +19,7 @@
     "@dipakparmar/docusaurus-plugin-umami": "^2.1.0",
     "@docusaurus/core": "2.4.1",
     "@docusaurus/plugin-client-redirects": "2.4.1",
+    "@docusaurus/plugin-pwa": "2.4.1",
     "@docusaurus/preset-classic": "2.4.1",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.2.1",

website/static/_headers

@@ -0,0 +1,11 @@
+/img/*
+  cache-control: public, max-age=31536000
+
+/logo.png
+  cache-control: public, max-age=31536000
+
+/manifest.json
+  cache-control: public, max-age=31536000
+
+/*
+  cache-control: public, max-age=60

website/static/img/android-chrome-384x384.png

@@ -0,0 +1 @@
+logo.png

website/static/img/safari-pinned-tab.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="470.000000pt" height="470.000000pt" viewBox="0 0 470.000000 470.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,470.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1350 4693 c-169 -26 -225 -38 -302 -64 -92 -30 -241 -94 -268 -114
+-8 -6 -32 -20 -53 -30 -108 -56 -298 -223 -405 -358 -148 -186 -263 -441 -297
+-658 -3 -19 -10 -59 -15 -89 -5 -31 -9 -491 -9 -1035 0 -915 2 -987 19 -1085
+59 -328 193 -591 417 -817 78 -77 248 -210 312 -242 20 -10 68 -35 108 -55 63
+-31 199 -83 243 -91 8 -2 33 -8 55 -14 51 -13 93 -20 180 -31 79 -10 2038 -8
+2071 2 12 4 39 9 60 12 384 61 772 319 990 658 85 132 180 348 201 458 44 227
+42 169 42 1195 0 595 -4 1001 -11 1050 -14 117 -61 291 -104 392 -199 465
+-591 786 -1091 895 -96 21 -118 22 -1108 24 -555 1 -1021 0 -1035 -3z"/>
+</g>
+</svg>

website/static/manifest.json

@@ -0,0 +1,20 @@
+{
+  "name": "RSSHub",
+  "short_name": "RSSHub",
+  "icons": [
+      {
+          "src": "/img/android-chrome-192x192.png",
+          "sizes": "192x192",
+          "type": "image/png"
+      },
+      {
+          "src": "/img/android-chrome-384x384.png",
+          "sizes": "384x384",
+          "type": "image/png"
+      }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone",
+  "start_url": "/"
+}