From 9af8cecf4b864f957ecdde4c5be67cc91222f3ce Mon Sep 17 00:00:00 2001
From: chenxsan <chenxsan@gmail.com>
Date: Fri, 27 Nov 2020 12:07:42 +0800
Subject: [PATCH 1/2] fix header link

---
 src/assets/link.svg       |  1 +
 src/styles/icons/link.svg |  1 -
 src/styles/index.scss     | 12 ++++++++++++
 webpack.common.js         |  8 +++++++-
 4 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/link.svg
 delete mode 100644 src/styles/icons/link.svg

diff --git a/src/assets/link.svg b/src/assets/link.svg
new file mode 100644
index 000000000000..350d81759056
--- /dev/null
+++ b/src/assets/link.svg
@@ -0,0 +1 @@
+<svg height="1632" viewBox="0 0 1632 1632" width="1632" xmlns="http://www.w3.org/2000/svg"><path d="m1440 1200c0-26.66667-9.33333-49.33333-28-68l-208-208c-18.66667-18.666667-41.33333-28-68-28-28 0-52 10.666667-72 32 2 2 8.33333 8.166667 19 18.5s17.83333 17.5 21.5 21.5 8.66667 10.333333 15 19 10.66667 17.16667 13 25.5 3.5 17.5 3.5 27.5c0 26.66667-9.33333 49.33333-28 68s-41.33333 28-68 28c-10 0-19.16667-1.16667-27.5-3.5s-16.833333-6.66667-25.5-13-15-11.33333-19-15-11.166667-10.83333-21.5-21.5-16.5-17-18.5-19c-22 20.66667-33 45-33 73 0 26.66667 9.333333 49.33333 28 68l206 207c18 18 40.66667 27 68 27 26.66667 0 49.33333-8.66667 68-26l147-146c18.66667-18.66667 28-41 28-67zm-703-705c0-26.666667-9.333333-49.333333-28-68l-206-207c-18.666667-18.666667-41.333333-28-68-28-26 0-48.666667 9-68 27l-147 146c-18.666667 18.666667-28 41-28 67 0 26.666667 9.333333 49.333333 28 68l208 208c18 18 40.666667 27 68 27 28 0 52-10.333333 72-31-2-2-8.333333-8.166667-19-18.5s-17.833333-17.5-21.5-21.5-8.666667-10.333333-15-19-10.666667-17.166667-13-25.5-3.5-17.5-3.5-27.5c0-26.666667 9.333333-49.333333 28-68s41.333333-28 68-28c10 0 19.166667 1.166667 27.5 3.5s16.833333 6.666667 25.5 13 15 11.333333 19 15 11.166667 10.833333 21.5 21.5 16.5 17 18.5 19c22-20.666667 33-45 33-73zm895 705c0 80-28.33333 147.66667-85 203l-147 146c-55.33333 55.33333-123 83-203 83-80.66667 0-148.66667-28.33333-204-85l-206-207c-55.333333-55.33333-83-123-83-203 0-82 29.333333-151.666667 88-209l-88-88c-57.333333 58.666667-126.666667 88-208 88-80 0-148-28-204-84l-208-208c-56-56-84-124-84-204s28.3333333-147.666667 85-203l147-146c55.333333-55.3333333 123-83 203-83 80.666667 0 148.666667 28.3333333 204 85l206 207c55.333333 55.333333 83 123 83 203 0 82-29.333333 151.666667-88 209l88 88c57.333333-58.666667 126.66667-88 208-88 80 0 148 28 204 84l208 208c56 56 84 124 84 204z" fill="#465e69"/></svg>
\ No newline at end of file
diff --git a/src/styles/icons/link.svg b/src/styles/icons/link.svg
deleted file mode 100644
index 6999b4722de7..000000000000
--- a/src/styles/icons/link.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1520 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zm-703-705q0-40-28-68l-206-207q-28-28-68-28-39 0-68 27l-147 146q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5t-21.5-21.5-15-19-13-25.5-3.5-27.5q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84l-208-208q-84-84-84-204t85-203l147-146q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z"/></svg>
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 21dd99cd4e20..d29f93744a64 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -20,6 +20,18 @@ body {
   color: getColor(elephant);
 }
 
