[add] A Freelancer post

[optimize] update WebCell slideshow
[optimize] upgrade Upstream packages

Author: TechQuery

.gitignore

@@ -7,4 +7,5 @@ node_modules/
 package-lock.json
 public/
 .deploy*/
+.husky/_/
 resume.json

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+. "$(dirname "$0")/_/husky.sh"
+
+npm test

.husky/pre-push

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+. "$(dirname "$0")/_/husky.sh"
+
+npm run build

package.json

@@ -13,6 +13,7 @@
     "url": "https://github.com/TechQuery/TechQuery.github.io/issues"
   },
   "scripts": {
+    "prepare": "husky install",
     "resume-json": "cd source/_data/  &&  yaml2json resume.yml -p | sed -r s/T[0-9]+:[0-9]+:[0-9]+\\.[0-9]+Z//g > resume.json",
     "resume-html": "mkdir public  &&  cd source/_data/  &&  resume export ../../public/resume.html --theme kendall",
     "pack-resume": "npm run resume-json  &&  npm run resume-html",
@@ -21,40 +22,34 @@
     "start": "hexo clean  &&  npm run pack-resume  &&  hexo server",
     "test": "lint-staged"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "npm test",
-      "pre-push": "npm run build"
-    }
-  },
   "lint-staged": {
     "*.{html,md,css,less,js,json,yml,yaml}": "prettier --write"
   },
   "dependencies": {
     "hexo": "^4.2.1",
-    "hexo-auto-category": "^0.2.0",
+    "hexo-auto-category": "^0.2.1",
     "hexo-deployer-git": "^2.1.0",
     "hexo-generator-archive": "^1.0.0",
     "hexo-generator-category": "^1.0.0",
     "hexo-generator-feed": "^2.2.0",
     "hexo-generator-index": "^1.0.0",
-    "hexo-generator-search": "^2.4.1",
+    "hexo-generator-search": "^2.4.3",
     "hexo-generator-slidehtml": "0.0.62",
     "hexo-generator-tag": "^1.0.0",
-    "hexo-migrator-web": "^1.0.3",
+    "hexo-migrator-web": "^1.0.4",
     "hexo-permalink-pinyin": "^1.1.0",
     "hexo-prism-plugin": "^2.3.0",
     "hexo-renderer-ejs": "^1.0.0",
-    "hexo-renderer-marked": "^2.0.0",
+    "hexo-renderer-marked": "3.0.0",
     "hexo-renderer-stylus": "^1.1.0",
     "hexo-server": "^1.0.0",
     "object-assign": "^4.1.1"
   },
   "devDependencies": {
-    "husky": "^4.3.7",
+    "husky": "^6.0.0",
     "jsonresume-theme-kendall": "^0.2.0",
-    "lint-staged": "^10.5.3",
-    "prettier": "^2.2.1",
+    "lint-staged": "^11.0.0",
+    "prettier": "^2.3.1",
     "resume-cli": "^3.0.4",
     "yamljs": "^0.3.0"
   },

source/_posts/Other/Freelancer-Chinese-manual.md

@@ -0,0 +1,32 @@
+---
+title: 自由职业者中文手册
+date: 2021-05-23 17:23:55
+categories:
+  - Other
+tags:
+  - FreeLancer
+  - manual
+---
+
+## 在线流程
+
+### 合同签名
+
+将**合同终稿**生成 PDF 后，打开 [iLovePDF 签名工具][1]，即可上传并签名，然后发给甲方重复同样步骤。
+
+### 发票开具
+
+#### 纸质版
+
+进入[国家税务总局 12366 纳税服务平台][2]，点击你常居地的省份即可进入当地税务局在线办税系统。
+
+![](https://12366.chinatax.gov.cn/core-plugins/12366/css/images/mapchina.jpg)
+
+#### 电子版
+
+找公司代开发票时，其开票软件可能生成 [ODF 格式][3]文件，可用国产[永中 Office 文档阅读/转换器][4]。
+
+[1]: https://www.ilovepdf.com/zh-cn/sign-pdf
+[2]: https://12366.chinatax.gov.cn/bsfw/onlinetaxation/main
+[3]: https://zh.wikipedia.org/wiki/%E5%9B%BD%E5%AE%B6%E7%89%88%E5%BC%8F%E6%96%87%E6%A1%A3%E6%A0%BC%E5%BC%8F
+[4]: https://www.yozodcs.com/page/example.html

source/_posts/Programming/Web-components-practise.md

@@ -1,7 +1,7 @@
 ---
 title: Web 组件标准实践
 date: 2019-08-14 22:33:23
-updated: 2019-11-22 00:34:00
+updated: 2021-06-13 19:13:50
 categories:
   - Programming
 tags:
@@ -303,40 +303,66 @@ export default class PageIndex extends mixin() {
 ---
 
 ```javascript
-import { createCell, component } from 'web-cell';
-import { observer } from 'mobx-web-cell';
-import { HTMLRouter } from 'cell-router/source';
+import { documentReady, render, createCell, Fragment } from 'web-cell';
+import { History, PageProps, CellRouter } from 'cell-router/source';
+
+const history = new History();
+
+function TestPage({ path, history, defaultSlot, ...data }: PageProps) {
+  return (
+    <ul>
+      <li>Path: {path}</li>
+      <li>Data: {JSON.stringify(data)}</li>
+    </ul>
+  );
+}
 
-import { history } from '../model';
+documentReady.then(() =>
+  render(
+    <>
+      <nav>
+        <a href="test?a=1">Test</a>
+        <a href="example?b=2">Example</a>
+      </nav>
+      <CellRouter
+        className="router"
+        history={history}
+        routes={[{ paths: ['test', /^example/], component: TestPage }]}
+      />
+    </>
+  )
+);
+```
 
-const Page = ({ path }) => <span>{path}</span>;
+---
 
-@observer
-@component({
-    tagName: 'page-router',
-    renderTarget: 'children'
-})
-export default class PageRouter extends HTMLRouter {
-    protected history = history;
-    protected routes = [
-        { paths: ['test'], component: Page },
-        { paths: ['example'], component: Page }
-    ];
-
-    render() {
-        return (
-            <main>
-                <nav>
-                    <a href="test">Test</a>
-                    <a href="example">Example</a>
-                </nav>
-                {super.render()}
-            </main>
-        );
-    }
+#### 异步加载页面
+
+`tsconfig.json`
+
+```json
+{
+  "compilerOptions": {
+    "module": "ESNext"
+  }
 }
 ```
 
+`source/page/index.ts`
+
+```javascript
+export default [
+  {
+    paths: ['', 'home'],
+    component: async () => (await import('./Home.tsx')).default
+  },
+  {
+    paths: ['list'],
+    component: async () => (await import('./List.tsx')).default
+  }
+];
+```
+
 ---
 
 ### 开箱即用
@@ -360,6 +386,15 @@ npm install parcel-bundler -D
 
 ---
 
+### 官方组件库 —— Material Cell
+
+<iframe
+    src="https://material.web-cell.dev/"
+    style="width: 100%; height: 35rem"
+></iframe>
+
+---
+
 ### 竞争对手
 
 Google Polymer