Add light weight font

Author: apqx

_layouts/post.html

@@ -13,11 +13,11 @@
         <main class="main-container">
             <article data-pagefind-body class="mdc-card content-card">
                 {% include script-content-card.html %}
-                <h1 data-pagefind-meta="title" class="essay-title">{{ page.title }}</h1>
-                <address class="essay-author">
+                <h1 data-pagefind-meta="title" class="post-title">{{ page.title }}</h1>
+                <address class="post-author">
                     {% if page.moreDate != null %}{{ page.moreDate }} {% endif %}{{ page.author}}
                 </address>
-                <time data-pagefind-meta="date" class="essay-date" datetime="{{ page.date | date: " %Y-%m-%d" }}">
+                <time data-pagefind-meta="date" class="post-date" datetime="{{ page.date | date: " %Y-%m-%d" }}">
                     {{ page.date | date: "%Y年%m月%d日" }}
                 </time>
 
@@ -26,7 +26,7 @@ <h1 data-pagefind-meta="title" class="essay-title">{{ page.title }}</h1>
                     <!-- 如果用span创建mdc-button，则点击动画结束后才会触发点击事件，感觉明显会很慢 -->
                     {%- for tagInPage in page.tags %}
                     <button type="button" class="mdc-button tag-dialog-trigger btn-tag" id="chip_tag_{{ tagInPage }}">
-                        <span class="mdc-button__label">#{{ tagInPage }}</span>
+                        <span class="mdc-button__label">{{ tagInPage }}</span>
                     </button>
                     {%- endfor %}
                 </section>

_posts/original/2022-05-17-不必复杂，静态博客也可以做短链.md

@@ -145,35 +145,35 @@ fun selfIncreaseBase62(baseStr: String): String {
         {
             "id": "op00",
             "target": {
-                "path": "/post/opera/essay_00.html",
+                "path": "/post/opera/post_00.html",
                 "title": "title_00"
             }
         },
         {
             "id": "op01",
             "target": {
-                "path": "/post/opera/essay_01.html",
+                "path": "/post/opera/post_01.html",
                 "title": "title_01"
             }
         },
         {
             "id": "og00",
             "target": {
-                "path": "/post/original/essay_00.html",
+                "path": "/post/original/post_00.html",
                 "title": "title_00"
             }
         },
         {
             "id": "og01",
             "target": {
-                "path": "/post/original/essay_01.html",
+                "path": "/post/original/post_01.html",
                 "title": "title_01"
             }
         },
         {
             "id": "rp00",
             "target": {
-                "path": "/post/repost/essay_00.html",
+                "path": "/post/repost/post_00.html",
                 "title": "title_00"
             }
         }

_posts/original/2023-01-12-2023年，我换了新域名「牡丹」.md

@@ -7,7 +7,7 @@ mention: Cloudflare 重定向 博客
 date: 2023-01-12 +0800
 description: “牡丹”是一个对我而言十分特殊的词，源于昆曲《牡丹亭》的影响。它相比抽象中二的“apqx”更有纪念意义，纪念我的整个前青春时代，纪念我从北方到南方的迁徙，纪念我的世界从灰暗向多彩的渐变。
 cover: https://apqx.oss-cn-hangzhou.aliyuncs.com/blog/original/20230112/IMG_4572_thumb.jpg
-tags: 碎碎念 Code Blog 域名 Cloudflare GitHub DNS URL重定向
+tags: 碎碎念 Code Blog 域名 GitHub Cloudflare DNS URL重定向
 pin: true
 ---
 

_posts/original/2023-12-04-完成博客Rebase，拥抱开源.md

@@ -33,7 +33,7 @@ tags: Code Blog Git GitHub 开源
 reword 6275e82 My Blog
 # Create CNAME to use custom domain
 pick 69802dc Create CNAME
-# Upload essays
+# Upload posts
 pick 1328b29 My Blog
 squash 0603d9a 更新
 squash cc7f0aa 更新

npm/dist/blog-429-v2.0.0.css

@@ -79,7 +79,7 @@ class LinkItem extends React.Component<LinkItemProps, any> {
     render() {
         return (
             <li>
-                <a className="mdc-deprecated-list-item mdc-deprecated-list-item__darken" href={this.props.link} target="_blank">
+                <a className="mdc-deprecated-list-item mdc-deprecated-list-item__darken" href={this.props.link} target="_blank" tabIndex={-1}>
                     <span className="mdc-deprecated-list-item__text link-item">{this.props.title}</span>
                 </a>
                 {!this.props.last && <hr className="mdc-deprecated-list-divider" />}

npm/dist/blog-font-v2.0.0.css

@@ -42,6 +42,10 @@
     font-weight: normal;
 }
 
+.mdc-drawer__subtitle {
+    font-weight: normal;
+}
+
 .mdc-drawer__content .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__text {
     font-weight: normal
 }

npm/dist/blog-post-v2.0.0.css

@@ -4,17 +4,18 @@
 // 苹方的 Horizontal Ellipsis 字符，即…省略号，因为霞鹜文楷的省略号竖向居中，不合适，用苹方的替代
 @use "PingFangSCEllipsis";
 // 霞鹜文楷
-@use "LXGWWenKaiGBRegular";
-@use "LXGWWenKaiGBMedium";
+@use "LXGWWenKaiGBLiteLight";
+@use "LXGWWenKaiGBLiteRegular";
+@use "LXGWWenKaiGBLiteMedium";
 // 一款英文字体
 @use "LibreBaskerville";
 // Material Icons
 @use "MaterialSymbols";
 
 // @font-face {
-//     font-family: "test";
-//     src: url("https://apqx-host.oss-cn-hangzhou.aliyuncs.com/blog/fonts/IBMPlexSansSC-Medium.woff2") format('woff2');
+//     font-family: "LXGW WenKai GB";
+//     src: url("https://apqx-host.oss-cn-hangzhou.aliyuncs.com/blog/fonts/LXGWWenKaiGBLite/v1.501/LXGWWenKaiGBLite-Light.ttf") format('woff2');
 //     font-style: normal;
-//     font-weight: 500;
+//     font-weight: 400;
 //     font-display: swap;
 // }

npm/dist/blog-scaffold-v2.0.0.css

@@ -1,2 +1,2 @@
 // 霞鹭文楷等宽
-@use "LXGWWenKaiMonoGBRegular";
+@use "LXGWWenKaiMonoGBLiteRegular";

npm/dist/blog-scaffold-v2.0.0.js

@@ -74,5 +74,6 @@
     @include typography.typography(body1);
     color: var(--list-secondary-ink);
     font-size: calc(var(--mdc-typography-body1-font-size) - 0.1rem);
+    font-weight: 300;
     text-align: left;
 }

npm/src/component/dialog/AboutMeDialog.tsx

@@ -6,7 +6,7 @@
 @use "@material/typography";
 
 /* 文章题目 */
-.essay-title {
+.post-title {
     font-size: calc(var(--mdc-typography-body1-font-size) + 0.8rem);
     line-height: 2.5rem;
     margin: 1rem 2rem;
@@ -15,7 +15,7 @@
 }
 
 /* 文章署名 */
-.essay-author {
+.post-author {
     @include typography.typography(subtitle1);
     @include theme.property(color, text-secondary-on-background);
     font-size: calc(var(--mdc-typography-body1-font-size) - 0.1rem);
@@ -24,7 +24,7 @@
 }
 
 /* 文章日期 */
-.essay-date {
+.post-date {
     @include typography.typography(subtitle1);
     @include theme.property(color, text-secondary-on-background);
     font-size: calc(var(--mdc-typography-body1-font-size) - 0.1rem);