+.header-link {
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-image: url('../assets/link.svg');
+  background-size: contain;
+}
+[aria-hidden='true']:hover .header-link {
+  visibility: visible;
+}
 a,
 button.as-link {
   color: $text-color-highlight;
diff --git a/webpack.common.js b/webpack.common.js
index fdd32a41b78f..26fb92320fb7 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -1,6 +1,7 @@
 const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const webpack = require('webpack');
+const h = require('hastscript');
 const mdPlugins = [
   require('remark-gfm'),
   require('remark-slug'),
@@ -17,7 +18,12 @@ const mdPlugins = [
   [
     require('remark-autolink-headings'),
     {
-      behavior: 'append'
+      behavior: 'append',
+      content(node) {
+        return [
+          h('span.header-link')
+        ];
+      }
     }
   ],
   [

From 4a78d9d1dee7afa01b70ebc8165be526fca6d346 Mon Sep 17 00:00:00 2001
From: chenxsan <chenxsan@gmail.com>
Date: Fri, 27 Nov 2020 12:19:21 +0800
Subject: [PATCH 2/2] optimize link.svg

---
 src/assets/link.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/assets/link.svg b/src/assets/link.svg
index 350d81759056..1c08e8a6fbc0 100644
--- a/src/assets/link.svg
+++ b/src/assets/link.svg
@@ -1 +1 @@
-<svg height="1632" viewBox="0 0 1632 1632" width="1632" xmlns="http://www.w3.org/2000/svg"><path d="m1440 1200c0-26.66667-9.33333-49.33333-28-68l-208-208c-18.66667-18.666667-41.33333-28-68-28-28 0-52 10.666667-72 32 2 2 8.33333 8.166667 19 18.5s17.83333 17.5 21.5 21.5 8.66667 10.333333 15 19 10.66667 17.16667 13 25.5 3.5 17.5 3.5 27.5c0 26.66667-9.33333 49.33333-28 68s-41.33333 28-68 28c-10 0-19.16667-1.16667-27.5-3.5s-16.833333-6.66667-25.5-13-15-11.33333-19-15-11.166667-10.83333-21.5-21.5-16.5-17-18.5-19c-22 20.66667-33 45-33 73 0 26.66667 9.333333 49.33333 28 68l206 207c18 18 40.66667 27 68 27 26.66667 0 49.33333-8.66667 68-26l147-146c18.66667-18.66667 28-41 28-67zm-703-705c0-26.666667-9.333333-49.333333-28-68l-206-207c-18.666667-18.666667-41.333333-28-68-28-26 0-48.666667 9-68 27l-147 146c-18.666667 18.666667-28 41-28 67 0 26.666667 9.333333 49.333333 28 68l208 208c18 18 40.666667 27 68 27 28 0 52-10.333333 72-31-2-2-8.333333-8.166667-19-18.5s-17.833333-17.5-21.5-21.5-8.666667-10.333333-15-19-10.666667-17.166667-13-25.5-3.5-17.5-3.5-27.5c0-26.666667 9.333333-49.333333 28-68s41.333333-28 68-28c10 0 19.166667 1.166667 27.5 3.5s16.833333 6.666667 25.5 13 15 11.333333 19 15 11.166667 10.833333 21.5 21.5 16.5 17 18.5 19c22-20.666667 33-45 33-73zm895 705c0 80-28.33333 147.66667-85 203l-147 146c-55.33333 55.33333-123 83-203 83-80.66667 0-148.66667-28.33333-204-85l-206-207c-55.333333-55.33333-83-123-83-203 0-82 29.333333-151.666667 88-209l-88-88c-57.333333 58.666667-126.666667 88-208 88-80 0-148-28-204-84l-208-208c-56-56-84-124-84-204s28.3333333-147.666667 85-203l147-146c55.333333-55.3333333 123-83 203-83 80.666667 0 148.666667 28.3333333 204 85l206 207c55.333333 55.333333 83 123 83 203 0 82-29.333333 151.666667-88 209l88 88c57.333333-58.666667 126.66667-88 208-88 80 0 148 28 204 84l208 208c56 56 84 124 84 204z" fill="#465e69"/></svg>
\ No newline at end of file
+<svg height="1632" width="1632" xmlns="http://www.w3.org/2000/svg"><path d="M1440 1200c0-26.667-9.333-49.333-28-68l-208-208c-18.667-18.667-41.333-28-68-28-28 0-52 10.667-72 32 2 2 8.333 8.167 19 18.5s17.833 17.5 21.5 21.5 8.667 10.333 15 19 10.667 17.167 13 25.5 3.5 17.5 3.5 27.5c0 26.667-9.333 49.333-28 68s-41.333 28-68 28c-10 0-19.167-1.167-27.5-3.5s-16.833-6.667-25.5-13-15-11.333-19-15-11.167-10.833-21.5-21.5-16.5-17-18.5-19c-22 20.667-33 45-33 73 0 26.667 9.333 49.333 28 68l206 207c18 18 40.667 27 68 27 26.667 0 49.333-8.667 68-26l147-146c18.667-18.667 28-41 28-67zM737 495c0-26.667-9.333-49.333-28-68L503 220c-18.667-18.667-41.333-28-68-28-26 0-48.667 9-68 27L220 365c-18.667 18.667-28 41-28 67 0 26.667 9.333 49.333 28 68l208 208c18 18 40.667 27 68 27 28 0 52-10.333 72-31-2-2-8.333-8.167-19-18.5S531.167 668 527.5 664s-8.667-10.333-15-19-10.667-17.167-13-25.5S496 602 496 592c0-26.667 9.333-49.333 28-68s41.333-28 68-28c10 0 19.167 1.167 27.5 3.5s16.833 6.667 25.5 13 15 11.333 19 15 11.167 10.833 21.5 21.5 16.5 17 18.5 19c22-20.667 33-45 33-73zm895 705c0 80-28.333 147.667-85 203l-147 146c-55.333 55.333-123 83-203 83-80.667 0-148.667-28.333-204-85l-206-207c-55.333-55.333-83-123-83-203 0-82 29.333-151.667 88-209l-88-88c-57.333 58.667-126.667 88-208 88-80 0-148-28-204-84L84 636C28 580 0 512 0 432s28.333-147.667 85-203L232 83C287.333 27.667 355 0 435 0c80.667 0 148.667 28.333 204 85l206 207c55.333 55.333 83 123 83 203 0 82-29.333 151.667-88 209l88 88c57.333-58.667 126.667-88 208-88 80 0 148 28 204 84l208 208c56 56 84 124 84 204z" fill="#465e69"/></svg>