[add] a new Other post

TechQuery · TechQuery · commit e52c6d484320 · 2021-01-13T04:37:57.000+08:00
[add] 2 awards in Resume data
[add] GitHub Sponsor configuration
[refactor] replace Travis CI with GitHub Actions
[fix] several detail bugs
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
@@ -0,0 +1,3 @@
+custom:
+  - https://paypal.me/TechQuery
+  - https://tech-query.me/image/TechQuery-Alipay.jpg
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -0,0 +1,27 @@
+name: CI & CD
+on:
+  push:
+    branches:
+      - hexo
+jobs:
+  Build-and-Deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Use Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '14'
+      - name: Install & build
+        run: |
+          npm install
+          npm run build
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          publish_dir: ./public
+          cname: tech-query.me
+          personal_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_branch: master
+          force_orphan: true
diff --git a/.travis.yml b/.travis.yml
diff --git a/ReadMe.md b/ReadMe.md
@@ -1,11 +1,11 @@
 # TechQuery's Web site
 
 [![NPM Dependency](https://david-dm.org/TechQuery/TechQuery.github.io.svg)][1]
-[![Build Status](https://travis-ci.com/TechQuery/TechQuery.github.io.svg?branch=hexo)][2]
+[![CI & CD](https://github.com/TechQuery/TechQuery.github.io/workflows/CI%20&%20CD/badge.svg)][2]
 
 - Production server: https://tech-query.me/
 
 - Source code: https://github.com/TechQuery/TechQuery.github.io/
 
 [1]: https://david-dm.org/TechQuery/TechQuery.github.io
-[2]: https://travis-ci.com/TechQuery/TechQuery.github.io
+[2]: https://github.com/TechQuery/TechQuery.github.io/actions
diff --git a/package.json b/package.json
@@ -51,11 +51,11 @@
     "object-assign": "^4.1.1"
   },
   "devDependencies": {
-    "husky": "^4.3.6",
+    "husky": "^4.3.7",
     "jsonresume-theme-kendall": "^0.2.0",
     "lint-staged": "^10.5.3",
     "prettier": "^2.2.1",
-    "resume-cli": "3.0.0",
+    "resume-cli": "^3.0.4",
     "yamljs": "^0.3.0"
   },
   "hexo": {
diff --git a/source/_data/resume.yml b/source/_data/resume.yml
@@ -115,6 +115,14 @@ education:
     startDate: 2008-09-01
     endDate: 2012-06-30
 awards:
+  - title: Top contributor
+    date: 2020-12-31
+    awarder: freeCodeCamp.org
+    summary: Annual Award for Online Volunteers & City Community Organizers
+  - title: China Open Source Pioneer
+    date: 2020-12-23
+    awarder: KaiYuanShe.cn
+    summary: one of 33 honorees
   - title: Most Valuable Professional
     date: 2020-10
     awarder: Aliyun
diff --git a/source/_posts/Development/PWA-quick-start.md b/source/_posts/Development/PWA-quick-start.md
@@ -1,7 +1,7 @@
 ---
 title: PWA 即刻上手
 date: 2019-10-31 22:41:33
-updated: 2020-08-10 14:58:09
+updated: 2020-12-31 03:37:18
 categories:
   - Development
 tags:
@@ -29,7 +29,7 @@ tags:
 <head>
   <link rel="manifest" href="index.webmanifest" />
   <!-- 老浏览器私有 meta 标签兼容 -->
-  <script src="https://cdn.jsdelivr.net/npm/pwacompat@2.0.15/pwacompat.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/pwacompat@2.0.17/pwacompat.min.js"></script>
 </head>
 ```
 
@@ -39,7 +39,7 @@ tags:
 {
   "name": "应用全名（启动页）",
   "short_name": "应用短名（桌面图标）",
-  "start_url": "https://example.dev/",
+  "start_url": ".",
   "description": "应用简介",
   "scope": "/",
   "display": "standalone",
@@ -76,14 +76,12 @@ workbox wizard
 
 ```javascript
 module.exports = {
-  globDirectory: 'dist/',
-  globPatterns: ['**/*.{html,css,js,json,ico,gif,jpg,jpeg,png,webp}'],
+  globDirectory: 'dist/', // webpack 无需此行
+  globPatterns: ['**/*.{html,css,js,json,ico,gif,jpg,jpeg,png,webp}'], // webpack 无需此行
   swDest: 'dist/sw.js',
-  // 禁用 Google Cloud CDN
-  importWorkboxFrom: 'disabled',
   // 启用 第三方 CDN
   importScripts: [
-    'https://cdn.jsdelivr.net/npm/workbox-sw@4.3.1/build/workbox-sw.min.js'
+    'https://cdn.jsdelivr.net/npm/workbox-sw@6.0.2/build/workbox-sw.min.js'
   ],
   // 首次打开页面后尽快接管网络请求
   clientsClaim: true,
@@ -103,7 +101,7 @@ workbox generateSW
 <head>
   <link rel="manifest" href="index.webmanifest" />
   <!-- 老浏览器私有 meta 标签兼容 -->
-  <script src="https://cdn.jsdelivr.net/npm/pwacompat@2.0.15/pwacompat.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/pwacompat@2.0.17/pwacompat.min.js"></script>
   <script>
     navigator.serviceWorker?.register('sw.js');
   </script>
@@ -119,7 +117,7 @@ workbox generateSW
 ```json
 {
   "scripts": {
-    "start": "workbox generateSW  &&  parcel source/index.html --open",
+    "start": "parcel source/index.html --open",
     "pack": "parcel build source/index.html --public-url .",
     "build": "rm -rf dist/  &&  npm run pack-dist  &&  workbox generateSW"
   }
@@ -171,14 +169,15 @@ import { serviceWorkerUpdate } from 'web-utility';
 
 const { serviceWorker } = window.navigator;
 
-serviceWorker
-  ?.register('sw.js')
-  .then(serviceWorkerUpdate)
-  .then(worker => {
-    if (window.confirm('检测到新版本，是否立即启用？'))
-      // 触发 Workbox CLI 生成的 Service Worker 中监听的消息回调
-      worker.postMessage({ type: 'SKIP_WAITING' });
-  });
+if (process.env.NODE_ENV !== 'development')
+  serviceWorker
+    ?.register('sw.js')
+    .then(serviceWorkerUpdate)
+    .then(worker => {
+      if (window.confirm('检测到新版本，是否立即启用？'))
+        // 触发 Workbox CLI 生成的 Service Worker 中监听的消息回调
+        worker.postMessage({ type: 'SKIP_WAITING' });
+    });
 
 serviceWorker?.addEventListener('controllerchange', () =>
   window.location.reload()
diff --git a/source/_posts/Other/America-Trump.md b/source/_posts/Other/America-Trump.md
@@ -0,0 +1,91 @@
+---
+title: 美国王牌
+date: 2021-01-12 19:39:38
+categories:
+  - Other
+tags:
+  - USA
+  - Trump
+  - democracy
+  - election
+---
+
+## 权利还给人民
+
+> Today's ceremony, however, has very special meaning. Because today, we are not merely transferring power from one administration to another or from one party to another.
+>
+> But **we are transferring power from Washington D.C. and giving it back to you, the people.**
+>
+> _**Donald John Trump**_ > _January 21th, 2017_
+
+2021 年 1 月 6 日国会山示威后，有 Twitter 中文网友评论上面这段演讲词时说：
+
+> 4 年前听着觉得是政客的套话，今天才发现是**川普的理想**。
+
+<iframe
+    src="https://www.youtube.com/embed/REzS8LcYR78"
+    style="width: 100%; height: 90vh; border: none"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowfullscreen
+></iframe>
+
+<iframe
+    src="https://www.youtube.com/embed/_PCHcSVWfGk"
+    style="width: 100%; height: 90vh; border: none"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowfullscreen
+></iframe>
+
+<iframe
+    src="https://www.youtube.com/embed/FRmldeESrp8"
+    style="width: 100%; height: 90vh; border: none"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowfullscreen
+></iframe>
+
+## 川普改变华盛顿
+
+其实我是先看了 2020 年美国大选的一些川普家的竞选演讲后，才在国会山示威后看了上面的就职演说。
+
+在就职演说看到后半段时，我竟情难自控地**泪流满面**、**抽泣不已**…… 而上次面对一个政治人物的演讲热泪盈眶还是[《至暗时刻》][1]中的丘吉尔。
+
+大概是因为难得有个兑现大多数**竞选承诺**，我还通过互联网见证了这些**历史时刻**，并为川普深深折服 ——
+
+- **率真**
+  - 抨击**白左政治正确**矫枉过正
+  - 反击**主流媒体左倾**
+- **务实**：美国优先
+- **高效**：乔·拜登从政 47 年碌碌无为，川普 47 个月就卓有成效
+- **果敢**
+  - 阿富汗、中东和平协议
+  - 朝鲜弃核
+  - **力挺台湾、香港民主政体**
+  - **制裁中国侵害人权的官员、公司**
+- **坚韧**：顶住 3 次弹劾、1 次患病、1 次**建制派集体反扑的大选舞弊**，并依然斗志昂扬
+
+<iframe
+    src="https://www.youtube.com/embed/7YLMsWH8ZNU"
+    style="width: 100%; height: 90vh; border: none"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowfullscreen
+></iframe>
+
+<iframe
+    src="https://www.youtube.com/embed/tB9QYP3udO4"
+    style="width: 100%; height: 90vh; border: none"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowfullscreen
+></iframe>
+
+## 让美国再次伟大
+
+聆听了这些激动人心的演讲，关注了 1 月 6 日[美国国会参众两院联席会议][2]的直播，我深深地体会了**国会山绝大多数和平示威的川普支持者**所坚信的川普格言 ——
+
+> **Make America great again!**
+
+但愿**有生之年**，在生我养我的这片土地上，也能看到**积极参与公共事务的民众**里，有越来越多的**民选官**走上历史的舞台 ——
+
+> **让中国再次伟大！**
+
+[1]: https://movie.douban.com/subject/26761416/
+[2]: https://zh.wikipedia.org/zh-cn/%E7%BE%8E%E5%9C%8B%E5%9C%8B%E6%9C%83%E8%81%AF%E5%B8%AD%E6%9C%83%E8%AD%B0
diff --git a/source/_posts/Programming/more-capable-form-controls.md b/source/_posts/Programming/more-capable-form-controls.md
@@ -31,7 +31,7 @@ img: https://webdev.imgix.net/more-capable-form-controls/hero.jpg?auto=format&fi
 
 两个 Web 新特性让构建自定义表单控件更简单，解决了现有自定义控件的限制：
 
-- `formdata` 时间让一个任意的 JavaScript 对象参与到表单提交中，所以你可以无需一个隐藏的 `<input>` 就能添加表单数据
+- `formdata` 事件让一个任意的 JavaScript 对象参与到表单提交中，所以你可以无需一个隐藏的 `<input>` 就能添加表单数据
 - **Form-associated Custom Elements API** 让自定义元素表现得更像内置表单控件
 
 这两个特性可用于创建效果更好的新型控件。
diff --git a/themes/matery/source/css/my.css b/themes/matery/source/css/my.css
@@ -1 +1,4 @@
 /* Here is your custom css styles. */
+#articleContent ul {
+  margin-left: 1rem;
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+custom:`
	`2`	`+ - https://paypal.me/TechQuery`
	`3`	`+ - https://tech-query.me/image/TechQuery-Alipay.jpg`