Add popover

Author: xcatliu

.github/workflows/gh-pages.yml

@@ -17,7 +17,7 @@ jobs:
           export DENO_INSTALL="/home/runner/.deno"
           export PATH="$DENO_INSTALL/bin:$PATH"
           deno --version
-          deno install --unstable --allow-read --allow-write --allow-net -n pagic https://deno.land/x/[email protected].16/mod.ts
+          deno install --unstable --allow-read --allow-write --allow-net -n pagic https://deno.land/x/[email protected].17/mod.ts
           pagic build
 
       - name: Deploy

assets/alipay.jpg

@@ -11,11 +11,19 @@ export default {
   nav: [
     {
       text: '赞助作者',
-      link: 'https://github.com/xcatliu/buy-me-a-coffee'
+      link: 'https://github.com/xcatliu/buy-me-a-coffee',
+      target: '_blank',
+      popover: (
+        <>
+          <img src="/assets/wechat.jpg" width="256" style={{ marginRight: '1rem', verticalAlign: 'top' }} />
+          <img src="/assets/alipay.jpg" width="256" style={{ verticalAlign: 'top' }} />
+        </>
+      )
     },
     {
       text: 'GitHub',
       link: 'https://github.com/xcatliu/typescript-tutorial',
+      target: '_blank',
       align: 'right'
     }
   ],
@@ -84,7 +92,8 @@ export default {
     clientSecret: '33e355efdf3a1959624506a5d88311145208471b',
     repo: 'typescript-tutorial',
     owner: 'xcatliu',
-    admin: ['xcatliu']
+    admin: ['xcatliu'],
+    pagerDirection: 'first'
   },
   ga: {
     id: 'UA-45256157-14'