diff --git a/archives/2019/11/index.html b/archives/2019/11/index.html
index 6ca49b1560..80a7aec26a 100644
--- a/archives/2019/11/index.html
+++ b/archives/2019/11/index.html
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
-            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
+          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
+            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
           </a>
       </div>
 
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
-            <span itemprop="name">博客搭建历程</span>
+          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
+            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
           </a>
       </div>
 
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
-            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
+          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
+            <span itemprop="name">博客搭建历程</span>
           </a>
       </div>
 
diff --git a/archives/2019/page/2/index.html b/archives/2019/page/2/index.html
index 52aeb72b9f..4fc66192f1 100644
--- a/archives/2019/page/2/index.html
+++ b/archives/2019/page/2/index.html
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
-            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
+          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
+            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
           </a>
       </div>
 
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
-            <span itemprop="name">博客搭建历程</span>
+          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
+            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
           </a>
       </div>
 
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
-            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
+          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
+            <span itemprop="name">博客搭建历程</span>
           </a>
       </div>
 
diff --git a/archives/2020/02/index.html b/archives/2020/02/index.html
index 6bfa6f69c7..f0e71bcf29 100644
--- a/archives/2020/02/index.html
+++ b/archives/2020/02/index.html
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
+          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
           </a>
       </div>
 
@@ -404,8 +404,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
+          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
           </a>
       </div>
 
diff --git a/archives/2020/02/page/2/index.html b/archives/2020/02/page/2/index.html
index 802b970074..e770423e81 100644
--- a/archives/2020/02/page/2/index.html
+++ b/archives/2020/02/page/2/index.html
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
+          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
           </a>
       </div>
 
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
+          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
           </a>
       </div>
 
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
+          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
           </a>
       </div>
 
diff --git a/archives/2020/03/index.html b/archives/2020/03/index.html
index 3cc5a22782..10b12e5ca5 100644
--- a/archives/2020/03/index.html
+++ b/archives/2020/03/index.html
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
-            <span itemprop="name">RESTful API 规范</span>
+          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
+            <span itemprop="name">最全最详细 http 状态码介绍</span>
           </a>
       </div>
 
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
-            <span itemprop="name">最全最详细 http 状态码介绍</span>
+          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
+            <span itemprop="name">RESTful API 规范</span>
           </a>
       </div>
 
diff --git a/archives/2020/07/page/2/index.html b/archives/2020/07/page/2/index.html
index 41b3f34a6d..a11081c010 100644
--- a/archives/2020/07/page/2/index.html
+++ b/archives/2020/07/page/2/index.html
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
-            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
+          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
+            <span itemprop="name">引线标注</span>
           </a>
       </div>
 
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
-            <span itemprop="name">引线标注</span>
+          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
+            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
           </a>
       </div>
 
diff --git a/archives/2020/08/index.html b/archives/2020/08/index.html
index 40c9eabcde..a8d03a5d38 100644
--- a/archives/2020/08/index.html
+++ b/archives/2020/08/index.html
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
-            <span itemprop="name">American accent</span>
+          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
+            <span itemprop="name">12 Egnlish Tenses</span>
           </a>
       </div>
 
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
-            <span itemprop="name">12 Egnlish Tenses</span>
+          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
+            <span itemprop="name">American accent</span>
           </a>
       </div>
 
diff --git a/archives/2020/09/index.html b/archives/2020/09/index.html
index 5e59f5d78d..83e9cf05c2 100644
--- a/archives/2020/09/index.html
+++ b/archives/2020/09/index.html
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
-            <span itemprop="name">MDL开发中如何创建makefile文件</span>
+          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
+            <span itemprop="name">MDL入门技术栈</span>
           </a>
       </div>
 
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
-            <span itemprop="name">MDL入门技术栈</span>
+          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
+            <span itemprop="name">MDL开发中如何创建makefile文件</span>
           </a>
       </div>
 
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
-            <span itemprop="name">用命令行安装mongodb指南</span>
+          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
+            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
           </a>
       </div>
 
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
-            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
+          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
+            <span itemprop="name">用命令行安装mongodb指南</span>
           </a>
       </div>
 
diff --git a/archives/2020/page/2/index.html b/archives/2020/page/2/index.html
index bd2261f896..e00dc7ef83 100644
--- a/archives/2020/page/2/index.html
+++ b/archives/2020/page/2/index.html
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
-            <span itemprop="name">MDL开发中如何创建makefile文件</span>
+          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
+            <span itemprop="name">MDL入门技术栈</span>
           </a>
       </div>
 
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
-            <span itemprop="name">MDL入门技术栈</span>
+          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
+            <span itemprop="name">MDL开发中如何创建makefile文件</span>
           </a>
       </div>
 
diff --git a/archives/2020/page/3/index.html b/archives/2020/page/3/index.html
index 99b6ebe670..f184f99835 100644
--- a/archives/2020/page/3/index.html
+++ b/archives/2020/page/3/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
-            <span itemprop="name">用命令行安装mongodb指南</span>
+          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
+            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
           </a>
       </div>
 
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
-            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
+          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
+            <span itemprop="name">用命令行安装mongodb指南</span>
           </a>
       </div>
 
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
-            <span itemprop="name">American accent</span>
+          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
+            <span itemprop="name">12 Egnlish Tenses</span>
           </a>
       </div>
 
@@ -404,8 +404,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
-            <span itemprop="name">12 Egnlish Tenses</span>
+          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
+            <span itemprop="name">American accent</span>
           </a>
       </div>
 
diff --git a/archives/2020/page/5/index.html b/archives/2020/page/5/index.html
index 788bdd343c..8483651d50 100644
--- a/archives/2020/page/5/index.html
+++ b/archives/2020/page/5/index.html
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
-            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
+          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
+            <span itemprop="name">引线标注</span>
           </a>
       </div>
 
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
-            <span itemprop="name">引线标注</span>
+          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
+            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
           </a>
       </div>
 
diff --git a/archives/2020/page/6/index.html b/archives/2020/page/6/index.html
index 0e29b7ecec..5ffb34fd6f 100644
--- a/archives/2020/page/6/index.html
+++ b/archives/2020/page/6/index.html
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
-            <span itemprop="name">RESTful API 规范</span>
+          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
+            <span itemprop="name">最全最详细 http 状态码介绍</span>
           </a>
       </div>
 
@@ -404,8 +404,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
-            <span itemprop="name">最全最详细 http 状态码介绍</span>
+          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
+            <span itemprop="name">RESTful API 规范</span>
           </a>
       </div>
 
diff --git a/archives/2020/page/7/index.html b/archives/2020/page/7/index.html
index 5a3520b32e..7a49483e43 100644
--- a/archives/2020/page/7/index.html
+++ b/archives/2020/page/7/index.html
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
+          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
           </a>
       </div>
 
@@ -404,8 +404,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
+          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
           </a>
       </div>
 
diff --git a/archives/2020/page/8/index.html b/archives/2020/page/8/index.html
index 05ad8287ca..e2f8e49d6a 100644
--- a/archives/2020/page/8/index.html
+++ b/archives/2020/page/8/index.html
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
+          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
           </a>
       </div>
 
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
+          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
           </a>
       </div>
 
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
+          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
           </a>
       </div>
 
diff --git a/archives/2021/11/index.html b/archives/2021/11/index.html
index 3824862b58..eddfa0a438 100644
--- a/archives/2021/11/index.html
+++ b/archives/2021/11/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
-            <span itemprop="name">ORD打印图片是黑色</span>
+          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
+            <span itemprop="name">ORD安装完成一打开报错</span>
           </a>
       </div>
 
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
-            <span itemprop="name">ORD安装完成一打开报错</span>
+          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
+            <span itemprop="name">ORD打印图片是黑色</span>
           </a>
       </div>
 
diff --git a/archives/2021/12/index.html b/archives/2021/12/index.html
index 6224cdf10f..d00c3462d5 100644
--- a/archives/2021/12/index.html
+++ b/archives/2021/12/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
-            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
+          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
+            <span itemprop="name">mongoose子文档</span>
           </a>
       </div>
 
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
-            <span itemprop="name">mongoose子文档</span>
+          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
+            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
           </a>
       </div>
 
diff --git a/archives/2021/index.html b/archives/2021/index.html
index 4c3a524174..9ce1f7ef93 100644
--- a/archives/2021/index.html
+++ b/archives/2021/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
-            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
+          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
+            <span itemprop="name">mongoose子文档</span>
           </a>
       </div>
 
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
-            <span itemprop="name">mongoose子文档</span>
+          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
+            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
           </a>
       </div>
 
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
-            <span itemprop="name">ORD打印图片是黑色</span>
+          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
+            <span itemprop="name">ORD安装完成一打开报错</span>
           </a>
       </div>
 
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
-            <span itemprop="name">ORD安装完成一打开报错</span>
+          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
+            <span itemprop="name">ORD打印图片是黑色</span>
           </a>
       </div>
 
diff --git a/archives/2022/01/index.html b/archives/2022/01/index.html
index 9f1f3b4393..33bd69d248 100644
--- a/archives/2022/01/index.html
+++ b/archives/2022/01/index.html
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
-            <span itemprop="name">yarn 常用命令</span>
+          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
+            <span itemprop="name">npm镜像源管理工具nrm使用</span>
           </a>
       </div>
 
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
-            <span itemprop="name">npm镜像源管理工具nrm使用</span>
+          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
+            <span itemprop="name">yarn 常用命令</span>
           </a>
       </div>
 
diff --git a/archives/2022/03/index.html b/archives/2022/03/index.html
index 9583394401..b00e4be7ea 100644
--- a/archives/2022/03/index.html
+++ b/archives/2022/03/index.html
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
-            <span itemprop="name">CSS 的值与单位</span>
+          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
+            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
           </a>
       </div>
 
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
-            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
+          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
+            <span itemprop="name">CSS常用居中方式</span>
           </a>
       </div>
 
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
-            <span itemprop="name">CSS常用居中方式</span>
+          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
+            <span itemprop="name">CSS 的值与单位</span>
           </a>
       </div>
 
diff --git a/archives/2022/03/page/2/index.html b/archives/2022/03/page/2/index.html
index f687d9603f..3985f4741c 100644
--- a/archives/2022/03/page/2/index.html
+++ b/archives/2022/03/page/2/index.html
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3SP0JGM.html" itemprop="url">
-            <span itemprop="name">如何求最大弯矩</span>
+          <a class="post-title-link" href="/posts/2022/1ERZT1V.html" itemprop="url">
+            <span itemprop="name">markdown 中 LaTeX公式语法大全</span>
           </a>
       </div>
 
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1ERZT1V.html" itemprop="url">
-            <span itemprop="name">markdown 中 LaTeX公式语法大全</span>
+          <a class="post-title-link" href="/posts/2022/3SP0JGM.html" itemprop="url">
+            <span itemprop="name">如何求最大弯矩</span>
           </a>
       </div>
 
diff --git a/archives/2022/05/index.html b/archives/2022/05/index.html
index bd8f1ad44b..3238b62096 100644
--- a/archives/2022/05/index.html
+++ b/archives/2022/05/index.html
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
+          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
           </a>
       </div>
 
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
+          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
           </a>
       </div>
 
diff --git a/archives/2022/05/page/2/index.html b/archives/2022/05/page/2/index.html
index 51a5501fe1..159c317161 100644
--- a/archives/2022/05/page/2/index.html
+++ b/archives/2022/05/page/2/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
-            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
+          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
+            <span itemprop="name">几何继承关系层次图</span>
           </a>
       </div>
 
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
-            <span itemprop="name">几何继承关系层次图</span>
+          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
+            <span itemprop="name">由浅入深地理解样条曲线</span>
           </a>
       </div>
 
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
-            <span itemprop="name">由浅入深地理解样条曲线</span>
+          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
+            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
           </a>
       </div>
 
diff --git a/archives/2022/07/index.html b/archives/2022/07/index.html
index 7c7bd8ef5d..d65b7f1954 100644
--- a/archives/2022/07/index.html
+++ b/archives/2022/07/index.html
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
-            <span itemprop="name">编程风格指南</span>
+          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
+            <span itemprop="name">C# 优雅编程</span>
           </a>
       </div>
 
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
-            <span itemprop="name">C# 优雅编程</span>
+          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
+            <span itemprop="name">编程风格指南</span>
           </a>
       </div>
 
diff --git a/archives/2022/08/index.html b/archives/2022/08/index.html
index 6251c755f0..1a7b063871 100644
--- a/archives/2022/08/index.html
+++ b/archives/2022/08/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
-            <span itemprop="name">vue 中 v-model 的最佳实现</span>
+          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
+            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
           </a>
       </div>
 
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
-            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
+          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
+            <span itemprop="name">vue 中 v-model 的最佳实现</span>
           </a>
       </div>
 
diff --git a/archives/2022/page/12/index.html b/archives/2022/page/12/index.html
index 65f702b2b8..b65f69f279 100644
--- a/archives/2022/page/12/index.html
+++ b/archives/2022/page/12/index.html
@@ -404,8 +404,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
-            <span itemprop="name">yarn 常用命令</span>
+          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
+            <span itemprop="name">npm镜像源管理工具nrm使用</span>
           </a>
       </div>
 
diff --git a/archives/2022/page/13/index.html b/archives/2022/page/13/index.html
index 6e841ee3cd..68ca04dd2c 100644
--- a/archives/2022/page/13/index.html
+++ b/archives/2022/page/13/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
-            <span itemprop="name">npm镜像源管理工具nrm使用</span>
+          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
+            <span itemprop="name">yarn 常用命令</span>
           </a>
       </div>
 
diff --git a/archives/2022/page/2/index.html b/archives/2022/page/2/index.html
index d057621f7c..26c7456a13 100644
--- a/archives/2022/page/2/index.html
+++ b/archives/2022/page/2/index.html
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
-            <span itemprop="name">vue 中 v-model 的最佳实现</span>
+          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
+            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
           </a>
       </div>
 
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
-            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
+          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
+            <span itemprop="name">vue 中 v-model 的最佳实现</span>
           </a>
       </div>
 
diff --git a/archives/2022/page/3/index.html b/archives/2022/page/3/index.html
index 1ebd44e21c..58cbdacdc7 100644
--- a/archives/2022/page/3/index.html
+++ b/archives/2022/page/3/index.html
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
-            <span itemprop="name">编程风格指南</span>
+          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
+            <span itemprop="name">C# 优雅编程</span>
           </a>
       </div>
 
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
-            <span itemprop="name">C# 优雅编程</span>
+          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
+            <span itemprop="name">编程风格指南</span>
           </a>
       </div>
 
diff --git a/archives/2022/page/4/index.html b/archives/2022/page/4/index.html
index cea819c45c..4c91cc731d 100644
--- a/archives/2022/page/4/index.html
+++ b/archives/2022/page/4/index.html
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
+          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
           </a>
       </div>
 
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
+          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
           </a>
       </div>
 
diff --git a/archives/2022/page/5/index.html b/archives/2022/page/5/index.html
index 79a310a611..9a77dfe672 100644
--- a/archives/2022/page/5/index.html
+++ b/archives/2022/page/5/index.html
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
-            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
+          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
+            <span itemprop="name">几何继承关系层次图</span>
           </a>
       </div>
 
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
-            <span itemprop="name">几何继承关系层次图</span>
+          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
+            <span itemprop="name">由浅入深地理解样条曲线</span>
           </a>
       </div>
 
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
-            <span itemprop="name">由浅入深地理解样条曲线</span>
+          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
+            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
           </a>
       </div>
 
diff --git a/archives/2022/page/7/index.html b/archives/2022/page/7/index.html
index 73a46e25e3..62870ebcb6 100644
--- a/archives/2022/page/7/index.html
+++ b/archives/2022/page/7/index.html
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
-            <span itemprop="name">CSS 的值与单位</span>
+          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
+            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
           </a>
       </div>
 
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
-            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
+          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
+            <span itemprop="name">CSS常用居中方式</span>
           </a>
       </div>
 
@@ -404,8 +404,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
-            <span itemprop="name">CSS常用居中方式</span>
+          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
+            <span itemprop="name">CSS 的值与单位</span>
           </a>
       </div>
 
diff --git a/archives/2022/page/9/index.html b/archives/2022/page/9/index.html
index 9e3076fced..eb1f00310c 100644
--- a/archives/2022/page/9/index.html
+++ b/archives/2022/page/9/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3SP0JGM.html" itemprop="url">
-            <span itemprop="name">如何求最大弯矩</span>
+          <a class="post-title-link" href="/posts/2022/1ERZT1V.html" itemprop="url">
+            <span itemprop="name">markdown 中 LaTeX公式语法大全</span>
           </a>
       </div>
 
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1ERZT1V.html" itemprop="url">
-            <span itemprop="name">markdown 中 LaTeX公式语法大全</span>
+          <a class="post-title-link" href="/posts/2022/3SP0JGM.html" itemprop="url">
+            <span itemprop="name">如何求最大弯矩</span>
           </a>
       </div>
 
diff --git a/archives/2023/04/index.html b/archives/2023/04/index.html
index 4f88a3de57..2b0e64b0fe 100644
--- a/archives/2023/04/index.html
+++ b/archives/2023/04/index.html
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
-            <span itemprop="name">z.lua 安装</span>
+          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
+            <span itemprop="name">Powershell7 实用插件集</span>
           </a>
       </div>
 
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
-            <span itemprop="name">Powershell7 实用插件集</span>
+          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
+            <span itemprop="name">z.lua 安装</span>
           </a>
       </div>
 
diff --git a/archives/2023/page/5/index.html b/archives/2023/page/5/index.html
index 3159500932..da9f0302cf 100644
--- a/archives/2023/page/5/index.html
+++ b/archives/2023/page/5/index.html
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
-            <span itemprop="name">z.lua 安装</span>
+          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
+            <span itemprop="name">Powershell7 实用插件集</span>
           </a>
       </div>
 
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
-            <span itemprop="name">Powershell7 实用插件集</span>
+          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
+            <span itemprop="name">z.lua 安装</span>
           </a>
       </div>
 
diff --git a/archives/page/11/index.html b/archives/page/11/index.html
index 4dc6c87dc0..7e3db25bcf 100644
--- a/archives/page/11/index.html
+++ b/archives/page/11/index.html
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
+          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
           </a>
       </div>
 
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
+          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
           </a>
       </div>
 
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
-            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
+          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
+            <span itemprop="name">几何继承关系层次图</span>
           </a>
       </div>
 
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
-            <span itemprop="name">几何继承关系层次图</span>
+          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
+            <span itemprop="name">由浅入深地理解样条曲线</span>
           </a>
       </div>
 
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
-            <span itemprop="name">由浅入深地理解样条曲线</span>
+          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
+            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
           </a>
       </div>
 
diff --git a/archives/page/14/index.html b/archives/page/14/index.html
index e217f59862..1f690888b4 100644
--- a/archives/page/14/index.html
+++ b/archives/page/14/index.html
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
-            <span itemprop="name">CSS 的值与单位</span>
+          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
+            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
           </a>
       </div>
 
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
-            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
+          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
+            <span itemprop="name">CSS常用居中方式</span>
           </a>
       </div>
 
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
-            <span itemprop="name">CSS常用居中方式</span>
+          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
+            <span itemprop="name">CSS 的值与单位</span>
           </a>
       </div>
 
diff --git a/archives/page/15/index.html b/archives/page/15/index.html
index d9008a54bc..30476e35bd 100644
--- a/archives/page/15/index.html
+++ b/archives/page/15/index.html
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3SP0JGM.html" itemprop="url">
-            <span itemprop="name">如何求最大弯矩</span>
+          <a class="post-title-link" href="/posts/2022/1ERZT1V.html" itemprop="url">
+            <span itemprop="name">markdown 中 LaTeX公式语法大全</span>
           </a>
       </div>
 
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1ERZT1V.html" itemprop="url">
-            <span itemprop="name">markdown 中 LaTeX公式语法大全</span>
+          <a class="post-title-link" href="/posts/2022/3SP0JGM.html" itemprop="url">
+            <span itemprop="name">如何求最大弯矩</span>
           </a>
       </div>
 
diff --git a/archives/page/19/index.html b/archives/page/19/index.html
index 4d053f6b46..ecb784b5ea 100644
--- a/archives/page/19/index.html
+++ b/archives/page/19/index.html
@@ -284,8 +284,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
-            <span itemprop="name">yarn 常用命令</span>
+          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
+            <span itemprop="name">npm镜像源管理工具nrm使用</span>
           </a>
       </div>
 
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
-            <span itemprop="name">npm镜像源管理工具nrm使用</span>
+          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
+            <span itemprop="name">yarn 常用命令</span>
           </a>
       </div>
 
diff --git a/archives/page/20/index.html b/archives/page/20/index.html
index bf8098b252..5715f99a1b 100644
--- a/archives/page/20/index.html
+++ b/archives/page/20/index.html
@@ -307,8 +307,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
-            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
+          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
+            <span itemprop="name">mongoose子文档</span>
           </a>
       </div>
 
@@ -327,8 +327,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
-            <span itemprop="name">mongoose子文档</span>
+          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
+            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
           </a>
       </div>
 
@@ -407,8 +407,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
-            <span itemprop="name">ORD打印图片是黑色</span>
+          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
+            <span itemprop="name">ORD安装完成一打开报错</span>
           </a>
       </div>
 
diff --git a/archives/page/21/index.html b/archives/page/21/index.html
index 87acdbd0a3..72fbdc9710 100644
--- a/archives/page/21/index.html
+++ b/archives/page/21/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
-            <span itemprop="name">ORD安装完成一打开报错</span>
+          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
+            <span itemprop="name">ORD打印图片是黑色</span>
           </a>
       </div>
 
diff --git a/archives/page/28/index.html b/archives/page/28/index.html
index a6e69f5fb2..e037332104 100644
--- a/archives/page/28/index.html
+++ b/archives/page/28/index.html
@@ -304,8 +304,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
-            <span itemprop="name">MDL开发中如何创建makefile文件</span>
+          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
+            <span itemprop="name">MDL入门技术栈</span>
           </a>
       </div>
 
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
-            <span itemprop="name">MDL入门技术栈</span>
+          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
+            <span itemprop="name">MDL开发中如何创建makefile文件</span>
           </a>
       </div>
 
@@ -364,8 +364,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
-            <span itemprop="name">用命令行安装mongodb指南</span>
+          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
+            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
           </a>
       </div>
 
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
-            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
+          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
+            <span itemprop="name">用命令行安装mongodb指南</span>
           </a>
       </div>
 
diff --git a/archives/page/29/index.html b/archives/page/29/index.html
index 075e122716..ca7157b641 100644
--- a/archives/page/29/index.html
+++ b/archives/page/29/index.html
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
-            <span itemprop="name">American accent</span>
+          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
+            <span itemprop="name">12 Egnlish Tenses</span>
           </a>
       </div>
 
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
-            <span itemprop="name">12 Egnlish Tenses</span>
+          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
+            <span itemprop="name">American accent</span>
           </a>
       </div>
 
diff --git a/archives/page/31/index.html b/archives/page/31/index.html
index c74ca4a856..43e938f9e4 100644
--- a/archives/page/31/index.html
+++ b/archives/page/31/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
-            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
+          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
+            <span itemprop="name">引线标注</span>
           </a>
       </div>
 
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
-            <span itemprop="name">引线标注</span>
+          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
+            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
           </a>
       </div>
 
diff --git a/archives/page/32/index.html b/archives/page/32/index.html
index 916710581d..bfd8e3b9cf 100644
--- a/archives/page/32/index.html
+++ b/archives/page/32/index.html
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
-            <span itemprop="name">RESTful API 规范</span>
+          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
+            <span itemprop="name">最全最详细 http 状态码介绍</span>
           </a>
       </div>
 
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
-            <span itemprop="name">最全最详细 http 状态码介绍</span>
+          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
+            <span itemprop="name">RESTful API 规范</span>
           </a>
       </div>
 
diff --git a/archives/page/33/index.html b/archives/page/33/index.html
index 59820dad46..b6eeb65cb5 100644
--- a/archives/page/33/index.html
+++ b/archives/page/33/index.html
@@ -324,8 +324,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
+          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
           </a>
       </div>
 
@@ -344,8 +344,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
+          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
           </a>
       </div>
 
@@ -404,8 +404,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
+          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
           </a>
       </div>
 
diff --git a/archives/page/34/index.html b/archives/page/34/index.html
index 81d9ea969a..b4e9b7d22f 100644
--- a/archives/page/34/index.html
+++ b/archives/page/34/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
+          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
           </a>
       </div>
 
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
+          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
           </a>
       </div>
 
diff --git a/archives/page/37/index.html b/archives/page/37/index.html
index a79c843769..85dbe60cdf 100644
--- a/archives/page/37/index.html
+++ b/archives/page/37/index.html
@@ -224,8 +224,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
-            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
+          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
+            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
           </a>
       </div>
 
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
-            <span itemprop="name">博客搭建历程</span>
+          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
+            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
           </a>
       </div>
 
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
-            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
+          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
+            <span itemprop="name">博客搭建历程</span>
           </a>
       </div>
 
diff --git a/archives/page/5/index.html b/archives/page/5/index.html
index 0bf9ddd092..22a1a1bf06 100644
--- a/archives/page/5/index.html
+++ b/archives/page/5/index.html
@@ -244,8 +244,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
-            <span itemprop="name">z.lua 安装</span>
+          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
+            <span itemprop="name">Powershell7 实用插件集</span>
           </a>
       </div>
 
@@ -264,8 +264,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
-            <span itemprop="name">Powershell7 实用插件集</span>
+          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
+            <span itemprop="name">z.lua 安装</span>
           </a>
       </div>
 
diff --git a/archives/page/8/index.html b/archives/page/8/index.html
index 950db172ca..aeebc6f58e 100644
--- a/archives/page/8/index.html
+++ b/archives/page/8/index.html
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
-            <span itemprop="name">vue 中 v-model 的最佳实现</span>
+          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
+            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
           </a>
       </div>
 
@@ -404,8 +404,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
-            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
+          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
+            <span itemprop="name">vue 中 v-model 的最佳实现</span>
           </a>
       </div>
 
diff --git a/archives/page/9/index.html b/archives/page/9/index.html
index 59cf611db9..e5efab6377 100644
--- a/archives/page/9/index.html
+++ b/archives/page/9/index.html
@@ -384,8 +384,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
-            <span itemprop="name">编程风格指南</span>
+          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
+            <span itemprop="name">C# 优雅编程</span>
           </a>
       </div>
 
@@ -404,8 +404,8 @@ <h1 class="site-title">星辰大海</h1>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
-            <span itemprop="name">C# 优雅编程</span>
+          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
+            <span itemprop="name">编程风格指南</span>
           </a>
       </div>
 
diff --git a/categories/Bentley/Develop/Tool/index.html b/categories/Bentley/Develop/Tool/index.html
index 248e3b0d64..70138043bf 100644
--- a/categories/Bentley/Develop/Tool/index.html
+++ b/categories/Bentley/Develop/Tool/index.html
@@ -245,8 +245,8 @@ <h1 class="collection-header">Tool
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
+          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
           </a>
       </div>
 
@@ -265,8 +265,8 @@ <h1 class="collection-header">Tool
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
+          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
           </a>
       </div>
 
diff --git a/categories/Bentley/Develop/page/2/index.html b/categories/Bentley/Develop/page/2/index.html
index df8b54bbb1..89fa93b619 100644
--- a/categories/Bentley/Develop/page/2/index.html
+++ b/categories/Bentley/Develop/page/2/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
+          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
           </a>
       </div>
 
@@ -245,8 +245,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
+          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
           </a>
       </div>
 
@@ -305,8 +305,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
-            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
+          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
+            <span itemprop="name">几何继承关系层次图</span>
           </a>
       </div>
 
@@ -325,8 +325,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
-            <span itemprop="name">几何继承关系层次图</span>
+          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
+            <span itemprop="name">由浅入深地理解样条曲线</span>
           </a>
       </div>
 
@@ -345,8 +345,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
-            <span itemprop="name">由浅入深地理解样条曲线</span>
+          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
+            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
           </a>
       </div>
 
diff --git a/categories/Bentley/Develop/page/3/index.html b/categories/Bentley/Develop/page/3/index.html
index e096591161..5f7b1888b8 100644
--- a/categories/Bentley/Develop/page/3/index.html
+++ b/categories/Bentley/Develop/page/3/index.html
@@ -348,8 +348,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
-            <span itemprop="name">MDL开发中如何创建makefile文件</span>
+          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
+            <span itemprop="name">MDL入门技术栈</span>
           </a>
       </div>
 
@@ -368,8 +368,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
-            <span itemprop="name">MDL入门技术栈</span>
+          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
+            <span itemprop="name">MDL开发中如何创建makefile文件</span>
           </a>
       </div>
 
diff --git a/categories/Bentley/Develop/page/4/index.html b/categories/Bentley/Develop/page/4/index.html
index 56859a9824..958541d30b 100644
--- a/categories/Bentley/Develop/page/4/index.html
+++ b/categories/Bentley/Develop/page/4/index.html
@@ -285,8 +285,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
-            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
+          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
+            <span itemprop="name">引线标注</span>
           </a>
       </div>
 
@@ -305,8 +305,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
-            <span itemprop="name">引线标注</span>
+          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
+            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
           </a>
       </div>
 
diff --git a/categories/Bentley/Problems/index.html b/categories/Bentley/Problems/index.html
index 8aa94bd453..a6ef632131 100644
--- a/categories/Bentley/Problems/index.html
+++ b/categories/Bentley/Problems/index.html
@@ -311,8 +311,8 @@ <h1 class="collection-header">Problems
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
-            <span itemprop="name">ORD打印图片是黑色</span>
+          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
+            <span itemprop="name">ORD安装完成一打开报错</span>
           </a>
       </div>
 
@@ -331,8 +331,8 @@ <h1 class="collection-header">Problems
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
-            <span itemprop="name">ORD安装完成一打开报错</span>
+          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
+            <span itemprop="name">ORD打印图片是黑色</span>
           </a>
       </div>
 
diff --git a/categories/Bentley/page/2/index.html b/categories/Bentley/page/2/index.html
index 4fb6ae7f88..71c8350458 100644
--- a/categories/Bentley/page/2/index.html
+++ b/categories/Bentley/page/2/index.html
@@ -265,8 +265,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
+          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
           </a>
       </div>
 
@@ -285,8 +285,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
+          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
           </a>
       </div>
 
@@ -345,8 +345,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
-            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
+          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
+            <span itemprop="name">几何继承关系层次图</span>
           </a>
       </div>
 
@@ -365,8 +365,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
-            <span itemprop="name">几何继承关系层次图</span>
+          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
+            <span itemprop="name">由浅入深地理解样条曲线</span>
           </a>
       </div>
 
@@ -385,8 +385,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
-            <span itemprop="name">由浅入深地理解样条曲线</span>
+          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
+            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
           </a>
       </div>
 
diff --git a/categories/Bentley/page/3/index.html b/categories/Bentley/page/3/index.html
index 32722edc47..7bad5b6483 100644
--- a/categories/Bentley/page/3/index.html
+++ b/categories/Bentley/page/3/index.html
@@ -368,8 +368,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
-            <span itemprop="name">ORD打印图片是黑色</span>
+          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
+            <span itemprop="name">ORD安装完成一打开报错</span>
           </a>
       </div>
 
@@ -388,8 +388,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
-            <span itemprop="name">ORD安装完成一打开报错</span>
+          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
+            <span itemprop="name">ORD打印图片是黑色</span>
           </a>
       </div>
 
diff --git a/categories/Bentley/page/4/index.html b/categories/Bentley/page/4/index.html
index 4dbcb5d645..457d2b743f 100644
--- a/categories/Bentley/page/4/index.html
+++ b/categories/Bentley/page/4/index.html
@@ -388,8 +388,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
-            <span itemprop="name">MDL开发中如何创建makefile文件</span>
+          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
+            <span itemprop="name">MDL入门技术栈</span>
           </a>
       </div>
 
@@ -408,8 +408,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
-            <span itemprop="name">MDL入门技术栈</span>
+          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
+            <span itemprop="name">MDL开发中如何创建makefile文件</span>
           </a>
       </div>
 
diff --git a/categories/Bentley/page/5/index.html b/categories/Bentley/page/5/index.html
index 3f91de86d7..935adb4528 100644
--- a/categories/Bentley/page/5/index.html
+++ b/categories/Bentley/page/5/index.html
@@ -325,8 +325,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
-            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
+          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
+            <span itemprop="name">引线标注</span>
           </a>
       </div>
 
@@ -345,8 +345,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
-            <span itemprop="name">引线标注</span>
+          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
+            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
           </a>
       </div>
 
diff --git a/categories/Blog/index.html b/categories/Blog/index.html
index 5afde6a13a..60ddd3541a 100644
--- a/categories/Blog/index.html
+++ b/categories/Blog/index.html
@@ -331,8 +331,8 @@ <h1 class="collection-header">Blog
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
-            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
+          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
+            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
           </a>
       </div>
 
@@ -351,8 +351,8 @@ <h1 class="collection-header">Blog
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
-            <span itemprop="name">博客搭建历程</span>
+          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
+            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
           </a>
       </div>
 
@@ -371,8 +371,8 @@ <h1 class="collection-header">Blog
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
-            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
+          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
+            <span itemprop="name">博客搭建历程</span>
           </a>
       </div>
 
diff --git a/categories/Develop/CSS/index.html b/categories/Develop/CSS/index.html
index da5a87f420..e316487bcc 100644
--- a/categories/Develop/CSS/index.html
+++ b/categories/Develop/CSS/index.html
@@ -288,8 +288,8 @@ <h1 class="collection-header">CSS
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
-            <span itemprop="name">CSS 的值与单位</span>
+          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
+            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
           </a>
       </div>
 
@@ -308,8 +308,8 @@ <h1 class="collection-header">CSS
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
-            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
+          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
+            <span itemprop="name">CSS常用居中方式</span>
           </a>
       </div>
 
@@ -328,8 +328,8 @@ <h1 class="collection-header">CSS
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
-            <span itemprop="name">CSS常用居中方式</span>
+          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
+            <span itemprop="name">CSS 的值与单位</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Database/Mongodb/page/3/index.html b/categories/Develop/Database/Mongodb/page/3/index.html
index df97029572..4fe5a64b65 100644
--- a/categories/Develop/Database/Mongodb/page/3/index.html
+++ b/categories/Develop/Database/Mongodb/page/3/index.html
@@ -288,8 +288,8 @@ <h1 class="collection-header">Mongodb
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
-            <span itemprop="name">用命令行安装mongodb指南</span>
+          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
+            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
           </a>
       </div>
 
@@ -308,8 +308,8 @@ <h1 class="collection-header">Mongodb
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
-            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
+          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
+            <span itemprop="name">用命令行安装mongodb指南</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Database/Mongoose/index.html b/categories/Develop/Database/Mongoose/index.html
index 68b46dcaa9..0775524c13 100644
--- a/categories/Develop/Database/Mongoose/index.html
+++ b/categories/Develop/Database/Mongoose/index.html
@@ -288,8 +288,8 @@ <h1 class="collection-header">Mongoose
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
-            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
+          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
+            <span itemprop="name">mongoose子文档</span>
           </a>
       </div>
 
@@ -308,8 +308,8 @@ <h1 class="collection-header">Mongoose
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
-            <span itemprop="name">mongoose子文档</span>
+          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
+            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Database/page/3/index.html b/categories/Develop/Database/page/3/index.html
index 9c00b90e0a..bac969cc8e 100644
--- a/categories/Develop/Database/page/3/index.html
+++ b/categories/Develop/Database/page/3/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">Database
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
-            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
+          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
+            <span itemprop="name">mongoose子文档</span>
           </a>
       </div>
 
@@ -245,8 +245,8 @@ <h1 class="collection-header">Database
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
-            <span itemprop="name">mongoose子文档</span>
+          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
+            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Database/page/4/index.html b/categories/Develop/Database/page/4/index.html
index 856c3ac3ba..4b9ed51093 100644
--- a/categories/Develop/Database/page/4/index.html
+++ b/categories/Develop/Database/page/4/index.html
@@ -308,8 +308,8 @@ <h1 class="collection-header">Database
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
-            <span itemprop="name">用命令行安装mongodb指南</span>
+          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
+            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
           </a>
       </div>
 
@@ -328,8 +328,8 @@ <h1 class="collection-header">Database
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
-            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
+          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
+            <span itemprop="name">用命令行安装mongodb指南</span>
           </a>
       </div>
 
diff --git a/categories/Develop/DesignPattern/index.html b/categories/Develop/DesignPattern/index.html
index edffc81929..30defb594e 100644
--- a/categories/Develop/DesignPattern/index.html
+++ b/categories/Develop/DesignPattern/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">DesignPattern
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
-            <span itemprop="name">编程风格指南</span>
+          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
+            <span itemprop="name">C# 优雅编程</span>
           </a>
       </div>
 
@@ -245,8 +245,8 @@ <h1 class="collection-header">DesignPattern
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
-            <span itemprop="name">C# 优雅编程</span>
+          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
+            <span itemprop="name">编程风格指南</span>
           </a>
       </div>
 
diff --git "a/categories/Develop/DotNET/Stylet-\346\241\206\346\236\266/index.html" "b/categories/Develop/DotNET/Stylet-\346\241\206\346\236\266/index.html"
index 41b8acdd88..30abee9d0b 100644
--- "a/categories/Develop/DotNET/Stylet-\346\241\206\346\236\266/index.html"
+++ "b/categories/Develop/DotNET/Stylet-\346\241\206\346\236\266/index.html"
@@ -328,8 +328,8 @@ <h1 class="collection-header">Stylet 框架
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
+          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
           </a>
       </div>
 
@@ -348,8 +348,8 @@ <h1 class="collection-header">Stylet 框架
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
+          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
           </a>
       </div>
 
@@ -408,8 +408,8 @@ <h1 class="collection-header">Stylet 框架
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
+          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
           </a>
       </div>
 
diff --git "a/categories/Develop/DotNET/Stylet-\346\241\206\346\236\266/page/2/index.html" "b/categories/Develop/DotNET/Stylet-\346\241\206\346\236\266/page/2/index.html"
index 83727ded4f..75377a55c7 100644
--- "a/categories/Develop/DotNET/Stylet-\346\241\206\346\236\266/page/2/index.html"
+++ "b/categories/Develop/DotNET/Stylet-\346\241\206\346\236\266/page/2/index.html"
@@ -225,8 +225,8 @@ <h1 class="collection-header">Stylet 框架
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
+          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
           </a>
       </div>
 
@@ -265,8 +265,8 @@ <h1 class="collection-header">Stylet 框架
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
+          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
           </a>
       </div>
 
diff --git a/categories/Develop/DotNET/page/5/index.html b/categories/Develop/DotNET/page/5/index.html
index 971b8119eb..0f95095856 100644
--- a/categories/Develop/DotNET/page/5/index.html
+++ b/categories/Develop/DotNET/page/5/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">DotNET
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
+          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
           </a>
       </div>
 
@@ -245,8 +245,8 @@ <h1 class="collection-header">DotNET
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
+          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
           </a>
       </div>
 
@@ -305,8 +305,8 @@ <h1 class="collection-header">DotNET
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
+          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
           </a>
       </div>
 
@@ -325,8 +325,8 @@ <h1 class="collection-header">DotNET
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
+          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
           </a>
       </div>
 
@@ -365,8 +365,8 @@ <h1 class="collection-header">DotNET
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
+          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Javascript/Package/index.html b/categories/Develop/Javascript/Package/index.html
index 6a931d1a28..a16d3b03cd 100644
--- a/categories/Develop/Javascript/Package/index.html
+++ b/categories/Develop/Javascript/Package/index.html
@@ -325,8 +325,8 @@ <h1 class="collection-header">Package
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
-            <span itemprop="name">yarn 常用命令</span>
+          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
+            <span itemprop="name">npm镜像源管理工具nrm使用</span>
           </a>
       </div>
 
@@ -345,8 +345,8 @@ <h1 class="collection-header">Package
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
-            <span itemprop="name">npm镜像源管理工具nrm使用</span>
+          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
+            <span itemprop="name">yarn 常用命令</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Javascript/Vue/Vue2-x/index.html b/categories/Develop/Javascript/Vue/Vue2-x/index.html
index 191672d5d9..3ed1a53211 100644
--- a/categories/Develop/Javascript/Vue/Vue2-x/index.html
+++ b/categories/Develop/Javascript/Vue/Vue2-x/index.html
@@ -268,8 +268,8 @@ <h1 class="collection-header">Vue2.x
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
-            <span itemprop="name">vue 中 v-model 的最佳实现</span>
+          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
+            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
           </a>
       </div>
 
@@ -288,8 +288,8 @@ <h1 class="collection-header">Vue2.x
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
-            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
+          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
+            <span itemprop="name">vue 中 v-model 的最佳实现</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Javascript/Vue/index.html b/categories/Develop/Javascript/Vue/index.html
index fa6111de78..13d5f60bb8 100644
--- a/categories/Develop/Javascript/Vue/index.html
+++ b/categories/Develop/Javascript/Vue/index.html
@@ -368,8 +368,8 @@ <h1 class="collection-header">Vue
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
-            <span itemprop="name">vue 中 v-model 的最佳实现</span>
+          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
+            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
           </a>
       </div>
 
@@ -388,8 +388,8 @@ <h1 class="collection-header">Vue
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
-            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
+          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
+            <span itemprop="name">vue 中 v-model 的最佳实现</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Javascript/page/2/index.html b/categories/Develop/Javascript/page/2/index.html
index 94acfcb969..6ffbef17f7 100644
--- a/categories/Develop/Javascript/page/2/index.html
+++ b/categories/Develop/Javascript/page/2/index.html
@@ -348,8 +348,8 @@ <h1 class="collection-header">Javascript
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
-            <span itemprop="name">vue 中 v-model 的最佳实现</span>
+          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
+            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
           </a>
       </div>
 
@@ -368,8 +368,8 @@ <h1 class="collection-header">Javascript
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
-            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
+          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
+            <span itemprop="name">vue 中 v-model 的最佳实现</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Javascript/page/4/index.html b/categories/Develop/Javascript/page/4/index.html
index 62c693cdb2..285f7165e8 100644
--- a/categories/Develop/Javascript/page/4/index.html
+++ b/categories/Develop/Javascript/page/4/index.html
@@ -245,8 +245,8 @@ <h1 class="collection-header">Javascript
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
-            <span itemprop="name">yarn 常用命令</span>
+          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
+            <span itemprop="name">npm镜像源管理工具nrm使用</span>
           </a>
       </div>
 
@@ -265,8 +265,8 @@ <h1 class="collection-header">Javascript
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
-            <span itemprop="name">npm镜像源管理工具nrm使用</span>
+          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
+            <span itemprop="name">yarn 常用命令</span>
           </a>
       </div>
 
diff --git a/categories/Develop/Web/index.html b/categories/Develop/Web/index.html
index 02121542ea..457616a30f 100644
--- a/categories/Develop/Web/index.html
+++ b/categories/Develop/Web/index.html
@@ -311,8 +311,8 @@ <h1 class="collection-header">Web
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
-            <span itemprop="name">RESTful API 规范</span>
+          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
+            <span itemprop="name">最全最详细 http 状态码介绍</span>
           </a>
       </div>
 
@@ -331,8 +331,8 @@ <h1 class="collection-header">Web
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
-            <span itemprop="name">最全最详细 http 状态码介绍</span>
+          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
+            <span itemprop="name">RESTful API 规范</span>
           </a>
       </div>
 
diff --git a/categories/Develop/page/10/index.html b/categories/Develop/page/10/index.html
index 07355ba64e..3222ebae11 100644
--- a/categories/Develop/page/10/index.html
+++ b/categories/Develop/page/10/index.html
@@ -285,8 +285,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
-            <span itemprop="name">yarn 常用命令</span>
+          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
+            <span itemprop="name">npm镜像源管理工具nrm使用</span>
           </a>
       </div>
 
@@ -305,8 +305,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/W1573T.html" itemprop="url">
-            <span itemprop="name">npm镜像源管理工具nrm使用</span>
+          <a class="post-title-link" href="/posts/2022/AKDK4Z.html" itemprop="url">
+            <span itemprop="name">yarn 常用命令</span>
           </a>
       </div>
 
diff --git a/categories/Develop/page/11/index.html b/categories/Develop/page/11/index.html
index ca71ccdd79..a173be052b 100644
--- a/categories/Develop/page/11/index.html
+++ b/categories/Develop/page/11/index.html
@@ -268,8 +268,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
-            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
+          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
+            <span itemprop="name">mongoose子文档</span>
           </a>
       </div>
 
@@ -288,8 +288,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
-            <span itemprop="name">mongoose子文档</span>
+          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
+            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
           </a>
       </div>
 
diff --git a/categories/Develop/page/15/index.html b/categories/Develop/page/15/index.html
index 3b57247fb8..8b729400b9 100644
--- a/categories/Develop/page/15/index.html
+++ b/categories/Develop/page/15/index.html
@@ -305,8 +305,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
-            <span itemprop="name">用命令行安装mongodb指南</span>
+          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
+            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
           </a>
       </div>
 
@@ -325,8 +325,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
-            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
+          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
+            <span itemprop="name">用命令行安装mongodb指南</span>
           </a>
       </div>
 
diff --git a/categories/Develop/page/17/index.html b/categories/Develop/page/17/index.html
index e3fc7fc6e8..b2675323f1 100644
--- a/categories/Develop/page/17/index.html
+++ b/categories/Develop/page/17/index.html
@@ -325,8 +325,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
-            <span itemprop="name">RESTful API 规范</span>
+          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
+            <span itemprop="name">最全最详细 http 状态码介绍</span>
           </a>
       </div>
 
@@ -345,8 +345,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/25EQ87B.html" itemprop="url">
-            <span itemprop="name">最全最详细 http 状态码介绍</span>
+          <a class="post-title-link" href="/posts/2020/K6BTSD.html" itemprop="url">
+            <span itemprop="name">RESTful API 规范</span>
           </a>
       </div>
 
diff --git a/categories/Develop/page/18/index.html b/categories/Develop/page/18/index.html
index b0decb13af..db815dc3cf 100644
--- a/categories/Develop/page/18/index.html
+++ b/categories/Develop/page/18/index.html
@@ -285,8 +285,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
+          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
           </a>
       </div>
 
@@ -305,8 +305,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
+          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
           </a>
       </div>
 
@@ -365,8 +365,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
+          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
           </a>
       </div>
 
@@ -385,8 +385,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
+          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
           </a>
       </div>
 
diff --git a/categories/Develop/page/19/index.html b/categories/Develop/page/19/index.html
index 6418f52074..8ee2c88cc1 100644
--- a/categories/Develop/page/19/index.html
+++ b/categories/Develop/page/19/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
+          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
           </a>
       </div>
 
diff --git a/categories/Develop/page/5/index.html b/categories/Develop/page/5/index.html
index 29055daab7..eafe7653b3 100644
--- a/categories/Develop/page/5/index.html
+++ b/categories/Develop/page/5/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
-            <span itemprop="name">vue 中 v-model 的最佳实现</span>
+          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
+            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
           </a>
       </div>
 
@@ -245,8 +245,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3G3ZXDE.html" itemprop="url">
-            <span itemprop="name">asyncComputed 的原理浅析及使用</span>
+          <a class="post-title-link" href="/posts/2022/DPK9DJ.html" itemprop="url">
+            <span itemprop="name">vue 中 v-model 的最佳实现</span>
           </a>
       </div>
 
@@ -385,8 +385,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
-            <span itemprop="name">编程风格指南</span>
+          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
+            <span itemprop="name">C# 优雅编程</span>
           </a>
       </div>
 
@@ -405,8 +405,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
-            <span itemprop="name">C# 优雅编程</span>
+          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
+            <span itemprop="name">编程风格指南</span>
           </a>
       </div>
 
diff --git a/categories/Develop/page/7/index.html b/categories/Develop/page/7/index.html
index 777552a66b..375b632e5b 100644
--- a/categories/Develop/page/7/index.html
+++ b/categories/Develop/page/7/index.html
@@ -345,8 +345,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
-            <span itemprop="name">CSS 的值与单位</span>
+          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
+            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
           </a>
       </div>
 
@@ -365,8 +365,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/2R0P0YJ.html" itemprop="url">
-            <span itemprop="name">CSS中图片超过宽度自动缩放</span>
+          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
+            <span itemprop="name">CSS常用居中方式</span>
           </a>
       </div>
 
@@ -385,8 +385,8 @@ <h1 class="collection-header">Develop
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/9TBVZR.html" itemprop="url">
-            <span itemprop="name">CSS常用居中方式</span>
+          <a class="post-title-link" href="/posts/2022/3JC8V28.html" itemprop="url">
+            <span itemprop="name">CSS 的值与单位</span>
           </a>
       </div>
 
diff --git a/categories/English/index.html b/categories/English/index.html
index 4360027897..5fa405b28c 100644
--- a/categories/English/index.html
+++ b/categories/English/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">English
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
-            <span itemprop="name">American accent</span>
+          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
+            <span itemprop="name">12 Egnlish Tenses</span>
           </a>
       </div>
 
@@ -245,8 +245,8 @@ <h1 class="collection-header">English
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
-            <span itemprop="name">12 Egnlish Tenses</span>
+          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
+            <span itemprop="name">American accent</span>
           </a>
       </div>
 
diff --git a/categories/RegisteredStructure/index.html b/categories/RegisteredStructure/index.html
index b38b1cd3d7..a6335f3cb3 100644
--- a/categories/RegisteredStructure/index.html
+++ b/categories/RegisteredStructure/index.html
@@ -305,8 +305,8 @@ <h1 class="collection-header">RegisteredStructure
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/3SP0JGM.html" itemprop="url">
-            <span itemprop="name">如何求最大弯矩</span>
+          <a class="post-title-link" href="/posts/2022/1ERZT1V.html" itemprop="url">
+            <span itemprop="name">markdown 中 LaTeX公式语法大全</span>
           </a>
       </div>
 
@@ -325,8 +325,8 @@ <h1 class="collection-header">RegisteredStructure
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1ERZT1V.html" itemprop="url">
-            <span itemprop="name">markdown 中 LaTeX公式语法大全</span>
+          <a class="post-title-link" href="/posts/2022/3SP0JGM.html" itemprop="url">
+            <span itemprop="name">如何求最大弯矩</span>
           </a>
       </div>
 
diff --git a/categories/Software/Powershell/index.html b/categories/Software/Powershell/index.html
index 47cb472daa..a71ccb790d 100644
--- a/categories/Software/Powershell/index.html
+++ b/categories/Software/Powershell/index.html
@@ -245,8 +245,8 @@ <h1 class="collection-header">Powershell
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
-            <span itemprop="name">z.lua 安装</span>
+          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
+            <span itemprop="name">Powershell7 实用插件集</span>
           </a>
       </div>
 
@@ -265,8 +265,8 @@ <h1 class="collection-header">Powershell
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
-            <span itemprop="name">Powershell7 实用插件集</span>
+          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
+            <span itemprop="name">z.lua 安装</span>
           </a>
       </div>
 
diff --git a/categories/Software/page/2/index.html b/categories/Software/page/2/index.html
index 4b0bb8d678..5959cb53d8 100644
--- a/categories/Software/page/2/index.html
+++ b/categories/Software/page/2/index.html
@@ -405,8 +405,8 @@ <h1 class="collection-header">Software
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
-            <span itemprop="name">z.lua 安装</span>
+          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
+            <span itemprop="name">Powershell7 实用插件集</span>
           </a>
       </div>
 
diff --git a/categories/Software/page/3/index.html b/categories/Software/page/3/index.html
index 83d66c8494..18684a251f 100644
--- a/categories/Software/page/3/index.html
+++ b/categories/Software/page/3/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">Software
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
-            <span itemprop="name">Powershell7 实用插件集</span>
+          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
+            <span itemprop="name">z.lua 安装</span>
           </a>
       </div>
 
diff --git a/page/11/index.html b/page/11/index.html
index ef6f3cfb74..303fe1b755 100644
--- a/page/11/index.html
+++ b/page/11/index.html
@@ -310,7 +310,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/K0VDR.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1FJ4HP4.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -328,7 +328,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/K0VDR.html" class="post-title-link" itemprop="url">DgnPrimitiveTool 详细说明文档</a>
+          <a href="/posts/2022/1FJ4HP4.html" class="post-title-link" itemprop="url">DgnPrimitiveTool 使用文档</a>
         </h2>
 
         <div class="post-meta-container">
@@ -366,14 +366,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>2.2k</span>
+      <span>689</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>2 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -384,12 +384,11 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>本文主要总结 DgnTool 的触发逻辑，同时介绍其中的参数设置。</p>
-<p>它是所有 Tool 的基类，在使用过程中，不能直接派生于它，而是要从
-<code>DgnViewTool</code> 和 <code>DgnPrimitiveTool</code> 派生。</p>
+          <p>本文主要总结 DgnPrimitiveTool
+的触发逻辑，同时介绍其中的参数设置。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/K0VDR.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/1FJ4HP4.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -420,7 +419,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1FJ4HP4.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/K0VDR.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -438,7 +437,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/1FJ4HP4.html" class="post-title-link" itemprop="url">DgnPrimitiveTool 使用文档</a>
+          <a href="/posts/2022/K0VDR.html" class="post-title-link" itemprop="url">DgnPrimitiveTool 详细说明文档</a>
         </h2>
 
         <div class="post-meta-container">
@@ -476,14 +475,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>689</span>
+      <span>2.2k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>2 分钟</span>
     </span>
 </div>
 
@@ -494,11 +493,12 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>本文主要总结 DgnPrimitiveTool
-的触发逻辑，同时介绍其中的参数设置。</p>
+          <p>本文主要总结 DgnTool 的触发逻辑，同时介绍其中的参数设置。</p>
+<p>它是所有 Tool 的基类，在使用过程中，不能直接派生于它，而是要从
+<code>DgnViewTool</code> 和 <code>DgnPrimitiveTool</code> 派生。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/1FJ4HP4.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/K0VDR.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -772,7 +772,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1NF37FV.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1C9ATGS.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -790,7 +790,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/1NF37FV.html" class="post-title-link" itemprop="url">如何调用 Microstation 的消息管理器</a>
+          <a href="/posts/2022/1C9ATGS.html" class="post-title-link" itemprop="url">几何继承关系层次图</a>
         </h2>
 
         <div class="post-meta-container">
@@ -817,7 +817,7 @@ <h2 class="post-title" itemprop="name headline">
         </span>
           ，
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/Bentley/Develop/%E6%B6%88%E6%81%AF%E4%B8%AD%E5%BF%83/" itemprop="url" rel="index"><span itemprop="name">消息中心</span></a>
+          <a href="/categories/Bentley/Develop/%E5%87%A0%E4%BD%95%E5%8F%98%E6%8D%A2/" itemprop="url" rel="index"><span itemprop="name">几何变换</span></a>
         </span>
     </span>
 
@@ -828,14 +828,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>3.3k</span>
+      <span>14</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>3 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -846,10 +846,12 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>在进行Bentley二次开发的时候，通常我们需要向用户输出一些信息，比如操作的提示，错误的提示等等，本文特对这些方式进行总结，方便下次随心所欲地使用。</p>
+          <div class="markmap-container" style="height:400px">
+  <svg data="{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:2,&quot;p&quot;:{&quot;lines&quot;:[1,2]},&quot;v&quot;:&quot;AnyGeometry&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[3,4]},&quot;v&quot;:&quot;AnyCurve&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[4,5]},&quot;v&quot;:&quot;CurvePrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[5,6]},&quot;v&quot;:&quot;BsplineCurve&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[6,7]},&quot;v&quot;:&quot;ParametricCurve&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[7,8],&quot;f&quot;:true},&quot;v&quot;:&quot;CircularArc&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[8,9],&quot;f&quot;:true},&quot;v&quot;:&quot;EllipticArc&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[9,10],&quot;f&quot;:true},&quot;v&quot;:&quot;LineSegment&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[10,11],&quot;f&quot;:true},&quot;v&quot;:&quot;LineString&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[11,12]},&quot;v&quot;:&quot;TransitionSpiral&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[12,13]},&quot;v&quot;:&quot;AnyGroup&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[13,14]},&quot;v&quot;:&quot;GeometryGroup&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[15,16]},&quot;v&quot;:&quot;AnyPoint&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[16,17]},&quot;v&quot;:&quot;AnySinglePoint&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[17,18]},&quot;v&quot;:&quot;Coordinate&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[18,19]},&quot;v&quot;:&quot;AnySolid&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[19,20]},&quot;v&quot;:&quot;AnyAnalyticSolid&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[20,21]},&quot;v&quot;:&quot;SolidPrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[21,22]},&quot;v&quot;:&quot;CircularCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[22,23]},&quot;v&quot;:&quot;CircularCylinder&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[23,24]},&quot;v&quot;:&quot;SkewedCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[24,25]},&quot;v&quot;:&quot;StronglyTypedSolidPrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[25,26],&quot;f&quot;:true},&quot;v&quot;:&quot;Block&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[26,27],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnBox&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[27,28],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[28,29],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnExtrusion&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[29,30],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnRotationalSweep&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[30,31],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnRuledSweep&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[31,32],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnSphere&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[32,33],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnTorusPipe&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[33,34],&quot;f&quot;:true},&quot;v&quot;:&quot;Sphere&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[34,35],&quot;f&quot;:true},&quot;v&quot;:&quot;TorusPipe&quot;}]}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[35,36]},&quot;v&quot;:&quot;AnySurface&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[36,37]},&quot;v&quot;:&quot;AnyParametricSurface&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[37,38]},&quot;v&quot;:&quot;CurveBoundedRegion&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[38,39]},&quot;v&quot;:&quot;CurvePrimitiveCollection &amp;lt; Bentley::GeometryNET::CurveBoundedRegion &amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[39,40],&quot;f&quot;:true},&quot;v&quot;:&quot;UnionRegion&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[40,41]},&quot;v&quot;:&quot;CurvePrimitiveCollection&amp;lt; Bentley::GeometryNET::CurvePrimitive&amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[41,42],&quot;f&quot;:true},&quot;v&quot;:&quot;CurveVector&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[42,43],&quot;f&quot;:true},&quot;v&quot;:&quot;CircularDisk&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[43,44],&quot;f&quot;:true},&quot;v&quot;:&quot;CurveChain&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[44,45],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnCurveVector&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[45,46],&quot;f&quot;:true},&quot;v&quot;:&quot;EllipticDisk&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[46,47],&quot;f&quot;:true},&quot;v&quot;:&quot;Polygon&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[47,48],&quot;f&quot;:true},&quot;v&quot;:&quot;SurfacePatch&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[48,49],&quot;f&quot;:true},&quot;v&quot;:&quot;SingleLoopRegion&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[50,51]},&quot;v&quot;:&quot;CurvePrimitiveCollection&amp;lt; Bentley::GeometryNET::SingleLoopRegion&amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[51,52],&quot;f&quot;:true},&quot;v&quot;:&quot;ParityRegion&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[52,53]},&quot;v&quot;:&quot;MSBsplineSurface&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[53,54]},&quot;v&quot;:&quot;PolyfaceHeader&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[54,55]},&quot;v&quot;:&quot;IndexedMesh&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[55,56]},&quot;v&quot;:&quot;SingleLineText&quot;}]}"></svg>
+</div>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/1NF37FV.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/1C9ATGS.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -880,7 +882,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1C9ATGS.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1CPW2GG.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -898,7 +900,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/1C9ATGS.html" class="post-title-link" itemprop="url">几何继承关系层次图</a>
+          <a href="/posts/2022/1CPW2GG.html" class="post-title-link" itemprop="url">由浅入深地理解样条曲线</a>
         </h2>
 
         <div class="post-meta-container">
@@ -911,6 +913,13 @@ <h2 class="post-title" itemprop="name headline">
 
       <time title="创建时间：2022-05-12 00:00:00" itemprop="dateCreated datePublished" datetime="2022-05-12T00:00:00+08:00">2022-05-12</time>
     </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2022-07-06 00:00:00" itemprop="dateModified" datetime="2022-07-06T00:00:00+08:00">2022-07-06</time>
+    </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-folder"></i>
@@ -936,14 +945,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>14</span>
+      <span>10k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>9 分钟</span>
     </span>
 </div>
 
@@ -954,12 +963,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <div class="markmap-container" style="height:400px">
-  <svg data="{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:2,&quot;p&quot;:{&quot;lines&quot;:[1,2]},&quot;v&quot;:&quot;AnyGeometry&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[3,4]},&quot;v&quot;:&quot;AnyCurve&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[4,5]},&quot;v&quot;:&quot;CurvePrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[5,6]},&quot;v&quot;:&quot;BsplineCurve&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[6,7]},&quot;v&quot;:&quot;ParametricCurve&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[7,8],&quot;f&quot;:true},&quot;v&quot;:&quot;CircularArc&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[8,9],&quot;f&quot;:true},&quot;v&quot;:&quot;EllipticArc&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[9,10],&quot;f&quot;:true},&quot;v&quot;:&quot;LineSegment&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[10,11],&quot;f&quot;:true},&quot;v&quot;:&quot;LineString&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[11,12]},&quot;v&quot;:&quot;TransitionSpiral&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[12,13]},&quot;v&quot;:&quot;AnyGroup&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[13,14]},&quot;v&quot;:&quot;GeometryGroup&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[15,16]},&quot;v&quot;:&quot;AnyPoint&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[16,17]},&quot;v&quot;:&quot;AnySinglePoint&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[17,18]},&quot;v&quot;:&quot;Coordinate&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[18,19]},&quot;v&quot;:&quot;AnySolid&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[19,20]},&quot;v&quot;:&quot;AnyAnalyticSolid&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[20,21]},&quot;v&quot;:&quot;SolidPrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[21,22]},&quot;v&quot;:&quot;CircularCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[22,23]},&quot;v&quot;:&quot;CircularCylinder&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[23,24]},&quot;v&quot;:&quot;SkewedCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[24,25]},&quot;v&quot;:&quot;StronglyTypedSolidPrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[25,26],&quot;f&quot;:true},&quot;v&quot;:&quot;Block&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[26,27],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnBox&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[27,28],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[28,29],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnExtrusion&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[29,30],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnRotationalSweep&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[30,31],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnRuledSweep&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[31,32],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnSphere&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[32,33],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnTorusPipe&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[33,34],&quot;f&quot;:true},&quot;v&quot;:&quot;Sphere&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[34,35],&quot;f&quot;:true},&quot;v&quot;:&quot;TorusPipe&quot;}]}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[35,36]},&quot;v&quot;:&quot;AnySurface&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[36,37]},&quot;v&quot;:&quot;AnyParametricSurface&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[37,38]},&quot;v&quot;:&quot;CurveBoundedRegion&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[38,39]},&quot;v&quot;:&quot;CurvePrimitiveCollection &amp;lt; Bentley::GeometryNET::CurveBoundedRegion &amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[39,40],&quot;f&quot;:true},&quot;v&quot;:&quot;UnionRegion&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[40,41]},&quot;v&quot;:&quot;CurvePrimitiveCollection&amp;lt; Bentley::GeometryNET::CurvePrimitive&amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[41,42],&quot;f&quot;:true},&quot;v&quot;:&quot;CurveVector&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[42,43],&quot;f&quot;:true},&quot;v&quot;:&quot;CircularDisk&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[43,44],&quot;f&quot;:true},&quot;v&quot;:&quot;CurveChain&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[44,45],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnCurveVector&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[45,46],&quot;f&quot;:true},&quot;v&quot;:&quot;EllipticDisk&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[46,47],&quot;f&quot;:true},&quot;v&quot;:&quot;Polygon&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[47,48],&quot;f&quot;:true},&quot;v&quot;:&quot;SurfacePatch&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[48,49],&quot;f&quot;:true},&quot;v&quot;:&quot;SingleLoopRegion&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[50,51]},&quot;v&quot;:&quot;CurvePrimitiveCollection&amp;lt; Bentley::GeometryNET::SingleLoopRegion&amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[51,52],&quot;f&quot;:true},&quot;v&quot;:&quot;ParityRegion&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[52,53]},&quot;v&quot;:&quot;MSBsplineSurface&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[53,54]},&quot;v&quot;:&quot;PolyfaceHeader&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[54,55]},&quot;v&quot;:&quot;IndexedMesh&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[55,56]},&quot;v&quot;:&quot;SingleLineText&quot;}]}"></svg>
-</div>
+          <p>本文简要介绍计算机图图形学中的常用的各个样条曲线，同时梳理他们的之间的关系。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/1C9ATGS.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/1CPW2GG.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -990,7 +997,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1CPW2GG.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1NF37FV.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -1008,7 +1015,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/1CPW2GG.html" class="post-title-link" itemprop="url">由浅入深地理解样条曲线</a>
+          <a href="/posts/2022/1NF37FV.html" class="post-title-link" itemprop="url">如何调用 Microstation 的消息管理器</a>
         </h2>
 
         <div class="post-meta-container">
@@ -1021,13 +1028,6 @@ <h2 class="post-title" itemprop="name headline">
 
       <time title="创建时间：2022-05-12 00:00:00" itemprop="dateCreated datePublished" datetime="2022-05-12T00:00:00+08:00">2022-05-12</time>
     </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2022-07-06 00:00:00" itemprop="dateModified" datetime="2022-07-06T00:00:00+08:00">2022-07-06</time>
-    </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-folder"></i>
@@ -1042,7 +1042,7 @@ <h2 class="post-title" itemprop="name headline">
         </span>
           ，
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/Bentley/Develop/%E5%87%A0%E4%BD%95%E5%8F%98%E6%8D%A2/" itemprop="url" rel="index"><span itemprop="name">几何变换</span></a>
+          <a href="/categories/Bentley/Develop/%E6%B6%88%E6%81%AF%E4%B8%AD%E5%BF%83/" itemprop="url" rel="index"><span itemprop="name">消息中心</span></a>
         </span>
     </span>
 
@@ -1053,14 +1053,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>10k</span>
+      <span>3.3k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>9 分钟</span>
+      <span>3 分钟</span>
     </span>
 </div>
 
@@ -1071,10 +1071,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>本文简要介绍计算机图图形学中的常用的各个样条曲线，同时梳理他们的之间的关系。</p>
+          <p>在进行Bentley二次开发的时候，通常我们需要向用户输出一些信息，比如操作的提示，错误的提示等等，本文特对这些方式进行总结，方便下次随心所欲地使用。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/1CPW2GG.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/1NF37FV.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/14/index.html b/page/14/index.html
index 84f4668e2c..ea8152fcbd 100644
--- a/page/14/index.html
+++ b/page/14/index.html
@@ -320,7 +320,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/3JC8V28.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/2R0P0YJ.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -338,7 +338,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/3JC8V28.html" class="post-title-link" itemprop="url">CSS 的值与单位</a>
+          <a href="/posts/2022/2R0P0YJ.html" class="post-title-link" itemprop="url">CSS中图片超过宽度自动缩放</a>
         </h2>
 
         <div class="post-meta-container">
@@ -351,13 +351,6 @@ <h2 class="post-title" itemprop="name headline">
 
       <time title="创建时间：2022-03-30 00:00:00" itemprop="dateCreated datePublished" datetime="2022-03-30T00:00:00+08:00">2022-03-30</time>
     </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-04-13 23:31:13" itemprop="dateModified" datetime="2023-04-13T23:31:13+08:00">2023-04-13</time>
-    </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-folder"></i>
@@ -379,7 +372,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>824</span>
+      <span>150</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -397,10 +390,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>本文主要总结了 CSS 中的值和单位。</p>
+          <p>在进行图片显示的时候，如何使图片宽度或高度超限时，让其自动缩放显示呢？</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/3JC8V28.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/2R0P0YJ.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -431,7 +424,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/2R0P0YJ.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/9TBVZR.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -449,7 +442,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/2R0P0YJ.html" class="post-title-link" itemprop="url">CSS中图片超过宽度自动缩放</a>
+          <a href="/posts/2022/9TBVZR.html" class="post-title-link" itemprop="url">CSS常用居中方式</a>
         </h2>
 
         <div class="post-meta-container">
@@ -483,7 +476,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>150</span>
+      <span>1.4k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -501,10 +494,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>在进行图片显示的时候，如何使图片宽度或高度超限时，让其自动缩放显示呢？</p>
+          <p>本文主要总结在开发中用得比较多的几种居中方式，方便使用。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/2R0P0YJ.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/9TBVZR.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -535,7 +528,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/9TBVZR.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/3JC8V28.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -553,7 +546,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/9TBVZR.html" class="post-title-link" itemprop="url">CSS常用居中方式</a>
+          <a href="/posts/2022/3JC8V28.html" class="post-title-link" itemprop="url">CSS 的值与单位</a>
         </h2>
 
         <div class="post-meta-container">
@@ -566,6 +559,13 @@ <h2 class="post-title" itemprop="name headline">
 
       <time title="创建时间：2022-03-30 00:00:00" itemprop="dateCreated datePublished" datetime="2022-03-30T00:00:00+08:00">2022-03-30</time>
     </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2023-04-13 23:31:13" itemprop="dateModified" datetime="2023-04-13T23:31:13+08:00">2023-04-13</time>
+    </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-folder"></i>
@@ -587,7 +587,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>1.4k</span>
+      <span>824</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -605,10 +605,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>本文主要总结在开发中用得比较多的几种居中方式，方便使用。</p>
+          <p>本文主要总结了 CSS 中的值和单位。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/9TBVZR.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/3JC8V28.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/15/index.html b/page/15/index.html
index b93b36c40e..65489bc0ae 100644
--- a/page/15/index.html
+++ b/page/15/index.html
@@ -658,7 +658,7 @@ <h2 id="需求">需求</h2>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/3SP0JGM.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1ERZT1V.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -676,7 +676,7 @@ <h2 id="需求">需求</h2>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/3SP0JGM.html" class="post-title-link" itemprop="url">如何求最大弯矩</a>
+          <a href="/posts/2022/1ERZT1V.html" class="post-title-link" itemprop="url">markdown 中 LaTeX公式语法大全</a>
         </h2>
 
         <div class="post-meta-container">
@@ -694,7 +694,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-08-07 08:57:59" itemprop="dateModified" datetime="2023-08-07T08:57:59+08:00">2023-08-07</time>
+      <time title="修改时间：2023-04-13 23:31:13" itemprop="dateModified" datetime="2023-04-13T23:31:13+08:00">2023-04-13</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -713,7 +713,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>778</span>
+      <span>876</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -731,10 +731,14 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>在荷载进行作用组合时，往往需要先求内力，然后再进行组合。下方分享如何快速地求得最大弯矩。</p>
+          <h2 id="公式声明">公式声明</h2>
+<p>行内公式：</p>
+<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$公式$</span><br></pre></td></tr></table></figure>
+<p>多行公式</p>
+<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">$$</span><br><span class="line">\begin</span><br><span class="line">公式</span><br><span class="line">\end</span><br><span class="line">$$</span><br></pre></td></tr></table></figure>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/3SP0JGM.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/1ERZT1V.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -765,7 +769,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1ERZT1V.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/3SP0JGM.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -783,7 +787,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/1ERZT1V.html" class="post-title-link" itemprop="url">markdown 中 LaTeX公式语法大全</a>
+          <a href="/posts/2022/3SP0JGM.html" class="post-title-link" itemprop="url">如何求最大弯矩</a>
         </h2>
 
         <div class="post-meta-container">
@@ -801,7 +805,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-04-13 23:31:13" itemprop="dateModified" datetime="2023-04-13T23:31:13+08:00">2023-04-13</time>
+      <time title="修改时间：2023-08-07 08:57:59" itemprop="dateModified" datetime="2023-08-07T08:57:59+08:00">2023-08-07</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -820,7 +824,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>876</span>
+      <span>778</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -838,14 +842,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="公式声明">公式声明</h2>
-<p>行内公式：</p>
-<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$公式$</span><br></pre></td></tr></table></figure>
-<p>多行公式</p>
-<figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">$$</span><br><span class="line">\begin</span><br><span class="line">公式</span><br><span class="line">\end</span><br><span class="line">$$</span><br></pre></td></tr></table></figure>
+          <p>在荷载进行作用组合时，往往需要先求内力，然后再进行组合。下方分享如何快速地求得最大弯矩。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/1ERZT1V.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/3SP0JGM.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/17/index.html b/page/17/index.html
index 9431cb7320..7e56a018bb 100644
--- a/page/17/index.html
+++ b/page/17/index.html
@@ -892,7 +892,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-08-07 08:57:59" itemprop="dateModified" datetime="2023-08-07T08:57:59+08:00">2023-08-07</time>
+      <time title="修改时间：2023-08-21 09:28:40" itemprop="dateModified" datetime="2023-08-21T09:28:40+08:00">2023-08-21</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
diff --git a/page/19/index.html b/page/19/index.html
index 0d92ecebf9..55d34030af 100644
--- a/page/19/index.html
+++ b/page/19/index.html
@@ -529,7 +529,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/AKDK4Z.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/W1573T.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -547,7 +547,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/AKDK4Z.html" class="post-title-link" itemprop="url">yarn 常用命令</a>
+          <a href="/posts/2022/W1573T.html" class="post-title-link" itemprop="url">npm镜像源管理工具nrm使用</a>
         </h2>
 
         <div class="post-meta-container">
@@ -585,7 +585,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>423</span>
+      <span>251</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -603,10 +603,11 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>yarn 的常用命令如下：</p>
+          <p>通过 nrm(npmregistry manager) 可以很方面的管理和切换 npm
+的镜像源。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/AKDK4Z.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/W1573T.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -637,7 +638,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/W1573T.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/AKDK4Z.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -655,7 +656,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/W1573T.html" class="post-title-link" itemprop="url">npm镜像源管理工具nrm使用</a>
+          <a href="/posts/2022/AKDK4Z.html" class="post-title-link" itemprop="url">yarn 常用命令</a>
         </h2>
 
         <div class="post-meta-container">
@@ -693,7 +694,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>251</span>
+      <span>423</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -711,11 +712,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>通过 nrm(npmregistry manager) 可以很方面的管理和切换 npm
-的镜像源。</p>
+          <p>yarn 的常用命令如下：</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/W1573T.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/AKDK4Z.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/20/index.html b/page/20/index.html
index bfbf828792..6e2508b4db 100644
--- a/page/20/index.html
+++ b/page/20/index.html
@@ -1,6 +1,6 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
   <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width">
 <meta name="theme-color" content="#222"><meta name="generator" content="Hexo 7.0.0-rc1">
@@ -18,7 +18,7 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css" integrity="sha256-PR7ttpcvz8qrF57fur/yAx1qXMFJeJFiA6pSzWi0OIE=" crossorigin="anonymous">
 
 <script class="next-config" data-name="main" type="application/json">{"hostname":"galens.uamazing.cn","root":"/","images":"/images","scheme":"Gemini","darkmode":false,"version":"8.16.0","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12},"copycode":{"enable":true,"style":"flat"},"bookmark":{"enable":false,"color":"#222","save":"auto"},"mediumzoom":true,"lazyload":true,"pangu":true,"comments":{"style":"tabs","active":"gitalk","storage":true,"lazyload":false,"nav":null,"activeClass":"gitalk"},"stickytabs":false,"motion":{"enable":true,"async":false,"transition":{"menu_item":"fadeInDown","post_block":"fadeIn","post_header":"fadeInDown","post_body":"fadeInDown","coll_header":"fadeInLeft","sidebar":"fadeInUp"}},"prism":false,"i18n":{"placeholder":"搜索...","empty":"没有找到任何搜索结果：${query}","hits_time":"找到 ${hits} 个搜索结果（用时 ${time} 毫秒）","hits":"找到 ${hits} 个搜索结果"},"path":"/search.xml","localsearch":{"enable":true,"trigger":"auto","top_n_per_article":5,"unescape":false,"preload":false}}</script><script src="/js/config.js"></script>
-
+
     <meta name="description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:type" content="website">
 <meta property="og:title" content="星辰大海">
@@ -28,37 +28,37 @@
 <meta property="og:locale" content="zh_CN">
 <meta property="article:author" content="明不知昔">
 <meta property="article:tag" content="Hexo, NexT, 星辰大海, 明不知昔, galens">
-<meta name="twitter:card" content="summary">
-
-
-<link rel="canonical" href="https://galens.uamazing.cn/page/20/">
-
-
-
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":true,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"page/20/index.html","title":""}</script>
-
-<script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>星辰大海</title>
-  
-
-
-
-
-
-
-
-
-  <noscript>
-    <link rel="stylesheet" href="/css/noscript.css">
-  </noscript>
+<meta name="twitter:card" content="summary">
+
+
+<link rel="canonical" href="https://galens.uamazing.cn/page/20/">
+
+
+
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":true,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"page/20/index.html","title":""}</script>
+
+<script class="next-config" data-name="calendar" type="application/json">""</script>
+<title>星辰大海</title>
+  
+
+
+
+
+
+
+
+
+  <noscript>
+    <link rel="stylesheet" href="/css/noscript.css">
+  </noscript>
 <link rel="alternate" href="/atom.xml" title="星辰大海" type="application/atom+xml">
-</head>
-
-<body itemscope itemtype="http://schema.org/WebPage" class="use-motion">
-  <div class="headband"></div>
-
-  <main class="main">
-    <div class="column">
+</head>
+
+<body itemscope itemtype="http://schema.org/WebPage" class="use-motion">
+  <div class="headband"></div>
+
+  <main class="main">
+    <div class="column">
       <header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="site-brand-container">
   <div class="site-nav-toggle">
     <div class="toggle" aria-label="切换导航栏" role="button">
@@ -84,8 +84,8 @@ <h1 class="site-title">星辰大海</h1>
     </div>
   </div>
 </div>
-
-
+
+
 
 <nav class="site-nav">
   <ul class="main-menu menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-home fa-fw"></i>首页</a></li><li class="menu-item menu-item-about"><a href="/about/" rel="section"><i class="fa fa-user fa-fw"></i>关于</a></li><li class="menu-item menu-item-tags"><a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>标签<span class="badge">211</span></a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类<span class="badge">113</span></a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档<span class="badge">399</span></a></li>
@@ -95,54 +95,54 @@ <h1 class="site-title">星辰大海</h1>
       </li>
   </ul>
 </nav>
-
-
+
+
 
   <div class="search-pop-overlay">
-    <div class="popup search-popup"><div class="search-header">
-  <span class="search-icon">
-    <i class="fa fa-search"></i>
-  </span>
-  <div class="search-input-container">
-    <input autocomplete="off" autocapitalize="off" maxlength="80"
-           placeholder="搜索..." spellcheck="false"
-           type="search" class="search-input">
-  </div>
-  <span class="popup-btn-close" role="button">
-    <i class="fa fa-times-circle"></i>
-  </span>
-</div>
-<div class="search-result-container no-result">
-  <div class="search-result-icon">
-    <i class="fa fa-spinner fa-pulse fa-5x"></i>
-  </div>
-</div>
+    <div class="popup search-popup"><div class="search-header">
+  <span class="search-icon">
+    <i class="fa fa-search"></i>
+  </span>
+  <div class="search-input-container">
+    <input autocomplete="off" autocapitalize="off" maxlength="80"
+           placeholder="搜索..." spellcheck="false"
+           type="search" class="search-input">
+  </div>
+  <span class="popup-btn-close" role="button">
+    <i class="fa fa-times-circle"></i>
+  </span>
+</div>
+<div class="search-result-container no-result">
+  <div class="search-result-icon">
+    <i class="fa fa-spinner fa-pulse fa-5x"></i>
+  </div>
+</div>
 
     </div>
   </div>
-
-</header>
+
+</header>
         
-  
-  <aside class="sidebar">
-
-    <div class="sidebar-inner sidebar-overview-active">
-      <ul class="sidebar-nav">
-        <li class="sidebar-nav-toc">
-          文章目录
-        </li>
-        <li class="sidebar-nav-overview">
-          站点概览
-        </li>
-      </ul>
-
-      <div class="sidebar-panel-container">
-        <!--noindex-->
-        <div class="post-toc-wrap sidebar-panel">
-        </div>
-        <!--/noindex-->
-
-        <div class="site-overview-wrap sidebar-panel">
+  
+  <aside class="sidebar">
+
+    <div class="sidebar-inner sidebar-overview-active">
+      <ul class="sidebar-nav">
+        <li class="sidebar-nav-toc">
+          文章目录
+        </li>
+        <li class="sidebar-nav-overview">
+          站点概览
+        </li>
+      </ul>
+
+      <div class="sidebar-panel-container">
+        <!--noindex-->
+        <div class="post-toc-wrap sidebar-panel">
+        </div>
+        <!--/noindex-->
+
+        <div class="site-overview-wrap sidebar-panel">
           <div class="site-author animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
     <img class="site-author-image" itemprop="image" alt="明不知昔"
       src="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -180,22 +180,22 @@ <h1 class="site-title">星辰大海</h1>
         <a href="/atom.xml" title="RSS → &#x2F;atom.xml" rel="noopener me"><i class="fa fa-rss fa-fw"></i>RSS</a>
       </span>
   </div>
-
-        </div>
-      </div>
-        <div class="back-to-top animated" role="button" aria-label="返回顶部">
-          <i class="fa fa-arrow-up"></i>
-          <span>0%</span>
-        </div>
-    </div>
-
-    
-  </aside>
 
-
-    </div>
-
-    <div class="main-inner index posts-expand">
+        </div>
+      </div>
+        <div class="back-to-top animated" role="button" aria-label="返回顶部">
+          <i class="fa fa-arrow-up"></i>
+          <span>0%</span>
+        </div>
+    </div>
+
+    
+  </aside>
+
+
+    </div>
+
+    <div class="main-inner index posts-expand">
 
     
 
@@ -286,12 +286,12 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="打包工具的选择">打包工具的选择</h2>
-<p>如果我们需要构建一个简单的小型应用并让它快速运行起来，可以使用
-<code>Parcel</code>；如果需要构建一个类库只需要导入很少第三方库，可以使用
-<code>Rollup</code>；如果需要构建一个复杂的应用，需要集成很多第三方库，并且需要代码分拆、HMR等功能，推荐使用
-<code>Webpack</code> <a
-target="_blank" rel="noopener" href="https://zhuanlan.zhihu.com/p/350601275">[3]</a>。</p>
+          <h2 id="打包工具的选择">打包工具的选择</h2>
+<p>如果我们需要构建一个简单的小型应用并让它快速运行起来，可以使用
+<code>Parcel</code>；如果需要构建一个类库只需要导入很少第三方库，可以使用
+<code>Rollup</code>；如果需要构建一个复杂的应用，需要集成很多第三方库，并且需要代码分拆、HMR等功能，推荐使用
+<code>Webpack</code> <a
+target="_blank" rel="noopener" href="https://zhuanlan.zhihu.com/p/350601275">[3]</a>。</p>
 <p>所以，在开发工具库时，我们选择 <code>rollup</code> 作为打包工具。</p>
           <!--noindex-->
             <div class="post-button">
@@ -400,18 +400,18 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="添加用户">添加用户</h2>
-<p>添加用户是通过终端电脑的npm来操作的，在输入下列命令后，根据要求输入用户名和密码即可。</p>
-<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm adduser --registry https://mydomain.com:port/</span><br></pre></td></tr></table></figure>
-<h2 id="授权验证">授权验证</h2>
-<h2 id="i18n">i18n</h2>
-<h2 id="发布包">发布包</h2>
-<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm publish --registry https://mydomain.com:port/</span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><a target="_blank" rel="noopener" href="https://verdaccio.org/docs/configuration/">verdaccio
-官方配置文档</a></li>
-</ol>
+          <h2 id="添加用户">添加用户</h2>
+<p>添加用户是通过终端电脑的npm来操作的，在输入下列命令后，根据要求输入用户名和密码即可。</p>
+<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm adduser --registry https://mydomain.com:port/</span><br></pre></td></tr></table></figure>
+<h2 id="授权验证">授权验证</h2>
+<h2 id="i18n">i18n</h2>
+<h2 id="发布包">发布包</h2>
+<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm publish --registry https://mydomain.com:port/</span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><a target="_blank" rel="noopener" href="https://verdaccio.org/docs/configuration/">verdaccio
+官方配置文档</a></li>
+</ol>
 
       
     </div>
@@ -512,8 +512,8 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>为了在js开发中更加便利的模块化，解决开发中频繁地更新npm包的问题，决定搭建一个轻量的npm包管理服务。比较了
-verdaccio，cnpm 后，最后选择了
+          <p>为了在js开发中更加便利的模块化，解决开发中频繁地更新npm包的问题，决定搭建一个轻量的npm包管理服务。比较了
+verdaccio，cnpm 后，最后选择了
 verdaccio。因为它够方便和快速，同时也够用。</p>
           <!--noindex-->
             <div class="post-button">
@@ -618,12 +618,12 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>通过用户名和密码，利用 SSH
-登陆远程服务器进行服务器管理时，有如下缺点：</p>
-<ul>
-<li>每次输入密码，很麻烦，也不极客</li>
-<li>服务器开放账号密码登陆，容易补暴力破解</li>
-</ul>
+          <p>通过用户名和密码，利用 SSH
+登陆远程服务器进行服务器管理时，有如下缺点：</p>
+<ul>
+<li>每次输入密码，很麻烦，也不极客</li>
+<li>服务器开放账号密码登陆，容易补暴力破解</li>
+</ul>
 <p>我们可以通过配置公钥登陆来解决上述问题。</p>
           <!--noindex-->
             <div class="post-button">
@@ -658,7 +658,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2021/10XS5HK.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2021/1QN39SQ.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -676,7 +676,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2021/10XS5HK.html" class="post-title-link" itemprop="url">monggose嵌套对象中添加ObjectId</a>
+          <a href="/posts/2021/1QN39SQ.html" class="post-title-link" itemprop="url">mongoose子文档</a>
         </h2>
 
         <div class="post-meta-container">
@@ -714,14 +714,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>564</span>
+      <span>3.6k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>3 分钟</span>
     </span>
 </div>
 
@@ -732,10 +732,18 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>如何在 Mongoose 的定义中，定义一个包含 ObjectId 的嵌套定义呢？</p>
+          <p>子文档是在一个 <code>Schema</code> 中嵌入另一个
+<code>Schema</code>，它的形式主要有两种：</p>
+<ul>
+<li><p>子文档是数组</p></li>
+<li><p>子文档是对象</p>
+<blockquote>
+<p>注意，子文档是对象的情况只适用于 4.2.0 及以上的版本</p>
+</blockquote></li>
+</ul>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2021/10XS5HK.html#more" rel="contents">
+              <a class="btn" href="/posts/2021/1QN39SQ.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -766,7 +774,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2021/1QN39SQ.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2021/10XS5HK.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -784,7 +792,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2021/1QN39SQ.html" class="post-title-link" itemprop="url">mongoose子文档</a>
+          <a href="/posts/2021/10XS5HK.html" class="post-title-link" itemprop="url">monggose嵌套对象中添加ObjectId</a>
         </h2>
 
         <div class="post-meta-container">
@@ -822,14 +830,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>3.6k</span>
+      <span>564</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>3 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -840,18 +848,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>子文档是在一个 <code>Schema</code> 中嵌入另一个
-<code>Schema</code>，它的形式主要有两种：</p>
-<ul>
-<li><p>子文档是数组</p></li>
-<li><p>子文档是对象</p>
-<blockquote>
-<p>注意，子文档是对象的情况只适用于 4.2.0 及以上的版本</p>
-</blockquote></li>
-</ul>
+          <p>如何在 Mongoose 的定义中，定义一个包含 ObjectId 的嵌套定义呢？</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2021/1QN39SQ.html#more" rel="contents">
+              <a class="btn" href="/posts/2021/10XS5HK.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -1052,8 +1052,8 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>如何在 Windows Server 2022 上安装 Docker 呢？经过实测，如果直接从
-Docker 官网下载 Docker Desktop
+          <p>如何在 Windows Server 2022 上安装 Docker 呢？经过实测，如果直接从
+Docker 官网下载 Docker Desktop
 进行安装，会出现启动失败的问题。特将正确的安装步骤记录如下：</p>
           <!--noindex-->
             <div class="post-button">
@@ -1192,7 +1192,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2021/1P39N8S.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2021/WYBXRB.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -1210,7 +1210,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2021/1P39N8S.html" class="post-title-link" itemprop="url">ORD打印图片是黑色</a>
+          <a href="/posts/2021/WYBXRB.html" class="post-title-link" itemprop="url">ORD安装完成一打开报错</a>
         </h2>
 
         <div class="post-meta-container">
@@ -1251,7 +1251,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>91</span>
+      <span>610</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -1269,16 +1269,17 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>在 ORD
-中进行批量打印时，发现无法打印图片，图片范围全是黑色的，可以通过如下方式解决：</p>
-<figure>
-<img
 data-src="https://img.uamazing.cn:52443/2021/11/1638153837_企业微信截图_16366214984716.png"
-alt="企业微信截图_16366214984716.png" />
-<figcaption
-aria-hidden="true">企业微信截图_16366214984716.png</figcaption>
-</figure>
-<p>将 <code>Print raster images</code> 勾选即可。</p>
-
+          <p>在ORD安装完成后，一打开软件就弹出崩溃界面，在错误文件的
+<code>Managed Call Stack:</code> 处有如下错误：</p>
+<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">Managed Call Stack:</span><br><span class="line"> 0: Boolean get_EnablePerformanceChanges() from Bentley.ECObjects.ECObjects in Bentley.ECObjects3, Version=1.0.0.0, Culture=neutral, PublicKeyToken=4bf6c96a266e58d4</span><br><span class="line"> 1: Bentley.DgnPlatformNET.BentleyStatus Initialize() from Bentley.DgnPlatformNET.DgnPlatformLib in Bentley.DgnPlatformNET, Version=1.0.0.0, Culture=neutral, PublicKeyToken=4bf6c96a266e58d4</span><br><span class="line"> 2: UInt32 wWinMainCRTStartup()</span><br><span class="line"> 3: UInt32 wWinMainCRTStartup()</span><br></pre></td></tr></table></figure>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/posts/2021/WYBXRB.html#more" rel="contents">
+                阅读全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
       
     </div>
 
@@ -1295,16 +1296,16 @@ <h2 class="post-title" itemprop="name headline">
 
 
 
-
-  <nav class="pagination">
-    <a class="extend prev" rel="prev" title="上一页" aria-label="上一页" href="/page/19/"><i class="fa fa-angle-left"></i></a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/19/">19</a><span class="page-number current">20</span><a class="page-number" href="/page/21/">21</a><span class="space">&hellip;</span><a class="page-number" href="/page/40/">40</a><a class="extend next" rel="next" title="下一页" aria-label="下一页" href="/page/21/"><i class="fa fa-angle-right"></i></a>
-  </nav>
-
-</div>
-  </main>
-
-  <footer class="footer">
-    <div class="footer-inner">
+
+  <nav class="pagination">
+    <a class="extend prev" rel="prev" title="上一页" aria-label="上一页" href="/page/19/"><i class="fa fa-angle-left"></i></a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/19/">19</a><span class="page-number current">20</span><a class="page-number" href="/page/21/">21</a><span class="space">&hellip;</span><a class="page-number" href="/page/40/">40</a><a class="extend next" rel="next" title="下一页" aria-label="下一页" href="/page/21/"><i class="fa fa-angle-right"></i></a>
+  </nav>
+
+</div>
+  </main>
+
+  <footer class="footer">
+    <div class="footer-inner">
 
 
 <div class="copyright">
@@ -1331,52 +1332,52 @@ <h2 class="post-title" itemprop="name headline">
 </div>
   <div class="powered-by">由 <a href="https://hexo.io/" rel="noopener" target="_blank">Hexo</a> & <a href="https://theme-next.js.org/" rel="noopener" target="_blank">NexT.Gemini</a> 强力驱动
   </div>
-
-    </div>
-  </footer>
-
+
+    </div>
+  </footer>
+
   
   <div class="reading-progress-bar"></div>
 
 <noscript>
   <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
 </noscript>
-
-
-  
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/next-theme-pjax/0.6.0/pjax.min.js" integrity="sha256-vxLn1tSKWD4dqbMRyv940UYw4sXgMtYcK6reefzZrao=" crossorigin="anonymous"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/medium-zoom/1.0.8/medium-zoom.min.js" integrity="sha256-7PhEpEWEW0XXQ0k6kQrPKwuoIomz8R8IYyuU1Qew4P8=" crossorigin="anonymous"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/lozad.js/1.16.0/lozad.min.js" integrity="sha256-mOFREFhqmHeQbXpK2lp4nA3qooVgACfh88fpJftLBbc=" crossorigin="anonymous"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js" integrity="sha256-j+yj56cdEY2CwkVtGyz18fNybFGpMGJ8JxG3GSyO2+I=" crossorigin="anonymous"></script>
+
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/next-theme-pjax/0.6.0/pjax.min.js" integrity="sha256-vxLn1tSKWD4dqbMRyv940UYw4sXgMtYcK6reefzZrao=" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/medium-zoom/1.0.8/medium-zoom.min.js" integrity="sha256-7PhEpEWEW0XXQ0k6kQrPKwuoIomz8R8IYyuU1Qew4P8=" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lozad.js/1.16.0/lozad.min.js" integrity="sha256-mOFREFhqmHeQbXpK2lp4nA3qooVgACfh88fpJftLBbc=" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js" integrity="sha256-j+yj56cdEY2CwkVtGyz18fNybFGpMGJ8JxG3GSyO2+I=" crossorigin="anonymous"></script>
 <script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/motion.js"></script><script src="/js/next-boot.js"></script><script src="/js/pjax.js"></script>
-
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/hexo-generator-searchdb/1.4.1/search.js" integrity="sha256-1kfA5uHPf65M5cphT2dvymhkuyHPQp5A53EGZOnOLmc=" crossorigin="anonymous"></script>
-<script src="/js/third-party/search/local-search.js"></script>
-
-
-  <script class="next-config" data-name="mermaid" type="application/json">{"enable":true,"theme":"forest","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.4.3/mermaid.min.js","integrity":"sha256-e0o3JYsdjqKajf9eOe22FhioYSz9WofRY4dLKo3F6do="}}</script>
-  <script src="/js/third-party/tags/mermaid.js"></script>
-
-
-
-
-
-  
-
-
-
-
-  
-
-  <script class="next-config" data-name="enableMath" type="application/json">false</script><script class="next-config" data-name="mathjax" type="application/json">{"enable":true,"tags":"ams","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
-<script src="/js/third-party/math/mathjax.js"></script>
-
-
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
-
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"40614764a9eaf4c07d53d70391fa56a0"}</script>
-<script src="/js/third-party/comments/gitalk.js"></script>
-
-</body>
-</html>
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/hexo-generator-searchdb/1.4.1/search.js" integrity="sha256-1kfA5uHPf65M5cphT2dvymhkuyHPQp5A53EGZOnOLmc=" crossorigin="anonymous"></script>
+<script src="/js/third-party/search/local-search.js"></script>
+
+
+  <script class="next-config" data-name="mermaid" type="application/json">{"enable":true,"theme":"forest","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.4.3/mermaid.min.js","integrity":"sha256-e0o3JYsdjqKajf9eOe22FhioYSz9WofRY4dLKo3F6do="}}</script>
+  <script src="/js/third-party/tags/mermaid.js"></script>
+
+
+
+
+
+  
+
+
+
+
+  
+
+  <script class="next-config" data-name="enableMath" type="application/json">false</script><script class="next-config" data-name="mathjax" type="application/json">{"enable":true,"tags":"ams","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
+<script src="/js/third-party/math/mathjax.js"></script>
+
+
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
+
+<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"40614764a9eaf4c07d53d70391fa56a0"}</script>
+<script src="/js/third-party/comments/gitalk.js"></script>
+
+</body>
+</html>
diff --git a/page/21/index.html b/page/21/index.html
index 2e1666469f..8ef4d12937 100644
--- a/page/21/index.html
+++ b/page/21/index.html
@@ -205,7 +205,7 @@ <h1 class="site-title">星辰大海</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2021/WYBXRB.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2021/1P39N8S.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -223,7 +223,7 @@ <h1 class="site-title">星辰大海</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2021/WYBXRB.html" class="post-title-link" itemprop="url">ORD安装完成一打开报错</a>
+          <a href="/posts/2021/1P39N8S.html" class="post-title-link" itemprop="url">ORD打印图片是黑色</a>
         </h2>
 
         <div class="post-meta-container">
@@ -264,7 +264,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>610</span>
+      <span>91</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -282,17 +282,16 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>在ORD安装完成后，一打开软件就弹出崩溃界面，在错误文件的
-<code>Managed Call Stack:</code> 处有如下错误：</p>
-<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">Managed Call Stack:</span><br><span class="line"> 0: Boolean get_EnablePerformanceChanges() from Bentley.ECObjects.ECObjects in Bentley.ECObjects3, Version=1.0.0.0, Culture=neutral, PublicKeyToken=4bf6c96a266e58d4</span><br><span class="line"> 1: Bentley.DgnPlatformNET.BentleyStatus Initialize() from Bentley.DgnPlatformNET.DgnPlatformLib in Bentley.DgnPlatformNET, Version=1.0.0.0, Culture=neutral, PublicKeyToken=4bf6c96a266e58d4</span><br><span class="line"> 2: UInt32 wWinMainCRTStartup()</span><br><span class="line"> 3: UInt32 wWinMainCRTStartup()</span><br></pre></td></tr></table></figure>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/posts/2021/WYBXRB.html#more" rel="contents">
-                阅读全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
+          <p>在 ORD
+中进行批量打印时，发现无法打印图片，图片范围全是黑色的，可以通过如下方式解决：</p>
+<figure>
+<img
 data-src="https://img.uamazing.cn:52443/2021/11/1638153837_企业微信截图_16366214984716.png"
+alt="企业微信截图_16366214984716.png" />
+<figcaption
+aria-hidden="true">企业微信截图_16366214984716.png</figcaption>
+</figure>
+<p>将 <code>Print raster images</code> 勾选即可。</p>
+
       
     </div>
 
diff --git a/page/23/index.html b/page/23/index.html
index 1735e157cc..54a53fe57d 100644
--- a/page/23/index.html
+++ b/page/23/index.html
@@ -1149,7 +1149,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-08-07 08:57:59" itemprop="dateModified" datetime="2023-08-07T08:57:59+08:00">2023-08-07</time>
+      <time title="修改时间：2023-08-21 09:29:10" itemprop="dateModified" datetime="2023-08-21T09:29:10+08:00">2023-08-21</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
diff --git a/page/28/index.html b/page/28/index.html
index 09773c6293..113bc1dcf6 100644
--- a/page/28/index.html
+++ b/page/28/index.html
@@ -667,7 +667,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/353AZ4N.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/14RZ2W.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -685,7 +685,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/353AZ4N.html" class="post-title-link" itemprop="url">MDL开发中如何创建makefile文件</a>
+          <a href="/posts/2020/14RZ2W.html" class="post-title-link" itemprop="url">MDL入门技术栈</a>
         </h2>
 
         <div class="post-meta-container">
@@ -726,14 +726,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>1.7k</span>
+      <span>1k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>2 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -744,15 +744,15 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="什么是-makefile">什么是 makefile ?</h2>
-<p>makefile关系到了整个工程的编译规则。一个工程中的源文件不计其数，并且按类型、功能、模块分别放在若干个目录中，makefile定义了一系列的规则来指定，哪些文件需要先编译，哪些文件需要后编译，哪些文件需要重新编译，甚至于进行更复杂的功能操作，因为makefile就像一个Shell脚本一样，其中也可以执行操作系统的命令。</p>
-<blockquote>
-<p>因为 windows
-集成的开发环境为我们做了上述工作，所以在平时开发的时候，没有太多的感觉。</p>
-</blockquote>
+          <p>随着 Bentley 二开的深入，对各种需求的不断增加，面向 .NET 提供的 API
+已经有些不能满足需求了，这就迫使我们必须接触 MDL 的开发，利用 Bentley
+面向 C++ 提供的丰富接口，达到我们的需求。</p>
+<p>本教程基于优先社区的 <a
+target="_blank" rel="noopener" href="https://communities.bentley.com/communities/other_communities/bdn_other_communities/b/bdn-blog/posts/ce-mdl-0">一步步学习MDL</a>
+教程，再根据自己的知识短板，进行其它相关知识的补充以及对教程的深入解读。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/353AZ4N.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/14RZ2W.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -783,7 +783,7 @@ <h2 id="什么是-makefile">什么是 makefile ?</h2>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/14RZ2W.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/353AZ4N.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -801,7 +801,7 @@ <h2 id="什么是-makefile">什么是 makefile ?</h2>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/14RZ2W.html" class="post-title-link" itemprop="url">MDL入门技术栈</a>
+          <a href="/posts/2020/353AZ4N.html" class="post-title-link" itemprop="url">MDL开发中如何创建makefile文件</a>
         </h2>
 
         <div class="post-meta-container">
@@ -842,14 +842,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>1k</span>
+      <span>1.7k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>2 分钟</span>
     </span>
 </div>
 
@@ -860,15 +860,15 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>随着 Bentley 二开的深入，对各种需求的不断增加，面向 .NET 提供的 API
-已经有些不能满足需求了，这就迫使我们必须接触 MDL 的开发，利用 Bentley
-面向 C++ 提供的丰富接口，达到我们的需求。</p>
-<p>本教程基于优先社区的 <a
-target="_blank" rel="noopener" href="https://communities.bentley.com/communities/other_communities/bdn_other_communities/b/bdn-blog/posts/ce-mdl-0">一步步学习MDL</a>
-教程，再根据自己的知识短板，进行其它相关知识的补充以及对教程的深入解读。</p>
+          <h2 id="什么是-makefile">什么是 makefile ?</h2>
+<p>makefile关系到了整个工程的编译规则。一个工程中的源文件不计其数，并且按类型、功能、模块分别放在若干个目录中，makefile定义了一系列的规则来指定，哪些文件需要先编译，哪些文件需要后编译，哪些文件需要重新编译，甚至于进行更复杂的功能操作，因为makefile就像一个Shell脚本一样，其中也可以执行操作系统的命令。</p>
+<blockquote>
+<p>因为 windows
+集成的开发环境为我们做了上述工作，所以在平时开发的时候，没有太多的感觉。</p>
+</blockquote>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/14RZ2W.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/353AZ4N.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -1025,7 +1025,7 @@ <h2 id="判断点与曲线的关系">判断点与曲线的关系</h2>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/35KNZY8.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/3H6MPWC.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -1043,7 +1043,7 @@ <h2 id="判断点与曲线的关系">判断点与曲线的关系</h2>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/35KNZY8.html" class="post-title-link" itemprop="url">用命令行安装mongodb指南</a>
+          <a href="/posts/2020/3H6MPWC.html" class="post-title-link" itemprop="url">mongodb的备份、还原、导出、导入</a>
         </h2>
 
         <div class="post-meta-container">
@@ -1056,13 +1056,6 @@ <h2 class="post-title" itemprop="name headline">
 
       <time title="创建时间：2020-09-18 00:00:00" itemprop="dateCreated datePublished" datetime="2020-09-18T00:00:00+08:00">2020-09-18</time>
     </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-07-06 08:36:31" itemprop="dateModified" datetime="2023-07-06T08:36:31+08:00">2023-07-06</time>
-    </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-folder"></i>
@@ -1088,14 +1081,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>2.5k</span>
+      <span>881</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>2 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -1106,12 +1099,11 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>在用 scoop 安装 mongodb
-后，没有像直接使用安装包那样，会将数据库服务一次安装到位，而是需要使用命令行来进行安装。</p>
-<p>网上虽然有很多的教程，但是参差不齐，每次想找到一个能使用，还是会浪费一些时间，于是根据自己的需要，进行了总结。</p>
+          <p>有时候，我们需要将 mongodb 的数据进行备份和还原，然后采用 Navicat
+这种可视化工具导出的数据集合会有一个问题，就是一个文档的字段里面如果包含对象，它是不能支持的。所以我们需要用到原生的命令来进行。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/35KNZY8.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/3H6MPWC.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -1142,7 +1134,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/3H6MPWC.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/35KNZY8.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -1160,7 +1152,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/3H6MPWC.html" class="post-title-link" itemprop="url">mongodb的备份、还原、导出、导入</a>
+          <a href="/posts/2020/35KNZY8.html" class="post-title-link" itemprop="url">用命令行安装mongodb指南</a>
         </h2>
 
         <div class="post-meta-container">
@@ -1173,6 +1165,13 @@ <h2 class="post-title" itemprop="name headline">
 
       <time title="创建时间：2020-09-18 00:00:00" itemprop="dateCreated datePublished" datetime="2020-09-18T00:00:00+08:00">2020-09-18</time>
     </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2023-07-06 08:36:31" itemprop="dateModified" datetime="2023-07-06T08:36:31+08:00">2023-07-06</time>
+    </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-folder"></i>
@@ -1198,14 +1197,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>881</span>
+      <span>2.5k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>2 分钟</span>
     </span>
 </div>
 
@@ -1216,11 +1215,12 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>有时候，我们需要将 mongodb 的数据进行备份和还原，然后采用 Navicat
-这种可视化工具导出的数据集合会有一个问题，就是一个文档的字段里面如果包含对象，它是不能支持的。所以我们需要用到原生的命令来进行。</p>
+          <p>在用 scoop 安装 mongodb
+后，没有像直接使用安装包那样，会将数据库服务一次安装到位，而是需要使用命令行来进行安装。</p>
+<p>网上虽然有很多的教程，但是参差不齐，每次想找到一个能使用，还是会浪费一些时间，于是根据自己的需要，进行了总结。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/3H6MPWC.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/35KNZY8.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/29/index.html b/page/29/index.html
index 8246dfc815..1b27fcc0ba 100644
--- a/page/29/index.html
+++ b/page/29/index.html
@@ -789,7 +789,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/317EM2J.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/B9PE5D.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -807,7 +807,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/317EM2J.html" class="post-title-link" itemprop="url">American accent</a>
+          <a href="/posts/2020/B9PE5D.html" class="post-title-link" itemprop="url">12 Egnlish Tenses</a>
         </h2>
 
         <div class="post-meta-container">
@@ -844,14 +844,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>2.1k</span>
+      <span>1.4k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>2 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -862,10 +862,11 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>There are the notes of American accent.</p>
+          <p>I decide to learn the <strong>12 basic English tenses</strong>. There
+are some notes bellow.</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/317EM2J.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/B9PE5D.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -896,7 +897,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/B9PE5D.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/317EM2J.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -914,7 +915,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/B9PE5D.html" class="post-title-link" itemprop="url">12 Egnlish Tenses</a>
+          <a href="/posts/2020/317EM2J.html" class="post-title-link" itemprop="url">American accent</a>
         </h2>
 
         <div class="post-meta-container">
@@ -951,14 +952,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>1.4k</span>
+      <span>2.1k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>2 分钟</span>
     </span>
 </div>
 
@@ -969,11 +970,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>I decide to learn the <strong>12 basic English tenses</strong>. There
-are some notes bellow.</p>
+          <p>There are the notes of American accent.</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/B9PE5D.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/317EM2J.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/31/index.html b/page/31/index.html
index 61d38695c5..fda4a81b7d 100644
--- a/page/31/index.html
+++ b/page/31/index.html
@@ -205,7 +205,7 @@ <h1 class="site-title">星辰大海</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/31H546G.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/1P955T2.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -223,7 +223,7 @@ <h1 class="site-title">星辰大海</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/31H546G.html" class="post-title-link" itemprop="url">将元素的颜色设置为 ByLevel</a>
+          <a href="/posts/2020/1P955T2.html" class="post-title-link" itemprop="url">引线标注</a>
         </h2>
 
         <div class="post-meta-container">
@@ -264,14 +264,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>1.1k</span>
+      <span>6.1k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>6 分钟</span>
     </span>
 </div>
 
@@ -282,11 +282,11 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>在给元素添加颜色的过程中，发现不能直接将颜色号设置成
--1（ByLevel），经过在优先社区的查找，终于解决了，特此记录。</p>
+          <p>最近用 C# 对 ORD
+进行二次开发，做一个自动出图工具。其中必不可少的就是标注，被各种标注折腾得死去活来，特别是引线标注，坑特别多，特记录下来，供和大家学习交流，若有不正确之处，还请斧正。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/31H546G.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/1P955T2.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -317,7 +317,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/1P955T2.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/31H546G.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -335,7 +335,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/1P955T2.html" class="post-title-link" itemprop="url">引线标注</a>
+          <a href="/posts/2020/31H546G.html" class="post-title-link" itemprop="url">将元素的颜色设置为 ByLevel</a>
         </h2>
 
         <div class="post-meta-container">
@@ -376,14 +376,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>6.1k</span>
+      <span>1.1k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>6 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -394,11 +394,11 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>最近用 C# 对 ORD
-进行二次开发，做一个自动出图工具。其中必不可少的就是标注，被各种标注折腾得死去活来，特别是引线标注，坑特别多，特记录下来，供和大家学习交流，若有不正确之处，还请斧正。</p>
+          <p>在给元素添加颜色的过程中，发现不能直接将颜色号设置成
+-1（ByLevel），经过在优先社区的查找，终于解决了，特此记录。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/1P955T2.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/31H546G.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/32/index.html b/page/32/index.html
index 92f8cdb26e..1b78d79135 100644
--- a/page/32/index.html
+++ b/page/32/index.html
@@ -792,7 +792,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/K6BTSD.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/25EQ87B.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -810,7 +810,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/K6BTSD.html" class="post-title-link" itemprop="url">RESTful API 规范</a>
+          <a href="/posts/2020/25EQ87B.html" class="post-title-link" itemprop="url">最全最详细 http 状态码介绍</a>
         </h2>
 
         <div class="post-meta-container">
@@ -851,14 +851,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>67</span>
+      <span>11k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>10 分钟</span>
     </span>
 </div>
 
@@ -869,10 +869,20 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>HTTP状态码：</p>
-<p>摘抄至：</p>
-<p>http://www.ruanyifeng.com/blog/2014/05/restful_api.html</p>
-
+          <p>HTTP 响应状态代码指示特定 <a
+target="_blank" rel="noopener" href="https://developer.mozilla.org/zh-cn/HTTP">HTTP</a>
+请求是否已成功完成。响应分为五类：信息响应(<code>100</code>–<code>199</code>)，成功响应(<code>200</code>–<code>299</code>)，重定向(<code>300</code>–<code>399</code>)，客户端错误(<code>400</code>–<code>499</code>)和服务器错误
+(<code>500</code>–<code>599</code>)。状态代码由 <a
+target="_blank" rel="noopener" href="https://tools.ietf.org/html/rfc2616#section-10">section 10 of RFC
+2616</a>定义</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/posts/2020/25EQ87B.html#more" rel="contents">
+                阅读全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
       
     </div>
 
@@ -898,7 +908,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/25EQ87B.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/K6BTSD.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -916,7 +926,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/25EQ87B.html" class="post-title-link" itemprop="url">最全最详细 http 状态码介绍</a>
+          <a href="/posts/2020/K6BTSD.html" class="post-title-link" itemprop="url">RESTful API 规范</a>
         </h2>
 
         <div class="post-meta-container">
@@ -957,14 +967,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>11k</span>
+      <span>67</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>10 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -975,20 +985,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>HTTP 响应状态代码指示特定 <a
-target="_blank" rel="noopener" href="https://developer.mozilla.org/zh-cn/HTTP">HTTP</a>
-请求是否已成功完成。响应分为五类：信息响应(<code>100</code>–<code>199</code>)，成功响应(<code>200</code>–<code>299</code>)，重定向(<code>300</code>–<code>399</code>)，客户端错误(<code>400</code>–<code>499</code>)和服务器错误
-(<code>500</code>–<code>599</code>)。状态代码由 <a
-target="_blank" rel="noopener" href="https://tools.ietf.org/html/rfc2616#section-10">section 10 of RFC
-2616</a>定义</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/posts/2020/25EQ87B.html#more" rel="contents">
-                阅读全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
+          <p>HTTP状态码：</p>
+<p>摘抄至：</p>
+<p>http://www.ruanyifeng.com/blog/2014/05/restful_api.html</p>
+
       
     </div>
 
diff --git a/page/33/index.html b/page/33/index.html
index f4ee578989..02a5b5ada1 100644
--- a/page/33/index.html
+++ b/page/33/index.html
@@ -805,7 +805,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/1H4GT7T.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/3R00ZSM.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -823,7 +823,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/1H4GT7T.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</a>
+          <a href="/posts/2020/3R00ZSM.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</a>
         </h2>
 
         <div class="post-meta-container">
@@ -868,14 +868,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>6.7k</span>
+      <span>1.9k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>6 分钟</span>
+      <span>2 分钟</span>
     </span>
 </div>
 
@@ -886,11 +886,62 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>Screen 和 Conductor
-是一个简单的主题，但它需要一些思维跳跃，并且要求您在它们变得有意义之前覆盖它们的所有部分。相信我，值得你花时间阅读这篇文章——它们非常强大，值得你花时间投资。</p>
+          <h2 id="简介summary">简介（Summary）</h2>
+<p><code>Execute</code>
+是一个小的静态帮助类，它使得在UI线程上运行委托变得更容易。它包装了
+<code>Application.Current.Dispatcher</code>，并提供使其更容易和更简洁使用的方法。</p>
+<p>它还提供了一个属性的帮助类：<code>Execute.InDesignMode</code>。当且仅当
+Visual Studio 或 Expression Blend
+设计器处于活动状态，并且代码为了设计时显示提供虚拟数据时。</p>
+<p>下表给出了它提供的方法的总结，后面给出了更深入的解释：</p>
+<table>
+<colgroup>
+<col style="width: 41%" />
+<col style="width: 27%" />
+<col style="width: 30%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>Method</th>
+<th style="text-align: center;">Inline if possible</th>
+<th style="text-align: center;">Waits for Completion</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>Execute.OnUIThread</td>
+<td style="text-align: center;">✔</td>
+<td style="text-align: center;">✘</td>
+</tr>
+<tr class="even">
+<td>Execute.OnUIThreadSync</td>
+<td style="text-align: center;">✔</td>
+<td style="text-align: center;">✔ (Blocks)</td>
+</tr>
+<tr class="odd">
+<td>Execute.OnUIThreadAsync</td>
+<td style="text-align: center;">✔</td>
+<td style="text-align: center;">✔ (Task)</td>
+</tr>
+<tr class="even">
+<td>Execute.PostToUIThread</td>
+<td style="text-align: center;">✘</td>
+<td style="text-align: center;">✘</td>
+</tr>
+<tr class="odd">
+<td>Execute.PostToUIThreadAsync</td>
+<td style="text-align: center;">✘</td>
+<td style="text-align: center;">✔ (Task)</td>
+</tr>
+</tbody>
+</table>
+<p><strong>Inline if possible</strong>:
+该方法将检查当前线程是否为UI线程。如果是，则委托将同步运行。如果不是，那么它将以某种形式被分派到UI线程。</p>
+<p><strong>Waits for completion:</strong>
+要么阻塞直到委托完成执行，要么返回一个任务，该任务在委托完成执行时完成。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/1H4GT7T.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/3R00ZSM.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -921,7 +972,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/3R00ZSM.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/1H4GT7T.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -939,7 +990,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/3R00ZSM.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</a>
+          <a href="/posts/2020/1H4GT7T.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</a>
         </h2>
 
         <div class="post-meta-container">
@@ -984,14 +1035,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>1.9k</span>
+      <span>6.7k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>2 分钟</span>
+      <span>6 分钟</span>
     </span>
 </div>
 
@@ -1002,62 +1053,11 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="简介summary">简介（Summary）</h2>
-<p><code>Execute</code>
-是一个小的静态帮助类，它使得在UI线程上运行委托变得更容易。它包装了
-<code>Application.Current.Dispatcher</code>，并提供使其更容易和更简洁使用的方法。</p>
-<p>它还提供了一个属性的帮助类：<code>Execute.InDesignMode</code>。当且仅当
-Visual Studio 或 Expression Blend
-设计器处于活动状态，并且代码为了设计时显示提供虚拟数据时。</p>
-<p>下表给出了它提供的方法的总结，后面给出了更深入的解释：</p>
-<table>
-<colgroup>
-<col style="width: 41%" />
-<col style="width: 27%" />
-<col style="width: 30%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>Method</th>
-<th style="text-align: center;">Inline if possible</th>
-<th style="text-align: center;">Waits for Completion</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>Execute.OnUIThread</td>
-<td style="text-align: center;">✔</td>
-<td style="text-align: center;">✘</td>
-</tr>
-<tr class="even">
-<td>Execute.OnUIThreadSync</td>
-<td style="text-align: center;">✔</td>
-<td style="text-align: center;">✔ (Blocks)</td>
-</tr>
-<tr class="odd">
-<td>Execute.OnUIThreadAsync</td>
-<td style="text-align: center;">✔</td>
-<td style="text-align: center;">✔ (Task)</td>
-</tr>
-<tr class="even">
-<td>Execute.PostToUIThread</td>
-<td style="text-align: center;">✘</td>
-<td style="text-align: center;">✘</td>
-</tr>
-<tr class="odd">
-<td>Execute.PostToUIThreadAsync</td>
-<td style="text-align: center;">✘</td>
-<td style="text-align: center;">✔ (Task)</td>
-</tr>
-</tbody>
-</table>
-<p><strong>Inline if possible</strong>:
-该方法将检查当前线程是否为UI线程。如果是，则委托将同步运行。如果不是，那么它将以某种形式被分派到UI线程。</p>
-<p><strong>Waits for completion:</strong>
-要么阻塞直到委托完成执行，要么返回一个任务，该任务在委托完成执行时完成。</p>
+          <p>Screen 和 Conductor
+是一个简单的主题，但它需要一些思维跳跃，并且要求您在它们变得有意义之前覆盖它们的所有部分。相信我，值得你花时间阅读这篇文章——它们非常强大，值得你花时间投资。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/3R00ZSM.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/1H4GT7T.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -1325,7 +1325,7 @@ <h2 id="简介introduction">简介（Introduction）</h2>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/4NQDGJ.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/39AEVSS.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -1343,7 +1343,7 @@ <h2 id="简介introduction">简介（Introduction）</h2>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/4NQDGJ.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）18-Logging</a>
+          <a href="/posts/2020/39AEVSS.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）15-The ViewManager</a>
         </h2>
 
         <div class="post-meta-container">
@@ -1388,14 +1388,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>1.2k</span>
+      <span>2.3k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>2 分钟</span>
     </span>
 </div>
 
@@ -1406,14 +1406,13 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="简介">简介</h2>
-<p>有时候，查看 Stylet
-在幕后做了什么是很有用的，特别是当它没有做一些你期望它做的事情，或者做一些意想不到的事情的时候。</p>
-<p>值得庆幸的是，Stylet
-可以很容易地配置来生成日志输出，因此您可以了解它在做什么。</p>
+          <p>ViewManager 是 Stylet 的核心组件之一，负责获取
+ViewModel，并为其定位正确的视图。然后实例化该视图，并将其绑定到
+ViewModel。</p>
+<p>本文将告诉您这个过程是如何工作的，以及如何修改它。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/4NQDGJ.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/39AEVSS.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/34/index.html b/page/34/index.html
index e5a31c4451..73b074723b 100644
--- a/page/34/index.html
+++ b/page/34/index.html
@@ -205,7 +205,7 @@ <h1 class="site-title">星辰大海</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/39AEVSS.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/1SHECQH.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -223,7 +223,7 @@ <h1 class="site-title">星辰大海</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/39AEVSS.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）15-The ViewManager</a>
+          <a href="/posts/2020/1SHECQH.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</a>
         </h2>
 
         <div class="post-meta-container">
@@ -268,14 +268,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>2.3k</span>
+      <span>4.2k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>2 分钟</span>
+      <span>4 分钟</span>
     </span>
 </div>
 
@@ -286,13 +286,13 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>ViewManager 是 Stylet 的核心组件之一，负责获取
-ViewModel，并为其定位正确的视图。然后实例化该视图，并将其绑定到
-ViewModel。</p>
-<p>本文将告诉您这个过程是如何工作的，以及如何修改它。</p>
+          <p>可能容易实现
+INotifyPropertyChanged，但通常是有点痛苦，想象一个对象需要<code>propertychange</code>
+通知：你需要注册一个事件处理程序,检查属性名是否是你所期望的,完成后又需要注销事件处理程序。</p>
+<p>这是一个很常见的问题，Stylet提供了一些方法来简化工作。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/39AEVSS.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/1SHECQH.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -445,7 +445,7 @@ <h2 id="简介introduction">简介（Introduction）</h2>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/1SHECQH.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2020/4NQDGJ.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -463,7 +463,7 @@ <h2 id="简介introduction">简介（Introduction）</h2>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2020/1SHECQH.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</a>
+          <a href="/posts/2020/4NQDGJ.html" class="post-title-link" itemprop="url">WPF MVVM Stylet使用文档（中文）18-Logging</a>
         </h2>
 
         <div class="post-meta-container">
@@ -508,14 +508,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>4.2k</span>
+      <span>1.2k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>4 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -526,13 +526,14 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>可能容易实现
-INotifyPropertyChanged，但通常是有点痛苦，想象一个对象需要<code>propertychange</code>
-通知：你需要注册一个事件处理程序,检查属性名是否是你所期望的,完成后又需要注销事件处理程序。</p>
-<p>这是一个很常见的问题，Stylet提供了一些方法来简化工作。</p>
+          <h2 id="简介">简介</h2>
+<p>有时候，查看 Stylet
+在幕后做了什么是很有用的，特别是当它没有做一些你期望它做的事情，或者做一些意想不到的事情的时候。</p>
+<p>值得庆幸的是，Stylet
+可以很容易地配置来生成日志输出，因此您可以了解它在做什么。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2020/1SHECQH.html#more" rel="contents">
+              <a class="btn" href="/posts/2020/4NQDGJ.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/37/index.html b/page/37/index.html
index 8d5bf9e350..7132fbd513 100644
--- a/page/37/index.html
+++ b/page/37/index.html
@@ -205,7 +205,7 @@ <h1 class="site-title">星辰大海</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2019/2YZ5NBS.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2019/3PCKARV.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -223,7 +223,7 @@ <h1 class="site-title">星辰大海</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2019/2YZ5NBS.html" class="post-title-link" itemprop="url">博客 CDN 加速和增加 Live2d</a>
+          <a href="/posts/2019/3PCKARV.html" class="post-title-link" itemprop="url">一步步在 github pages 上用 jekyll 搭建属于自己的博客</a>
         </h2>
 
         <div class="post-meta-container">
@@ -260,14 +260,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>3.3k</span>
+      <span>2.4k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>3 分钟</span>
+      <span>2 分钟</span>
     </span>
 </div>
 
@@ -279,20 +279,15 @@ <h2 class="post-title" itemprop="name headline">
     
     <div class="post-body" itemprop="articleBody">
           <figure>
-<img data-src="https://i.loli.net/2019/11/24/ZPfUFSTdKuXQlq1.png"
-alt="TIM截图20191124131312.png" />
-<figcaption aria-hidden="true">TIM截图20191124131312.png</figcaption>
+<img data-src="https://i.loli.net/2019/11/23/H5sBjnXVbCfIh9t.jpg"
+alt="image-20191123112911663.jpg" />
+<figcaption aria-hidden="true">image-20191123112911663.jpg</figcaption>
 </figure>
-<h1 id="序">序</h1>
-<p>辛辛苦苦终于将自己的博客建设起来了，但是因为挂载在 github page
-的原因，导致国内访问速度有点慢得让人不能接受，偶然间在一个大神的文章 <a
-target="_blank" rel="noopener" href="https://wu-kan.github.io/posts/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/%E5%9F%BA%E4%BA%8EJekyll%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2">基于Jekyll搭建个人博客</a>
-里面获得了一个方法，可以对 js , css 进行 cdn
-加速，同时，也在她的博客里看到了 Live2d
-有意思的扩展，于是在原来的基础上进行了修改。</p>
+<h3 id="序">序</h3>
+<p>我的专业与互联网没有太大关系，接触博客还是工作以后的事情。随着工作的经验增加，总想将自己的所思所得记录下来，毕竟，好记性不如烂笔头。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2019/2YZ5NBS.html#more" rel="contents">
+              <a class="btn" href="/posts/2019/3PCKARV.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -323,7 +318,7 @@ <h1 id="序">序</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2019/24BB768.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2019/2YZ5NBS.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -341,7 +336,7 @@ <h1 id="序">序</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2019/24BB768.html" class="post-title-link" itemprop="url">博客搭建历程</a>
+          <a href="/posts/2019/2YZ5NBS.html" class="post-title-link" itemprop="url">博客 CDN 加速和增加 Live2d</a>
         </h2>
 
         <div class="post-meta-container">
@@ -359,7 +354,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-03-17 00:00:00" itemprop="dateModified" datetime="2023-03-17T00:00:00+08:00">2023-03-17</time>
+      <time title="修改时间：2023-04-13 23:31:13" itemprop="dateModified" datetime="2023-04-13T23:31:13+08:00">2023-04-13</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -378,14 +373,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>671</span>
+      <span>3.3k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>3 分钟</span>
     </span>
 </div>
 
@@ -396,10 +391,21 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>本文记录本人搭建博客的历程，虽不精彩，但于我来说是一份难得的回忆，值此保留。</p>
+          <figure>
+<img data-src="https://i.loli.net/2019/11/24/ZPfUFSTdKuXQlq1.png"
+alt="TIM截图20191124131312.png" />
+<figcaption aria-hidden="true">TIM截图20191124131312.png</figcaption>
+</figure>
+<h1 id="序">序</h1>
+<p>辛辛苦苦终于将自己的博客建设起来了，但是因为挂载在 github page
+的原因，导致国内访问速度有点慢得让人不能接受，偶然间在一个大神的文章 <a
+target="_blank" rel="noopener" href="https://wu-kan.github.io/posts/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/%E5%9F%BA%E4%BA%8EJekyll%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2">基于Jekyll搭建个人博客</a>
+里面获得了一个方法，可以对 js , css 进行 cdn
+加速，同时，也在她的博客里看到了 Live2d
+有意思的扩展，于是在原来的基础上进行了修改。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2019/24BB768.html#more" rel="contents">
+              <a class="btn" href="/posts/2019/2YZ5NBS.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -430,7 +436,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2019/3PCKARV.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2019/24BB768.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -448,7 +454,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2019/3PCKARV.html" class="post-title-link" itemprop="url">一步步在 github pages 上用 jekyll 搭建属于自己的博客</a>
+          <a href="/posts/2019/24BB768.html" class="post-title-link" itemprop="url">博客搭建历程</a>
         </h2>
 
         <div class="post-meta-container">
@@ -466,7 +472,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-04-13 23:31:13" itemprop="dateModified" datetime="2023-04-13T23:31:13+08:00">2023-04-13</time>
+      <time title="修改时间：2023-03-17 00:00:00" itemprop="dateModified" datetime="2023-03-17T00:00:00+08:00">2023-03-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -485,14 +491,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>2.4k</span>
+      <span>671</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>2 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -503,16 +509,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <figure>
-<img data-src="https://i.loli.net/2019/11/23/H5sBjnXVbCfIh9t.jpg"
-alt="image-20191123112911663.jpg" />
-<figcaption aria-hidden="true">image-20191123112911663.jpg</figcaption>
-</figure>
-<h3 id="序">序</h3>
-<p>我的专业与互联网没有太大关系，接触博客还是工作以后的事情。随着工作的经验增加，总想将自己的所思所得记录下来，毕竟，好记性不如烂笔头。</p>
+          <p>本文记录本人搭建博客的历程，虽不精彩，但于我来说是一份难得的回忆，值此保留。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2019/3PCKARV.html#more" rel="contents">
+              <a class="btn" href="/posts/2019/24BB768.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/5/index.html b/page/5/index.html
index 18ca331ff2..a547e5e1a2 100644
--- a/page/5/index.html
+++ b/page/5/index.html
@@ -316,7 +316,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2023/1JSFERW.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2023/1N5WRFM.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -334,7 +334,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2023/1JSFERW.html" class="post-title-link" itemprop="url">z.lua 安装</a>
+          <a href="/posts/2023/1N5WRFM.html" class="post-title-link" itemprop="url">Powershell7 实用插件集</a>
         </h2>
 
         <div class="post-meta-container">
@@ -368,7 +368,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>669</span>
+      <span>874</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -386,13 +386,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>z.lua 是一个快速路径切换工具，它会跟踪你在 shell
-下访问过的路径，通过一套称为 Frecent 的机制（源自
-FireFox），经过一段简短的学习之后，z.lua
-会帮你跳转到所有匹配正则关键字的路径里 Frecent 值最高的那条路径去。</p>
+          <p>本文列举 Powershell7 中比较好用的插件。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2023/1JSFERW.html#more" rel="contents">
+              <a class="btn" href="/posts/2023/1N5WRFM.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -423,7 +420,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2023/1N5WRFM.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2023/1JSFERW.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -441,7 +438,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2023/1N5WRFM.html" class="post-title-link" itemprop="url">Powershell7 实用插件集</a>
+          <a href="/posts/2023/1JSFERW.html" class="post-title-link" itemprop="url">z.lua 安装</a>
         </h2>
 
         <div class="post-meta-container">
@@ -475,7 +472,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>874</span>
+      <span>669</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -493,10 +490,13 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>本文列举 Powershell7 中比较好用的插件。</p>
+          <p>z.lua 是一个快速路径切换工具，它会跟踪你在 shell
+下访问过的路径，通过一套称为 Frecent 的机制（源自
+FireFox），经过一段简短的学习之后，z.lua
+会帮你跳转到所有匹配正则关键字的路径里 Frecent 值最高的那条路径去。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2023/1N5WRFM.html#more" rel="contents">
+              <a class="btn" href="/posts/2023/1JSFERW.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/8/index.html b/page/8/index.html
index ae73f5bafa..312dbfe178 100644
--- a/page/8/index.html
+++ b/page/8/index.html
@@ -1100,7 +1100,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/DPK9DJ.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/3G3ZXDE.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -1118,7 +1118,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/DPK9DJ.html" class="post-title-link" itemprop="url">vue 中 v-model 的最佳实现</a>
+          <a href="/posts/2022/3G3ZXDE.html" class="post-title-link" itemprop="url">asyncComputed 的原理浅析及使用</a>
         </h2>
 
         <div class="post-meta-container">
@@ -1160,14 +1160,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>2.3k</span>
+      <span>327</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>2 分钟</span>
+      <span>1 分钟</span>
     </span>
 </div>
 
@@ -1178,14 +1178,13 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>在利用 vue
-开发一个组件时，可能需要它能够实时响应变化的值，这个时候我们就需要用到
-<code>v-model</code>。</p>
-<p>然而在实际使用中，如果有两个相互影响的变量要进行实时变化时，就可能导致无限循环，提升编码难度。</p>
-<p>本文给出了一个 <code>v-model</code> 的最佳实践，可以参考使用。</p>
+          <p>在 vue 的计算属性中，是不能使用异步的，这个时候就需要用到 <a
+target="_blank" rel="noopener" href="https://github.com/foxbenjaminfox/vue-async-computed">vue-async-computed</a>
+这个包提供的 <code>asyncComputed</code> 来实现异步计算属性。</p>
+<p>本文将浅析其实现原理，然后介绍使用方法。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/DPK9DJ.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/3G3ZXDE.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
@@ -1216,7 +1215,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/3G3ZXDE.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/DPK9DJ.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -1234,7 +1233,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/3G3ZXDE.html" class="post-title-link" itemprop="url">asyncComputed 的原理浅析及使用</a>
+          <a href="/posts/2022/DPK9DJ.html" class="post-title-link" itemprop="url">vue 中 v-model 的最佳实现</a>
         </h2>
 
         <div class="post-meta-container">
@@ -1276,14 +1275,14 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>327</span>
+      <span>2.3k</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
         <i class="far fa-clock"></i>
       </span>
       <span class="post-meta-item-text">阅读时长 &asymp;</span>
-      <span>1 分钟</span>
+      <span>2 分钟</span>
     </span>
 </div>
 
@@ -1294,13 +1293,14 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>在 vue 的计算属性中，是不能使用异步的，这个时候就需要用到 <a
-target="_blank" rel="noopener" href="https://github.com/foxbenjaminfox/vue-async-computed">vue-async-computed</a>
-这个包提供的 <code>asyncComputed</code> 来实现异步计算属性。</p>
-<p>本文将浅析其实现原理，然后介绍使用方法。</p>
+          <p>在利用 vue
+开发一个组件时，可能需要它能够实时响应变化的值，这个时候我们就需要用到
+<code>v-model</code>。</p>
+<p>然而在实际使用中，如果有两个相互影响的变量要进行实时变化时，就可能导致无限循环，提升编码难度。</p>
+<p>本文给出了一个 <code>v-model</code> 的最佳实践，可以参考使用。</p>
           <!--noindex-->
             <div class="post-button">
-              <a class="btn" href="/posts/2022/3G3ZXDE.html#more" rel="contents">
+              <a class="btn" href="/posts/2022/DPK9DJ.html#more" rel="contents">
                 阅读全文 &raquo;
               </a>
             </div>
diff --git a/page/9/index.html b/page/9/index.html
index 0e48902ae7..20dcd4a2e1 100644
--- a/page/9/index.html
+++ b/page/9/index.html
@@ -1085,7 +1085,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1BXSKSD.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/54B652.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -1103,7 +1103,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/1BXSKSD.html" class="post-title-link" itemprop="url">编程风格指南</a>
+          <a href="/posts/2022/54B652.html" class="post-title-link" itemprop="url">C# 优雅编程</a>
         </h2>
 
         <div class="post-meta-container">
@@ -1137,7 +1137,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>25</span>
+      <span>0</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -1155,15 +1155,8 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>本文总结了 C# 中的编程风格，使编写的代码更加优雅。</p>
-          <!--noindex-->
-            <div class="post-button">
-              <a class="btn" href="/posts/2022/1BXSKSD.html#more" rel="contents">
-                阅读全文 &raquo;
-              </a>
-            </div>
-          <!--/noindex-->
-        
+          
+
       
     </div>
 
@@ -1189,7 +1182,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/54B652.html">
+    <link itemprop="mainEntityOfPage" href="https://galens.uamazing.cn/posts/2022/1BXSKSD.html">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="https://s2.loli.net/2022/02/13/nA5l6TkJMgNmtxr.png">
@@ -1207,7 +1200,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/2022/54B652.html" class="post-title-link" itemprop="url">C# 优雅编程</a>
+          <a href="/posts/2022/1BXSKSD.html" class="post-title-link" itemprop="url">编程风格指南</a>
         </h2>
 
         <div class="post-meta-container">
@@ -1241,7 +1234,7 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-file-word"></i>
       </span>
       <span class="post-meta-item-text">本文字数：</span>
-      <span>0</span>
+      <span>25</span>
     </span>
     <span class="post-meta-item" title="阅读时长">
       <span class="post-meta-item-icon">
@@ -1259,8 +1252,15 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          
-
+          <p>本文总结了 C# 中的编程风格，使编写的代码更加优雅。</p>
+          <!--noindex-->
+            <div class="post-button">
+              <a class="btn" href="/posts/2022/1BXSKSD.html#more" rel="contents">
+                阅读全文 &raquo;
+              </a>
+            </div>
+          <!--/noindex-->
+        
       
     </div>
 
diff --git a/posts/2019/24BB768.html b/posts/2019/24BB768.html
index b50e5a5475..c0d5870224 100644
--- a/posts/2019/24BB768.html
+++ b/posts/2019/24BB768.html
@@ -380,8 +380,8 @@ <h2 id="博客从-jekyll-引擎换成-hexo-引擎">2021/08/13 博客从 jekyll
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2019/3PCKARV.html" rel="prev" title="一步步在 github pages 上用 jekyll 搭建属于自己的博客">
-                  <i class="fa fa-chevron-left"></i> 一步步在 github pages 上用 jekyll 搭建属于自己的博客
+                <a href="/posts/2019/7W71XB.html" rel="prev" title="管理 Microstation CE 版本的环境配置">
+                  <i class="fa fa-chevron-left"></i> 管理 Microstation CE 版本的环境配置
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2019/2YZ5NBS.html b/posts/2019/2YZ5NBS.html
index 455509f0cf..9583e74b06 100644
--- a/posts/2019/2YZ5NBS.html
+++ b/posts/2019/2YZ5NBS.html
@@ -31,9 +31,9 @@
 <meta property="article:published_time" content="2019-11-22T16:00:00.000Z">
 <meta property="article:modified_time" content="2023-04-13T15:31:13.397Z">
 <meta property="article:author" content="明不知昔">
+<meta property="article:tag" content="jekyll">
 <meta property="article:tag" content="个人博客搭建">
 <meta property="article:tag" content="CDN 加速">
-<meta property="article:tag" content="jekyll">
 <meta property="article:tag" content="galens">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:image" content="https://i.loli.net/2019/11/24/ZPfUFSTdKuXQlq1.png">
@@ -396,9 +396,9 @@ <h1 id="致谢">致谢</h1>
 </div>
 
           <div class="post-tags">
+              <a href="/tags/jekyll/" rel="tag"><i class="fa fa-tag"></i> jekyll</a>
               <a href="/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/" rel="tag"><i class="fa fa-tag"></i> 个人博客搭建</a>
               <a href="/tags/CDN-%E5%8A%A0%E9%80%9F/" rel="tag"><i class="fa fa-tag"></i> CDN 加速</a>
-              <a href="/tags/jekyll/" rel="tag"><i class="fa fa-tag"></i> jekyll</a>
               <a href="/tags/galens/" rel="tag"><i class="fa fa-tag"></i> galens</a>
           </div>
 
@@ -411,8 +411,8 @@ <h1 id="致谢">致谢</h1>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2019/ARMN8G.html" rel="next" title="给博客增加revealjs功能">
-                  给博客增加revealjs功能 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2019/3PCKARV.html" rel="next" title="一步步在 github pages 上用 jekyll 搭建属于自己的博客">
+                  一步步在 github pages 上用 jekyll 搭建属于自己的博客 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2019/3PCKARV.html b/posts/2019/3PCKARV.html
index 150da22fb5..e08ce6b851 100644
--- a/posts/2019/3PCKARV.html
+++ b/posts/2019/3PCKARV.html
@@ -35,11 +35,11 @@
 <meta property="article:published_time" content="2019-11-22T16:00:00.000Z">
 <meta property="article:modified_time" content="2023-04-13T15:31:13.397Z">
 <meta property="article:author" content="明不知昔">
-<meta property="article:tag" content="jekyll">
 <meta property="article:tag" content="个人博客">
+<meta property="article:tag" content="jekyll">
 <meta property="article:tag" content="Hexo">
-<meta property="article:tag" content="galens">
 <meta property="article:tag" content="明不知昔">
+<meta property="article:tag" content="galens">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:image" content="https://i.loli.net/2019/11/23/H5sBjnXVbCfIh9t.jpg">
 
@@ -518,24 +518,24 @@ <h3 id="致谢">致谢</h3>
 </div>
 
           <div class="post-tags">
-              <a href="/tags/jekyll/" rel="tag"><i class="fa fa-tag"></i> jekyll</a>
               <a href="/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/" rel="tag"><i class="fa fa-tag"></i> 个人博客</a>
+              <a href="/tags/jekyll/" rel="tag"><i class="fa fa-tag"></i> jekyll</a>
               <a href="/tags/Hexo/" rel="tag"><i class="fa fa-tag"></i> Hexo</a>
-              <a href="/tags/galens/" rel="tag"><i class="fa fa-tag"></i> galens</a>
               <a href="/tags/%E6%98%8E%E4%B8%8D%E7%9F%A5%E6%98%94/" rel="tag"><i class="fa fa-tag"></i> 明不知昔</a>
+              <a href="/tags/galens/" rel="tag"><i class="fa fa-tag"></i> galens</a>
           </div>
 
         
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2019/7W71XB.html" rel="prev" title="管理 Microstation CE 版本的环境配置">
-                  <i class="fa fa-chevron-left"></i> 管理 Microstation CE 版本的环境配置
+                <a href="/posts/2019/2YZ5NBS.html" rel="prev" title="博客 CDN 加速和增加 Live2d">
+                  <i class="fa fa-chevron-left"></i> 博客 CDN 加速和增加 Live2d
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2019/24BB768.html" rel="next" title="博客搭建历程">
-                  博客搭建历程 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2019/ARMN8G.html" rel="next" title="给博客增加revealjs功能">
+                  给博客增加revealjs功能 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2019/7W71XB.html b/posts/2019/7W71XB.html
index 53e3e4f063..a24b030efb 100644
--- a/posts/2019/7W71XB.html
+++ b/posts/2019/7W71XB.html
@@ -478,8 +478,8 @@ <h6 id="参考资料">参考资料</h6>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2019/3PCKARV.html" rel="next" title="一步步在 github pages 上用 jekyll 搭建属于自己的博客">
-                  一步步在 github pages 上用 jekyll 搭建属于自己的博客 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2019/24BB768.html" rel="next" title="博客搭建历程">
+                  博客搭建历程 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2019/ARMN8G.html b/posts/2019/ARMN8G.html
index 4ad02893ed..7a1b63dc0c 100644
--- a/posts/2019/ARMN8G.html
+++ b/posts/2019/ARMN8G.html
@@ -31,10 +31,10 @@
 <meta property="article:published_time" content="2019-11-25T16:00:00.000Z">
 <meta property="article:modified_time" content="2023-04-13T15:31:13.397Z">
 <meta property="article:author" content="明不知昔">
-<meta property="article:tag" content="jekyll">
 <meta property="article:tag" content="个人博客">
-<meta property="article:tag" content="galens">
+<meta property="article:tag" content="jekyll">
 <meta property="article:tag" content="明不知昔">
+<meta property="article:tag" content="galens">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:image" content="https://i.loli.net/2019/12/02/rFzqNcd2lim1vMA.gif">
 
@@ -428,18 +428,18 @@ <h1 id="声明">声明</h1>
 </div>
 
           <div class="post-tags">
-              <a href="/tags/jekyll/" rel="tag"><i class="fa fa-tag"></i> jekyll</a>
               <a href="/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/" rel="tag"><i class="fa fa-tag"></i> 个人博客</a>
-              <a href="/tags/galens/" rel="tag"><i class="fa fa-tag"></i> galens</a>
+              <a href="/tags/jekyll/" rel="tag"><i class="fa fa-tag"></i> jekyll</a>
               <a href="/tags/%E6%98%8E%E4%B8%8D%E7%9F%A5%E6%98%94/" rel="tag"><i class="fa fa-tag"></i> 明不知昔</a>
+              <a href="/tags/galens/" rel="tag"><i class="fa fa-tag"></i> galens</a>
           </div>
 
         
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2019/2YZ5NBS.html" rel="prev" title="博客 CDN 加速和增加 Live2d">
-                  <i class="fa fa-chevron-left"></i> 博客 CDN 加速和增加 Live2d
+                <a href="/posts/2019/3PCKARV.html" rel="prev" title="一步步在 github pages 上用 jekyll 搭建属于自己的博客">
+                  <i class="fa fa-chevron-left"></i> 一步步在 github pages 上用 jekyll 搭建属于自己的博客
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2019/B17J0X.html b/posts/2019/B17J0X.html
index b5ccf7f899..9d1ba89cb8 100644
--- a/posts/2019/B17J0X.html
+++ b/posts/2019/B17J0X.html
@@ -29,8 +29,8 @@
 <meta property="article:published_time" content="2019-12-01T16:00:00.000Z">
 <meta property="article:modified_time" content="2023-04-13T15:31:13.397Z">
 <meta property="article:author" content="明不知昔">
-<meta property="article:tag" content="书写规范">
 <meta property="article:tag" content="个人博客">
+<meta property="article:tag" content="书写规范">
 <meta name="twitter:card" content="summary">
 
 
@@ -758,8 +758,8 @@ <h2 id="致谢">致谢</h2>
 </div>
 
           <div class="post-tags">
-              <a href="/tags/%E4%B9%A6%E5%86%99%E8%A7%84%E8%8C%83/" rel="tag"><i class="fa fa-tag"></i> 书写规范</a>
               <a href="/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/" rel="tag"><i class="fa fa-tag"></i> 个人博客</a>
+              <a href="/tags/%E4%B9%A6%E5%86%99%E8%A7%84%E8%8C%83/" rel="tag"><i class="fa fa-tag"></i> 书写规范</a>
           </div>
 
         
diff --git a/posts/2020/14RZ2W.html b/posts/2020/14RZ2W.html
index 2236ca990d..29eeae255c 100644
--- a/posts/2020/14RZ2W.html
+++ b/posts/2020/14RZ2W.html
@@ -390,13 +390,13 @@ <h2 id="制作文件-mkefile">制作文件 mkefile</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/6W94V6.html" rel="prev" title="CurveVector 相关实现笔记">
-                  <i class="fa fa-chevron-left"></i> CurveVector 相关实现笔记
+                <a href="/posts/2020/353AZ4N.html" rel="prev" title="MDL开发中如何创建makefile文件">
+                  <i class="fa fa-chevron-left"></i> MDL开发中如何创建makefile文件
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/353AZ4N.html" rel="next" title="MDL开发中如何创建makefile文件">
-                  MDL开发中如何创建makefile文件 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/1PP7XJ3.html" rel="next" title="WPF中修改TextBox的行高及实现RichTextBox绑定">
+                  WPF中修改TextBox的行高及实现RichTextBox绑定 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/15F3BA2.html b/posts/2020/15F3BA2.html
index 346c837c35..17a207a643 100644
--- a/posts/2020/15F3BA2.html
+++ b/posts/2020/15F3BA2.html
@@ -480,8 +480,8 @@ <h2 id="致谢">致谢</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/25EQ87B.html" rel="next" title="最全最详细 http 状态码介绍">
-                  最全最详细 http 状态码介绍 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/K6BTSD.html" rel="next" title="RESTful API 规范">
+                  RESTful API 规范 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/15QDG6.html b/posts/2020/15QDG6.html
index 8c1dec070e..450538f526 100644
--- a/posts/2020/15QDG6.html
+++ b/posts/2020/15QDG6.html
@@ -367,8 +367,8 @@ <h1 class="post-title" itemprop="name headline">
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/B9PE5D.html" rel="next" title="12 Egnlish Tenses">
-                  12 Egnlish Tenses <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/317EM2J.html" rel="next" title="American accent">
+                  American accent <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/1H4GT7T.html b/posts/2020/1H4GT7T.html
index a62cdddefe..1e17562609 100644
--- a/posts/2020/1H4GT7T.html
+++ b/posts/2020/1H4GT7T.html
@@ -571,13 +571,13 @@ <h3 id="windowconductor"><code>WindowConductor</code></h3>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/3R00ZSM.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread">
-                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread
+                <a href="/posts/2020/1YXZ99D.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）12-BindableCollection">
+                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）12-BindableCollection
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/1R7P97F.html" rel="next" title="WPF MVVM Stylet使用文档（中文）19-4 IoC：Static Service Locator">
-                  WPF MVVM Stylet使用文档（中文）19-4 IoC：Static Service Locator <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/3R00ZSM.html" rel="next" title="WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread">
+                  WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/1HXBM8H.html b/posts/2020/1HXBM8H.html
index ec61508631..165aa97e50 100644
--- a/posts/2020/1HXBM8H.html
+++ b/posts/2020/1HXBM8H.html
@@ -581,8 +581,8 @@ <h2 id="理解和使用-imodelvalidator">理解和使用 IModelValidator</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/4NQDGJ.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）18-Logging">
-                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）18-Logging
+                <a href="/posts/2020/39AEVSS.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）15-The ViewManager">
+                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）15-The ViewManager
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2020/1P955T2.html b/posts/2020/1P955T2.html
index 11d697d499..e91d94265d 100644
--- a/posts/2020/1P955T2.html
+++ b/posts/2020/1P955T2.html
@@ -407,13 +407,13 @@ <h2 id="怎么知道要设置哪个属性值呢">怎么知道要设置哪个属
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/4JEF7M.html" rel="prev" title="MS 关于 Fraction 的使用说明">
-                  <i class="fa fa-chevron-left"></i> MS 关于 Fraction 的使用说明
+                <a href="/posts/2020/31H546G.html" rel="prev" title="将元素的颜色设置为 ByLevel">
+                  <i class="fa fa-chevron-left"></i> 将元素的颜色设置为 ByLevel
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/31H546G.html" rel="next" title="将元素的颜色设置为 ByLevel">
-                  将元素的颜色设置为 ByLevel <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/JJQETR.html" rel="next" title="修改文字大小">
+                  修改文字大小 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/1PP7XJ3.html b/posts/2020/1PP7XJ3.html
index 0d1291e228..d7b1adb825 100644
--- a/posts/2020/1PP7XJ3.html
+++ b/posts/2020/1PP7XJ3.html
@@ -364,8 +364,8 @@ <h1 class="post-title" itemprop="name headline">
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/353AZ4N.html" rel="prev" title="MDL开发中如何创建makefile文件">
-                  <i class="fa fa-chevron-left"></i> MDL开发中如何创建makefile文件
+                <a href="/posts/2020/14RZ2W.html" rel="prev" title="MDL入门技术栈">
+                  <i class="fa fa-chevron-left"></i> MDL入门技术栈
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2020/1R7P97F.html b/posts/2020/1R7P97F.html
index bd4192bb5a..546cda54d9 100644
--- a/posts/2020/1R7P97F.html
+++ b/posts/2020/1R7P97F.html
@@ -374,8 +374,8 @@ <h1 class="post-title" itemprop="name headline">
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/1H4GT7T.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）11-Screens and Conductors">
-                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）11-Screens and Conductors
+                <a href="/posts/2020/3R00ZSM.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread">
+                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2020/1SHECQH.html b/posts/2020/1SHECQH.html
index f28fa9aff0..fc3964eb5c 100644
--- a/posts/2020/1SHECQH.html
+++ b/posts/2020/1SHECQH.html
@@ -433,13 +433,13 @@ <h2 id="inotifypropertychanged.bind">INotifyPropertyChanged.Bind</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/3CQNFDK.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）14-1-Introduction of StyletIoC">
-                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）14-1-Introduction of StyletIoC
+                <a href="/posts/2020/1VM70C3.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）17-Design Mode Support">
+                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）17-Design Mode Support
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/1VM70C3.html" rel="next" title="WPF MVVM Stylet使用文档（中文）17-Design Mode Support">
-                  WPF MVVM Stylet使用文档（中文）17-Design Mode Support <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/39AEVSS.html" rel="next" title="WPF MVVM Stylet使用文档（中文）15-The ViewManager">
+                  WPF MVVM Stylet使用文档（中文）15-The ViewManager <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/1VM70C3.html b/posts/2020/1VM70C3.html
index b6e828474d..e72930a9c8 100644
--- a/posts/2020/1VM70C3.html
+++ b/posts/2020/1VM70C3.html
@@ -499,13 +499,13 @@ <h2 id="sview.model-and-embedded-views">s:View.Model and Embedded
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/1SHECQH.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged">
-                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged
+                <a href="/posts/2020/4NQDGJ.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）18-Logging">
+                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）18-Logging
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/39AEVSS.html" rel="next" title="WPF MVVM Stylet使用文档（中文）15-The ViewManager">
-                  WPF MVVM Stylet使用文档（中文）15-The ViewManager <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/1SHECQH.html" rel="next" title="WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged">
+                  WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/1YXZ99D.html b/posts/2020/1YXZ99D.html
index 23b082429d..6f3ba8f17d 100644
--- a/posts/2020/1YXZ99D.html
+++ b/posts/2020/1YXZ99D.html
@@ -399,8 +399,8 @@ <h2 id="线程安全thead-safety">线程安全（Thead Safety）</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/3R00ZSM.html" rel="next" title="WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread">
-                  WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/1H4GT7T.html" rel="next" title="WPF MVVM Stylet使用文档（中文）11-Screens and Conductors">
+                  WPF MVVM Stylet使用文档（中文）11-Screens and Conductors <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/25EQ87B.html b/posts/2020/25EQ87B.html
index c4f987fda5..f748c9a265 100644
--- a/posts/2020/25EQ87B.html
+++ b/posts/2020/25EQ87B.html
@@ -1143,13 +1143,13 @@ <h2 id="致谢">致谢</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/15F3BA2.html" rel="prev" title="凸包问题的 5 种算法">
-                  <i class="fa fa-chevron-left"></i> 凸包问题的 5 种算法
+                <a href="/posts/2020/K6BTSD.html" rel="prev" title="RESTful API 规范">
+                  <i class="fa fa-chevron-left"></i> RESTful API 规范
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/K6BTSD.html" rel="next" title="RESTful API 规范">
-                  RESTful API 规范 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/WXDAQ3.html" rel="next" title="网络编程入门">
+                  网络编程入门 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/2EFJQ9T.html b/posts/2020/2EFJQ9T.html
index 75814c6116..ce4e33fc76 100644
--- a/posts/2020/2EFJQ9T.html
+++ b/posts/2020/2EFJQ9T.html
@@ -389,8 +389,8 @@ <h2 id="特殊情况">特殊情况</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/317EM2J.html" rel="prev" title="American accent">
-                  <i class="fa fa-chevron-left"></i> American accent
+                <a href="/posts/2020/B9PE5D.html" rel="prev" title="12 Egnlish Tenses">
+                  <i class="fa fa-chevron-left"></i> 12 Egnlish Tenses
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2020/317EM2J.html b/posts/2020/317EM2J.html
index 17dba58d9a..64ea9f0080 100644
--- a/posts/2020/317EM2J.html
+++ b/posts/2020/317EM2J.html
@@ -511,13 +511,13 @@ <h1 id="resource-and-thanks">Resource And Thanks</h1>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/B9PE5D.html" rel="prev" title="12 Egnlish Tenses">
-                  <i class="fa fa-chevron-left"></i> 12 Egnlish Tenses
+                <a href="/posts/2020/15QDG6.html" rel="prev" title="American accent practice">
+                  <i class="fa fa-chevron-left"></i> American accent practice
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/2EFJQ9T.html" rel="next" title="js中this的粗暴简单理解">
-                  js中this的粗暴简单理解 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/B9PE5D.html" rel="next" title="12 Egnlish Tenses">
+                  12 Egnlish Tenses <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/31H546G.html b/posts/2020/31H546G.html
index 055b01cb38..461cac3a12 100644
--- a/posts/2020/31H546G.html
+++ b/posts/2020/31H546G.html
@@ -366,13 +366,13 @@ <h2 id="致谢">致谢</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/1P955T2.html" rel="prev" title="引线标注">
-                  <i class="fa fa-chevron-left"></i> 引线标注
+                <a href="/posts/2020/4JEF7M.html" rel="prev" title="MS 关于 Fraction 的使用说明">
+                  <i class="fa fa-chevron-left"></i> MS 关于 Fraction 的使用说明
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/JJQETR.html" rel="next" title="修改文字大小">
-                  修改文字大小 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/1P955T2.html" rel="next" title="引线标注">
+                  引线标注 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/353AZ4N.html b/posts/2020/353AZ4N.html
index ae211bcc8c..9c7376c765 100644
--- a/posts/2020/353AZ4N.html
+++ b/posts/2020/353AZ4N.html
@@ -483,13 +483,13 @@ <h2 id="后记">后记</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/14RZ2W.html" rel="prev" title="MDL入门技术栈">
-                  <i class="fa fa-chevron-left"></i> MDL入门技术栈
+                <a href="/posts/2020/6W94V6.html" rel="prev" title="CurveVector 相关实现笔记">
+                  <i class="fa fa-chevron-left"></i> CurveVector 相关实现笔记
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/1PP7XJ3.html" rel="next" title="WPF中修改TextBox的行高及实现RichTextBox绑定">
-                  WPF中修改TextBox的行高及实现RichTextBox绑定 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/14RZ2W.html" rel="next" title="MDL入门技术栈">
+                  MDL入门技术栈 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/35KNZY8.html b/posts/2020/35KNZY8.html
index 31d14f286f..303c414560 100644
--- a/posts/2020/35KNZY8.html
+++ b/posts/2020/35KNZY8.html
@@ -466,13 +466,13 @@ <h3 id="mongodb-数据库默认角色">MongoDB 数据库默认角色</h3>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/3H6MPWC.html" rel="prev" title="mongodb的备份、还原、导出、导入">
-                  <i class="fa fa-chevron-left"></i> mongodb的备份、还原、导出、导入
+                <a href="/posts/2020/WCF13S.html" rel="prev" title="scoop 安装与重置">
+                  <i class="fa fa-chevron-left"></i> scoop 安装与重置
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/6W94V6.html" rel="next" title="CurveVector 相关实现笔记">
-                  CurveVector 相关实现笔记 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/3H6MPWC.html" rel="next" title="mongodb的备份、还原、导出、导入">
+                  mongodb的备份、还原、导出、导入 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/39AEVSS.html b/posts/2020/39AEVSS.html
index 750309cb72..2d26b8b45e 100644
--- a/posts/2020/39AEVSS.html
+++ b/posts/2020/39AEVSS.html
@@ -434,13 +434,13 @@ <h2 id="创建自己的-viewmanagercreating-your-own-viewmanager">创建自己
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/1VM70C3.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）17-Design Mode Support">
-                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）17-Design Mode Support
+                <a href="/posts/2020/1SHECQH.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged">
+                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/4NQDGJ.html" rel="next" title="WPF MVVM Stylet使用文档（中文）18-Logging">
-                  WPF MVVM Stylet使用文档（中文）18-Logging <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/1HXBM8H.html" rel="next" title="WPF MVVM Stylet使用文档（中文）13-Validation Use ValidatingModelBase">
+                  WPF MVVM Stylet使用文档（中文）13-Validation Use ValidatingModelBase <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/3CQNFDK.html b/posts/2020/3CQNFDK.html
index a205ff6bd2..78d0253d0d 100644
--- a/posts/2020/3CQNFDK.html
+++ b/posts/2020/3CQNFDK.html
@@ -410,8 +410,8 @@ <h2 id="服务和实现services-and-implementations">服务和实现（Services
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/1SHECQH.html" rel="next" title="WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged">
-                  WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/4NQDGJ.html" rel="next" title="WPF MVVM Stylet使用文档（中文）18-Logging">
+                  WPF MVVM Stylet使用文档（中文）18-Logging <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/3H6MPWC.html b/posts/2020/3H6MPWC.html
index ce9e19f0a1..6e895b94ec 100644
--- a/posts/2020/3H6MPWC.html
+++ b/posts/2020/3H6MPWC.html
@@ -377,13 +377,13 @@ <h2 id="致谢">致谢</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/WCF13S.html" rel="prev" title="scoop 安装与重置">
-                  <i class="fa fa-chevron-left"></i> scoop 安装与重置
+                <a href="/posts/2020/35KNZY8.html" rel="prev" title="用命令行安装mongodb指南">
+                  <i class="fa fa-chevron-left"></i> 用命令行安装mongodb指南
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/35KNZY8.html" rel="next" title="用命令行安装mongodb指南">
-                  用命令行安装mongodb指南 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/6W94V6.html" rel="next" title="CurveVector 相关实现笔记">
+                  CurveVector 相关实现笔记 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/3R00ZSM.html b/posts/2020/3R00ZSM.html
index 8b585efed2..74b8d81e30 100644
--- a/posts/2020/3R00ZSM.html
+++ b/posts/2020/3R00ZSM.html
@@ -459,13 +459,13 @@ <h3 id="设计模式design-mode">设计模式（Design Mode）</h3>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/1YXZ99D.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）12-BindableCollection">
-                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）12-BindableCollection
+                <a href="/posts/2020/1H4GT7T.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）11-Screens and Conductors">
+                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）11-Screens and Conductors
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/1H4GT7T.html" rel="next" title="WPF MVVM Stylet使用文档（中文）11-Screens and Conductors">
-                  WPF MVVM Stylet使用文档（中文）11-Screens and Conductors <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/1R7P97F.html" rel="next" title="WPF MVVM Stylet使用文档（中文）19-4 IoC：Static Service Locator">
+                  WPF MVVM Stylet使用文档（中文）19-4 IoC：Static Service Locator <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/4JEF7M.html b/posts/2020/4JEF7M.html
index 5eebd6b294..acb76591a3 100644
--- a/posts/2020/4JEF7M.html
+++ b/posts/2020/4JEF7M.html
@@ -384,8 +384,8 @@ <h2 id="参考">参考</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/1P955T2.html" rel="next" title="引线标注">
-                  引线标注 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/31H546G.html" rel="next" title="将元素的颜色设置为 ByLevel">
+                  将元素的颜色设置为 ByLevel <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/4NQDGJ.html b/posts/2020/4NQDGJ.html
index ce3f1f63c6..d900236d22 100644
--- a/posts/2020/4NQDGJ.html
+++ b/posts/2020/4NQDGJ.html
@@ -387,13 +387,13 @@ <h2 id="定制日志">定制日志</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/39AEVSS.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）15-The ViewManager">
-                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）15-The ViewManager
+                <a href="/posts/2020/3CQNFDK.html" rel="prev" title="WPF MVVM Stylet使用文档（中文）14-1-Introduction of StyletIoC">
+                  <i class="fa fa-chevron-left"></i> WPF MVVM Stylet使用文档（中文）14-1-Introduction of StyletIoC
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/1HXBM8H.html" rel="next" title="WPF MVVM Stylet使用文档（中文）13-Validation Use ValidatingModelBase">
-                  WPF MVVM Stylet使用文档（中文）13-Validation Use ValidatingModelBase <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/1VM70C3.html" rel="next" title="WPF MVVM Stylet使用文档（中文）17-Design Mode Support">
+                  WPF MVVM Stylet使用文档（中文）17-Design Mode Support <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/6W94V6.html b/posts/2020/6W94V6.html
index 53806f372e..752f2d6ad8 100644
--- a/posts/2020/6W94V6.html
+++ b/posts/2020/6W94V6.html
@@ -374,13 +374,13 @@ <h2 id="判断点与曲线的关系">判断点与曲线的关系</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/35KNZY8.html" rel="prev" title="用命令行安装mongodb指南">
-                  <i class="fa fa-chevron-left"></i> 用命令行安装mongodb指南
+                <a href="/posts/2020/3H6MPWC.html" rel="prev" title="mongodb的备份、还原、导出、导入">
+                  <i class="fa fa-chevron-left"></i> mongodb的备份、还原、导出、导入
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/14RZ2W.html" rel="next" title="MDL入门技术栈">
-                  MDL入门技术栈 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/353AZ4N.html" rel="next" title="MDL开发中如何创建makefile文件">
+                  MDL开发中如何创建makefile文件 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/B9PE5D.html b/posts/2020/B9PE5D.html
index 401421ae60..b29510cf50 100644
--- a/posts/2020/B9PE5D.html
+++ b/posts/2020/B9PE5D.html
@@ -444,13 +444,13 @@ <h1 id="resource-and-thanks">Resource And Thanks</h1>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/15QDG6.html" rel="prev" title="American accent practice">
-                  <i class="fa fa-chevron-left"></i> American accent practice
+                <a href="/posts/2020/317EM2J.html" rel="prev" title="American accent">
+                  <i class="fa fa-chevron-left"></i> American accent
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/317EM2J.html" rel="next" title="American accent">
-                  American accent <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/2EFJQ9T.html" rel="next" title="js中this的粗暴简单理解">
+                  js中this的粗暴简单理解 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/JJQETR.html b/posts/2020/JJQETR.html
index 583226d471..2e88a8b0e1 100644
--- a/posts/2020/JJQETR.html
+++ b/posts/2020/JJQETR.html
@@ -360,8 +360,8 @@ <h2 id="详细介绍">详细介绍</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/31H546G.html" rel="prev" title="将元素的颜色设置为 ByLevel">
-                  <i class="fa fa-chevron-left"></i> 将元素的颜色设置为 ByLevel
+                <a href="/posts/2020/1P955T2.html" rel="prev" title="引线标注">
+                  <i class="fa fa-chevron-left"></i> 引线标注
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2020/K6BTSD.html b/posts/2020/K6BTSD.html
index 982c421b44..2e8fcaf6d8 100644
--- a/posts/2020/K6BTSD.html
+++ b/posts/2020/K6BTSD.html
@@ -352,13 +352,13 @@ <h1 class="post-title" itemprop="name headline">
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/25EQ87B.html" rel="prev" title="最全最详细 http 状态码介绍">
-                  <i class="fa fa-chevron-left"></i> 最全最详细 http 状态码介绍
+                <a href="/posts/2020/15F3BA2.html" rel="prev" title="凸包问题的 5 种算法">
+                  <i class="fa fa-chevron-left"></i> 凸包问题的 5 种算法
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/WXDAQ3.html" rel="next" title="网络编程入门">
-                  网络编程入门 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/25EQ87B.html" rel="next" title="最全最详细 http 状态码介绍">
+                  最全最详细 http 状态码介绍 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/WCF13S.html b/posts/2020/WCF13S.html
index 97e650d648..c1368597fb 100644
--- a/posts/2020/WCF13S.html
+++ b/posts/2020/WCF13S.html
@@ -407,8 +407,8 @@ <h2 id="重置后恢复">重置后恢复</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2020/3H6MPWC.html" rel="next" title="mongodb的备份、还原、导出、导入">
-                  mongodb的备份、还原、导出、导入 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2020/35KNZY8.html" rel="next" title="用命令行安装mongodb指南">
+                  用命令行安装mongodb指南 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2020/WXDAQ3.html b/posts/2020/WXDAQ3.html
index 141702edc1..ad22114a8f 100644
--- a/posts/2020/WXDAQ3.html
+++ b/posts/2020/WXDAQ3.html
@@ -374,8 +374,8 @@ <h3 id="前后端-api-管理">前后端 API 管理</h3>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2020/K6BTSD.html" rel="prev" title="RESTful API 规范">
-                  <i class="fa fa-chevron-left"></i> RESTful API 规范
+                <a href="/posts/2020/25EQ87B.html" rel="prev" title="最全最详细 http 状态码介绍">
+                  <i class="fa fa-chevron-left"></i> 最全最详细 http 状态码介绍
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2021/10XS5HK.html b/posts/2021/10XS5HK.html
index 1127bbce8a..d7890dbd03 100644
--- a/posts/2021/10XS5HK.html
+++ b/posts/2021/10XS5HK.html
@@ -353,13 +353,13 @@ <h1 class="post-title" itemprop="name headline">
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2021/1QN39SQ.html" rel="prev" title="mongoose子文档">
-                  <i class="fa fa-chevron-left"></i> mongoose子文档
+                <a href="/posts/2021/11CAJEB.html" rel="prev" title="电信光猫改桥接模式">
+                  <i class="fa fa-chevron-left"></i> 电信光猫改桥接模式
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/7EE4JK.html" rel="next" title="2022-01-04-通过公钥 ssh 远程连接 Windows Server">
-                  2022-01-04-通过公钥 ssh 远程连接 Windows Server <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2021/1QN39SQ.html" rel="next" title="mongoose子文档">
+                  mongoose子文档 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2021/11CAJEB.html b/posts/2021/11CAJEB.html
index 15cf778db7..0bca7c4a68 100644
--- a/posts/2021/11CAJEB.html
+++ b/posts/2021/11CAJEB.html
@@ -369,8 +369,8 @@ <h2 id="致谢">致谢</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2021/1QN39SQ.html" rel="next" title="mongoose子文档">
-                  mongoose子文档 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2021/10XS5HK.html" rel="next" title="monggose嵌套对象中添加ObjectId">
+                  monggose嵌套对象中添加ObjectId <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2021/192XQSC.html b/posts/2021/192XQSC.html
index 30c0685f19..134c1d6039 100644
--- a/posts/2021/192XQSC.html
+++ b/posts/2021/192XQSC.html
@@ -29,7 +29,7 @@
 <meta property="og:image" content="https://i.loli.net/2021/08/24/ptBMTQSJZvqUjGa.png">
 <meta property="og:image" content="https://i.loli.net/2021/08/24/bsKXZ9hQIu7iplf.png">
 <meta property="article:published_time" content="2021-08-23T16:00:00.000Z">
-<meta property="article:modified_time" content="2023-08-07T00:57:59.924Z">
+<meta property="article:modified_time" content="2023-08-21T01:29:10.435Z">
 <meta property="article:author" content="明不知昔">
 <meta property="article:tag" content="galens">
 <meta name="twitter:card" content="summary">
@@ -248,7 +248,7 @@ <h1 class="post-title" itemprop="name headline">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-08-07 08:57:59" itemprop="dateModified" datetime="2023-08-07T08:57:59+08:00">2023-08-07</time>
+      <time title="修改时间：2023-08-21 09:29:10" itemprop="dateModified" datetime="2023-08-21T09:29:10+08:00">2023-08-21</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -293,7 +293,7 @@ <h1 class="post-title" itemprop="name headline">
 <span id="more"></span>
 <h2 id="演示">🌈演示</h2>
 <video id="video" controls preload="none" poster="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220726213114859.png">
-<source id="mp4" src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/video/Microstation-powershortcut.mp4" type="video/mp4" />
+<source id="mp4" src="https://obs.uamazing.cn:52443/public/files/video/Microstation-powershortcut.mp4" type="video/mp4" />
 </video>
 <h2 id="优点">😃优点</h2>
 <ol type="1">
@@ -315,12 +315,12 @@ <h2 id="优点">😃优点</h2>
 <h2 id="安装">🍅安装</h2>
 <h3 id="视屏教程">视屏教程</h3>
 <video id="video" controls preload="none" poster="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220802223420426.png">
-<source id="mp4" src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/video/powerShortcut-install.mp4" type="video/mp4" />
+<source id="mp4" src="https://obs.uamazing.cn:52443/public/files/video/powerShortcut-install.mp4" type="video/mp4" />
 </video>
 <h3 id="安装步骤">安装步骤</h3>
 <ol type="1">
 <li><p>点击 <a
-target="_blank" rel="noopener" href="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/soft/PowerShortcut.dll">超级快捷键</a>
+target="_blank" rel="noopener" href="https://obs.uamazing.cn:52443/public/files/soft/PowerShortcut.dll">超级快捷键</a>
 下载插件，并重命名为 <code>PowerShortcut.dll</code></p>
 <p>在下载的时候，浏览器可能会提示需要信任：</p>
 <figure>
@@ -513,7 +513,7 @@ <h2 id="增加快捷键">🍒增加快捷键</h2>
 <p><strong>在快捷键定义中，如何找到自己需要的 keyin 呢？</strong></p>
 <p>点击视屏查看具体方法：</p>
 <video id="video" controls preload="none" poster="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220726215958494.png">
-<source id="mp4" src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/video/获取keyin命令.mp4" type="video/mp4" />
+<source id="mp4" src="https://obs.uamazing.cn:52443/public/files/video/获取keyin命令.mp4" type="video/mp4" />
 </video>
 
     </div>
diff --git a/posts/2021/1P39N8S.html b/posts/2021/1P39N8S.html
index 8bebb51d81..3f9b33ef3b 100644
--- a/posts/2021/1P39N8S.html
+++ b/posts/2021/1P39N8S.html
@@ -358,13 +358,13 @@ <h1 class="post-title" itemprop="name headline">
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2021/WYBXRB.html" rel="prev" title="ORD安装完成一打开报错">
-                  <i class="fa fa-chevron-left"></i> ORD安装完成一打开报错
+                <a href="/posts/2021/8Z3TAG.html" rel="prev" title="让心驰骋在木兰草原之上">
+                  <i class="fa fa-chevron-left"></i> 让心驰骋在木兰草原之上
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2021/347YJNZ.html" rel="next" title="黑群晖 DS3617 7.0安装">
-                  黑群晖 DS3617 7.0安装 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2021/WYBXRB.html" rel="next" title="ORD安装完成一打开报错">
+                  ORD安装完成一打开报错 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2021/1QN39SQ.html b/posts/2021/1QN39SQ.html
index 1c7de8b5dc..9578a6cde8 100644
--- a/posts/2021/1QN39SQ.html
+++ b/posts/2021/1QN39SQ.html
@@ -415,13 +415,13 @@ <h2 id="致谢">致谢</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2021/11CAJEB.html" rel="prev" title="电信光猫改桥接模式">
-                  <i class="fa fa-chevron-left"></i> 电信光猫改桥接模式
+                <a href="/posts/2021/10XS5HK.html" rel="prev" title="monggose嵌套对象中添加ObjectId">
+                  <i class="fa fa-chevron-left"></i> monggose嵌套对象中添加ObjectId
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2021/10XS5HK.html" rel="next" title="monggose嵌套对象中添加ObjectId">
-                  monggose嵌套对象中添加ObjectId <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/7EE4JK.html" rel="next" title="2022-01-04-通过公钥 ssh 远程连接 Windows Server">
+                  2022-01-04-通过公钥 ssh 远程连接 Windows Server <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2021/347YJNZ.html b/posts/2021/347YJNZ.html
index 74b0c47173..d513995800 100644
--- a/posts/2021/347YJNZ.html
+++ b/posts/2021/347YJNZ.html
@@ -349,8 +349,8 @@ <h2 id="选择什么版本">选择什么版本</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2021/1P39N8S.html" rel="prev" title="ORD打印图片是黑色">
-                  <i class="fa fa-chevron-left"></i> ORD打印图片是黑色
+                <a href="/posts/2021/WYBXRB.html" rel="prev" title="ORD安装完成一打开报错">
+                  <i class="fa fa-chevron-left"></i> ORD安装完成一打开报错
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2021/8Z3TAG.html b/posts/2021/8Z3TAG.html
index b3873f71e8..611e7eaeff 100644
--- a/posts/2021/8Z3TAG.html
+++ b/posts/2021/8Z3TAG.html
@@ -362,8 +362,8 @@ <h1 class="post-title" itemprop="name headline">
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2021/WYBXRB.html" rel="next" title="ORD安装完成一打开报错">
-                  ORD安装完成一打开报错 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2021/1P39N8S.html" rel="next" title="ORD打印图片是黑色">
+                  ORD打印图片是黑色 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2021/WYBXRB.html b/posts/2021/WYBXRB.html
index 799072936b..4c4a9e86bc 100644
--- a/posts/2021/WYBXRB.html
+++ b/posts/2021/WYBXRB.html
@@ -358,13 +358,13 @@ <h1 class="post-title" itemprop="name headline">
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2021/8Z3TAG.html" rel="prev" title="让心驰骋在木兰草原之上">
-                  <i class="fa fa-chevron-left"></i> 让心驰骋在木兰草原之上
+                <a href="/posts/2021/1P39N8S.html" rel="prev" title="ORD打印图片是黑色">
+                  <i class="fa fa-chevron-left"></i> ORD打印图片是黑色
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2021/1P39N8S.html" rel="next" title="ORD打印图片是黑色">
-                  ORD打印图片是黑色 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2021/347YJNZ.html" rel="next" title="黑群晖 DS3617 7.0安装">
+                  黑群晖 DS3617 7.0安装 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/1621QC.html b/posts/2022/1621QC.html
index d7b11375d1..f9f88fb034 100644
--- a/posts/2022/1621QC.html
+++ b/posts/2022/1621QC.html
@@ -27,12 +27,11 @@
 <meta property="og:description" content=".NET 下主要有三种方式可以进行网络请求相关操作，它们分别是
 HttpWebRequest，WebClient 和
 HttpClient。这三者的关系是不断递进发展的，所以一般使用
 HttpClient 来进行网络请求。
 本文主要讲述 HttpClient 的使用方法和进度获取。">
 <meta property="og:locale" content="zh_CN">
 <meta property="article:published_time" content="2022-02-20T16:00:00.000Z">
-<meta property="article:modified_time" content="2023-08-07T00:57:59.922Z">
+<meta property="article:modified_time" content="2023-08-21T01:28:40.081Z">
 <meta property="article:author" content="明不知昔">
 <meta property="article:tag" content=".NET">
 <meta property="article:tag" content="Http">
 <meta property="article:tag" content="HttpClient">
-<meta property="article:tag" content="galens">
 <meta name="twitter:card" content="summary">
 
 
@@ -248,7 +247,7 @@ <h1 class="post-title" itemprop="name headline">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-08-07 08:57:59" itemprop="dateModified" datetime="2023-08-07T08:57:59+08:00">2023-08-07</time>
+      <time title="修改时间：2023-08-21 09:28:40" itemprop="dateModified" datetime="2023-08-21T09:28:40+08:00">2023-08-21</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -353,7 +352,7 @@ <h2 id="httpclient-使用方式">HttpClient 使用方式</h2>
 <p>ProgressMessageHandler 位于 System.Net.Http.Formatting.dll
 程序集中。一般系统没有自带该类库，要从网上自行下载。</p>
 <p><a
-target="_blank" rel="noopener" href="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/dlt/System.Net.Http.Formatting.dll">✈
+target="_blank" rel="noopener" href="https://obs.uamazing.cn:52443/public/files/dlt/System.Net.Http.Formatting.dll">✈
 点击下载</a></p>
 </blockquote>
 <h2 id="参考">参考</h2>
@@ -420,7 +419,6 @@ <h2 id="参考">参考</h2>
               <a href="/tags/NET/" rel="tag"><i class="fa fa-tag"></i> .NET</a>
               <a href="/tags/Http/" rel="tag"><i class="fa fa-tag"></i> Http</a>
               <a href="/tags/HttpClient/" rel="tag"><i class="fa fa-tag"></i> HttpClient</a>
-              <a href="/tags/galens/" rel="tag"><i class="fa fa-tag"></i> galens</a>
           </div>
 
         
diff --git a/posts/2022/1BXSKSD.html b/posts/2022/1BXSKSD.html
index 9e841f8301..9cd5cdc1ce 100644
--- a/posts/2022/1BXSKSD.html
+++ b/posts/2022/1BXSKSD.html
@@ -344,13 +344,13 @@ <h1 class="post-title" itemprop="name headline">
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/54B652.html" rel="prev" title="C# 优雅编程">
-                  <i class="fa fa-chevron-left"></i> C# 优雅编程
+                <a href="/posts/2022/R23RB6.html" rel="prev" title="iEPC 安装教程">
+                  <i class="fa fa-chevron-left"></i> iEPC 安装教程
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/1S7MQ2A.html" rel="next" title="MongoDB 聚合管道优化">
-                  MongoDB 聚合管道优化 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/54B652.html" rel="next" title="C# 优雅编程">
+                  C# 优雅编程 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/1C9ATGS.html b/posts/2022/1C9ATGS.html
index 48ca9cd9d2..c909d8e9ea 100644
--- a/posts/2022/1C9ATGS.html
+++ b/posts/2022/1C9ATGS.html
@@ -360,8 +360,8 @@ <h2 id="参考">参考</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/1NF37FV.html" rel="next" title="如何调用 Microstation 的消息管理器">
-                  如何调用 Microstation 的消息管理器 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/1RDA3BV.html" rel="next" title="MS中各个对象获取的DTransform含义">
+                  MS中各个对象获取的DTransform含义 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/1CPW2GG.html b/posts/2022/1CPW2GG.html
index a5d3e778d9..66aa817d08 100644
--- a/posts/2022/1CPW2GG.html
+++ b/posts/2022/1CPW2GG.html
@@ -1043,8 +1043,8 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/38A8BYH.html" rel="prev" title="Bentley 中几何变换实例">
-                  <i class="fa fa-chevron-left"></i> Bentley 中几何变换实例
+                <a href="/posts/2022/1NF37FV.html" rel="prev" title="如何调用 Microstation 的消息管理器">
+                  <i class="fa fa-chevron-left"></i> 如何调用 Microstation 的消息管理器
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/1ERZT1V.html b/posts/2022/1ERZT1V.html
index 7a82543d3e..0dd79737d4 100644
--- a/posts/2022/1ERZT1V.html
+++ b/posts/2022/1ERZT1V.html
@@ -545,13 +545,13 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/WP9100.html" rel="prev" title="js 下载文件后弹出保存框">
-                  <i class="fa fa-chevron-left"></i> js 下载文件后弹出保存框
+                <a href="/posts/2022/3SP0JGM.html" rel="prev" title="如何求最大弯矩">
+                  <i class="fa fa-chevron-left"></i> 如何求最大弯矩
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/3SP0JGM.html" rel="next" title="如何求最大弯矩">
-                  如何求最大弯矩 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/2GHTM80.html" rel="next" title="mongodb聚合中将多个数组合并成一个数组">
+                  mongodb聚合中将多个数组合并成一个数组 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/1FJ4HP4.html b/posts/2022/1FJ4HP4.html
index b77b53655c..330f5d9b65 100644
--- a/posts/2022/1FJ4HP4.html
+++ b/posts/2022/1FJ4HP4.html
@@ -421,13 +421,13 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/38K28WD.html" rel="prev" title="C# 中如何向 Microstation 输出调试信息">
-                  <i class="fa fa-chevron-left"></i> C# 中如何向 Microstation 输出调试信息
+                <a href="/posts/2022/K0VDR.html" rel="prev" title="DgnPrimitiveTool 详细说明文档">
+                  <i class="fa fa-chevron-left"></i> DgnPrimitiveTool 详细说明文档
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/K0VDR.html" rel="next" title="DgnPrimitiveTool 详细说明文档">
-                  DgnPrimitiveTool 详细说明文档 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/26E0BYF.html" rel="next" title="MS 开发常用 DLL 引用配置推荐">
+                  MS 开发常用 DLL 引用配置推荐 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/1NF37FV.html b/posts/2022/1NF37FV.html
index 958fdb5c48..b57b200134 100644
--- a/posts/2022/1NF37FV.html
+++ b/posts/2022/1NF37FV.html
@@ -433,13 +433,13 @@ <h2 id="测试代码">测试代码</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/1C9ATGS.html" rel="prev" title="几何继承关系层次图">
-                  <i class="fa fa-chevron-left"></i> 几何继承关系层次图
+                <a href="/posts/2022/38A8BYH.html" rel="prev" title="Bentley 中几何变换实例">
+                  <i class="fa fa-chevron-left"></i> Bentley 中几何变换实例
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/1RDA3BV.html" rel="next" title="MS中各个对象获取的DTransform含义">
-                  MS中各个对象获取的DTransform含义 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/1CPW2GG.html" rel="next" title="由浅入深地理解样条曲线">
+                  由浅入深地理解样条曲线 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/1RDA3BV.html b/posts/2022/1RDA3BV.html
index f73444ba84..e342264da8 100644
--- a/posts/2022/1RDA3BV.html
+++ b/posts/2022/1RDA3BV.html
@@ -374,8 +374,8 @@ <h2 id="dtransform3d">DTransform3d</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/1NF37FV.html" rel="prev" title="如何调用 Microstation 的消息管理器">
-                  <i class="fa fa-chevron-left"></i> 如何调用 Microstation 的消息管理器
+                <a href="/posts/2022/1C9ATGS.html" rel="prev" title="几何继承关系层次图">
+                  <i class="fa fa-chevron-left"></i> 几何继承关系层次图
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/1S7MQ2A.html b/posts/2022/1S7MQ2A.html
index daebbe335f..b4fde62465 100644
--- a/posts/2022/1S7MQ2A.html
+++ b/posts/2022/1S7MQ2A.html
@@ -367,8 +367,8 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/1BXSKSD.html" rel="prev" title="编程风格指南">
-                  <i class="fa fa-chevron-left"></i> 编程风格指南
+                <a href="/posts/2022/54B652.html" rel="prev" title="C# 优雅编程">
+                  <i class="fa fa-chevron-left"></i> C# 优雅编程
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/2151DJJ.html b/posts/2022/2151DJJ.html
index ec43ac7d4b..445afa408c 100644
--- a/posts/2022/2151DJJ.html
+++ b/posts/2022/2151DJJ.html
@@ -364,8 +364,8 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/DPK9DJ.html" rel="prev" title="vue 中 v-model 的最佳实现">
-                  <i class="fa fa-chevron-left"></i> vue 中 v-model 的最佳实现
+                <a href="/posts/2022/3G3ZXDE.html" rel="prev" title="asyncComputed 的原理浅析及使用">
+                  <i class="fa fa-chevron-left"></i> asyncComputed 的原理浅析及使用
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/26E0BYF.html b/posts/2022/26E0BYF.html
index e67579d6b3..962da6c2ac 100644
--- a/posts/2022/26E0BYF.html
+++ b/posts/2022/26E0BYF.html
@@ -350,8 +350,8 @@ <h2 id="引用列表">引用列表</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/K0VDR.html" rel="prev" title="DgnPrimitiveTool 详细说明文档">
-                  <i class="fa fa-chevron-left"></i> DgnPrimitiveTool 详细说明文档
+                <a href="/posts/2022/1FJ4HP4.html" rel="prev" title="DgnPrimitiveTool 使用文档">
+                  <i class="fa fa-chevron-left"></i> DgnPrimitiveTool 使用文档
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/2CGPR3T.html b/posts/2022/2CGPR3T.html
index 47c2f6863d..1dfa1737f3 100644
--- a/posts/2022/2CGPR3T.html
+++ b/posts/2022/2CGPR3T.html
@@ -350,7 +350,7 @@ <h3 id="求解步骤">求解步骤</h3>
 <h2 id="参考">参考</h2>
 <ol type="1">
 <li><p><a
-target="_blank" rel="noopener" href="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/pdf/简支梁的绝对最大弯矩.pdf">简支梁的绝对最大弯矩.pdf</a></p></li>
+target="_blank" rel="noopener" href="https://obs.uamazing.cn:52443/public/files/pdf/简支梁的绝对最大弯矩.pdf">简支梁的绝对最大弯矩.pdf</a></p></li>
 <li><p><a
 target="_blank" rel="noopener" href="http://kjwy.5any.com/jglx2/content/jglx2-02/020501/text.htm">第五节
 简支梁的绝对最大弯矩 (5any.com)</a></p></li>
diff --git a/posts/2022/2GHTM80.html b/posts/2022/2GHTM80.html
index 148a0baba6..ca48310b0b 100644
--- a/posts/2022/2GHTM80.html
+++ b/posts/2022/2GHTM80.html
@@ -376,8 +376,8 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/3SP0JGM.html" rel="prev" title="如何求最大弯矩">
-                  <i class="fa fa-chevron-left"></i> 如何求最大弯矩
+                <a href="/posts/2022/1ERZT1V.html" rel="prev" title="markdown 中 LaTeX公式语法大全">
+                  <i class="fa fa-chevron-left"></i> markdown 中 LaTeX公式语法大全
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/2R0P0YJ.html b/posts/2022/2R0P0YJ.html
index 02fd3d17fb..6acf289e2c 100644
--- a/posts/2022/2R0P0YJ.html
+++ b/posts/2022/2R0P0YJ.html
@@ -352,8 +352,8 @@ <h1 class="post-title" itemprop="name headline">
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/3JC8V28.html" rel="next" title="CSS 的值与单位">
-                  CSS 的值与单位 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/TZZNFQ.html" rel="next" title="Query 和 Projection 操作符">
+                  Query 和 Projection 操作符 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/2V5ECSD.html b/posts/2022/2V5ECSD.html
index 2e12180fcc..e2f3fe780f 100644
--- a/posts/2022/2V5ECSD.html
+++ b/posts/2022/2V5ECSD.html
@@ -376,8 +376,8 @@ <h2 id="参考">参考</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/3G3ZXDE.html" rel="next" title="asyncComputed 的原理浅析及使用">
-                  asyncComputed 的原理浅析及使用 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/DPK9DJ.html" rel="next" title="vue 中 v-model 的最佳实现">
+                  vue 中 v-model 的最佳实现 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/343KYGK.html b/posts/2022/343KYGK.html
index 50abf89b3c..9214e3a1b6 100644
--- a/posts/2022/343KYGK.html
+++ b/posts/2022/343KYGK.html
@@ -396,8 +396,8 @@ <h2 id="参考">参考</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/9TBVZR.html" rel="next" title="CSS常用居中方式">
-                  CSS常用居中方式 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/3JC8V28.html" rel="next" title="CSS 的值与单位">
+                  CSS 的值与单位 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/38A8BYH.html b/posts/2022/38A8BYH.html
index a0ba8b9109..9a387ea056 100644
--- a/posts/2022/38A8BYH.html
+++ b/posts/2022/38A8BYH.html
@@ -357,8 +357,8 @@ <h2 id="dvector3d-变换">DVector3d 变换</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/1CPW2GG.html" rel="next" title="由浅入深地理解样条曲线">
-                  由浅入深地理解样条曲线 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/1NF37FV.html" rel="next" title="如何调用 Microstation 的消息管理器">
+                  如何调用 Microstation 的消息管理器 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/38K28WD.html b/posts/2022/38K28WD.html
index e31cc69701..b843c40279 100644
--- a/posts/2022/38K28WD.html
+++ b/posts/2022/38K28WD.html
@@ -378,8 +378,8 @@ <h2 id="参考">参考</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/1FJ4HP4.html" rel="next" title="DgnPrimitiveTool 使用文档">
-                  DgnPrimitiveTool 使用文档 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/K0VDR.html" rel="next" title="DgnPrimitiveTool 详细说明文档">
+                  DgnPrimitiveTool 详细说明文档 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/3G3ZXDE.html b/posts/2022/3G3ZXDE.html
index f7154c3305..c01130ea6b 100644
--- a/posts/2022/3G3ZXDE.html
+++ b/posts/2022/3G3ZXDE.html
@@ -377,13 +377,13 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/2V5ECSD.html" rel="prev" title="MongoDB 中 $in 的效率用法">
-                  <i class="fa fa-chevron-left"></i> MongoDB 中 $in 的效率用法
+                <a href="/posts/2022/DPK9DJ.html" rel="prev" title="vue 中 v-model 的最佳实现">
+                  <i class="fa fa-chevron-left"></i> vue 中 v-model 的最佳实现
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/DPK9DJ.html" rel="next" title="vue 中 v-model 的最佳实现">
-                  vue 中 v-model 的最佳实现 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/2151DJJ.html" rel="next" title="如何优雅地在本地测试 npm 包">
+                  如何优雅地在本地测试 npm 包 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/3JC8V28.html b/posts/2022/3JC8V28.html
index 792851d176..d90fed16f7 100644
--- a/posts/2022/3JC8V28.html
+++ b/posts/2022/3JC8V28.html
@@ -494,13 +494,13 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/2R0P0YJ.html" rel="prev" title="CSS中图片超过宽度自动缩放">
-                  <i class="fa fa-chevron-left"></i> CSS中图片超过宽度自动缩放
+                <a href="/posts/2022/343KYGK.html" rel="prev" title="Vue中的CSS样式编写注意">
+                  <i class="fa fa-chevron-left"></i> Vue中的CSS样式编写注意
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/TZZNFQ.html" rel="next" title="Query 和 Projection 操作符">
-                  Query 和 Projection 操作符 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/9TBVZR.html" rel="next" title="CSS常用居中方式">
+                  CSS常用居中方式 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/3SP0JGM.html b/posts/2022/3SP0JGM.html
index 758352261d..8cc9dde6e3 100644
--- a/posts/2022/3SP0JGM.html
+++ b/posts/2022/3SP0JGM.html
@@ -402,13 +402,13 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/1ERZT1V.html" rel="prev" title="markdown 中 LaTeX公式语法大全">
-                  <i class="fa fa-chevron-left"></i> markdown 中 LaTeX公式语法大全
+                <a href="/posts/2022/WP9100.html" rel="prev" title="js 下载文件后弹出保存框">
+                  <i class="fa fa-chevron-left"></i> js 下载文件后弹出保存框
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/2GHTM80.html" rel="next" title="mongodb聚合中将多个数组合并成一个数组">
-                  mongodb聚合中将多个数组合并成一个数组 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/1ERZT1V.html" rel="next" title="markdown 中 LaTeX公式语法大全">
+                  markdown 中 LaTeX公式语法大全 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/54B652.html b/posts/2022/54B652.html
index 107b19ddf0..390da9c256 100644
--- a/posts/2022/54B652.html
+++ b/posts/2022/54B652.html
@@ -339,13 +339,13 @@ <h1 class="post-title" itemprop="name headline">
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/R23RB6.html" rel="prev" title="iEPC 安装教程">
-                  <i class="fa fa-chevron-left"></i> iEPC 安装教程
+                <a href="/posts/2022/1BXSKSD.html" rel="prev" title="编程风格指南">
+                  <i class="fa fa-chevron-left"></i> 编程风格指南
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/1BXSKSD.html" rel="next" title="编程风格指南">
-                  编程风格指南 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/1S7MQ2A.html" rel="next" title="MongoDB 聚合管道优化">
+                  MongoDB 聚合管道优化 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/7EE4JK.html b/posts/2022/7EE4JK.html
index e8150638bc..256b0b9dbb 100644
--- a/posts/2022/7EE4JK.html
+++ b/posts/2022/7EE4JK.html
@@ -412,8 +412,8 @@ <h2 id="致谢">致谢</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2021/10XS5HK.html" rel="prev" title="monggose嵌套对象中添加ObjectId">
-                  <i class="fa fa-chevron-left"></i> monggose嵌套对象中添加ObjectId
+                <a href="/posts/2021/1QN39SQ.html" rel="prev" title="mongoose子文档">
+                  <i class="fa fa-chevron-left"></i> mongoose子文档
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/9TBVZR.html b/posts/2022/9TBVZR.html
index 5552c32c52..0dc0552d17 100644
--- a/posts/2022/9TBVZR.html
+++ b/posts/2022/9TBVZR.html
@@ -389,8 +389,8 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/343KYGK.html" rel="prev" title="Vue中的CSS样式编写注意">
-                  <i class="fa fa-chevron-left"></i> Vue中的CSS样式编写注意
+                <a href="/posts/2022/3JC8V28.html" rel="prev" title="CSS 的值与单位">
+                  <i class="fa fa-chevron-left"></i> CSS 的值与单位
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/AKDK4Z.html b/posts/2022/AKDK4Z.html
index 7093d200c3..e41989e68f 100644
--- a/posts/2022/AKDK4Z.html
+++ b/posts/2022/AKDK4Z.html
@@ -377,13 +377,13 @@ <h2 id="缓存">缓存</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/W1573T.html" rel="prev" title="npm镜像源管理工具nrm使用">
-                  <i class="fa fa-chevron-left"></i> npm镜像源管理工具nrm使用
+                <a href="/posts/2022/QRGC5D.html" rel="prev" title="yarn镜像源管理工具yrm使用">
+                  <i class="fa fa-chevron-left"></i> yarn镜像源管理工具yrm使用
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/C57H56.html" rel="next" title="echarts各个配置项概念">
-                  echarts各个配置项概念 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/W1573T.html" rel="next" title="npm镜像源管理工具nrm使用">
+                  npm镜像源管理工具nrm使用 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/C57H56.html b/posts/2022/C57H56.html
index 39eb9f3129..bc44e9f50b 100644
--- a/posts/2022/C57H56.html
+++ b/posts/2022/C57H56.html
@@ -408,8 +408,8 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/AKDK4Z.html" rel="prev" title="yarn 常用命令">
-                  <i class="fa fa-chevron-left"></i> yarn 常用命令
+                <a href="/posts/2022/W1573T.html" rel="prev" title="npm镜像源管理工具nrm使用">
+                  <i class="fa fa-chevron-left"></i> npm镜像源管理工具nrm使用
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/DPK9DJ.html b/posts/2022/DPK9DJ.html
index a2cfcbc854..512231b90b 100644
--- a/posts/2022/DPK9DJ.html
+++ b/posts/2022/DPK9DJ.html
@@ -377,13 +377,13 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/3G3ZXDE.html" rel="prev" title="asyncComputed 的原理浅析及使用">
-                  <i class="fa fa-chevron-left"></i> asyncComputed 的原理浅析及使用
+                <a href="/posts/2022/2V5ECSD.html" rel="prev" title="MongoDB 中 $in 的效率用法">
+                  <i class="fa fa-chevron-left"></i> MongoDB 中 $in 的效率用法
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/2151DJJ.html" rel="next" title="如何优雅地在本地测试 npm 包">
-                  如何优雅地在本地测试 npm 包 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/3G3ZXDE.html" rel="next" title="asyncComputed 的原理浅析及使用">
+                  asyncComputed 的原理浅析及使用 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/GZ1MBS.html b/posts/2022/GZ1MBS.html
index 805a9530d0..c2c7ad5f70 100644
--- a/posts/2022/GZ1MBS.html
+++ b/posts/2022/GZ1MBS.html
@@ -29,8 +29,8 @@
 <meta property="article:published_time" content="2022-01-16T16:00:00.000Z">
 <meta property="article:modified_time" content="2022-01-16T16:00:00.000Z">
 <meta property="article:author" content="明不知昔">
-<meta property="article:tag" content="verdaccio">
 <meta property="article:tag" content="npm">
+<meta property="article:tag" content="verdaccio">
 <meta name="twitter:card" content="summary">
 
 
@@ -346,8 +346,8 @@ <h2 id="发布包">发布包</h2>
 </div>
 
           <div class="post-tags">
-              <a href="/tags/verdaccio/" rel="tag"><i class="fa fa-tag"></i> verdaccio</a>
               <a href="/tags/npm/" rel="tag"><i class="fa fa-tag"></i> npm</a>
+              <a href="/tags/verdaccio/" rel="tag"><i class="fa fa-tag"></i> verdaccio</a>
           </div>
 
         
diff --git a/posts/2022/K0VDR.html b/posts/2022/K0VDR.html
index fe2f193455..ad5fad6442 100644
--- a/posts/2022/K0VDR.html
+++ b/posts/2022/K0VDR.html
@@ -665,13 +665,13 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/1FJ4HP4.html" rel="prev" title="DgnPrimitiveTool 使用文档">
-                  <i class="fa fa-chevron-left"></i> DgnPrimitiveTool 使用文档
+                <a href="/posts/2022/38K28WD.html" rel="prev" title="C# 中如何向 Microstation 输出调试信息">
+                  <i class="fa fa-chevron-left"></i> C# 中如何向 Microstation 输出调试信息
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/26E0BYF.html" rel="next" title="MS 开发常用 DLL 引用配置推荐">
-                  MS 开发常用 DLL 引用配置推荐 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/1FJ4HP4.html" rel="next" title="DgnPrimitiveTool 使用文档">
+                  DgnPrimitiveTool 使用文档 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/QRGC5D.html b/posts/2022/QRGC5D.html
index fc71895836..296c6739c8 100644
--- a/posts/2022/QRGC5D.html
+++ b/posts/2022/QRGC5D.html
@@ -375,8 +375,8 @@ <h2 id="使用">使用</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/W1573T.html" rel="next" title="npm镜像源管理工具nrm使用">
-                  npm镜像源管理工具nrm使用 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/AKDK4Z.html" rel="next" title="yarn 常用命令">
+                  yarn 常用命令 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/R23RB6.html b/posts/2022/R23RB6.html
index 44784d5413..7801fb0a23 100644
--- a/posts/2022/R23RB6.html
+++ b/posts/2022/R23RB6.html
@@ -518,8 +518,8 @@ <h2 id="常见问题汇总">常见问题汇总</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/54B652.html" rel="next" title="C# 优雅编程">
-                  C# 优雅编程 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/1BXSKSD.html" rel="next" title="编程风格指南">
+                  编程风格指南 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/TZZNFQ.html b/posts/2022/TZZNFQ.html
index f2a5cef770..f249798b84 100644
--- a/posts/2022/TZZNFQ.html
+++ b/posts/2022/TZZNFQ.html
@@ -751,8 +751,8 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/3JC8V28.html" rel="prev" title="CSS 的值与单位">
-                  <i class="fa fa-chevron-left"></i> CSS 的值与单位
+                <a href="/posts/2022/2R0P0YJ.html" rel="prev" title="CSS中图片超过宽度自动缩放">
+                  <i class="fa fa-chevron-left"></i> CSS中图片超过宽度自动缩放
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2022/W1573T.html b/posts/2022/W1573T.html
index 0cc36d3c15..0eaefaa851 100644
--- a/posts/2022/W1573T.html
+++ b/posts/2022/W1573T.html
@@ -370,13 +370,13 @@ <h2 id="使用">使用</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2022/QRGC5D.html" rel="prev" title="yarn镜像源管理工具yrm使用">
-                  <i class="fa fa-chevron-left"></i> yarn镜像源管理工具yrm使用
+                <a href="/posts/2022/AKDK4Z.html" rel="prev" title="yarn 常用命令">
+                  <i class="fa fa-chevron-left"></i> yarn 常用命令
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/AKDK4Z.html" rel="next" title="yarn 常用命令">
-                  yarn 常用命令 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/C57H56.html" rel="next" title="echarts各个配置项概念">
+                  echarts各个配置项概念 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/WP9100.html b/posts/2022/WP9100.html
index 019d3ebcc3..716a61cb23 100644
--- a/posts/2022/WP9100.html
+++ b/posts/2022/WP9100.html
@@ -369,8 +369,8 @@ <h2 id="参考">参考</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2022/1ERZT1V.html" rel="next" title="markdown 中 LaTeX公式语法大全">
-                  markdown 中 LaTeX公式语法大全 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2022/3SP0JGM.html" rel="next" title="如何求最大弯矩">
+                  如何求最大弯矩 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2022/X71YPD.html b/posts/2022/X71YPD.html
index 07ca359faf..48d2cde00e 100644
--- a/posts/2022/X71YPD.html
+++ b/posts/2022/X71YPD.html
@@ -29,8 +29,8 @@
 <meta property="article:published_time" content="2022-01-16T16:00:00.000Z">
 <meta property="article:modified_time" content="2022-01-16T16:00:00.000Z">
 <meta property="article:author" content="明不知昔">
-<meta property="article:tag" content="ventoy">
 <meta property="article:tag" content="windows">
+<meta property="article:tag" content="ventoy">
 <meta name="twitter:card" content="summary">
 
 
@@ -372,8 +372,8 @@ <h2 id="legacy启动设置常见的选项">legacy启动设置常见的选项</h2
 </div>
 
           <div class="post-tags">
-              <a href="/tags/ventoy/" rel="tag"><i class="fa fa-tag"></i> ventoy</a>
               <a href="/tags/windows/" rel="tag"><i class="fa fa-tag"></i> windows</a>
+              <a href="/tags/ventoy/" rel="tag"><i class="fa fa-tag"></i> ventoy</a>
           </div>
 
         
diff --git a/posts/2023/1H5NPNF.html b/posts/2023/1H5NPNF.html
index e3b78dec08..e371a0f44f 100644
--- a/posts/2023/1H5NPNF.html
+++ b/posts/2023/1H5NPNF.html
@@ -354,8 +354,8 @@ <h2 id="参考">参考</h2>
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2023/1N5WRFM.html" rel="next" title="Powershell7 实用插件集">
-                  Powershell7 实用插件集 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2023/1JSFERW.html" rel="next" title="z.lua 安装">
+                  z.lua 安装 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2023/1JSFERW.html b/posts/2023/1JSFERW.html
index 1a09ca8a88..4a831e2973 100644
--- a/posts/2023/1JSFERW.html
+++ b/posts/2023/1JSFERW.html
@@ -374,13 +374,13 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2023/1N5WRFM.html" rel="prev" title="Powershell7 实用插件集">
-                  <i class="fa fa-chevron-left"></i> Powershell7 实用插件集
+                <a href="/posts/2023/1H5NPNF.html" rel="prev" title="MS To Learn">
+                  <i class="fa fa-chevron-left"></i> MS To Learn
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2023/1ZZM4MX.html" rel="next" title="Docker Compose 的简明使用">
-                  Docker Compose 的简明使用 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2023/1N5WRFM.html" rel="next" title="Powershell7 实用插件集">
+                  Powershell7 实用插件集 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2023/1N5WRFM.html b/posts/2023/1N5WRFM.html
index 82f6e0c638..19bee53c0e 100644
--- a/posts/2023/1N5WRFM.html
+++ b/posts/2023/1N5WRFM.html
@@ -380,13 +380,13 @@ <h2 id="完整配置">完整配置</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2023/1H5NPNF.html" rel="prev" title="MS To Learn">
-                  <i class="fa fa-chevron-left"></i> MS To Learn
+                <a href="/posts/2023/1JSFERW.html" rel="prev" title="z.lua 安装">
+                  <i class="fa fa-chevron-left"></i> z.lua 安装
                 </a>
             </div>
             <div class="post-nav-item">
-                <a href="/posts/2023/1JSFERW.html" rel="next" title="z.lua 安装">
-                  z.lua 安装 <i class="fa fa-chevron-right"></i>
+                <a href="/posts/2023/1ZZM4MX.html" rel="next" title="Docker Compose 的简明使用">
+                  Docker Compose 的简明使用 <i class="fa fa-chevron-right"></i>
                 </a>
             </div>
           </div>
diff --git a/posts/2023/1ZZM4MX.html b/posts/2023/1ZZM4MX.html
index 41d6f80ed2..40082d2791 100644
--- a/posts/2023/1ZZM4MX.html
+++ b/posts/2023/1ZZM4MX.html
@@ -550,8 +550,8 @@ <h2 id="参考">参考</h2>
 
           <div class="post-nav">
             <div class="post-nav-item">
-                <a href="/posts/2023/1JSFERW.html" rel="prev" title="z.lua 安装">
-                  <i class="fa fa-chevron-left"></i> z.lua 安装
+                <a href="/posts/2023/1N5WRFM.html" rel="prev" title="Powershell7 实用插件集">
+                  <i class="fa fa-chevron-left"></i> Powershell7 实用插件集
                 </a>
             </div>
             <div class="post-nav-item">
diff --git a/posts/2023/2HA8DCX.html b/posts/2023/2HA8DCX.html
index 081171ddd9..e34593fd01 100644
--- a/posts/2023/2HA8DCX.html
+++ b/posts/2023/2HA8DCX.html
@@ -29,8 +29,8 @@
 <meta property="article:published_time" content="2023-04-15T16:00:00.000Z">
 <meta property="article:modified_time" content="2023-04-15T16:00:00.000Z">
 <meta property="article:author" content="明不知昔">
-<meta property="article:tag" content="MongoDB">
 <meta property="article:tag" content="Docker">
+<meta property="article:tag" content="MongoDB">
 <meta property="article:tag" content="galens">
 <meta name="twitter:card" content="summary">
 
@@ -396,8 +396,8 @@ <h2 id="参考">参考</h2>
 </div>
 
           <div class="post-tags">
-              <a href="/tags/MongoDB/" rel="tag"><i class="fa fa-tag"></i> MongoDB</a>
               <a href="/tags/Docker/" rel="tag"><i class="fa fa-tag"></i> Docker</a>
+              <a href="/tags/MongoDB/" rel="tag"><i class="fa fa-tag"></i> MongoDB</a>
               <a href="/tags/galens/" rel="tag"><i class="fa fa-tag"></i> galens</a>
           </div>
 
diff --git a/search.xml b/search.xml
index 2f5c0131a7..4b5bb2d776 100644
--- a/search.xml
+++ b/search.xml
@@ -1,372 +1,187 @@
 <?xml version="1.0" encoding="utf-8"?>
 <search>
   <entry>
-    <title>深入原理学习汽车驾驶</title>
-    <url>/posts/2022/1ZBGNQC.html</url>
-    <content><![CDATA[<p>本文从理论出发，深度剖析驾驶原理，从而从容面对各种复杂工况。</p>
+    <title>一步步在 github pages 上用 jekyll 搭建属于自己的博客</title>
+    <url>/posts/2019/3PCKARV.html</url>
+    <content><![CDATA[<figure>
+<img data-src="https://i.loli.net/2019/11/23/H5sBjnXVbCfIh9t.jpg"
+alt="image-20191123112911663.jpg" />
+<figcaption aria-hidden="true">image-20191123112911663.jpg</figcaption>
+</figure>
+<h3 id="序">序</h3>
+<p>我的专业与互联网没有太大关系，接触博客还是工作以后的事情。随着工作的经验增加，总想将自己的所思所得记录下来，毕竟，好记性不如烂笔头。</p>
 <span id="more"></span>
-<h2 id="说明">说明</h2>
-<p>本文章采用的汽车数据为（单位 mm）：</p>
-<table>
-<thead>
-<tr class="header">
-<th>车长</th>
-<th>车宽</th>
-<th>轴距</th>
-<th>前轮距</th>
-<th>后轮距</th>
-<th>轮胎</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>4650</td>
-<td>1860</td>
-<td>2712</td>
-<td>1565</td>
-<td>1565</td>
-<td>225/60 R18</td>
-</tr>
-</tbody>
-</table>
-<p>车库尺寸为：5.8m x 3m</p>
-<h2 id="汽车转弯">汽车转弯</h2>
-<h3 id="转弯半径">转弯半径</h3>
+<p>开始是将自己的总结在本地保存，但是本地有一个劣势，就是不能随时随地的查看，最重要的是，不能随时随地的装X，所以，最后转到了简书，转到简书，是17年的时候，那个时候，简书的质量还是有保证，但是，随着简书的发展，广告越来越多，文章质量越来越差，而且首页推送的文章太多关于性的东西，重要是，慢慢地也出现了好多标题党，让人烦不胜烦。</p>
+<p>无奈之下，只有尝试去寻找新的平台...</p>
+<p>此时，盯了很多家，比如，csdn,
+知乎，少数派等。除了博客园，知乎让我比较满意外，其它都有广告，当然，知乎和博客园也有，不过，知乎的质量在那儿，所以，广告也就不那么在意了，而博客园，是可以自定义界面风格的，可以查看我的博客园主页<a
+href="https://www.cnblogs.com/BIMFlying">明不知昔</a>，广告什么的都可以去掉，所以影响不大。但是知乎是问答型社区，与自己这无病呻吟小年轻的风格又有点不搭，在上面写一篇文章，确实是要一定的专业深度的，当然，灌水这种事情，我不愿意去做。而博客园虽然有一定的自由度，但是总想有一方完完全全属于自己的一方空间。</p>
+<p>最后，结论就是各个平台都不满意。</p>
+<p>那就自己搭建一个博客平台吧...</p>
+<h3 id="博客选择">博客选择</h3>
+<p>搭建个人博客，有很多种方案。</p>
+<p>因最近经济压力大，所以，本着能省几毛是几毛的理念，便选择了平台免费，功能强大，上手简单的组合：github
+pages +jekyll 来搭建自己的博客 <a
+href="https://noctiflorous.gitee.io">明不知昔</a>。</p>
 <figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220427134427047.png"
-alt="image-20220427134427047" />
-<figcaption aria-hidden="true">image-20220427134427047</figcaption>
+<img data-src="https://i.loli.net/2019/11/23/eD4wJgo2GHqQjAZ.png"
+alt="image-20191123112746605.png" />
+<figcaption aria-hidden="true">image-20191123112746605.png</figcaption>
 </figure>
-<p>汽车转弯时如上图所示，其中：</p>
+<p>为什么选择这个组合呢？</p>
+<ol type="1">
+<li><p>服务器选择
+收费的云服务器什么的就不考虑了，那么免费且还能搭建博客的，主要的选择就是
+github pages 和 gittee pages。</p>
+<p>前者的服务器在国外，因为墙的原因，速度较慢，但是上面的资源多，为微软家的东西，质量有保证，生态齐全，且自带了
+jekyll 编译器，这个是很重要的一点，如果用 jekyll
+作为博客平台，那么只需要上传源文件，本地不需要进行编译，这样本地就不需要安装复杂的环境了。</p>
+<p>后者的服务器在中国，响应速度快，每次上传文件之后，需要在仓库中的
+pages 界面进行进行手动更新生成静态页面，比较麻烦。</p>
+<p>如果推荐的话，个从建议用 gitee,
+虽然每次要手动，但是的服务器在国内，速度快，而且它支持三种方式的在线编译，虽然每次推送修改后要手动操作一下，但是与它的优点相比，这就不算什么缺点了。</p>
+<p>顺便也介绍下 gitee 的自动编译依据：</p>
+<ol type="1">
+<li><p>编译 Hugo
+依据：仓库编译目录下存在<code>config.toml|json|yaml</code>文件和<code>content</code>目录的时候，会使用<code>hugo</code>生成静态文件。</p></li>
+<li><p>编译 Hexo
+依据：仓库编译目录下存在<code>package.json</code>，<code>_config.yml</code>文件和<code>scaffolds</code>目录的，会使用<code>hexo generate</code>生成静态文件，由于每次部署编译需要重新克隆编译并进行<code>npm install</code>，所以使用
+Hexo 的时间相对 Hugo 和 Jekyll 会长一些。</p></li>
+<li><p>当不符合上述1和2条件的时候，就默认使用Jekyll编译</p></li>
+</ol></li>
+<li><p>语言选择 构建 pages 有三种方式，分别是 jekyll ， hexo 和 Hugo
+，因为本人选择了 github ，而它只支持 jekyll 自动编译，所以，便选择了
+jekyll。</p></li>
+</ol>
+<h3 id="开始部署">开始部署</h3>
+<ol type="1">
+<li>建立自己的 github 账户，请自行百度或者点击下面的链接。</li>
+</ol>
+<p><a
+href="https://blog.csdn.net/xingkaifan/article/details/81105352">创建我的GitHub账号及使用</a></p>
+<ol start="2" type="1">
+<li>Fork 本主题的仓库</li>
+</ol>
 <ul>
-<li>L：车总长</li>
-<li>a：前轴至车头距离</li>
-<li>l：轴距</li>
-<li>c：后轴至车尾距离</li>
-<li>b：车身宽度</li>
-<li>R：汽车转弯时最小外半径</li>
-<li>r：汽车转弯时最小内半径</li>
-<li>W：转弯时所需道路宽度</li>
-<li><span class="math inline">\(\alpha\)</span>：汽车前内轮转角</li>
-<li><span class="math inline">\(\beta\)</span>：汽车前外轮转角</li>
+<li>进入<a
+href="https://github.com/GalensGan/galensgan.github.io">galensgan.github.io</a></li>
+<li>点击右上角的Fork按钮，见下图</li>
 </ul>
-<h3 id="alpha-与-beta-的关系"><span
-class="math inline">\(\alpha\)</span> 与 <span
-class="math inline">\(\beta\)</span> 的关系</h3>
-<p>在转弯时，前面两个轮子的转弯角度是不一样的，因为汽车在行驶过程中(直线和转弯时候)，每个车轮的运动轨迹必须符合他的自然运动轨迹，从而保证轮胎与地面始终处于纯滚动状态。</p>
-<p>他们之间的关系为：</p>
-<p><img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/阿克曼几何图示.png"
-alt="阿克曼几何图示" /> <span class="math display">\[
-cot\alpha - cot\beta = K/L
-\]</span></p>
+<figure>
+<img data-src="https://i.loli.net/2019/11/23/4wbyV2MKBlcCpG8.png"
+alt="howtoforkrepo.PNG" />
+<figcaption aria-hidden="true">howtoforkrepo.PNG</figcaption>
+</figure>
 <ul>
-<li><span class="math inline">\(\beta\)</span> - 汽车前外轮转角</li>
-<li><span class="math inline">\(\alpha\)</span> - 汽车前内轮转角</li>
-<li>K - 两主销中心距</li>
-<li>L - 轴距（上图中）</li>
+<li>进入自己的克隆的仓库,然后点击 Settings,
+也可以直接输入这个地址：<code>https://github.com/你的用户名/galensgan.github.io/settings</code></li>
+<li>将仓库名称改为：<code>你的用户名.github.io</code> 形式,点击
+<strong>Rename</strong> 重命名</li>
 </ul>
-<blockquote>
-<p>具体的原理可以参考<a
-href="https://en.wikipedia.org/wiki/Ackermann_steering_geometry">阿克曼几何</a>。</p>
-</blockquote>
-<h3 id="最小内侧半径-r">最小内侧半径 r</h3>
-<p>最小内侧半径为右后轮外侧处的半径，其公式如下： <span
-class="math display">\[
-\begin{aligned}
-tan \alpha = l/r \\
-r= l/tan\alpha=l \cdot ctan \alpha
-\end{aligned}
-\]</span></p>
-<h3 id="最大外侧半径-r">最大外侧半径 R</h3>
-<p>最大外侧半径为左车头的半径，根据勾股定理有： <span
-class="math display">\[
-\begin{aligned}
-R^2 &amp;=(l+a)^2+(b+r)^2 \\
-R^2 &amp;=(l+a)^2+(b+b.ctan\alpha)^2 \\
-所以：R &amp;= \sqrt{(l+a)^2+(b+b.ctan\alpha)^2}
-\end{aligned}
-\]</span> ### 转弯道路宽度</p>
-<p><span class="math display">\[
-\begin{aligned}
-W = R -r
-\end{aligned}
-\]</span></p>
-<h3 id="内轮差">内轮差</h3>
-<p>在汽车行驶过程中，前内轮能过去的地方，后轮不一定能通过，所以需要使用内轮差来进行判断。即当障碍物垂直于内轮的距离大于内轮差时，后轮肯定也可以通过。</p>
-<p>内轮差的计算公式如下： <span class="math display">\[
-d_{内轮差} = r/cos \alpha - r
-\]</span></p>
-<h3 id="汽车转弯时最大速度">汽车转弯时最大速度</h3>
-<p>由物理学公式： <span class="math display">\[
-\begin{aligned}
-F_{离心力} &amp;=m\times a\\
-a &amp;=\omega ^2 \cdot r = v^2/r \\
-\end{aligned}
-\]</span></p>
+<ol start="3" type="1">
+<li><p>自己的博客网站就初步建立了，你可以在浏览器中输入自己的网址访问：<code>你的用户名.github.io</code></p></li>
+<li><p>开始定制博客内容</p></li>
+</ol>
 <ul>
-<li>F-离心力</li>
-<li>m-汽车质量</li>
-<li><span class="math inline">\(\omega\)</span>-角速度</li>
-<li><span class="math inline">\(v\)</span>-速度</li>
-<li>r-半径</li>
+<li>下载并安装git <a
+href="https://git-scm.com/book/zh/v2/%E8%B5%B7%E6%AD%A5-%E5%AE%89%E8%A3%85-Git">传送门-Git安装</a></li>
+<li>进入到自己的仓库：点击 <strong>Clone or download</strong>,
+然后复制框中显示的URL</li>
 </ul>
-<p><span class="math display">\[
-\begin{aligned}
-\therefore v= \sqrt{F_{离心力} \cdot r/{m}}
-\end{aligned}
-\]</span></p>
-<p>汽车在转弯过程中，通过汽车与地面的摩擦力来克服汽车的离心力，所以有：
-<span class="math display">\[
-\begin{aligned}
-\because F_{摩擦} &amp;= \mu \cdot m \cdot g \\
-\therefore v &amp;= \sqrt{\mu \cdot g \cdot r}
-\end{aligned}
-\]</span></p>
+<figure>
+<img data-src="https://i.loli.net/2019/11/23/K7Iw4BiZ12aTOsd.png"
+alt="TIM截图20191123125227.png" />
+<figcaption aria-hidden="true">TIM截图20191123125227.png</figcaption>
+</figure>
 <ul>
-<li><span class="math inline">\(\mu\)</span> -
-汽车与需的摩擦系数，不同类型的路面其值不同</li>
-<li>g- 重力加速度，可取 <span class="math inline">\(9.8 \
-m/s^2\)</span></li>
+<li>在你想将代码放置的目录处，右键 &gt;&gt; Git Bash Here</li>
 </ul>
-<h3 id="常用数值表">常用数值表</h3>
-<p>根据上述公式，计算了一些常用转向角对应的值，方便取用（单位：m）。</p>
-<table style="width:100%;">
+<figure>
+<img data-src="https://i.loli.net/2019/11/23/wyFd5L98uWcXYBv.png"
+alt="TIM截图20191123125621.png" />
+<figcaption aria-hidden="true">TIM截图20191123125621.png</figcaption>
+</figure>
+<ul>
+<li>在弹出的黑窗体中输入：<code>git clone 你复制的url</code> &gt;&gt;
+回车，开始克隆代码</li>
+</ul>
+<figure>
+<img data-src="https://i.loli.net/2019/11/23/vndl5TpNiU8MJFw.png"
+alt="TIM截图20191123125857.png" />
+<figcaption aria-hidden="true">TIM截图20191123125857.png</figcaption>
+</figure>
+<ul>
+<li><p>克隆完成以后，进入目录修改相关内容，变成自己的信息，下面列出经常用到或者是需要修改的目录：</p>
+<table>
 <colgroup>
-<col style="width: 26%" />
-<col style="width: 25%" />
-<col style="width: 34%" />
-<col style="width: 13%" />
+<col style="width: 61%" />
+<col style="width: 38%" />
 </colgroup>
 <thead>
 <tr class="header">
-<th>内轮角 <span class="math inline">\(\theta\)</span> (单位：度)</th>
-<th>r <span class="math inline">\((l \cdot ctan \alpha)\)</span></th>
-<th><span class="math inline">\(d_{内轮差} \ (r/cos \alpha -
-r)\)</span></th>
-<th>l = 2.712</th>
+<th>目录名称</th>
+<th>作用</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td>5</td>
-<td>11.4 l</td>
-<td>0.04 l</td>
-<td>r=31.0, d=0.1</td>
-</tr>
-<tr class="even">
-<td>10</td>
-<td>5.7 l</td>
-<td>0.09 l</td>
-<td>r=15.4, d=0.2</td>
-</tr>
-<tr class="odd">
-<td>15</td>
-<td>3.7 l</td>
-<td>0.13 l</td>
-<td>r=10.1, d=0.4</td>
+<td>_drafts</td>
+<td>草稿，如果未完成的文章，可以放在里面，在里面的文章不会显示在博客上</td>
 </tr>
 <tr class="even">
-<td>20</td>
-<td>2.7 l</td>
-<td>0.18 l</td>
-<td>r=7.5, d=0.5</td>
+<td>_post</td>
+<td>发表的文章放在这里</td>
 </tr>
 <tr class="odd">
-<td>25</td>
-<td>2.1 l</td>
-<td>0.22 l</td>
-<td>r=5.8, d=0.6</td>
+<td>about</td>
+<td>关于中的内容写在这里</td>
 </tr>
 <tr class="even">
-<td>30</td>
-<td>1.7 l</td>
-<td>0.27 l</td>
-<td>r=4.7, d=0.7</td>
+<td>_config.yml</td>
+<td>此为网站的配置文件，所有的界面的信息和功能，都里面进行设置</td>
 </tr>
 <tr class="odd">
-<td>35</td>
-<td>1.4 l</td>
-<td>0.32 l</td>
-<td>r=3.9, d=0.9</td>
+<td>...</td>
+<td>...</td>
 </tr>
 <tr class="even">
-<td>40</td>
-<td>1.2 l</td>
-<td>0.36 l</td>
-<td>r=3.2, d=1.0</td>
+<td>修改 _config.yml 为你自己的博客内容，同时，在post放入自己的 markdown
+格式的文章</td>
+<td></td>
 </tr>
 </tbody>
-</table>
-<h2 id="倒车入库轨迹">倒车入库轨迹</h2>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220427214126353.png"
-alt="image-20220427214126353" />
-<figcaption aria-hidden="true">image-20220427214126353</figcaption>
-</figure>
-<p>倒车入库如上图所示，参数说明如下：</p>
+</table></li>
+<li><p>对文章格式的要求：</p>
 <ul>
-<li>d: 倒车时车尾距离目标车库边界的距离</li>
-<li>e: 开始倒车时车侧边距离车库入库线距离</li>
-<li>f: 车库入库线距离圆心的竖向距离</li>
-<li>g: 车库宽度</li>
+<li>标题名称：年-月-日-唯一识别号,比如 2019-11-23-template</li>
+<li>正文内容：每个头部要有如下格式</li>
+</ul></li>
 </ul>
-<p>通过结合汽车转弯半径图示，d、e、f 值如下：</p>
-<p><strong>d：</strong></p>
-<p>由几何关系得 <span class="math display">\[
-\begin{aligned}
-d &amp;= r-(g-b)/2
-\end{aligned}
-\]</span> <strong>f：</strong></p>
-由勾股定理得 <span class="math display">\[
-\begin{aligned}
-r^2 &amp;= d^2+f^2  \\
-f &amp;= \sqrt{r^2-d^2} \\
-\end{aligned}
-\]</span> f 按<a
-href="https://www.bilibili.com/read/cv9813111">连分数法</a>求解： $$
-<span class="math display">\[\begin{aligned}
-当 \ s &amp;= a^2+b \ (a^2 &gt;= b) \ 时 \\
-有 \ \sqrt{s} &amp;= a+ \frac{b}{a+\sqrt{s}} \\
-
-\therefore f &amp;= r + \frac{-d^2}{r+r+0}
-（按一层近似计算,f值会偏大）\\
-f &amp;= r + \frac{-d^2}{2r}
-\end{aligned}\]</span>
-<p>$$</p>
-<p><strong>e:</strong></p>
-<p>由几何关系得 <span class="math display">\[
-\begin{aligned}
-e = r-f
-\end{aligned}
-\]</span> 在倒车入库时，一般关心的值是 d 和
-e，倒车时一般满打方向盘，所以 <span
-class="math inline">\(\theta\)</span> 取最大值（35度）。</p>
-按《汽车库设计规范》JGJ100-98第4.1.4条规定：小型汽车与左右两侧墙面的最小距离应为0.6m，与前后墙面的最小距离应为0.5m。(g-b)/2
-按取常量 0.6m，从而可以计算得： $$
-<span class="math display">\[\begin{aligned}
-d &amp;= 1.4l - 0.6 \\
-
-f &amp;= 0.7l +0.6 - \frac{0.129}{l} \\
-\because &amp; \  \frac{0.129}{l} \ 太小，舍去 \\
-\therefore f&amp;=0.7l+0.6 \\
-e &amp;= r-f = 0.7l-0.6
-\end{aligned}\]</span>
-<p>$$</p>
-<p>对于本文所使用的车型，可以得： <span class="math display">\[
-\begin{aligned}
-f&amp;=0.7l+0.6 = 0.7*2.712+0.6 = 2.2272 \\
-\end{aligned}
-\]</span> 由于在推导 f 过程中，使用连分数法时只计算到第一层，现在再用 f
-值迭代到第二层，于是有： <span class="math display">\[
-\begin{aligned}
-f &amp;= r + \frac{-d^2}{r+r+\frac{-d^2}{r+\sqrt{2.2272}}} \\
-r &amp;= 1.4l = 3.7968 \\
-d &amp;= 1.4l - 0.6 = 3.1968 \\
-\\
-\therefore f&amp;= 1.991 \\
-e &amp;= r-f=1.8018
-\end{aligned}
-\]</span> <strong>结论：</strong></p>
-<p>对于轴距为 2.7m 左右的车，其车轮后轴距车库边线距离至少应为
-3.1968m，侧边距离入库边线至少为 1.8018m。</p>
-<p>当起始位置非图示水平，且车辆位于水平位置左侧时，上述值会相应的减少。</p>
-<h2 id="侧方停车轨迹">侧方停车轨迹</h2>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220502130259206.png"
-alt="image-20220502130259206" />
-<figcaption aria-hidden="true">image-20220502130259206</figcaption>
-</figure>
-<p>其中，蓝色线代表后轮轨迹，绿色线代表前轮轨迹。</p>
-<p>在进行右侧方位停车时，主要有以下步骤：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">title: this is a template</span><br><span class="line"></span><br><span class="line">tags: </span><br><span class="line">  - template</span><br><span class="line">  - blog</span><br><span class="line"></span><br></pre></td></tr></table></figure>
+<p>同时注意，每一个冒号后面需有一个空格</p>
+<ol start="5" type="1">
+<li>推送到github完成更新</li>
+</ol>
+<p>你进入你的本地仓库目录里面（与.git目录同级），右键 &gt;&gt; 右键
+&gt;&gt; Git Bash Here &gt;&gt;
+在弹出的黑窗体中依次输入下面的内容，每输入一行，按一次回车</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">git add . </span><br><span class="line">git commit -m &quot;这里是你提交的内容的描述，比如：初始化自己的博客&quot;</span><br><span class="line">git push</span><br></pre></td></tr></table></figure>
+<p>到此，属于自己的博客就完成了，再次在网页中打开<code>你的用户名.github.io</code>,
+看看效果吧~</p>
+<h3 id="致谢">致谢</h3>
 <ol type="1">
-<li>自己的车与右侧库边线保持 30cm 距离</li>
-<li>在后轴越过目标车库边线时，开始向右满打方向盘</li>
-<li>待到车身与入库边线程 48度角（建议45~48度）时，反向打满方向盘</li>
-<li>即可一把倒车入库</li>
+<li><a
+href="https://github.com/Simpleyyt/simpleyyt.github.io">simpleyyt.github.io</a></li>
 </ol>
-<h3 id="入库时车辆左侧道路最小宽度-h">入库时车辆左侧道路最小宽度 <span
-class="math inline">\(h\)</span></h3>
-$$
-<span class="math display">\[\begin{aligned}
-R_{界外} &amp;= r + 0.3 + b + h  \\
-R_{界外}^2 &amp;= (r+0.3+b)^2 + (l+a)^2 \\
-
-\therefore R &amp;= \sqrt{(r+0.3+b)^2 + (l+a)^2} \\
-h &amp;= \sqrt{(r+0.3+b)^2 + (l+a)^2} - r -0.3 - b
-\end{aligned}\]</span>
-<p>$$</p>
-<p>对于不同的车型，可以代入上述公式，计算其左侧距离。</p>
-<p>本文中所用车型参数按卡式计算得，<span
-class="math inline">\(h=1.22m\)</span>。</p>
-<h3 id="一把出库时最小车前距-l_2">一把出库时最小车前距 <span
-class="math inline">\(L_2\)</span></h3>
-<p><span class="math display">\[
-L2 = r \times tan \gamma
-\]</span></p>
-<blockquote>
-<p>为什么 <span class="math inline">\(\gamma\)</span> 建议取 45~48
-度呢？</p>
-<p>可以通过公式证明，但是比较复杂，笔者就不再这里证明了。</p>
-</blockquote>
-<h2 id="车距判断">车距判断</h2>
-<p>在行车过程中，在车内如何判断车头各部位的距离也非常重要。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220502143520209.png"
-alt="image-20220502143520209" />
-<figcaption aria-hidden="true">image-20220502143520209</figcaption>
-</figure>
-<ul>
-<li>L1- 驾驶员垂直于车头的距离</li>
-<li>L2 - 驾驶员垂直于车身的左侧距离</li>
-<li>L3- 驾驶员垂直于车身的右侧距离</li>
-<li>H1- 地面距车头右边界高度</li>
-<li>H2- 地面距车头左边界高度</li>
-<li>H3- 驾驶员眼睛距地面高度</li>
-</ul>
-<p>由上图可知，视野中，周围的障碍物在视野中必须低于前车的高度，才不会与自己的车剐蹭。在实际中，可以在车内寻找特征点判断车距。</p>
-<h2 id="行车安全距离控制">行车安全距离控制</h2>
-<table>
-<thead>
-<tr class="header">
-<th>车速</th>
-<th>距离</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>$v $100km/h</td>
-<td><span class="math inline">\(D \ge 100m\)</span></td>
-</tr>
-<tr class="even">
-<td><span class="math inline">\(100km/h \ge v \ge 60 km/h\)</span></td>
-<td><span class="math inline">\(D=v\)</span></td>
-</tr>
-<tr class="odd">
-<td><span class="math inline">\(60km/h \ge v \ge 40\)</span></td>
-<td>50m</td>
-</tr>
-<tr class="even">
-<td><span class="math inline">\(v \lt 40 km/h\)</span></td>
-<td>30m</td>
-</tr>
-</tbody>
-</table>
-<p>上表中仅为正常行驶状态下的参考值，
-在实际行车中，最好按照反应时间来根据自身条件进行估算，其公式如下： <span
-class="math display">\[
-T = T_{反应时间} + T_{刹车时间}+T_{制动后与前车安全距离时间等效}
-\]</span> T 一般取 3 秒。</p>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://blog.csdn.net/bisal/article/details/106232934">了解阿克曼转向原理的作用</a></p>
-<p><a
-href="https://www.pcauto.com.cn/jxwd/2065/20654165.html">标准车库尺寸是多少</a></p>
 ]]></content>
       <categories>
-        <category>DailyLife</category>
+        <category>Blog</category>
       </categories>
       <tags>
-        <tag>汽车驾驶</tag>
+        <tag>个人博客</tag>
+        <tag>jekyll</tag>
+        <tag>Hexo</tag>
+        <tag>明不知昔</tag>
         <tag>galens</tag>
       </tags>
   </entry>
@@ -431,9 +246,9 @@ href="https://github.com/stevenjoezhang/live2d-widget">Live2d-widget</a></li>
         <category>Blog</category>
       </categories>
       <tags>
+        <tag>jekyll</tag>
         <tag>个人博客搭建</tag>
         <tag>CDN 加速</tag>
-        <tag>jekyll</tag>
         <tag>galens</tag>
       </tags>
   </entry>
@@ -482,36 +297,135 @@ Hexo,又成功了趟了满地的坑，填啊填，终于填完了，于是才有
       </tags>
   </entry>
   <entry>
-    <title>中文文案排版指北（简体中文版）</title>
-    <url>/posts/2019/B17J0X.html</url>
-    <content><![CDATA[<p>统一中文文案、排版的相关用法，降低团队成员之间的沟通成本，增强网站气质。</p>
+    <title>给博客增加revealjs功能</title>
+    <url>/posts/2019/ARMN8G.html</url>
+    <content><![CDATA[<figure>
+<img data-src="https://i.loli.net/2019/12/02/rFzqNcd2lim1vMA.gif"
+alt="reveal.js封面展示.gif" />
+<figcaption aria-hidden="true">reveal.js封面展示.gif</figcaption>
+</figure>
+<h1 id="序">序</h1>
+<p>汇报一直用 ppt ，审美疲劳了~ 对，简直是平淡无奇，用 ppt
+汇报，总感觉与自己的帅气（简称X格）完全配不上，所以，汇报时，至少是
+prezi 或者 focusky 。但自从搭建了个人博客之后，发现 prezi 之流依旧太
+low。 那要用什么呢？当然是reveal.js啦~</p>
 <span id="more"></span>
-<p>{:toc}</p>
-<h2 id="空格">空格</h2>
-<p>「有研究显示，打字的时候不喜欢在中文和英文之间加空格的人，感情路都走得很辛苦，有七成的比例会在
-34
-岁的时候跟自己不爱的人结婚，而其余三成的人最后只能把遗产留给自己的猫。毕竟爱情跟书写都需要适时地留白。</p>
-<p>与大家共勉之。」——<a
-href="https://github.com/vinta/pangu.js">vinta/paranoid-auto-spacing</a></p>
-<h3 id="中英文之间需要增加空格">中英文之间需要增加空格</h3>
-<p>正确：</p>
-<blockquote>
-<p>在 LeanCloud 上，数据存储是围绕 <code>AVObject</code> 进行的。</p>
-</blockquote>
-<p>错误：</p>
-<blockquote>
-<p>在LeanCloud上，数据存储是围绕<code>AVObject</code>进行的。</p>
-</blockquote>
-<blockquote>
-<p>在 LeanCloud上，数据存储是围绕<code>AVObject</code> 进行的。</p>
-</blockquote>
-<p>完整的正确用法：</p>
-<blockquote>
-<p>在 LeanCloud 上，数据存储是围绕 <code>AVObject</code> 进行的。每个
-<code>AVObject</code> 都包含了与 JSON 兼容的 key-value
-对应的数据。数据是 schema-free 的，你不需要在每个 <code>AVObject</code>
-上提前指定存在哪些键，只要直接设定对应的 key-value 即可。</p>
-</blockquote>
+<h1 id="reveal.js介绍">reveal.js介绍</h1>
+<p>先看看什么是reveal.js。 <img
 data-src="https://i.loli.net/2019/11/27/LcjN8yIY16xldrk.gif"
+alt="sliedes展示.gif" /></p>
+<p>Reveal.JS 是 Hakim El Hattab
+开发的一个演示文稿制作工具，能够制作绚丽的演示文稿并生成 HTML
+格式，将它发布到 web 上。它使用了 CSS3 变换功能和
+JavaScript，这个工具大受 web
+开发者的青睐，因为它容易创造美丽的演示。</p>
+<h1 id="想法的形成">想法的形成</h1>
+<p>开始接触到 reveal.js 的时候，因为它的 Web
+特性，一下子就被迷上了，所以想将其移植到自己的博客里面，当点击博客标题时，就自动开始播放。</p>
+<p>这样，博客里便可以同时存放文章和 PPT（在接下来的表达中，用 Slides
+来表达用reveal.js生成的幻灯片，与 PPT 区别开来）。</p>
+<p>但是，但是，但是...网上并没有现成的解决方案，百度了下，大家主流的方案如下：</p>
+<ol type="1">
+<li><p>将 reveal.js 源码下载下来，然后修改之后打开。<a
+href="https://blog.csdn.net/qq_37954086/article/details/80541224">传送门</a></p>
+<p>对这种操作，简直不能忍好吗？做一个
+PPT，居然要下载一堆与PPT内容不相关的源代码，加起来人 2M
+多了，有的幻灯片如果用 offce 做，也就几百 K。</p>
+<p>并且这还有个问题是，如果汇报结束，别人找你要 PPT，
+你还得压缩源代码，等其他人拿到你的 slides 时，首先要解压，然后找到其中的
+index.html ，再双击打开。</p>
+<p>如果是个 Web
+小白，根本不懂哪个文件是入口，这种方式，对于分享太不友好了。</p>
+<p>虽然我们装X，但起码得比其它方式的有优势才行，否则不是智障么？</p></li>
+<li><p>将 reveal.js 部署到 pages 上面。<a
+href="https://www.jianshu.com/p/2b13af2044dd">传送门</a></p>
+<p>这种方案，先是用方案1生成本地 Slides，然后将它部署到 pages
+上面。这对我也不适用，我的 pages 都用作个从博客了，没地方。</p></li>
+</ol>
+<p>上面的两个方式我不喜欢的地方在于</p>
+<ol type="1">
+<li><strong>一般人看到源代码文件，头大，不会编辑</strong></li>
+<li><strong>会编辑的人，如果要制作满意的，复杂点的 PPT,
+也比较费时间</strong></li>
+</ol>
+<p>在百般凉凉的状态下，终于让我发现了一个基于 reveal.js 的在线版本 <a
+href="https://slides.com">Slides</a>。它可以直接线上制作，制作完成后，通用浏览器线访问。</p>
+<p>从这个地方便得到了灵感，我可以在线上制作完成，然后导出到本地，制作成
+markdown 格式的文章，再推送到个人博客，这样今后在博客里面就可以查看
+Slides 了。</p>
+<h1 id="开始实现">开始实现</h1>
+<h2 id="注册-slides-账号">注册 Slides 账号</h2>
+<p>和正常注册账号的流程一样</p>
+<ul>
+<li><p>打开官网https://slides.com</p></li>
+<li><p>右上角有一个 Sign Up, 点击开始注册</p>
+<figure>
+<img data-src="https://i.loli.net/2019/11/27/hwab6EJRtmpAnQu.png"
+alt="slideSignUp.png" />
+<figcaption aria-hidden="true">slideSignUp.png</figcaption>
+</figure></li>
+<li><p>特别注意的是，注册是需要科学上网（你懂的）才行，因为它采用了谷歌的验证系统进行非机器验证。</p></li>
+</ul>
+<h2 id="新建-slides">新建 slides</h2>
+<p>点击新建，和制件 ppt 一样的流程。</p>
+<h2 id="导出到本地">导出到本地</h2>
+<ol type="1">
+<li><p>点击左侧导出按钮 <img
 data-src="https://i.loli.net/2019/11/27/DXC8db6Gj2SpKxv.png"
+alt="导出slides1.png" /></p></li>
+<li><p>选择 <strong>Export to reveal.js</strong> <img
 data-src="https://i.loli.net/2019/11/27/HhKC1Svw8ITpgVZ.png"
+alt="导出slides2.png" /></p></li>
+<li><p>打开我的 reveal.js 模板，位于 <code>_post/revealjs</code>
+里面，替换对应的<code>head</code>和<code>body</code>,然后修改<code>ini</code>的相关参数。</p></li>
+<li><p>更新文章，文章的链接就是 slides 了。</p>
+<p><a
+href="https://galensgan.github.io/2019/12/02/revealjsDemo/#/">效果传送门</a></p></li>
+</ol>
+<h1 id="声明">声明</h1>
+<blockquote>
+<p>本方首发于<a
+href="https://noctiflorous.gitee.io/">明不知昔</a>，转载请注明出处。</p>
+</blockquote>
+]]></content>
+      <categories>
+        <category>Blog</category>
+      </categories>
+      <tags>
+        <tag>个人博客</tag>
+        <tag>jekyll</tag>
+        <tag>明不知昔</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>中文文案排版指北（简体中文版）</title>
+    <url>/posts/2019/B17J0X.html</url>
+    <content><![CDATA[<p>统一中文文案、排版的相关用法，降低团队成员之间的沟通成本，增强网站气质。</p>
+<span id="more"></span>
+<p>{:toc}</p>
+<h2 id="空格">空格</h2>
+<p>「有研究显示，打字的时候不喜欢在中文和英文之间加空格的人，感情路都走得很辛苦，有七成的比例会在
+34
+岁的时候跟自己不爱的人结婚，而其余三成的人最后只能把遗产留给自己的猫。毕竟爱情跟书写都需要适时地留白。</p>
+<p>与大家共勉之。」——<a
+href="https://github.com/vinta/pangu.js">vinta/paranoid-auto-spacing</a></p>
+<h3 id="中英文之间需要增加空格">中英文之间需要增加空格</h3>
+<p>正确：</p>
+<blockquote>
+<p>在 LeanCloud 上，数据存储是围绕 <code>AVObject</code> 进行的。</p>
+</blockquote>
+<p>错误：</p>
+<blockquote>
+<p>在LeanCloud上，数据存储是围绕<code>AVObject</code>进行的。</p>
+</blockquote>
+<blockquote>
+<p>在 LeanCloud上，数据存储是围绕<code>AVObject</code> 进行的。</p>
+</blockquote>
+<p>完整的正确用法：</p>
+<blockquote>
+<p>在 LeanCloud 上，数据存储是围绕 <code>AVObject</code> 进行的。每个
+<code>AVObject</code> 都包含了与 JSON 兼容的 key-value
+对应的数据。数据是 schema-free 的，你不需要在每个 <code>AVObject</code>
+上提前指定存在哪些键，只要直接设定对应的 key-value 即可。</p>
+</blockquote>
 <p>例外：「豆瓣FM」等产品名词，按照官方所定义的格式书写。</p>
 <h3 id="中文与数字之间需要增加空格">中文与数字之间需要增加空格</h3>
 <p>正确：</p>
@@ -908,292 +822,8 @@ href="https://mazhuang.org/wiki/chinese-copywriting-guidelines/">中文文案排
         <category>Blog</category>
       </categories>
       <tags>
-        <tag>书写规范</tag>
-        <tag>个人博客</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>给博客增加revealjs功能</title>
-    <url>/posts/2019/ARMN8G.html</url>
-    <content><![CDATA[<figure>
-<img data-src="https://i.loli.net/2019/12/02/rFzqNcd2lim1vMA.gif"
-alt="reveal.js封面展示.gif" />
-<figcaption aria-hidden="true">reveal.js封面展示.gif</figcaption>
-</figure>
-<h1 id="序">序</h1>
-<p>汇报一直用 ppt ，审美疲劳了~ 对，简直是平淡无奇，用 ppt
-汇报，总感觉与自己的帅气（简称X格）完全配不上，所以，汇报时，至少是
-prezi 或者 focusky 。但自从搭建了个人博客之后，发现 prezi 之流依旧太
-low。 那要用什么呢？当然是reveal.js啦~</p>
-<span id="more"></span>
-<h1 id="reveal.js介绍">reveal.js介绍</h1>
-<p>先看看什么是reveal.js。 <img
 data-src="https://i.loli.net/2019/11/27/LcjN8yIY16xldrk.gif"
-alt="sliedes展示.gif" /></p>
-<p>Reveal.JS 是 Hakim El Hattab
-开发的一个演示文稿制作工具，能够制作绚丽的演示文稿并生成 HTML
-格式，将它发布到 web 上。它使用了 CSS3 变换功能和
-JavaScript，这个工具大受 web
-开发者的青睐，因为它容易创造美丽的演示。</p>
-<h1 id="想法的形成">想法的形成</h1>
-<p>开始接触到 reveal.js 的时候，因为它的 Web
-特性，一下子就被迷上了，所以想将其移植到自己的博客里面，当点击博客标题时，就自动开始播放。</p>
-<p>这样，博客里便可以同时存放文章和 PPT（在接下来的表达中，用 Slides
-来表达用reveal.js生成的幻灯片，与 PPT 区别开来）。</p>
-<p>但是，但是，但是...网上并没有现成的解决方案，百度了下，大家主流的方案如下：</p>
-<ol type="1">
-<li><p>将 reveal.js 源码下载下来，然后修改之后打开。<a
-href="https://blog.csdn.net/qq_37954086/article/details/80541224">传送门</a></p>
-<p>对这种操作，简直不能忍好吗？做一个
-PPT，居然要下载一堆与PPT内容不相关的源代码，加起来人 2M
-多了，有的幻灯片如果用 offce 做，也就几百 K。</p>
-<p>并且这还有个问题是，如果汇报结束，别人找你要 PPT，
-你还得压缩源代码，等其他人拿到你的 slides 时，首先要解压，然后找到其中的
-index.html ，再双击打开。</p>
-<p>如果是个 Web
-小白，根本不懂哪个文件是入口，这种方式，对于分享太不友好了。</p>
-<p>虽然我们装X，但起码得比其它方式的有优势才行，否则不是智障么？</p></li>
-<li><p>将 reveal.js 部署到 pages 上面。<a
-href="https://www.jianshu.com/p/2b13af2044dd">传送门</a></p>
-<p>这种方案，先是用方案1生成本地 Slides，然后将它部署到 pages
-上面。这对我也不适用，我的 pages 都用作个从博客了，没地方。</p></li>
-</ol>
-<p>上面的两个方式我不喜欢的地方在于</p>
-<ol type="1">
-<li><strong>一般人看到源代码文件，头大，不会编辑</strong></li>
-<li><strong>会编辑的人，如果要制作满意的，复杂点的 PPT,
-也比较费时间</strong></li>
-</ol>
-<p>在百般凉凉的状态下，终于让我发现了一个基于 reveal.js 的在线版本 <a
-href="https://slides.com">Slides</a>。它可以直接线上制作，制作完成后，通用浏览器线访问。</p>
-<p>从这个地方便得到了灵感，我可以在线上制作完成，然后导出到本地，制作成
-markdown 格式的文章，再推送到个人博客，这样今后在博客里面就可以查看
-Slides 了。</p>
-<h1 id="开始实现">开始实现</h1>
-<h2 id="注册-slides-账号">注册 Slides 账号</h2>
-<p>和正常注册账号的流程一样</p>
-<ul>
-<li><p>打开官网https://slides.com</p></li>
-<li><p>右上角有一个 Sign Up, 点击开始注册</p>
-<figure>
-<img data-src="https://i.loli.net/2019/11/27/hwab6EJRtmpAnQu.png"
-alt="slideSignUp.png" />
-<figcaption aria-hidden="true">slideSignUp.png</figcaption>
-</figure></li>
-<li><p>特别注意的是，注册是需要科学上网（你懂的）才行，因为它采用了谷歌的验证系统进行非机器验证。</p></li>
-</ul>
-<h2 id="新建-slides">新建 slides</h2>
-<p>点击新建，和制件 ppt 一样的流程。</p>
-<h2 id="导出到本地">导出到本地</h2>
-<ol type="1">
-<li><p>点击左侧导出按钮 <img
 data-src="https://i.loli.net/2019/11/27/DXC8db6Gj2SpKxv.png"
-alt="导出slides1.png" /></p></li>
-<li><p>选择 <strong>Export to reveal.js</strong> <img
 data-src="https://i.loli.net/2019/11/27/HhKC1Svw8ITpgVZ.png"
-alt="导出slides2.png" /></p></li>
-<li><p>打开我的 reveal.js 模板，位于 <code>_post/revealjs</code>
-里面，替换对应的<code>head</code>和<code>body</code>,然后修改<code>ini</code>的相关参数。</p></li>
-<li><p>更新文章，文章的链接就是 slides 了。</p>
-<p><a
-href="https://galensgan.github.io/2019/12/02/revealjsDemo/#/">效果传送门</a></p></li>
-</ol>
-<h1 id="声明">声明</h1>
-<blockquote>
-<p>本方首发于<a
-href="https://noctiflorous.gitee.io/">明不知昔</a>，转载请注明出处。</p>
-</blockquote>
-]]></content>
-      <categories>
-        <category>Blog</category>
-      </categories>
-      <tags>
-        <tag>jekyll</tag>
-        <tag>个人博客</tag>
-        <tag>galens</tag>
-        <tag>明不知昔</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>一步步在 github pages 上用 jekyll 搭建属于自己的博客</title>
-    <url>/posts/2019/3PCKARV.html</url>
-    <content><![CDATA[<figure>
-<img data-src="https://i.loli.net/2019/11/23/H5sBjnXVbCfIh9t.jpg"
-alt="image-20191123112911663.jpg" />
-<figcaption aria-hidden="true">image-20191123112911663.jpg</figcaption>
-</figure>
-<h3 id="序">序</h3>
-<p>我的专业与互联网没有太大关系，接触博客还是工作以后的事情。随着工作的经验增加，总想将自己的所思所得记录下来，毕竟，好记性不如烂笔头。</p>
-<span id="more"></span>
-<p>开始是将自己的总结在本地保存，但是本地有一个劣势，就是不能随时随地的查看，最重要的是，不能随时随地的装X，所以，最后转到了简书，转到简书，是17年的时候，那个时候，简书的质量还是有保证，但是，随着简书的发展，广告越来越多，文章质量越来越差，而且首页推送的文章太多关于性的东西，重要是，慢慢地也出现了好多标题党，让人烦不胜烦。</p>
-<p>无奈之下，只有尝试去寻找新的平台...</p>
-<p>此时，盯了很多家，比如，csdn,
-知乎，少数派等。除了博客园，知乎让我比较满意外，其它都有广告，当然，知乎和博客园也有，不过，知乎的质量在那儿，所以，广告也就不那么在意了，而博客园，是可以自定义界面风格的，可以查看我的博客园主页<a
-href="https://www.cnblogs.com/BIMFlying">明不知昔</a>，广告什么的都可以去掉，所以影响不大。但是知乎是问答型社区，与自己这无病呻吟小年轻的风格又有点不搭，在上面写一篇文章，确实是要一定的专业深度的，当然，灌水这种事情，我不愿意去做。而博客园虽然有一定的自由度，但是总想有一方完完全全属于自己的一方空间。</p>
-<p>最后，结论就是各个平台都不满意。</p>
-<p>那就自己搭建一个博客平台吧...</p>
-<h3 id="博客选择">博客选择</h3>
-<p>搭建个人博客，有很多种方案。</p>
-<p>因最近经济压力大，所以，本着能省几毛是几毛的理念，便选择了平台免费，功能强大，上手简单的组合：github
-pages +jekyll 来搭建自己的博客 <a
-href="https://noctiflorous.gitee.io">明不知昔</a>。</p>
-<figure>
-<img data-src="https://i.loli.net/2019/11/23/eD4wJgo2GHqQjAZ.png"
-alt="image-20191123112746605.png" />
-<figcaption aria-hidden="true">image-20191123112746605.png</figcaption>
-</figure>
-<p>为什么选择这个组合呢？</p>
-<ol type="1">
-<li><p>服务器选择
-收费的云服务器什么的就不考虑了，那么免费且还能搭建博客的，主要的选择就是
-github pages 和 gittee pages。</p>
-<p>前者的服务器在国外，因为墙的原因，速度较慢，但是上面的资源多，为微软家的东西，质量有保证，生态齐全，且自带了
-jekyll 编译器，这个是很重要的一点，如果用 jekyll
-作为博客平台，那么只需要上传源文件，本地不需要进行编译，这样本地就不需要安装复杂的环境了。</p>
-<p>后者的服务器在中国，响应速度快，每次上传文件之后，需要在仓库中的
-pages 界面进行进行手动更新生成静态页面，比较麻烦。</p>
-<p>如果推荐的话，个从建议用 gitee,
-虽然每次要手动，但是的服务器在国内，速度快，而且它支持三种方式的在线编译，虽然每次推送修改后要手动操作一下，但是与它的优点相比，这就不算什么缺点了。</p>
-<p>顺便也介绍下 gitee 的自动编译依据：</p>
-<ol type="1">
-<li><p>编译 Hugo
-依据：仓库编译目录下存在<code>config.toml|json|yaml</code>文件和<code>content</code>目录的时候，会使用<code>hugo</code>生成静态文件。</p></li>
-<li><p>编译 Hexo
-依据：仓库编译目录下存在<code>package.json</code>，<code>_config.yml</code>文件和<code>scaffolds</code>目录的，会使用<code>hexo generate</code>生成静态文件，由于每次部署编译需要重新克隆编译并进行<code>npm install</code>，所以使用
-Hexo 的时间相对 Hugo 和 Jekyll 会长一些。</p></li>
-<li><p>当不符合上述1和2条件的时候，就默认使用Jekyll编译</p></li>
-</ol></li>
-<li><p>语言选择 构建 pages 有三种方式，分别是 jekyll ， hexo 和 Hugo
-，因为本人选择了 github ，而它只支持 jekyll 自动编译，所以，便选择了
-jekyll。</p></li>
-</ol>
-<h3 id="开始部署">开始部署</h3>
-<ol type="1">
-<li>建立自己的 github 账户，请自行百度或者点击下面的链接。</li>
-</ol>
-<p><a
-href="https://blog.csdn.net/xingkaifan/article/details/81105352">创建我的GitHub账号及使用</a></p>
-<ol start="2" type="1">
-<li>Fork 本主题的仓库</li>
-</ol>
-<ul>
-<li>进入<a
-href="https://github.com/GalensGan/galensgan.github.io">galensgan.github.io</a></li>
-<li>点击右上角的Fork按钮，见下图</li>
-</ul>
-<figure>
-<img data-src="https://i.loli.net/2019/11/23/4wbyV2MKBlcCpG8.png"
-alt="howtoforkrepo.PNG" />
-<figcaption aria-hidden="true">howtoforkrepo.PNG</figcaption>
-</figure>
-<ul>
-<li>进入自己的克隆的仓库,然后点击 Settings,
-也可以直接输入这个地址：<code>https://github.com/你的用户名/galensgan.github.io/settings</code></li>
-<li>将仓库名称改为：<code>你的用户名.github.io</code> 形式,点击
-<strong>Rename</strong> 重命名</li>
-</ul>
-<ol start="3" type="1">
-<li><p>自己的博客网站就初步建立了，你可以在浏览器中输入自己的网址访问：<code>你的用户名.github.io</code></p></li>
-<li><p>开始定制博客内容</p></li>
-</ol>
-<ul>
-<li>下载并安装git <a
-href="https://git-scm.com/book/zh/v2/%E8%B5%B7%E6%AD%A5-%E5%AE%89%E8%A3%85-Git">传送门-Git安装</a></li>
-<li>进入到自己的仓库：点击 <strong>Clone or download</strong>,
-然后复制框中显示的URL</li>
-</ul>
-<figure>
-<img data-src="https://i.loli.net/2019/11/23/K7Iw4BiZ12aTOsd.png"
-alt="TIM截图20191123125227.png" />
-<figcaption aria-hidden="true">TIM截图20191123125227.png</figcaption>
-</figure>
-<ul>
-<li>在你想将代码放置的目录处，右键 &gt;&gt; Git Bash Here</li>
-</ul>
-<figure>
-<img data-src="https://i.loli.net/2019/11/23/wyFd5L98uWcXYBv.png"
-alt="TIM截图20191123125621.png" />
-<figcaption aria-hidden="true">TIM截图20191123125621.png</figcaption>
-</figure>
-<ul>
-<li>在弹出的黑窗体中输入：<code>git clone 你复制的url</code> &gt;&gt;
-回车，开始克隆代码</li>
-</ul>
-<figure>
-<img data-src="https://i.loli.net/2019/11/23/vndl5TpNiU8MJFw.png"
-alt="TIM截图20191123125857.png" />
-<figcaption aria-hidden="true">TIM截图20191123125857.png</figcaption>
-</figure>
-<ul>
-<li><p>克隆完成以后，进入目录修改相关内容，变成自己的信息，下面列出经常用到或者是需要修改的目录：</p>
-<table>
-<colgroup>
-<col style="width: 61%" />
-<col style="width: 38%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>目录名称</th>
-<th>作用</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>_drafts</td>
-<td>草稿，如果未完成的文章，可以放在里面，在里面的文章不会显示在博客上</td>
-</tr>
-<tr class="even">
-<td>_post</td>
-<td>发表的文章放在这里</td>
-</tr>
-<tr class="odd">
-<td>about</td>
-<td>关于中的内容写在这里</td>
-</tr>
-<tr class="even">
-<td>_config.yml</td>
-<td>此为网站的配置文件，所有的界面的信息和功能，都里面进行设置</td>
-</tr>
-<tr class="odd">
-<td>...</td>
-<td>...</td>
-</tr>
-<tr class="even">
-<td>修改 _config.yml 为你自己的博客内容，同时，在post放入自己的 markdown
-格式的文章</td>
-<td></td>
-</tr>
-</tbody>
-</table></li>
-<li><p>对文章格式的要求：</p>
-<ul>
-<li>标题名称：年-月-日-唯一识别号,比如 2019-11-23-template</li>
-<li>正文内容：每个头部要有如下格式</li>
-</ul></li>
-</ul>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">title: this is a template</span><br><span class="line"></span><br><span class="line">tags: </span><br><span class="line">  - template</span><br><span class="line">  - blog</span><br><span class="line"></span><br></pre></td></tr></table></figure>
-<p>同时注意，每一个冒号后面需有一个空格</p>
-<ol start="5" type="1">
-<li>推送到github完成更新</li>
-</ol>
-<p>你进入你的本地仓库目录里面（与.git目录同级），右键 &gt;&gt; 右键
-&gt;&gt; Git Bash Here &gt;&gt;
-在弹出的黑窗体中依次输入下面的内容，每输入一行，按一次回车</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">git add . </span><br><span class="line">git commit -m &quot;这里是你提交的内容的描述，比如：初始化自己的博客&quot;</span><br><span class="line">git push</span><br></pre></td></tr></table></figure>
-<p>到此，属于自己的博客就完成了，再次在网页中打开<code>你的用户名.github.io</code>,
-看看效果吧~</p>
-<h3 id="致谢">致谢</h3>
-<ol type="1">
-<li><a
-href="https://github.com/Simpleyyt/simpleyyt.github.io">simpleyyt.github.io</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Blog</category>
-      </categories>
-      <tags>
-        <tag>jekyll</tag>
         <tag>个人博客</tag>
-        <tag>Hexo</tag>
-        <tag>galens</tag>
-        <tag>明不知昔</tag>
+        <tag>书写规范</tag>
       </tags>
   </entry>
   <entry>
@@ -1401,6 +1031,66 @@ href="https://github.com/hexojs/hexo-deployer-git">官方说明文档</a>
         <tag>NexT</tag>
       </tags>
   </entry>
+  <entry>
+    <title>非备案域名使用80和443端口进行访问</title>
+    <url>/posts/2023/GKK56K.html</url>
+    <content><![CDATA[<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/80ToAny.png" alt="80ToAny" style="zoom: 33%;" /></p>
+<p>现在的云服务器有些小贵，而且带宽很小，像阿里云 5M 的带宽就要
+125元/月。因此，有些同学可能会选择利用家庭宽带自建一个服务器。但是家庭宽带有个问题，运营商会封禁
+80 8080 443 8443
+等这些常用的端口，导致我们不能使用http的默认端口，在使用域名进行访问时，必须要指定端口，这有点不够优雅。</p>
+<p>本文将提供一个不加端口访问自建服务器资源的方法。</p>
+<span id="more"></span>
+<blockquote>
+<p>本文介绍如何配置80或443访问，对于文中提到的其它知识点，需要自行去学习。</p>
+</blockquote>
+<h2 id="宽带">宽带</h2>
+<p>自建家庭服务器要求宽带支持动态 IP，目前来说，电信的宽带可以申请动态
+IP，安装好宽带后，打电话给客服申请就可以了。</p>
+<p>移动和联通会给你打马哈哈，说不能开通。</p>
+<h2 id="实现思路">实现思路</h2>
+<p>通过 <a href="cloudflare.com">cloudflare</a> 的 Origin Rules
+来实现端口转发。</p>
+<h2 id="配置步骤">配置步骤</h2>
+<ol type="1">
+<li><p>注册 cloudflare</p></li>
+<li><p>选择【网站】/【新增网站】</p>
+<p>添加自己的域名信息，作为一条网站记录</p></li>
+<li><p>将 cloudflare 作为自己域名的 dns 解析服务器</p>
+<p>在域名购买商处将域名的名称服务器改成
+clounflare，自行查找教程实现</p></li>
+<li><p>当 dns 解析服务器修改完成后，添加 dns 记录</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230718234900986.png"
+alt="image-20230718234900986" />
+<figcaption aria-hidden="true">image-20230718234900986</figcaption>
+</figure>
+<p>对于要进行端口转发的域名，要选择代理模式并启动代理</p></li>
+<li><p>切换到【SSL/TLS】，选择加密模式为“完全”</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230718235131963.png"
+alt="image-20230718235131963" />
+<figcaption aria-hidden="true">image-20230718235131963</figcaption>
+</figure></li>
+<li><p>切换到【规则/Origin Rules】，添加 Origin 规则</p>
+<p>按下图进行操作：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230718235550513.png"
+alt="image-20230718235550513" />
+<figcaption aria-hidden="true">image-20230718235550513</figcaption>
+</figure>
+<p>其中，重写到一定要填写自己服务器的端口</p></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Blog</category>
+      </categories>
+      <tags>
+        <tag>个人博客</tag>
+        <tag>Hexo</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
   <entry>
     <title>怀孕第一个月饮食推荐</title>
     <url>/posts/2022/C1JWDT.html</url>
@@ -1606,94 +1296,6 @@ alt="image-20220326091350522" />
         <tag>galens</tag>
       </tags>
   </entry>
-  <entry>
-    <title>非备案域名使用80和443端口进行访问</title>
-    <url>/posts/2023/GKK56K.html</url>
-    <content><![CDATA[<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/80ToAny.png" alt="80ToAny" style="zoom: 33%;" /></p>
-<p>现在的云服务器有些小贵，而且带宽很小，像阿里云 5M 的带宽就要
-125元/月。因此，有些同学可能会选择利用家庭宽带自建一个服务器。但是家庭宽带有个问题，运营商会封禁
-80 8080 443 8443
-等这些常用的端口，导致我们不能使用http的默认端口，在使用域名进行访问时，必须要指定端口，这有点不够优雅。</p>
-<p>本文将提供一个不加端口访问自建服务器资源的方法。</p>
-<span id="more"></span>
-<blockquote>
-<p>本文介绍如何配置80或443访问，对于文中提到的其它知识点，需要自行去学习。</p>
-</blockquote>
-<h2 id="宽带">宽带</h2>
-<p>自建家庭服务器要求宽带支持动态 IP，目前来说，电信的宽带可以申请动态
-IP，安装好宽带后，打电话给客服申请就可以了。</p>
-<p>移动和联通会给你打马哈哈，说不能开通。</p>
-<h2 id="实现思路">实现思路</h2>
-<p>通过 <a href="cloudflare.com">cloudflare</a> 的 Origin Rules
-来实现端口转发。</p>
-<h2 id="配置步骤">配置步骤</h2>
-<ol type="1">
-<li><p>注册 cloudflare</p></li>
-<li><p>选择【网站】/【新增网站】</p>
-<p>添加自己的域名信息，作为一条网站记录</p></li>
-<li><p>将 cloudflare 作为自己域名的 dns 解析服务器</p>
-<p>在域名购买商处将域名的名称服务器改成
-clounflare，自行查找教程实现</p></li>
-<li><p>当 dns 解析服务器修改完成后，添加 dns 记录</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230718234900986.png"
-alt="image-20230718234900986" />
-<figcaption aria-hidden="true">image-20230718234900986</figcaption>
-</figure>
-<p>对于要进行端口转发的域名，要选择代理模式并启动代理</p></li>
-<li><p>切换到【SSL/TLS】，选择加密模式为“完全”</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230718235131963.png"
-alt="image-20230718235131963" />
-<figcaption aria-hidden="true">image-20230718235131963</figcaption>
-</figure></li>
-<li><p>切换到【规则/Origin Rules】，添加 Origin 规则</p>
-<p>按下图进行操作：</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230718235550513.png"
-alt="image-20230718235550513" />
-<figcaption aria-hidden="true">image-20230718235550513</figcaption>
-</figure>
-<p>其中，重写到一定要填写自己服务器的端口</p></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Blog</category>
-      </categories>
-      <tags>
-        <tag>个人博客</tag>
-        <tag>Hexo</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>主流开源许可证之间的区别</title>
-    <url>/posts/2022/345RS77.html</url>
-    <content><![CDATA[<p>世界上的开源许可证，大概有<a
-href="https://www.gnu.org/licenses/license-list.html">上百种</a>。很少有人搞得清楚它们的区别。即使在最流行的六种----<a
-href="https://www.gnu.org/licenses/gpl.html">GPL</a>、<a
-href="https://en.wikipedia.org/wiki/BSD_licenses">BSD</a>、<a
-href="https://en.wikipedia.org/wiki/MIT_License">MIT</a>、<a
-href="https://www.mozilla.org/MPL/">Mozilla</a>、<a
-href="https://www.apache.org/licenses/LICENSE-2.0">Apache</a>和<a
-href="https://www.gnu.org/copyleft/lesser.html">LGPL</a>----之中做选择，也很复杂。</p>
-<span id="more"></span>
-<p>其主要区别如下图：</p>
-<p><img data-src="https://s2.loli.net/2022/01/21/uhtOGlc4K5ngxIA.png" /></p>
-<h2 id="参考">参考</h2>
-<p>本文主要参考以下文章，在此表示诚挚感谢！</p>
-<ol type="1">
-<li><a
-href="https://www.ruanyifeng.com/blog/2011/05/how_to_choose_free_software_licenses.html">阮一峰:如何选择开源许可证？</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-      </categories>
-      <tags>
-        <tag>许可证</tag>
-      </tags>
-  </entry>
   <entry>
     <title>一文带你全面了解蚕豆病</title>
     <url>/posts/2023/2BNMYWB.html</url>
@@ -2002,315 +1604,401 @@ href="https://www.sohu.com/a/594170422_121153029">想长高？生长板闭合前
       </tags>
   </entry>
   <entry>
-    <title>功能分析与硬件选择</title>
-    <url>/posts/2021/BGHDM6.html</url>
-    <content><![CDATA[<p>小伙伴们，大家好，我是明不知昔。最近准备搭建一个all in
-one家庭服务器，于是将搭建过程做成系列视频，抛砖引玉，希望对新入门的小伙伴们有所帮助。</p>
+    <title>主流开源许可证之间的区别</title>
+    <url>/posts/2022/345RS77.html</url>
+    <content><![CDATA[<p>世界上的开源许可证，大概有<a
+href="https://www.gnu.org/licenses/license-list.html">上百种</a>。很少有人搞得清楚它们的区别。即使在最流行的六种----<a
+href="https://www.gnu.org/licenses/gpl.html">GPL</a>、<a
+href="https://en.wikipedia.org/wiki/BSD_licenses">BSD</a>、<a
+href="https://en.wikipedia.org/wiki/MIT_License">MIT</a>、<a
+href="https://www.mozilla.org/MPL/">Mozilla</a>、<a
+href="https://www.apache.org/licenses/LICENSE-2.0">Apache</a>和<a
+href="https://www.gnu.org/copyleft/lesser.html">LGPL</a>----之中做选择，也很复杂。</p>
 <span id="more"></span>
-<h2 id="什么是all-in-one">什么是all in one</h2>
-<p>All In One
-主机是指在底层虚拟机平台上创建软路由、NAS主机、Windows主机等虚拟主机，使一台主机可以扮演不同的角色来到达用户不同的需求。
-对于虚拟机，目前流行的有三个： https://zhuanlan.zhihu.com/p/166352130
-三者各有利弊，基于我的硬件情况，我选择了esxi。</p>
-<h2 id="需求分析">需求分析</h2>
-<p>我本人开始使用的软路由，但是随着需求增加，比如想具备nas功能，部署一个自己的网站，安装数据库等，软路由已经不能满足我的需求了。
-目前我的需求主要有以下几个：</p>
+<p>其主要区别如下图：</p>
+<p><img data-src="https://s2.loli.net/2022/01/21/uhtOGlc4K5ngxIA.png" /></p>
+<h2 id="参考">参考</h2>
+<p>本文主要参考以下文章，在此表示诚挚感谢！</p>
 <ol type="1">
-<li>家庭网关</li>
-<li>出国旅游</li>
-<li>NAS</li>
-<li>Windows
-server(网站，数据库，当家庭电脑使用，如果今后内存增加，会考虑再安装一个win10，然后服务器换成Linux)</li>
+<li><a
+href="https://www.ruanyifeng.com/blog/2011/05/how_to_choose_free_software_licenses.html">阮一峰:如何选择开源许可证？</a></li>
 </ol>
-<h2 id="硬件选择">硬件选择</h2>
+]]></content>
+      <categories>
+        <category>Develop</category>
+      </categories>
+      <tags>
+        <tag>许可证</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>深入原理学习汽车驾驶</title>
+    <url>/posts/2022/1ZBGNQC.html</url>
+    <content><![CDATA[<p>本文从理论出发，深度剖析驾驶原理，从而从容面对各种复杂工况。</p>
+<span id="more"></span>
+<h2 id="说明">说明</h2>
+<p>本文章采用的汽车数据为（单位 mm）：</p>
 <table>
 <thead>
 <tr class="header">
-<th>名称</th>
-<th>品牌</th>
-<th>型号</th>
-<th>价格与数量</th>
-<th>入手渠道</th>
+<th>车长</th>
+<th>车宽</th>
+<th>轴距</th>
+<th>前轮距</th>
+<th>后轮距</th>
+<th>轮胎</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td>机箱</td>
-<td>途腾</td>
-<td></td>
-<td>123</td>
-<td></td>
-</tr>
-<tr class="even">
-<td>风扇</td>
-<td></td>
-<td></td>
-<td>10.26*2</td>
-<td></td>
-</tr>
-<tr class="odd">
-<td>CPU</td>
-<td>XEON(至强)</td>
-<td>e5 2650 v3</td>
-<td>180</td>
-<td>拼多多</td>
-</tr>
-<tr class="even">
-<td>CPU散热器</td>
-<td></td>
-<td></td>
-<td>56.16</td>
-<td>拼多多</td>
-</tr>
-<tr class="odd">
-<td>主板</td>
-<td>华南金牌</td>
-<td>x99 zd4 matx</td>
-<td>440</td>
-<td></td>
-</tr>
-<tr class="even">
-<td>固态</td>
-<td></td>
-<td>512G</td>
-<td>262</td>
-<td>拼多多</td>
-</tr>
-<tr class="odd">
-<td>硬盘</td>
-<td>希捷酷狼</td>
-<td>2T</td>
-<td>465*2</td>
-<td>淘宝</td>
-</tr>
-<tr class="even">
-<td>内存</td>
-<td>光威</td>
-<td>ddr4 3000 8G</td>
-<td>120*2</td>
-<td>闲鱼</td>
-</tr>
-<tr class="odd">
-<td>网卡</td>
-<td></td>
-<td>4口</td>
-<td>110</td>
-<td>闲鱼</td>
-</tr>
-<tr class="even">
-<td>显卡</td>
-<td></td>
-<td>GTX650 2G</td>
-<td>240</td>
-<td>闲鱼</td>
-</tr>
-<tr class="odd">
-<td>电源</td>
-<td>金牌</td>
-<td>500w</td>
-<td>95</td>
-<td>闲鱼</td>
-</tr>
-<tr class="even">
-<td>显示器</td>
-<td></td>
-<td>红米</td>
-<td>500</td>
-<td>闲鱼</td>
-</tr>
-<tr class="odd">
-<td></td>
-<td></td>
-<td>合计</td>
-<td></td>
-<td></td>
+<td>4650</td>
+<td>1860</td>
+<td>2712</td>
+<td>1565</td>
+<td>1565</td>
+<td>225/60 R18</td>
 </tr>
 </tbody>
 </table>
-]]></content>
-      <categories>
-        <category>HomeServer</category>
-      </categories>
-      <tags>
-        <tag>家庭服务器</tag>
-        <tag>All in one</tag>
-        <tag>明不知昔</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>American accent</title>
-    <url>/posts/2020/317EM2J.html</url>
-    <content><![CDATA[<p>There are the notes of American accent.</p>
-<span id="more"></span>
-<h1 id="vowel-sounds">15 vowel sounds</h1>
-<p>the video url:
-https://www.youtube.com/watch?v=X3aOsOUM06c&amp;list=PL7sOfomcE2Tdq0N-_nb7tvdm4S5gBEr0N</p>
-<h1 id="vowel-rules元音规则">Vowel rules（元音规则）</h1>
-<h2
-id="understanding-neutralrelaxed-and-tense-vowels-认识中性元音和紧无音">Understanding
-neutral/relaxed and tense vowels (认识中性元音和紧无音)</h2>
-<ul>
-<li><p>4 neutral vowels（四个中性元音，要短促）</p>
-<p>/ɪ/, /ɜ/, /ə/, /ʊ/</p></li>
-<li><p>重读</p>
-<p>音节重读时，要拉长元音。</p>
-<p>对于单词，重读突出关键词，一般重读名词和动词。</p></li>
-<li><p>Reduced vowels（弱化元音）</p>
-<p>元音组成弱化音节时，都可以读成 /ə/ 音</p>
-<p>在句子里面也是一样，我们要强调动词和名词，对介词和冠词以及无关紧要的词进行弱化。比如：
-in, on, at, for, with, by，发音要短。</p></li>
-</ul>
-<h1 id="consonant-rules辅音规则">Consonant rules（辅音规则）</h1>
-<ul>
-<li><p>把每个辅音发到位</p></li>
-<li><p>voiced and voiceless consonnants（浊辅音和清辅音）</p></li>
-<li><p>浊辅音前面的元音发声要长。ice / EYEs</p></li>
-<li><p>l 发音稍长</p></li>
-<li><p>stop and continuants (停顿和连续音)</p>
-<p>对于停顿辅音，比如 b,d,m
-等等，发音后嘴唇不要张开，不要释放最后的停顿，造成发出了该音的效果。比如
-sometimes, pop music。</p>
-<p>去除 t 的发音</p></li>
-<li><p>两个元音之间的 t</p>
-<p>当 t 位于两个元音之间时，发单似 d,不要很重，要快速</p>
-<p>对于两个单词间也是如此</p></li>
-<li><p>当 t+字母+n 时，直接发 n 音</p></li>
-<li><p>ing 发音</p>
-<p>发单时，舌头不要放下来</p></li>
-<li><p>tr dr 发音 /tr/,/dr/</p></li>
-<li><p>tu 发音 /tʃu/, du 发音 /dʒu/. 比如：would you, did you</p></li>
-<li><p>ed 结尾发音</p>
-<p>当单词以 t 或者 d 结尾 + ed，发 /Id/，比如 want, wanted</p>
-<p>清辅音后 + ed, 发 /t/ 音，比如 passed</p>
-<p>浊辅音后 + ed, 发 /d/ 音，比如 called</p></li>
-</ul>
-<h1 id="rythm-and-intonation-节奏和发音">Rythm and Intonation
-(节奏和发音)</h1>
-<p>一个句子某些词要 louder, longer and higher in pitch</p>
-<ul>
-<li><p>当一个名词存在 2 个音节时，90%
-情况下，第一个章节重读。对于动词，有60%的情况是相反的。</p></li>
-<li><p>ate 结尾的单词</p>
-<p>如果是动词，发 /eit/, 如果是形容词或者名词，发 /et/</p></li>
-<li><p>单词以 ese,eer,ique 结尾，重读这些后缀，如果是 ic
-结尾，重读前面的章节</p></li>
-<li><p>句子中单词重读的依据</p>
-<p>重读实意词（content words):
-去掉功能词后，用这些实意词，可以大概知道句子的意思</p>
-<p>对于功能词（function words，并不需要重读</p>
-<p>当有两个实意词时，第二个通常要更加的重读</p></li>
-<li><p>focus words and thought group (焦点词和虚拟分组)</p>
-<p>先对长句进行分组，然后找到组中最重要的词，这个词就叫做焦点词</p>
-<p>怎么分组呢？根据语速不同，分组也会不同，分组的基本原则是保证语句通顺。</p>
-<p>句子中的停顿多数发生在分组之间或者出现关键词的时候</p></li>
-<li><p>怎样重读形容词和名词</p>
-<p>当 adj + n 时，重读名词，而不是形容词</p>
-<p>如果是 be + adj, 重读形容词</p></li>
-<li><p>复合名词（compunt nouns）的重读</p>
-<p>重读第一个名词，比如：HAIRcolor</p></li>
-<li><p>动词短语重读</p>
-<p>重读第二个单词，重读介词，比如：pick UP, break DOWN</p>
-<p>如果动词短语当成名词使用时，重读第一个</p></li>
-<li><p>人名和地名</p>
-<p>重读最后一个单词</p></li>
-<li><p>缩写词和数字</p>
-<p>缩写重读最后一个字母，比如 CNN</p>
-<p>数字重读最后部分</p></li>
-<li><p>特殊重读</p>
-<p>当要特别强调时，可以选择重读。一般这种是带有感情色彩的，也要根据语境</p></li>
-</ul>
-<h1 id="rising-and-falling-inonation">Rising and Falling inonation</h1>
+<p>车库尺寸为：5.8m x 3m</p>
+<h2 id="汽车转弯">汽车转弯</h2>
+<h3 id="转弯半径">转弯半径</h3>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220427134427047.png"
+alt="image-20220427134427047" />
+<figcaption aria-hidden="true">image-20220427134427047</figcaption>
+</figure>
+<p>汽车转弯时如上图所示，其中：</p>
 <ul>
-<li><p>对于陈述句，用降调</p></li>
-<li><p>对于 yes/no 型，用升调。比如 Are you ok? (升调)</p></li>
-<li><p>对于 wh- 型，用降调。比如 how,where,when,what</p></li>
-<li><p>声调变化</p>
-<p>对于排比型句子或者单词，前面都是升，最后一个降调</p>
-<p>升调表示话还没说完</p>
-<p>当给别人选择时，用升调</p></li>
+<li>L：车总长</li>
+<li>a：前轴至车头距离</li>
+<li>l：轴距</li>
+<li>c：后轴至车尾距离</li>
+<li>b：车身宽度</li>
+<li>R：汽车转弯时最小外半径</li>
+<li>r：汽车转弯时最小内半径</li>
+<li>W：转弯时所需道路宽度</li>
+<li><span class="math inline">\(\alpha\)</span>：汽车前内轮转角</li>
+<li><span class="math inline">\(\beta\)</span>：汽车前外轮转角</li>
 </ul>
-<h1 id="rules-you-need-to-know">10 rules you need to know</h1>
-<h2 id="辅音和元音连续linking">辅音和元音连续（Linking)</h2>
+<h3 id="alpha-与-beta-的关系"><span
+class="math inline">\(\alpha\)</span> 与 <span
+class="math inline">\(\beta\)</span> 的关系</h3>
+<p>在转弯时，前面两个轮子的转弯角度是不一样的，因为汽车在行驶过程中(直线和转弯时候)，每个车轮的运动轨迹必须符合他的自然运动轨迹，从而保证轮胎与地面始终处于纯滚动状态。</p>
+<p>他们之间的关系为：</p>
+<p><img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/阿克曼几何图示.png"
+alt="阿克曼几何图示" /> <span class="math display">\[
+cot\alpha - cot\beta = K/L
+\]</span></p>
 <ul>
-<li>第一个单词以辅音结尾，后一个单词以元音开头，要进行连读</li>
-<li>在连读的时候，不要忘记焦点词的重读</li>
-<li>在断句或者逗号的时候，不用连读</li>
+<li><span class="math inline">\(\beta\)</span> - 汽车前外轮转角</li>
+<li><span class="math inline">\(\alpha\)</span> - 汽车前内轮转角</li>
+<li>K - 两主销中心距</li>
+<li>L - 轴距（上图中）</li>
 </ul>
-<h2 id="辅音结尾辅音开头">辅音结尾+辅音开头</h2>
+<blockquote>
+<p>具体的原理可以参考<a
+href="https://en.wikipedia.org/wiki/Ackermann_steering_geometry">阿克曼几何</a>。</p>
+</blockquote>
+<h3 id="最小内侧半径-r">最小内侧半径 r</h3>
+<p>最小内侧半径为右后轮外侧处的半径，其公式如下： <span
+class="math display">\[
+\begin{aligned}
+tan \alpha = l/r \\
+r= l/tan\alpha=l \cdot ctan \alpha
+\end{aligned}
+\]</span></p>
+<h3 id="最大外侧半径-r">最大外侧半径 R</h3>
+<p>最大外侧半径为左车头的半径，根据勾股定理有： <span
+class="math display">\[
+\begin{aligned}
+R^2 &amp;=(l+a)^2+(b+r)^2 \\
+R^2 &amp;=(l+a)^2+(b+b.ctan\alpha)^2 \\
+所以：R &amp;= \sqrt{(l+a)^2+(b+b.ctan\alpha)^2}
+\end{aligned}
+\]</span> ### 转弯道路宽度</p>
+<p><span class="math display">\[
+\begin{aligned}
+W = R -r
+\end{aligned}
+\]</span></p>
+<h3 id="内轮差">内轮差</h3>
+<p>在汽车行驶过程中，前内轮能过去的地方，后轮不一定能通过，所以需要使用内轮差来进行判断。即当障碍物垂直于内轮的距离大于内轮差时，后轮肯定也可以通过。</p>
+<p>内轮差的计算公式如下： <span class="math display">\[
+d_{内轮差} = r/cos \alpha - r
+\]</span></p>
+<h3 id="汽车转弯时最大速度">汽车转弯时最大速度</h3>
+<p>由物理学公式： <span class="math display">\[
+\begin{aligned}
+F_{离心力} &amp;=m\times a\\
+a &amp;=\omega ^2 \cdot r = v^2/r \\
+\end{aligned}
+\]</span></p>
 <ul>
-<li>两个辅音一样时，只发一次。比如 he likes swiming</li>
-<li>当两个辅音发音点相同时，只读后面一个，比如 i used to, 发 /I us
-2/</li>
-<li>当第一个元音是 o 时，不发 /ou/音，而是发 /w/单</li>
+<li>F-离心力</li>
+<li>m-汽车质量</li>
+<li><span class="math inline">\(\omega\)</span>-角速度</li>
+<li><span class="math inline">\(v\)</span>-速度</li>
+<li>r-半径</li>
 </ul>
-<h2 id="元音结尾元音开头">元音结尾+元音开头</h2>
-<p>在后一个元音前加 y /yuh/ 进行连读</p>
-<h2 id="单词轻读">单词轻读</h2>
-<p>重读实意词，轻读功能词</p>
+<p><span class="math display">\[
+\begin{aligned}
+\therefore v= \sqrt{F_{离心力} \cdot r/{m}}
+\end{aligned}
+\]</span></p>
+<p>汽车在转弯过程中，通过汽车与地面的摩擦力来克服汽车的离心力，所以有：
+<span class="math display">\[
+\begin{aligned}
+\because F_{摩擦} &amp;= \mu \cdot m \cdot g \\
+\therefore v &amp;= \sqrt{\mu \cdot g \cdot r}
+\end{aligned}
+\]</span></p>
 <ul>
-<li>当轻读介词时，介词中的元音变成中性元音 /ə/。 比如 as /əs/</li>
+<li><span class="math inline">\(\mu\)</span> -
+汽车与需的摩擦系数，不同类型的路面其值不同</li>
+<li>g- 重力加速度，可取 <span class="math inline">\(9.8 \
+m/s^2\)</span></li>
 </ul>
-<table>
+<h3 id="常用数值表">常用数值表</h3>
+<p>根据上述公式，计算了一些常用转向角对应的值，方便取用（单位：m）。</p>
+<table style="width:100%;">
+<colgroup>
+<col style="width: 26%" />
+<col style="width: 25%" />
+<col style="width: 34%" />
+<col style="width: 13%" />
+</colgroup>
 <thead>
 <tr class="header">
-<th>as</th>
-<th>/əs/</th>
+<th>内轮角 <span class="math inline">\(\theta\)</span> (单位：度)</th>
+<th>r <span class="math inline">\((l \cdot ctan \alpha)\)</span></th>
+<th><span class="math inline">\(d_{内轮差} \ (r/cos \alpha -
+r)\)</span></th>
+<th>l = 2.712</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td>on</td>
-<td>/ən/</td>
+<td>5</td>
+<td>11.4 l</td>
+<td>0.04 l</td>
+<td>r=31.0, d=0.1</td>
 </tr>
 <tr class="even">
-<td>at</td>
-<td>/ət/</td>
+<td>10</td>
+<td>5.7 l</td>
+<td>0.09 l</td>
+<td>r=15.4, d=0.2</td>
 </tr>
 <tr class="odd">
-<td>to</td>
-<td>/tə/</td>
+<td>15</td>
+<td>3.7 l</td>
+<td>0.13 l</td>
+<td>r=10.1, d=0.4</td>
 </tr>
 <tr class="even">
-<td>for</td>
-<td>/fə/</td>
+<td>20</td>
+<td>2.7 l</td>
+<td>0.18 l</td>
+<td>r=7.5, d=0.5</td>
 </tr>
 <tr class="odd">
-<td>or</td>
-<td>/ər/</td>
+<td>25</td>
+<td>2.1 l</td>
+<td>0.22 l</td>
+<td>r=5.8, d=0.6</td>
 </tr>
 <tr class="even">
-<td>our</td>
-<td>/ər/</td>
+<td>30</td>
+<td>1.7 l</td>
+<td>0.27 l</td>
+<td>r=4.7, d=0.7</td>
 </tr>
 <tr class="odd">
-<td>and</td>
-<td>/n/</td>
+<td>35</td>
+<td>1.4 l</td>
+<td>0.32 l</td>
+<td>r=3.9, d=0.9</td>
 </tr>
-</tbody>
-</table>
-<ul>
-<li><p>轻读代词</p>
-<p>省略第一个 h 或者 th 发音。 比如 did he /dide/</p>
-<p>在正式场合也不省略</p></li>
-<li><p>用缩写</p>
-<p>一般使用缩写，比如 don't</p>
-<p>强调时，用全写，do not</p>
-<p>I'd: I would</p>
-<p>they're: they are</p>
-<p>could've: could have,have 在省略中发 /əv/</p></li>
+<tr class="even">
+<td>40</td>
+<td>1.2 l</td>
+<td>0.36 l</td>
+<td>r=3.2, d=1.0</td>
+</tr>
+</tbody>
+</table>
+<h2 id="倒车入库轨迹">倒车入库轨迹</h2>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220427214126353.png"
+alt="image-20220427214126353" />
+<figcaption aria-hidden="true">image-20220427214126353</figcaption>
+</figure>
+<p>倒车入库如上图所示，参数说明如下：</p>
+<ul>
+<li>d: 倒车时车尾距离目标车库边界的距离</li>
+<li>e: 开始倒车时车侧边距离车库入库线距离</li>
+<li>f: 车库入库线距离圆心的竖向距离</li>
+<li>g: 车库宽度</li>
 </ul>
-<h1 id="some-rules">Some Rules</h1>
-<h1 id="resource-and-thanks">Resource And Thanks</h1>
+<p>通过结合汽车转弯半径图示，d、e、f 值如下：</p>
+<p><strong>d：</strong></p>
+<p>由几何关系得 <span class="math display">\[
+\begin{aligned}
+d &amp;= r-(g-b)/2
+\end{aligned}
+\]</span> <strong>f：</strong></p>
+由勾股定理得 <span class="math display">\[
+\begin{aligned}
+r^2 &amp;= d^2+f^2  \\
+f &amp;= \sqrt{r^2-d^2} \\
+\end{aligned}
+\]</span> f 按<a
+href="https://www.bilibili.com/read/cv9813111">连分数法</a>求解： $$
+<span class="math display">\[\begin{aligned}
+当 \ s &amp;= a^2+b \ (a^2 &gt;= b) \ 时 \\
+有 \ \sqrt{s} &amp;= a+ \frac{b}{a+\sqrt{s}} \\
+
+\therefore f &amp;= r + \frac{-d^2}{r+r+0}
+（按一层近似计算,f值会偏大）\\
+f &amp;= r + \frac{-d^2}{2r}
+\end{aligned}\]</span>
+<p>$$</p>
+<p><strong>e:</strong></p>
+<p>由几何关系得 <span class="math display">\[
+\begin{aligned}
+e = r-f
+\end{aligned}
+\]</span> 在倒车入库时，一般关心的值是 d 和
+e，倒车时一般满打方向盘，所以 <span
+class="math inline">\(\theta\)</span> 取最大值（35度）。</p>
+按《汽车库设计规范》JGJ100-98第4.1.4条规定：小型汽车与左右两侧墙面的最小距离应为0.6m，与前后墙面的最小距离应为0.5m。(g-b)/2
+按取常量 0.6m，从而可以计算得： $$
+<span class="math display">\[\begin{aligned}
+d &amp;= 1.4l - 0.6 \\
+
+f &amp;= 0.7l +0.6 - \frac{0.129}{l} \\
+\because &amp; \  \frac{0.129}{l} \ 太小，舍去 \\
+\therefore f&amp;=0.7l+0.6 \\
+e &amp;= r-f = 0.7l-0.6
+\end{aligned}\]</span>
+<p>$$</p>
+<p>对于本文所使用的车型，可以得： <span class="math display">\[
+\begin{aligned}
+f&amp;=0.7l+0.6 = 0.7*2.712+0.6 = 2.2272 \\
+\end{aligned}
+\]</span> 由于在推导 f 过程中，使用连分数法时只计算到第一层，现在再用 f
+值迭代到第二层，于是有： <span class="math display">\[
+\begin{aligned}
+f &amp;= r + \frac{-d^2}{r+r+\frac{-d^2}{r+\sqrt{2.2272}}} \\
+r &amp;= 1.4l = 3.7968 \\
+d &amp;= 1.4l - 0.6 = 3.1968 \\
+\\
+\therefore f&amp;= 1.991 \\
+e &amp;= r-f=1.8018
+\end{aligned}
+\]</span> <strong>结论：</strong></p>
+<p>对于轴距为 2.7m 左右的车，其车轮后轴距车库边线距离至少应为
+3.1968m，侧边距离入库边线至少为 1.8018m。</p>
+<p>当起始位置非图示水平，且车辆位于水平位置左侧时，上述值会相应的减少。</p>
+<h2 id="侧方停车轨迹">侧方停车轨迹</h2>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220502130259206.png"
+alt="image-20220502130259206" />
+<figcaption aria-hidden="true">image-20220502130259206</figcaption>
+</figure>
+<p>其中，蓝色线代表后轮轨迹，绿色线代表前轮轨迹。</p>
+<p>在进行右侧方位停车时，主要有以下步骤：</p>
 <ol type="1">
-<li>the video form:
-https://www.youtube.com/watch?v=X3aOsOUM06c&amp;list=PL7sOfomcE2Tdq0N-_nb7tvdm4S5gBEr0N</li>
+<li>自己的车与右侧库边线保持 30cm 距离</li>
+<li>在后轴越过目标车库边线时，开始向右满打方向盘</li>
+<li>待到车身与入库边线程 48度角（建议45~48度）时，反向打满方向盘</li>
+<li>即可一把倒车入库</li>
 </ol>
+<h3 id="入库时车辆左侧道路最小宽度-h">入库时车辆左侧道路最小宽度 <span
+class="math inline">\(h\)</span></h3>
+$$
+<span class="math display">\[\begin{aligned}
+R_{界外} &amp;= r + 0.3 + b + h  \\
+R_{界外}^2 &amp;= (r+0.3+b)^2 + (l+a)^2 \\
+
+\therefore R &amp;= \sqrt{(r+0.3+b)^2 + (l+a)^2} \\
+h &amp;= \sqrt{(r+0.3+b)^2 + (l+a)^2} - r -0.3 - b
+\end{aligned}\]</span>
+<p>$$</p>
+<p>对于不同的车型，可以代入上述公式，计算其左侧距离。</p>
+<p>本文中所用车型参数按卡式计算得，<span
+class="math inline">\(h=1.22m\)</span>。</p>
+<h3 id="一把出库时最小车前距-l_2">一把出库时最小车前距 <span
+class="math inline">\(L_2\)</span></h3>
+<p><span class="math display">\[
+L2 = r \times tan \gamma
+\]</span></p>
+<blockquote>
+<p>为什么 <span class="math inline">\(\gamma\)</span> 建议取 45~48
+度呢？</p>
+<p>可以通过公式证明，但是比较复杂，笔者就不再这里证明了。</p>
+</blockquote>
+<h2 id="车距判断">车距判断</h2>
+<p>在行车过程中，在车内如何判断车头各部位的距离也非常重要。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220502143520209.png"
+alt="image-20220502143520209" />
+<figcaption aria-hidden="true">image-20220502143520209</figcaption>
+</figure>
+<ul>
+<li>L1- 驾驶员垂直于车头的距离</li>
+<li>L2 - 驾驶员垂直于车身的左侧距离</li>
+<li>L3- 驾驶员垂直于车身的右侧距离</li>
+<li>H1- 地面距车头右边界高度</li>
+<li>H2- 地面距车头左边界高度</li>
+<li>H3- 驾驶员眼睛距地面高度</li>
+</ul>
+<p>由上图可知，视野中，周围的障碍物在视野中必须低于前车的高度，才不会与自己的车剐蹭。在实际中，可以在车内寻找特征点判断车距。</p>
+<h2 id="行车安全距离控制">行车安全距离控制</h2>
+<table>
+<thead>
+<tr class="header">
+<th>车速</th>
+<th>距离</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>$v $100km/h</td>
+<td><span class="math inline">\(D \ge 100m\)</span></td>
+</tr>
+<tr class="even">
+<td><span class="math inline">\(100km/h \ge v \ge 60 km/h\)</span></td>
+<td><span class="math inline">\(D=v\)</span></td>
+</tr>
+<tr class="odd">
+<td><span class="math inline">\(60km/h \ge v \ge 40\)</span></td>
+<td>50m</td>
+</tr>
+<tr class="even">
+<td><span class="math inline">\(v \lt 40 km/h\)</span></td>
+<td>30m</td>
+</tr>
+</tbody>
+</table>
+<p>上表中仅为正常行驶状态下的参考值，
+在实际行车中，最好按照反应时间来根据自身条件进行估算，其公式如下： <span
+class="math display">\[
+T = T_{反应时间} + T_{刹车时间}+T_{制动后与前车安全距离时间等效}
+\]</span> T 一般取 3 秒。</p>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://blog.csdn.net/bisal/article/details/106232934">了解阿克曼转向原理的作用</a></p>
+<p><a
+href="https://www.pcauto.com.cn/jxwd/2065/20654165.html">标准车库尺寸是多少</a></p>
 ]]></content>
       <categories>
-        <category>English</category>
+        <category>DailyLife</category>
       </categories>
       <tags>
-        <tag>English</tag>
+        <tag>汽车驾驶</tag>
+        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
@@ -2425,212 +2113,529 @@ https://www.youtube.com/watch?v=d0wV9EC3t14</p></li>
       </tags>
   </entry>
   <entry>
-    <title>js常用链接小飞机</title>
-    <url>/posts/2020/3CGWMS0.html</url>
-    <content><![CDATA[<p>此处主要记录了一些在编程过程中需要使用或者可以参考学习的文档地址，方便快速跳转查看。</p>
+    <title>American accent</title>
+    <url>/posts/2020/317EM2J.html</url>
+    <content><![CDATA[<p>There are the notes of American accent.</p>
 <span id="more"></span>
-<h2 id="学习">学习</h2>
-<h3 id="设计模式">设计模式</h3>
-<p>https://design-patterns.readthedocs.io/zh_CN/latest/creational_patterns/creational.html</p>
-<h2 id="javascript">JavaScript</h2>
-<h3 id="阅读需知">阅读需知</h3>
+<h1 id="vowel-sounds">15 vowel sounds</h1>
+<p>the video url:
+https://www.youtube.com/watch?v=X3aOsOUM06c&amp;list=PL7sOfomcE2Tdq0N-_nb7tvdm4S5gBEr0N</p>
+<h1 id="vowel-rules元音规则">Vowel rules（元音规则）</h1>
+<h2
+id="understanding-neutralrelaxed-and-tense-vowels-认识中性元音和紧无音">Understanding
+neutral/relaxed and tense vowels (认识中性元音和紧无音)</h2>
 <ul>
-<li>建议阅读英文版本。有时候中文翻译省略了很多内容，表达不是很完整。</li>
+<li><p>4 neutral vowels（四个中性元音，要短促）</p>
+<p>/ɪ/, /ɜ/, /ə/, /ʊ/</p></li>
+<li><p>重读</p>
+<p>音节重读时，要拉长元音。</p>
+<p>对于单词，重读突出关键词，一般重读名词和动词。</p></li>
+<li><p>Reduced vowels（弱化元音）</p>
+<p>元音组成弱化音节时，都可以读成 /ə/ 音</p>
+<p>在句子里面也是一样，我们要强调动词和名词，对介词和冠词以及无关紧要的词进行弱化。比如：
+in, on, at, for, with, by，发音要短。</p></li>
+</ul>
+<h1 id="consonant-rules辅音规则">Consonant rules（辅音规则）</h1>
+<ul>
+<li><p>把每个辅音发到位</p></li>
+<li><p>voiced and voiceless consonnants（浊辅音和清辅音）</p></li>
+<li><p>浊辅音前面的元音发声要长。ice / EYEs</p></li>
+<li><p>l 发音稍长</p></li>
+<li><p>stop and continuants (停顿和连续音)</p>
+<p>对于停顿辅音，比如 b,d,m
+等等，发音后嘴唇不要张开，不要释放最后的停顿，造成发出了该音的效果。比如
+sometimes, pop music。</p>
+<p>去除 t 的发音</p></li>
+<li><p>两个元音之间的 t</p>
+<p>当 t 位于两个元音之间时，发单似 d,不要很重，要快速</p>
+<p>对于两个单词间也是如此</p></li>
+<li><p>当 t+字母+n 时，直接发 n 音</p></li>
+<li><p>ing 发音</p>
+<p>发单时，舌头不要放下来</p></li>
+<li><p>tr dr 发音 /tr/,/dr/</p></li>
+<li><p>tu 发音 /tʃu/, du 发音 /dʒu/. 比如：would you, did you</p></li>
+<li><p>ed 结尾发音</p>
+<p>当单词以 t 或者 d 结尾 + ed，发 /Id/，比如 want, wanted</p>
+<p>清辅音后 + ed, 发 /t/ 音，比如 passed</p>
+<p>浊辅音后 + ed, 发 /d/ 音，比如 called</p></li>
+</ul>
+<h1 id="rythm-and-intonation-节奏和发音">Rythm and Intonation
+(节奏和发音)</h1>
+<p>一个句子某些词要 louder, longer and higher in pitch</p>
+<ul>
+<li><p>当一个名词存在 2 个音节时，90%
+情况下，第一个章节重读。对于动词，有60%的情况是相反的。</p></li>
+<li><p>ate 结尾的单词</p>
+<p>如果是动词，发 /eit/, 如果是形容词或者名词，发 /et/</p></li>
+<li><p>单词以 ese,eer,ique 结尾，重读这些后缀，如果是 ic
+结尾，重读前面的章节</p></li>
+<li><p>句子中单词重读的依据</p>
+<p>重读实意词（content words):
+去掉功能词后，用这些实意词，可以大概知道句子的意思</p>
+<p>对于功能词（function words，并不需要重读</p>
+<p>当有两个实意词时，第二个通常要更加的重读</p></li>
+<li><p>focus words and thought group (焦点词和虚拟分组)</p>
+<p>先对长句进行分组，然后找到组中最重要的词，这个词就叫做焦点词</p>
+<p>怎么分组呢？根据语速不同，分组也会不同，分组的基本原则是保证语句通顺。</p>
+<p>句子中的停顿多数发生在分组之间或者出现关键词的时候</p></li>
+<li><p>怎样重读形容词和名词</p>
+<p>当 adj + n 时，重读名词，而不是形容词</p>
+<p>如果是 be + adj, 重读形容词</p></li>
+<li><p>复合名词（compunt nouns）的重读</p>
+<p>重读第一个名词，比如：HAIRcolor</p></li>
+<li><p>动词短语重读</p>
+<p>重读第二个单词，重读介词，比如：pick UP, break DOWN</p>
+<p>如果动词短语当成名词使用时，重读第一个</p></li>
+<li><p>人名和地名</p>
+<p>重读最后一个单词</p></li>
+<li><p>缩写词和数字</p>
+<p>缩写重读最后一个字母，比如 CNN</p>
+<p>数字重读最后部分</p></li>
+<li><p>特殊重读</p>
+<p>当要特别强调时，可以选择重读。一般这种是带有感情色彩的，也要根据语境</p></li>
+</ul>
+<h1 id="rising-and-falling-inonation">Rising and Falling inonation</h1>
+<ul>
+<li><p>对于陈述句，用降调</p></li>
+<li><p>对于 yes/no 型，用升调。比如 Are you ok? (升调)</p></li>
+<li><p>对于 wh- 型，用降调。比如 how,where,when,what</p></li>
+<li><p>声调变化</p>
+<p>对于排比型句子或者单词，前面都是升，最后一个降调</p>
+<p>升调表示话还没说完</p>
+<p>当给别人选择时，用升调</p></li>
+</ul>
+<h1 id="rules-you-need-to-know">10 rules you need to know</h1>
+<h2 id="辅音和元音连续linking">辅音和元音连续（Linking)</h2>
+<ul>
+<li>第一个单词以辅音结尾，后一个单词以元音开头，要进行连读</li>
+<li>在连读的时候，不要忘记焦点词的重读</li>
+<li>在断句或者逗号的时候，不用连读</li>
+</ul>
+<h2 id="辅音结尾辅音开头">辅音结尾+辅音开头</h2>
+<ul>
+<li>两个辅音一样时，只发一次。比如 he likes swiming</li>
+<li>当两个辅音发音点相同时，只读后面一个，比如 i used to, 发 /I us
+2/</li>
+<li>当第一个元音是 o 时，不发 /ou/音，而是发 /w/单</li>
+</ul>
+<h2 id="元音结尾元音开头">元音结尾+元音开头</h2>
+<p>在后一个元音前加 y /yuh/ 进行连读</p>
+<h2 id="单词轻读">单词轻读</h2>
+<p>重读实意词，轻读功能词</p>
+<ul>
+<li>当轻读介词时，介词中的元音变成中性元音 /ə/。 比如 as /əs/</li>
 </ul>
-<h3 id="数组-array">数组 Array</h3>
-<p>https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array</p>
-<h3 id="字符串">字符串</h3>
-<p>https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String</p>
-<h2 id="图标库">图标库</h2>
-<p>阿里：https://www.iconfont.cn/</p>
-<p>Material: https://material.io/resources/icons/?style=baseline</p>
-<h2 id="工具类">工具类</h2>
-<p>lodash: https://lodash.com/docs/4.17.15#differenceWith</p>
-<p>underscore: https://underscorejs.org</p>
-]]></content>
-      <categories>
-        <category>Navigation</category>
-      </categories>
-      <tags>
-        <tag>编程</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>作息时间规划</title>
-    <url>/posts/2022/3AYW43.html</url>
-    <content><![CDATA[<p>我不聪明，但愿意用努力和汗水，搏一条康庄大道。鉴于本人工作与专业基本不相关，所以计划至少学习
-1050 小时。现在是 2 月 23 日，按复习到 9 月 31 日算，每天需要保证 5
-小时的学习时长。</p>
-<span id="more"></span>
-<h2 id="作息时间安排">作息时间安排</h2>
-<p><strong>每天必须保证不小于 5 个小时的学习。</strong></p>
-<h3 id="工作日作息时间表">工作日作息时间表</h3>
-<table>
-<thead>
-<tr class="header">
-<th>时间</th>
-<th>事件</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>23:00-06:00</td>
-<td>洗漱+睡觉</td>
-</tr>
-<tr class="even">
-<td>06:00</td>
-<td>起床</td>
-</tr>
-<tr class="odd">
-<td>06:00-06:20</td>
-<td>洗漱，出门<code>必须保证20分之前出门</code></td>
-</tr>
-<tr class="even">
-<td>06:20-06:40</td>
-<td>等公交，吃早餐</td>
-</tr>
-<tr class="odd">
-<td>06:40-08:30</td>
-<td>看书，上下车会耽搁时间，算 70 分钟</td>
-</tr>
-<tr class="even">
-<td>08:30-12:00</td>
-<td>工作</td>
-</tr>
-<tr class="odd">
-<td>12:00-12:30</td>
-<td>吃饭</td>
-</tr>
-<tr class="even">
-<td>12:30-13:20</td>
-<td>看书，计 50 分钟。如果因为工作耽搁，则不计入</td>
-</tr>
-<tr class="odd">
-<td>13:20-13:58</td>
-<td>休息</td>
-</tr>
-<tr class="even">
-<td>14:00-18:00</td>
-<td>上班</td>
-</tr>
-<tr class="odd">
-<td>18:00-19:10</td>
-<td>回家，在车上看书，上下车会耽搁时间，算 30 分钟</td>
-</tr>
-<tr class="even">
-<td>19:10-20:00</td>
-<td>炒菜，吃饭</td>
-</tr>
-<tr class="odd">
-<td>20:00-23:00</td>
-<td>看书，算 180 分钟</td>
-</tr>
-<tr class="even">
-<td>23:00-06:00</td>
-<td>洗漱+睡觉</td>
-</tr>
-</tbody>
-</table>
-<blockquote>
-<p>工作日每天可学习：300 分钟</p>
-</blockquote>
-<h3 id="休息日作息时间安排">休息日作息时间安排</h3>
 <table>
 <thead>
 <tr class="header">
-<th>时间</th>
-<th>事件</th>
+<th>as</th>
+<th>/əs/</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td>23:00-06:00</td>
-<td>洗漱+睡觉</td>
-</tr>
-<tr class="even">
-<td>06:00</td>
-<td>起床</td>
-</tr>
-<tr class="odd">
-<td>06:00-07:00</td>
-<td>出门锻炼</td>
+<td>on</td>
+<td>/ən/</td>
 </tr>
 <tr class="even">
-<td>07:00-08:00</td>
-<td>洗澡，早餐</td>
+<td>at</td>
+<td>/ət/</td>
 </tr>
 <tr class="odd">
-<td>08:00-12:00</td>
-<td>学习</td>
+<td>to</td>
+<td>/tə/</td>
 </tr>
 <tr class="even">
-<td>12:00-14:00</td>
-<td>午餐</td>
+<td>for</td>
+<td>/fə/</td>
 </tr>
 <tr class="odd">
-<td>14:00-18:00</td>
-<td>学习</td>
+<td>or</td>
+<td>/ər/</td>
 </tr>
 <tr class="even">
-<td>18:00-20:00</td>
-<td>晚餐</td>
+<td>our</td>
+<td>/ər/</td>
 </tr>
 <tr class="odd">
-<td>20:00-23:00</td>
-<td>自由安排</td>
-</tr>
-<tr class="even">
-<td>23:00-06:00</td>
-<td>洗漱+睡觉</td>
+<td>and</td>
+<td>/n/</td>
 </tr>
 </tbody>
 </table>
-<blockquote>
-<p>每个休息日看 8 个小时</p>
-</blockquote>
-<p><strong>注：</strong></p>
+<ul>
+<li><p>轻读代词</p>
+<p>省略第一个 h 或者 th 发音。 比如 did he /dide/</p>
+<p>在正式场合也不省略</p></li>
+<li><p>用缩写</p>
+<p>一般使用缩写，比如 don't</p>
+<p>强调时，用全写，do not</p>
+<p>I'd: I would</p>
+<p>they're: they are</p>
+<p>could've: could have,have 在省略中发 /əv/</p></li>
+</ul>
+<h1 id="some-rules">Some Rules</h1>
+<h1 id="resource-and-thanks">Resource And Thanks</h1>
 <ol type="1">
-<li>自由安排时间用来陪老婆</li>
-<li>其它时间占用后，用自由时间来抵消</li>
-<li>自由时间可积累，用于挪用到其它时间处理紧急的事情</li>
+<li>the video form:
+https://www.youtube.com/watch?v=X3aOsOUM06c&amp;list=PL7sOfomcE2Tdq0N-_nb7tvdm4S5gBEr0N</li>
 </ol>
 ]]></content>
       <categories>
-        <category>RegisteredStructure</category>
+        <category>English</category>
       </categories>
       <tags>
-        <tag>一注结构专业</tag>
-        <tag>考试</tag>
+        <tag>English</tag>
       </tags>
   </entry>
   <entry>
-    <title>每日学习总结</title>
-    <url>/posts/2022/3F4M78Z.html</url>
-    <content><![CDATA[<p>此处记录备考以来的所有情况。</p>
+    <title>American accent practice</title>
+    <url>/posts/2020/15QDG6.html</url>
+    <content><![CDATA[<p>There are some experience in my studying.</p>
 <span id="more"></span>
-<p>总结的主要内容为：</p>
-<ol type="1">
-<li>作息时间说明</li>
-<li>学习时间说明</li>
-<li>复习知识点简要总结</li>
-</ol>
-<h2 id="section">2022-02-23</h2>
-<ul class="task-list">
-<li><input type="checkbox" />按时起床</li>
-<li><input type="checkbox" />学习时间 &gt;= 5 h</li>
+<ul>
+<li><p>辅音后的无音要中性化</p>
+<p>what are you</p>
+<p>/ wad ər ju /</p></li>
+<li><p>ng 音后如果是元音，ng 发 n 音</p>
+<p>laughing at</p>
+<p>/ lafen ai / at 中的 t 是 stop t</p></li>
+<li><p>I wouldn't / ai wuln /</p></li>
+<li><p>you said somefunny /ju sei sʌm‘m fʌni: /</p></li>
+<li><p>didn't you / dn jə /</p></li>
+<li><p>两个辅音相连，且不一样时，前一个发音后不要释放，像停止单一样</p>
+<p>the guy's a joke machine / dʒou<del>k</del> məʃn /</p></li>
+<li><p>当两个辅音发音差不多一样时，发重的那个音，省略轻的那个音</p></li>
+<li><p>当只有回答 yes no 时，才用升调</p></li>
+<li><p>Someone <del>wh</del>o / sʌmwan u /</p></li>
+<li><p>can 一般 /kən/</p></li>
 </ul>
 ]]></content>
       <categories>
-        <category>RegisteredStructure</category>
+        <category>English</category>
       </categories>
       <tags>
-        <tag>一注结构专业</tag>
-        <tag>考试</tag>
+        <tag>English</tag>
       </tags>
   </entry>
   <entry>
-    <title>先积跬步，再至千里</title>
-    <url>/posts/2022/380JK61.html</url>
+    <title>功能分析与硬件选择</title>
+    <url>/posts/2021/BGHDM6.html</url>
+    <content><![CDATA[<p>小伙伴们，大家好，我是明不知昔。最近准备搭建一个all in
+one家庭服务器，于是将搭建过程做成系列视频，抛砖引玉，希望对新入门的小伙伴们有所帮助。</p>
+<span id="more"></span>
+<h2 id="什么是all-in-one">什么是all in one</h2>
+<p>All In One
+主机是指在底层虚拟机平台上创建软路由、NAS主机、Windows主机等虚拟主机，使一台主机可以扮演不同的角色来到达用户不同的需求。
+对于虚拟机，目前流行的有三个： https://zhuanlan.zhihu.com/p/166352130
+三者各有利弊，基于我的硬件情况，我选择了esxi。</p>
+<h2 id="需求分析">需求分析</h2>
+<p>我本人开始使用的软路由，但是随着需求增加，比如想具备nas功能，部署一个自己的网站，安装数据库等，软路由已经不能满足我的需求了。
+目前我的需求主要有以下几个：</p>
+<ol type="1">
+<li>家庭网关</li>
+<li>出国旅游</li>
+<li>NAS</li>
+<li>Windows
+server(网站，数据库，当家庭电脑使用，如果今后内存增加，会考虑再安装一个win10，然后服务器换成Linux)</li>
+</ol>
+<h2 id="硬件选择">硬件选择</h2>
+<table>
+<thead>
+<tr class="header">
+<th>名称</th>
+<th>品牌</th>
+<th>型号</th>
+<th>价格与数量</th>
+<th>入手渠道</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>机箱</td>
+<td>途腾</td>
+<td></td>
+<td>123</td>
+<td></td>
+</tr>
+<tr class="even">
+<td>风扇</td>
+<td></td>
+<td></td>
+<td>10.26*2</td>
+<td></td>
+</tr>
+<tr class="odd">
+<td>CPU</td>
+<td>XEON(至强)</td>
+<td>e5 2650 v3</td>
+<td>180</td>
+<td>拼多多</td>
+</tr>
+<tr class="even">
+<td>CPU散热器</td>
+<td></td>
+<td></td>
+<td>56.16</td>
+<td>拼多多</td>
+</tr>
+<tr class="odd">
+<td>主板</td>
+<td>华南金牌</td>
+<td>x99 zd4 matx</td>
+<td>440</td>
+<td></td>
+</tr>
+<tr class="even">
+<td>固态</td>
+<td></td>
+<td>512G</td>
+<td>262</td>
+<td>拼多多</td>
+</tr>
+<tr class="odd">
+<td>硬盘</td>
+<td>希捷酷狼</td>
+<td>2T</td>
+<td>465*2</td>
+<td>淘宝</td>
+</tr>
+<tr class="even">
+<td>内存</td>
+<td>光威</td>
+<td>ddr4 3000 8G</td>
+<td>120*2</td>
+<td>闲鱼</td>
+</tr>
+<tr class="odd">
+<td>网卡</td>
+<td></td>
+<td>4口</td>
+<td>110</td>
+<td>闲鱼</td>
+</tr>
+<tr class="even">
+<td>显卡</td>
+<td></td>
+<td>GTX650 2G</td>
+<td>240</td>
+<td>闲鱼</td>
+</tr>
+<tr class="odd">
+<td>电源</td>
+<td>金牌</td>
+<td>500w</td>
+<td>95</td>
+<td>闲鱼</td>
+</tr>
+<tr class="even">
+<td>显示器</td>
+<td></td>
+<td>红米</td>
+<td>500</td>
+<td>闲鱼</td>
+</tr>
+<tr class="odd">
+<td></td>
+<td></td>
+<td>合计</td>
+<td></td>
+<td></td>
+</tr>
+</tbody>
+</table>
+]]></content>
+      <categories>
+        <category>HomeServer</category>
+      </categories>
+      <tags>
+        <tag>家庭服务器</tag>
+        <tag>All in one</tag>
+        <tag>明不知昔</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>js常用链接小飞机</title>
+    <url>/posts/2020/3CGWMS0.html</url>
+    <content><![CDATA[<p>此处主要记录了一些在编程过程中需要使用或者可以参考学习的文档地址，方便快速跳转查看。</p>
+<span id="more"></span>
+<h2 id="学习">学习</h2>
+<h3 id="设计模式">设计模式</h3>
+<p>https://design-patterns.readthedocs.io/zh_CN/latest/creational_patterns/creational.html</p>
+<h2 id="javascript">JavaScript</h2>
+<h3 id="阅读需知">阅读需知</h3>
+<ul>
+<li>建议阅读英文版本。有时候中文翻译省略了很多内容，表达不是很完整。</li>
+</ul>
+<h3 id="数组-array">数组 Array</h3>
+<p>https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array</p>
+<h3 id="字符串">字符串</h3>
+<p>https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String</p>
+<h2 id="图标库">图标库</h2>
+<p>阿里：https://www.iconfont.cn/</p>
+<p>Material: https://material.io/resources/icons/?style=baseline</p>
+<h2 id="工具类">工具类</h2>
+<p>lodash: https://lodash.com/docs/4.17.15#differenceWith</p>
+<p>underscore: https://underscorejs.org</p>
+]]></content>
+      <categories>
+        <category>Navigation</category>
+      </categories>
+      <tags>
+        <tag>编程</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>作息时间规划</title>
+    <url>/posts/2022/3AYW43.html</url>
+    <content><![CDATA[<p>我不聪明，但愿意用努力和汗水，搏一条康庄大道。鉴于本人工作与专业基本不相关，所以计划至少学习
+1050 小时。现在是 2 月 23 日，按复习到 9 月 31 日算，每天需要保证 5
+小时的学习时长。</p>
+<span id="more"></span>
+<h2 id="作息时间安排">作息时间安排</h2>
+<p><strong>每天必须保证不小于 5 个小时的学习。</strong></p>
+<h3 id="工作日作息时间表">工作日作息时间表</h3>
+<table>
+<thead>
+<tr class="header">
+<th>时间</th>
+<th>事件</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>23:00-06:00</td>
+<td>洗漱+睡觉</td>
+</tr>
+<tr class="even">
+<td>06:00</td>
+<td>起床</td>
+</tr>
+<tr class="odd">
+<td>06:00-06:20</td>
+<td>洗漱，出门<code>必须保证20分之前出门</code></td>
+</tr>
+<tr class="even">
+<td>06:20-06:40</td>
+<td>等公交，吃早餐</td>
+</tr>
+<tr class="odd">
+<td>06:40-08:30</td>
+<td>看书，上下车会耽搁时间，算 70 分钟</td>
+</tr>
+<tr class="even">
+<td>08:30-12:00</td>
+<td>工作</td>
+</tr>
+<tr class="odd">
+<td>12:00-12:30</td>
+<td>吃饭</td>
+</tr>
+<tr class="even">
+<td>12:30-13:20</td>
+<td>看书，计 50 分钟。如果因为工作耽搁，则不计入</td>
+</tr>
+<tr class="odd">
+<td>13:20-13:58</td>
+<td>休息</td>
+</tr>
+<tr class="even">
+<td>14:00-18:00</td>
+<td>上班</td>
+</tr>
+<tr class="odd">
+<td>18:00-19:10</td>
+<td>回家，在车上看书，上下车会耽搁时间，算 30 分钟</td>
+</tr>
+<tr class="even">
+<td>19:10-20:00</td>
+<td>炒菜，吃饭</td>
+</tr>
+<tr class="odd">
+<td>20:00-23:00</td>
+<td>看书，算 180 分钟</td>
+</tr>
+<tr class="even">
+<td>23:00-06:00</td>
+<td>洗漱+睡觉</td>
+</tr>
+</tbody>
+</table>
+<blockquote>
+<p>工作日每天可学习：300 分钟</p>
+</blockquote>
+<h3 id="休息日作息时间安排">休息日作息时间安排</h3>
+<table>
+<thead>
+<tr class="header">
+<th>时间</th>
+<th>事件</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>23:00-06:00</td>
+<td>洗漱+睡觉</td>
+</tr>
+<tr class="even">
+<td>06:00</td>
+<td>起床</td>
+</tr>
+<tr class="odd">
+<td>06:00-07:00</td>
+<td>出门锻炼</td>
+</tr>
+<tr class="even">
+<td>07:00-08:00</td>
+<td>洗澡，早餐</td>
+</tr>
+<tr class="odd">
+<td>08:00-12:00</td>
+<td>学习</td>
+</tr>
+<tr class="even">
+<td>12:00-14:00</td>
+<td>午餐</td>
+</tr>
+<tr class="odd">
+<td>14:00-18:00</td>
+<td>学习</td>
+</tr>
+<tr class="even">
+<td>18:00-20:00</td>
+<td>晚餐</td>
+</tr>
+<tr class="odd">
+<td>20:00-23:00</td>
+<td>自由安排</td>
+</tr>
+<tr class="even">
+<td>23:00-06:00</td>
+<td>洗漱+睡觉</td>
+</tr>
+</tbody>
+</table>
+<blockquote>
+<p>每个休息日看 8 个小时</p>
+</blockquote>
+<p><strong>注：</strong></p>
+<ol type="1">
+<li>自由安排时间用来陪老婆</li>
+<li>其它时间占用后，用自由时间来抵消</li>
+<li>自由时间可积累，用于挪用到其它时间处理紧急的事情</li>
+</ol>
+]]></content>
+      <categories>
+        <category>RegisteredStructure</category>
+      </categories>
+      <tags>
+        <tag>一注结构专业</tag>
+        <tag>考试</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>先积跬步，再至千里</title>
+    <url>/posts/2022/380JK61.html</url>
     <content><![CDATA[<p>已经是 2022 年了，本人自从 2019
 年基础考过后，由于工作时间关系，一直没有报考专业考试。2020
 年正值疫情爆发，本应是准备考试的好时机，但是恰巧公司 BIM
@@ -2945,279 +2950,84 @@ href="http://www.cectcc.com/thread-249947-1-1.html">2019一注复习经验交流
       </tags>
   </entry>
   <entry>
-    <title>希腊字母大小写及发音</title>
-    <url>/posts/2022/3DAB2TW.html</url>
-    <content><![CDATA[<p>希腊字母表是希腊语中使用的字母，其广泛应用到学术领域，如数学、物理、生物、天文等学科。在规范里面大量使用希腊字母表示特定值，所以，学会发音后，可以记得更牢。</p>
+    <title>每日学习总结</title>
+    <url>/posts/2022/3F4M78Z.html</url>
+    <content><![CDATA[<p>此处记录备考以来的所有情况。</p>
+<span id="more"></span>
+<p>总结的主要内容为：</p>
+<ol type="1">
+<li>作息时间说明</li>
+<li>学习时间说明</li>
+<li>复习知识点简要总结</li>
+</ol>
+<h2 id="section">2022-02-23</h2>
+<ul class="task-list">
+<li><input type="checkbox" />按时起床</li>
+<li><input type="checkbox" />学习时间 &gt;= 5 h</li>
+</ul>
+]]></content>
+      <categories>
+        <category>RegisteredStructure</category>
+      </categories>
+      <tags>
+        <tag>一注结构专业</tag>
+        <tag>考试</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>考试复习计划</title>
+    <url>/posts/2022/36TCWHD.html</url>
+    <content><![CDATA[<p>通过在一注论坛参考多篇考试经验，自己总结了一套适合自己节奏和复习方案出来，规划如下：</p>
 <span id="more"></span>
+<h2 id="考试基本信息">考试基本信息</h2>
+<h3 id="考试时间分配">考试时间分配</h3>
+<p>考试时间为上、下午各4小时，但不确定各科目在上、下午的配题数量。</p>
+<h3 id="考试分值分布情况">考试分值分布情况</h3>
 <table>
 <thead>
 <tr class="header">
 <th>序号</th>
-<th>大写</th>
-<th>小写</th>
-<th>英文</th>
-<th>汉字注音</th>
-<th>英语音标注音</th>
+<th>类型</th>
+<th>题量</th>
+<th>考试用时分配<code>待定</code></th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
 <td>1</td>
-<td>Α</td>
-<td>α</td>
-<td>alpha</td>
-<td>阿尔法</td>
-<td>/'ælfə/</td>
+<td>钢筋混凝土结构</td>
+<td>15</td>
+<td></td>
 </tr>
 <tr class="even">
 <td>2</td>
-<td>Β</td>
-<td>β</td>
-<td>beta</td>
-<td>贝塔</td>
-<td>/'bi:tə/或/'beɪtə/</td>
+<td>钢结构</td>
+<td>14</td>
+<td></td>
 </tr>
 <tr class="odd">
 <td>3</td>
-<td>Γ</td>
-<td>γ</td>
-<td>gamma</td>
-<td>格玛</td>
-<td>/'gæmə/</td>
+<td>砌体结构与木结构</td>
+<td>14</td>
+<td></td>
 </tr>
 <tr class="even">
 <td>4</td>
-<td>Δ</td>
-<td>δ</td>
-<td>delta</td>
-<td>德尔塔</td>
-<td>/'deltə/</td>
+<td>地基与基础</td>
+<td>14</td>
+<td></td>
 </tr>
 <tr class="odd">
 <td>5</td>
-<td>Ε</td>
-<td>ε</td>
-<td>epsilon</td>
-<td>埃普西龙</td>
-<td>/'epsɪlɒn/</td>
+<td>高层建筑、高耸结构与横向作用</td>
+<td>15</td>
+<td></td>
 </tr>
 <tr class="even">
 <td>6</td>
-<td>Ζ</td>
-<td>ζ</td>
-<td>zeta</td>
-<td>泽塔</td>
-<td>/'zi:tə/</td>
-</tr>
-<tr class="odd">
-<td>7</td>
-<td>Η</td>
-<td>η</td>
-<td>eta</td>
-<td>艾塔</td>
-<td>/'i:tə/</td>
-</tr>
-<tr class="even">
+<td>桥梁结构</td>
 <td>8</td>
-<td>Θ</td>
-<td>θ</td>
-<td>theta</td>
-<td>西塔</td>
-<td>/'θi:tə/</td>
-</tr>
-<tr class="odd">
-<td>9</td>
-<td>Ι</td>
-<td>ι</td>
-<td>iota</td>
-<td>埃欧塔</td>
-<td>/aɪ'əʊtə/</td>
-</tr>
-<tr class="even">
-<td>10</td>
-<td>Κ</td>
-<td>κ</td>
-<td>kappa</td>
-<td>堪帕</td>
-<td>/'kæpə/</td>
-</tr>
-<tr class="odd">
-<td>11</td>
-<td>∧</td>
-<td>λ</td>
-<td>lambda</td>
-<td>兰姆达</td>
-<td>/'læmdə/</td>
-</tr>
-<tr class="even">
-<td>12</td>
-<td>Μ</td>
-<td>μ</td>
-<td>mu</td>
-<td>谬/穆</td>
-<td>/mju:/</td>
-</tr>
-<tr class="odd">
-<td>13</td>
-<td>Ν</td>
-<td>ν</td>
-<td>nu</td>
-<td>拗/奴</td>
-<td>/nju:/</td>
-</tr>
-<tr class="even">
-<td>14</td>
-<td>Ξ</td>
-<td>ξ</td>
-<td>xi</td>
-<td>克西</td>
-<td>/kˈsai/ 或 /ˈzaɪ/</td>
-</tr>
-<tr class="odd">
-<td>15</td>
-<td>Ο</td>
-<td>ο</td>
-<td>omicron</td>
-<td>欧米可戎</td>
-<td>/əuˈmaikrən/或 /ˈɑmɪˌkrɑn/</td>
-</tr>
-<tr class="even">
-<td>16</td>
-<td>∏</td>
-<td>π</td>
-<td>pi</td>
-<td>派</td>
-<td>/paɪ/</td>
-</tr>
-<tr class="odd">
-<td>17</td>
-<td>Ρ</td>
-<td>ρ</td>
-<td>rho</td>
-<td>若</td>
-<td>/rəʊ/</td>
-</tr>
-<tr class="even">
-<td>18</td>
-<td>∑</td>
-<td>σ</td>
-<td>sigma</td>
-<td>西格马</td>
-<td>/'sɪɡmə/</td>
-</tr>
-<tr class="odd">
-<td>19</td>
-<td>Τ</td>
-<td>τ</td>
-<td>tau</td>
-<td>套</td>
-<td>/tɔ:/或 /taʊ/</td>
-</tr>
-<tr class="even">
-<td>20</td>
-<td>Υ</td>
-<td>υ</td>
-<td>upsilon</td>
-<td>宇普西龙</td>
-<td>/ˈipsɪlon/或 /ˈʌpsɪlɒn/</td>
-</tr>
-<tr class="odd">
-<td>21</td>
-<td>Φ</td>
-<td>φ</td>
-<td>phi</td>
-<td>弗爱</td>
-<td>/faɪ/</td>
-</tr>
-<tr class="even">
-<td>22</td>
-<td>Χ</td>
-<td>χ</td>
-<td>chi</td>
-<td>凯/柯义</td>
-<td>/kaɪ/</td>
-</tr>
-<tr class="odd">
-<td>23</td>
-<td>Ψ</td>
-<td>ψ</td>
-<td>psi</td>
-<td>普赛</td>
-<td>/psaɪ/</td>
-</tr>
-<tr class="even">
-<td>24</td>
-<td>Ω</td>
-<td>ω</td>
-<td>omega</td>
-<td>欧米嘎</td>
-<td>/'əʊmɪɡə/或 /oʊ'meɡə/</td>
-</tr>
-</tbody>
-</table>
-]]></content>
-      <categories>
-        <category>RegisteredStructure</category>
-      </categories>
-      <tags>
-        <tag>一注结构专业</tag>
-        <tag>考试</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>考试复习计划</title>
-    <url>/posts/2022/36TCWHD.html</url>
-    <content><![CDATA[<p>通过在一注论坛参考多篇考试经验，自己总结了一套适合自己节奏和复习方案出来，规划如下：</p>
-<span id="more"></span>
-<h2 id="考试基本信息">考试基本信息</h2>
-<h3 id="考试时间分配">考试时间分配</h3>
-<p>考试时间为上、下午各4小时，但不确定各科目在上、下午的配题数量。</p>
-<h3 id="考试分值分布情况">考试分值分布情况</h3>
-<table>
-<thead>
-<tr class="header">
-<th>序号</th>
-<th>类型</th>
-<th>题量</th>
-<th>考试用时分配<code>待定</code></th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>1</td>
-<td>钢筋混凝土结构</td>
-<td>15</td>
-<td></td>
-</tr>
-<tr class="even">
-<td>2</td>
-<td>钢结构</td>
-<td>14</td>
-<td></td>
-</tr>
-<tr class="odd">
-<td>3</td>
-<td>砌体结构与木结构</td>
-<td>14</td>
-<td></td>
-</tr>
-<tr class="even">
-<td>4</td>
-<td>地基与基础</td>
-<td>14</td>
-<td></td>
-</tr>
-<tr class="odd">
-<td>5</td>
-<td>高层建筑、高耸结构与横向作用</td>
-<td>15</td>
-<td></td>
-</tr>
-<tr class="even">
-<td>6</td>
-<td>桥梁结构</td>
-<td>8</td>
-<td></td>
+<td></td>
 </tr>
 </tbody>
 </table>
@@ -3259,6 +3069,35 @@ href="http://www.cectcc.com/thread-249947-1-1.html">2019一注复习经验交流
         <tag>考试</tag>
       </tags>
   </entry>
+  <entry>
+    <title>一张图弄懂规范中各个作用值的区别</title>
+    <url>/posts/2022/3DC5WC5.html</url>
+    <content><![CDATA[<p>规范中各个作用值的描述，绕来绕去，让人看得云里雾里的，通过仔细研读，将其总结如下图。</p>
+<span id="more"></span>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220225233730878.png"
+alt="image-20220225233730878" />
+<figcaption aria-hidden="true">image-20220225233730878</figcaption>
+</figure>
+<blockquote>
+<p><strong>说明：</strong></p>
+<p>不同的设计条件时，可变荷载会取不同的值作为代表值。各个代表的值的大小关系如下：</p>
+<p>标准值 &gt;= 组合值 &gt;= 频遇值 &gt;= 准永久值</p>
+</blockquote>
+<p><strong>参考：</strong></p>
+<ol type="1">
+<li>GB 50068-2018 《建筑结构可靠性设计统一标准》P7-8</li>
+</ol>
+]]></content>
+      <categories>
+        <category>RegisteredStructure</category>
+      </categories>
+      <tags>
+        <tag>一注结构专业</tag>
+        <tag>考试</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
   <entry>
     <title>一文理清设计组合的使用</title>
     <url>/posts/2022/243ZBZ4.html</url>
@@ -3384,6 +3223,226 @@ alt="image-20220226232739346" />
         <tag>galens</tag>
       </tags>
   </entry>
+  <entry>
+    <title>希腊字母大小写及发音</title>
+    <url>/posts/2022/3DAB2TW.html</url>
+    <content><![CDATA[<p>希腊字母表是希腊语中使用的字母，其广泛应用到学术领域，如数学、物理、生物、天文等学科。在规范里面大量使用希腊字母表示特定值，所以，学会发音后，可以记得更牢。</p>
+<span id="more"></span>
+<table>
+<thead>
+<tr class="header">
+<th>序号</th>
+<th>大写</th>
+<th>小写</th>
+<th>英文</th>
+<th>汉字注音</th>
+<th>英语音标注音</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>1</td>
+<td>Α</td>
+<td>α</td>
+<td>alpha</td>
+<td>阿尔法</td>
+<td>/'ælfə/</td>
+</tr>
+<tr class="even">
+<td>2</td>
+<td>Β</td>
+<td>β</td>
+<td>beta</td>
+<td>贝塔</td>
+<td>/'bi:tə/或/'beɪtə/</td>
+</tr>
+<tr class="odd">
+<td>3</td>
+<td>Γ</td>
+<td>γ</td>
+<td>gamma</td>
+<td>格玛</td>
+<td>/'gæmə/</td>
+</tr>
+<tr class="even">
+<td>4</td>
+<td>Δ</td>
+<td>δ</td>
+<td>delta</td>
+<td>德尔塔</td>
+<td>/'deltə/</td>
+</tr>
+<tr class="odd">
+<td>5</td>
+<td>Ε</td>
+<td>ε</td>
+<td>epsilon</td>
+<td>埃普西龙</td>
+<td>/'epsɪlɒn/</td>
+</tr>
+<tr class="even">
+<td>6</td>
+<td>Ζ</td>
+<td>ζ</td>
+<td>zeta</td>
+<td>泽塔</td>
+<td>/'zi:tə/</td>
+</tr>
+<tr class="odd">
+<td>7</td>
+<td>Η</td>
+<td>η</td>
+<td>eta</td>
+<td>艾塔</td>
+<td>/'i:tə/</td>
+</tr>
+<tr class="even">
+<td>8</td>
+<td>Θ</td>
+<td>θ</td>
+<td>theta</td>
+<td>西塔</td>
+<td>/'θi:tə/</td>
+</tr>
+<tr class="odd">
+<td>9</td>
+<td>Ι</td>
+<td>ι</td>
+<td>iota</td>
+<td>埃欧塔</td>
+<td>/aɪ'əʊtə/</td>
+</tr>
+<tr class="even">
+<td>10</td>
+<td>Κ</td>
+<td>κ</td>
+<td>kappa</td>
+<td>堪帕</td>
+<td>/'kæpə/</td>
+</tr>
+<tr class="odd">
+<td>11</td>
+<td>∧</td>
+<td>λ</td>
+<td>lambda</td>
+<td>兰姆达</td>
+<td>/'læmdə/</td>
+</tr>
+<tr class="even">
+<td>12</td>
+<td>Μ</td>
+<td>μ</td>
+<td>mu</td>
+<td>谬/穆</td>
+<td>/mju:/</td>
+</tr>
+<tr class="odd">
+<td>13</td>
+<td>Ν</td>
+<td>ν</td>
+<td>nu</td>
+<td>拗/奴</td>
+<td>/nju:/</td>
+</tr>
+<tr class="even">
+<td>14</td>
+<td>Ξ</td>
+<td>ξ</td>
+<td>xi</td>
+<td>克西</td>
+<td>/kˈsai/ 或 /ˈzaɪ/</td>
+</tr>
+<tr class="odd">
+<td>15</td>
+<td>Ο</td>
+<td>ο</td>
+<td>omicron</td>
+<td>欧米可戎</td>
+<td>/əuˈmaikrən/或 /ˈɑmɪˌkrɑn/</td>
+</tr>
+<tr class="even">
+<td>16</td>
+<td>∏</td>
+<td>π</td>
+<td>pi</td>
+<td>派</td>
+<td>/paɪ/</td>
+</tr>
+<tr class="odd">
+<td>17</td>
+<td>Ρ</td>
+<td>ρ</td>
+<td>rho</td>
+<td>若</td>
+<td>/rəʊ/</td>
+</tr>
+<tr class="even">
+<td>18</td>
+<td>∑</td>
+<td>σ</td>
+<td>sigma</td>
+<td>西格马</td>
+<td>/'sɪɡmə/</td>
+</tr>
+<tr class="odd">
+<td>19</td>
+<td>Τ</td>
+<td>τ</td>
+<td>tau</td>
+<td>套</td>
+<td>/tɔ:/或 /taʊ/</td>
+</tr>
+<tr class="even">
+<td>20</td>
+<td>Υ</td>
+<td>υ</td>
+<td>upsilon</td>
+<td>宇普西龙</td>
+<td>/ˈipsɪlon/或 /ˈʌpsɪlɒn/</td>
+</tr>
+<tr class="odd">
+<td>21</td>
+<td>Φ</td>
+<td>φ</td>
+<td>phi</td>
+<td>弗爱</td>
+<td>/faɪ/</td>
+</tr>
+<tr class="even">
+<td>22</td>
+<td>Χ</td>
+<td>χ</td>
+<td>chi</td>
+<td>凯/柯义</td>
+<td>/kaɪ/</td>
+</tr>
+<tr class="odd">
+<td>23</td>
+<td>Ψ</td>
+<td>ψ</td>
+<td>psi</td>
+<td>普赛</td>
+<td>/psaɪ/</td>
+</tr>
+<tr class="even">
+<td>24</td>
+<td>Ω</td>
+<td>ω</td>
+<td>omega</td>
+<td>欧米嘎</td>
+<td>/'əʊmɪɡə/或 /oʊ'meɡə/</td>
+</tr>
+</tbody>
+</table>
+]]></content>
+      <categories>
+        <category>RegisteredStructure</category>
+      </categories>
+      <tags>
+        <tag>一注结构专业</tag>
+        <tag>考试</tag>
+      </tags>
+  </entry>
   <entry>
     <title>结构力学常用公式表大全</title>
     <url>/posts/2022/1VMAW6B.html</url>
@@ -3509,260 +3568,13 @@ class="math inline">\(V_{max}\)</span>
       </tags>
   </entry>
   <entry>
-    <title>一张图弄懂规范中各个作用值的区别</title>
-    <url>/posts/2022/3DC5WC5.html</url>
-    <content><![CDATA[<p>规范中各个作用值的描述，绕来绕去，让人看得云里雾里的，通过仔细研读，将其总结如下图。</p>
-<span id="more"></span>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220225233730878.png"
-alt="image-20220225233730878" />
-<figcaption aria-hidden="true">image-20220225233730878</figcaption>
-</figure>
-<blockquote>
-<p><strong>说明：</strong></p>
-<p>不同的设计条件时，可变荷载会取不同的值作为代表值。各个代表的值的大小关系如下：</p>
-<p>标准值 &gt;= 组合值 &gt;= 频遇值 &gt;= 准永久值</p>
-</blockquote>
-<p><strong>参考：</strong></p>
-<ol type="1">
-<li>GB 50068-2018 《建筑结构可靠性设计统一标准》P7-8</li>
-</ol>
-]]></content>
-      <categories>
-        <category>RegisteredStructure</category>
-      </categories>
-      <tags>
-        <tag>一注结构专业</tag>
-        <tag>考试</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>如何求最大弯矩</title>
-    <url>/posts/2022/3SP0JGM.html</url>
-    <content><![CDATA[<p>在荷载进行作用组合时，往往需要先求内力，然后再进行组合。下方分享如何快速地求得最大弯矩。</p>
-<span id="more"></span>
-<h2 id="基本方程法">基本方程法</h2>
-<p>通过弯矩方程来求最大弯矩。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220321220445565.png"
-alt="image-20220321220445565" />
-<figcaption aria-hidden="true">image-20220321220445565</figcaption>
-</figure>
-<p>如上图所示，由于荷载及支反力均对称于梁跨的中点，因此，两支反力（图a）相等，由平衡方程
-$ F_y = 0$，得：</p>
-<p><span class="math display">\[
-\begin{align}
-F_A=F_B=\dfrac{ql}{2}
-\end{align}
-\]</span> 取距左端（坐标原点）为 x
-的任意横截面（图a），则梁的剪力和弯矩方程为： <span
-class="math display">\[
-\begin{align}
-F_s(x) = F_A-qx = \dfrac{ql}{2}-qx \qquad x\in[0,l]\\
-M(x) = F_Ax-qx\dfrac{x}{2}=\frac{qlx}{2}-\dfrac{qx^2}{2} \qquad x
-\in[0,l]
-\end{align}
-\]</span></p>
-<h2 id="微分关系法">微分关系法</h2>
-<p>通过弯矩、剪力与分布荷载集度间的微分关系来求解最大弯矩。 <span
-class="math display">\[
-\begin{align}
-\dfrac{dM(x)}{dx} = F_s(x) \\
-\dfrac{d^2M(x)}{dx^2}=q(x)
-\end{align}
-\]</span></p>
-<ul>
-<li>剪力图上某点处的切线斜率等于该点处荷载集度的大小</li>
-<li>弯矩图的某点处的切线斜率等于该点处剪力的大小</li>
-</ul>
-<p>换言之，某点处截面的弯矩等于该点之前的
-<strong>剪力图的面积</strong>。</p>
-<p>从 1
-中的剪力图中，我们可以知道，弯矩最大点在跨中。该方法有个优点是将高次方程转为低次方程来计算，降低了复杂度，在手算时很方便。</p>
-<h2 id="叠加原理法">叠加原理法</h2>
-<p>当所求参数（内力、应力或位移）与梁上荷载为线性关系时，由几项荷载共同作用时所引起的某一参数，就等于每项荷载单独作用时所引起的该参数值的叠加。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220321223214213.png"
-alt="image-20220321223214213" />
-<figcaption aria-hidden="true">image-20220321223214213</figcaption>
-</figure>
-<p>当该参数处于同一平面内同一方向
-时，叠加即为代数和。若处于不同平面或不同方向，则为几何和。</p>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li>材料力学<span
-class="math inline">\(\cdot\)</span>剪力图和弯矩图</li>
-</ol>
-]]></content>
-      <categories>
-        <category>RegisteredStructure</category>
-      </categories>
-      <tags>
-        <tag>一注结构专业</tag>
-        <tag>考试</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>求简支梁的绝对最大弯矩</title>
-    <url>/posts/2022/2CGPR3T.html</url>
-    <content><![CDATA[<p>在设计承受移动荷载的结构时，须求出每一截 面内力的最大值
-(最大正值和最大负值)。连接各截面内力最大值的曲线称为内力包络图。包络图是结构设计中重要的工具，在吊车梁、楼盖的连续和桥梁的设计中应用很多。</p>
-<p>包络图表示各截面内力变化
-的极值，在设计中是十分重要的。弯矩包络图中最高的竖距称为绝对最大弯矩，它代表在一定移动荷载作用下梁内可能出现的弯矩最大值。</p>
-<p>需要特别注意，最大弯矩一般出现在
-<strong>跨中附近</strong>，但不一定是跨中。</p>
-<span id="more"></span>
-<h2 id="简支梁均布荷载作用的最大弯矩">简支梁均布荷载作用的最大弯矩</h2>
-<p>当全梁布满匀布荷载，其绝对最大变矩也就是匀布静荷载作用下的跨中最大弯矩:，其值为
-<span class="math display">\[
-M_{跨中} = \frac{1}{8}ql^2
-\]</span></p>
-<h2
-id="简支梁集中荷载组作用的最大弯矩">简支梁集中荷载组作用的最大弯矩</h2>
-<p>如果简支梁上作用的是一组移动的集中荷载，求梁的绝对最大弯矩较难。</p>
-<p>有人认为，如果分别把梁的各截面的最大弯矩值求出，加以比较，取其中的最大值，不就可以确定绝对最大弯矩值了吗?
-这种想法是可行的，可实际涉及到计算并不容易，甚至是无法进行的。</p>
-<p>那么到底用什么方法可以计算其绝对最大弯矩呢？</p>
-<h3 id="原理">原理</h3>
-<p>我们知道，荷载在任一位置时，梁的弯矩圆的顶点永远发生在集中荷载下面。因此，可以断定，<strong>绝对最大弯矩必定发生在某一集中荷载的作用点处</strong>。把这一集中荷载记为
-<span class="math inline">\(P_k\)</span>。那么在一组移动的集中荷
-载中，哪一个会成为 <span class="math inline">\(P_k\)</span> 呢?</p>
-<p>事实上，一般情况下，在一组移动的集中荷载
-中，<strong>使梁的跨中截面产生最大弯矩的荷载即是产生绝对最大弯矩的荷载
-<span class="math inline">\(P_k\)</span></strong>。</p>
-<p>确定了 <span class="math inline">\(P_k\)</span>
-荷载后，我们即可遵照下面的方法
-来计算绝对最大弯矩了。下图表明，梁上所有荷载(包括 <span
-class="math inline">\(P_k\)</span> 在内) 的合力 R 与 <span
-class="math inline">\(P_k\)</span> 恰好位于梁的跨中截面 C
-两侧的对称位置时，<span class="math inline">\(P_k\)</span>
-所在截面的弯矩最大。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220324090538380.png"
-alt="image-20220324090538380" />
-<figcaption aria-hidden="true">image-20220324090538380</figcaption>
-</figure>
-<p>此时简支梁的绝对最大弯矩为： <span class="math display">\[
-\begin{align}
-M_{max} = \frac{R}{4l}(l-a)^2-M_k \tag{2-1}
-\end{align}
-\]</span></p>
-<ul>
-<li>l，跨长</li>
-<li>R，梁上实有荷载的合力</li>
-<li>a，梁上实有荷载的合力 R 与 <span class="math inline">\(P_k\)</span>
-荷载间的距离。当 <span class="math inline">\(P_k\)</span> 荷载 在合力 R
-之左时，a 取正值；当 <span class="math inline">\(P_k\)</span> 在 R
-之右时，a 取负值</li>
-<li><span class="math inline">\(M_k\)</span>，<span
-class="math inline">\(P_k\)</span> 以左荷载对 <span
-class="math inline">\(P_k\)</span> 点的力矩之和，是一常数</li>
-</ul>
-<h3 id="求解步骤">求解步骤</h3>
-<ol type="1">
-<li><p>求出能使梁中点截面的弯矩发生最大值的临界荷载 <span
-class="math inline">\(P_k\)</span>；</p></li>
-<li><p>计算梁上合力 R 及其与 <span class="math inline">\(P_k\)</span>
-的距离 a；</p>
-<p>求解合力时，只需将力摘出来，利用静力平衡方程求解。</p></li>
-<li><p>移动荷载，使 R 与 <span class="math inline">\(P_k\)</span>
-对称分布与中点两侧。若无荷载移出或移入梁，则用式（2-1）计算绝对最大弯矩；若有荷载移出或移入，则从第
-2 步重新计算。</p></li>
-</ol>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><p><a
-href="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/pdf/简支梁的绝对最大弯矩.pdf">简支梁的绝对最大弯矩.pdf</a></p></li>
-<li><p><a
-href="http://kjwy.5any.com/jglx2/content/jglx2-02/020501/text.htm">第五节
-简支梁的绝对最大弯矩 (5any.com)</a></p></li>
-</ol>
-]]></content>
-      <categories>
-        <category>RegisteredStructure</category>
-      </categories>
-      <tags>
-        <tag>一注结构专业</tag>
-        <tag>考试</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>桁架中零杆的判断</title>
-    <url>/posts/2022/EBMGE2.html</url>
-    <content><![CDATA[<p>本文总结了桁架中零杆的判断方法，在分析桁架内力时，若能首先确定其中的零杆，可以简化后续杆件的分析。</p>
-<p>桁架中的零杆虽然不受力，但却是保持结构坚固性所必需的杆件。因为桁架中的荷载往往是变化的，在一种荷载工况下的零杆，在另一个工况下就有可能承受荷载。</p>
-<span id="more"></span>
-<h2 id="判断方法">判断方法</h2>
-<ol type="1">
-<li>不在同一条直线上的两杆节点上若没有荷载作用，两杆均为零杆</li>
-<li>不共线的两杆结点，若荷载沿一杆作用，则另一杆为零杆</li>
-<li>无荷载作用的三杆节点，若两杆在一直线上，则第三杆为零杆</li>
-<li>对称桁架在对称荷载作用下，对称轴上的 K
-形结点若无荷载，则该结点上两根斜杆为零杆</li>
-<li>对称桁架在反对称荷载作用下，与对称轴重合或者垂直相交的杆件为零杆</li>
-</ol>
-<h2 id="参考">参考</h2>
-]]></content>
-      <categories>
-        <category>RegisteredStructure</category>
-      </categories>
-      <tags>
-        <tag>一注结构专业</tag>
-        <tag>考试</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>移动已安装软件程序文件夹：FreeMove</title>
-    <url>/posts/2020/YY2KY2.html</url>
-    <content><![CDATA[<p>FreeMove
-是一款可以移动已安装软件程序文件夹的软件，很多时候软件在安装的时候选在了
-A 分区，但是使用过一段时间后想移动到 B
-分区，但是又不想卸载重新安装，这时候就需要用到这款 FreeMove 软件了。</p>
-<span id="more"></span>
-<h2 id="应用简介">应用简介</h2>
-<p>FreeMove 的用法很简单，在「Move
-From」处选择你需要移动的软件文件夹位置，再在「To」处选择目标移动位置，最后点击「Move」按钮即可。</p>
-<p>这款小工具的原理跟我们之前介绍过的 Steam Mover
-的原理是一样的，都是为文件夹创建一个软链接，之后指向到新位置，就可以实现移动的功能了。</p>
-<h2 id="功能特点">功能特点</h2>
-<ol type="1">
-<li><p>FreeMove不需要安装，解压即可使用</p></li>
-<li><p>FreeMove软件占用系统内存少，简单易用</p></li>
-</ol>
-<h2 id="freemove使用方法">FreeMove使用方法</h2>
-<p>1、打开FreeMove软件 <img
 data-src="https://pic.cr173.com/up/2018-3/2018031213354077564.png"
-alt="1" /></p>
-<p>2、在Move From处选择你需要移动的软件文件夹位置 <img
 data-src="https://pic.cr173.com/up/2018-3/2018031213354198907.png"
-alt="2" /></p>
-<p>3、在To处选择目标移动位置 <img
 data-src="https://pic.cr173.com/up/2018-3/2018031213354110375.png"
-alt="3" /></p>
-<p>4、最后点击Move按钮即可 <img
 data-src="https://pic.cr173.com/up/2018-3/2018031213354183550.png"
-alt="4" /></p>
-<h2 id="下载">下载</h2>
-<p><a href="http://xza.198424.com/freemove.zip">软件下载传送门
-48kb</a></p>
-<h2 id="致谢">致谢</h2>
-<p>本文摘抄至<a
-href="https://www.cr173.com/soft/706765.html">西西软件</a></p>
-]]></content>
-      <categories>
-        <category>Software</category>
-      </categories>
-      <tags>
-        <tag>佳软</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>markdown 中 LaTeX公式语法大全</title>
-    <url>/posts/2022/1ERZT1V.html</url>
-    <content><![CDATA[<h2 id="公式声明">公式声明</h2>
-<p>行内公式：</p>
-<figure class="highlight markdown"><table><tr><td class="code"><pre><span class="line">$公式$</span><br></pre></td></tr></table></figure>
-<p>多行公式</p>
-<figure class="highlight markdown"><table><tr><td class="code"><pre><span class="line">$$</span><br><span class="line">\begin</span><br><span class="line">公式</span><br><span class="line">\end</span><br><span class="line">$$</span><br></pre></td></tr></table></figure>
+    <title>markdown 中 LaTeX公式语法大全</title>
+    <url>/posts/2022/1ERZT1V.html</url>
+    <content><![CDATA[<h2 id="公式声明">公式声明</h2>
+<p>行内公式：</p>
+<figure class="highlight markdown"><table><tr><td class="code"><pre><span class="line">$公式$</span><br></pre></td></tr></table></figure>
+<p>多行公式</p>
+<figure class="highlight markdown"><table><tr><td class="code"><pre><span class="line">$$</span><br><span class="line">\begin</span><br><span class="line">公式</span><br><span class="line">\end</span><br><span class="line">$$</span><br></pre></td></tr></table></figure>
 <span id="more"></span>
 <h2 id="空格">空格</h2>
 <table>
@@ -3966,6 +3778,224 @@ LaTeX in 30 minutes</a></li>
         <tag>LaTeX</tag>
       </tags>
   </entry>
+  <entry>
+    <title>如何求最大弯矩</title>
+    <url>/posts/2022/3SP0JGM.html</url>
+    <content><![CDATA[<p>在荷载进行作用组合时，往往需要先求内力，然后再进行组合。下方分享如何快速地求得最大弯矩。</p>
+<span id="more"></span>
+<h2 id="基本方程法">基本方程法</h2>
+<p>通过弯矩方程来求最大弯矩。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220321220445565.png"
+alt="image-20220321220445565" />
+<figcaption aria-hidden="true">image-20220321220445565</figcaption>
+</figure>
+<p>如上图所示，由于荷载及支反力均对称于梁跨的中点，因此，两支反力（图a）相等，由平衡方程
+$ F_y = 0$，得：</p>
+<p><span class="math display">\[
+\begin{align}
+F_A=F_B=\dfrac{ql}{2}
+\end{align}
+\]</span> 取距左端（坐标原点）为 x
+的任意横截面（图a），则梁的剪力和弯矩方程为： <span
+class="math display">\[
+\begin{align}
+F_s(x) = F_A-qx = \dfrac{ql}{2}-qx \qquad x\in[0,l]\\
+M(x) = F_Ax-qx\dfrac{x}{2}=\frac{qlx}{2}-\dfrac{qx^2}{2} \qquad x
+\in[0,l]
+\end{align}
+\]</span></p>
+<h2 id="微分关系法">微分关系法</h2>
+<p>通过弯矩、剪力与分布荷载集度间的微分关系来求解最大弯矩。 <span
+class="math display">\[
+\begin{align}
+\dfrac{dM(x)}{dx} = F_s(x) \\
+\dfrac{d^2M(x)}{dx^2}=q(x)
+\end{align}
+\]</span></p>
+<ul>
+<li>剪力图上某点处的切线斜率等于该点处荷载集度的大小</li>
+<li>弯矩图的某点处的切线斜率等于该点处剪力的大小</li>
+</ul>
+<p>换言之，某点处截面的弯矩等于该点之前的
+<strong>剪力图的面积</strong>。</p>
+<p>从 1
+中的剪力图中，我们可以知道，弯矩最大点在跨中。该方法有个优点是将高次方程转为低次方程来计算，降低了复杂度，在手算时很方便。</p>
+<h2 id="叠加原理法">叠加原理法</h2>
+<p>当所求参数（内力、应力或位移）与梁上荷载为线性关系时，由几项荷载共同作用时所引起的某一参数，就等于每项荷载单独作用时所引起的该参数值的叠加。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220321223214213.png"
+alt="image-20220321223214213" />
+<figcaption aria-hidden="true">image-20220321223214213</figcaption>
+</figure>
+<p>当该参数处于同一平面内同一方向
+时，叠加即为代数和。若处于不同平面或不同方向，则为几何和。</p>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li>材料力学<span
+class="math inline">\(\cdot\)</span>剪力图和弯矩图</li>
+</ol>
+]]></content>
+      <categories>
+        <category>RegisteredStructure</category>
+      </categories>
+      <tags>
+        <tag>一注结构专业</tag>
+        <tag>考试</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>求简支梁的绝对最大弯矩</title>
+    <url>/posts/2022/2CGPR3T.html</url>
+    <content><![CDATA[<p>在设计承受移动荷载的结构时，须求出每一截 面内力的最大值
+(最大正值和最大负值)。连接各截面内力最大值的曲线称为内力包络图。包络图是结构设计中重要的工具，在吊车梁、楼盖的连续和桥梁的设计中应用很多。</p>
+<p>包络图表示各截面内力变化
+的极值，在设计中是十分重要的。弯矩包络图中最高的竖距称为绝对最大弯矩，它代表在一定移动荷载作用下梁内可能出现的弯矩最大值。</p>
+<p>需要特别注意，最大弯矩一般出现在
+<strong>跨中附近</strong>，但不一定是跨中。</p>
+<span id="more"></span>
+<h2 id="简支梁均布荷载作用的最大弯矩">简支梁均布荷载作用的最大弯矩</h2>
+<p>当全梁布满匀布荷载，其绝对最大变矩也就是匀布静荷载作用下的跨中最大弯矩:，其值为
+<span class="math display">\[
+M_{跨中} = \frac{1}{8}ql^2
+\]</span></p>
+<h2
+id="简支梁集中荷载组作用的最大弯矩">简支梁集中荷载组作用的最大弯矩</h2>
+<p>如果简支梁上作用的是一组移动的集中荷载，求梁的绝对最大弯矩较难。</p>
+<p>有人认为，如果分别把梁的各截面的最大弯矩值求出，加以比较，取其中的最大值，不就可以确定绝对最大弯矩值了吗?
+这种想法是可行的，可实际涉及到计算并不容易，甚至是无法进行的。</p>
+<p>那么到底用什么方法可以计算其绝对最大弯矩呢？</p>
+<h3 id="原理">原理</h3>
+<p>我们知道，荷载在任一位置时，梁的弯矩圆的顶点永远发生在集中荷载下面。因此，可以断定，<strong>绝对最大弯矩必定发生在某一集中荷载的作用点处</strong>。把这一集中荷载记为
+<span class="math inline">\(P_k\)</span>。那么在一组移动的集中荷
+载中，哪一个会成为 <span class="math inline">\(P_k\)</span> 呢?</p>
+<p>事实上，一般情况下，在一组移动的集中荷载
+中，<strong>使梁的跨中截面产生最大弯矩的荷载即是产生绝对最大弯矩的荷载
+<span class="math inline">\(P_k\)</span></strong>。</p>
+<p>确定了 <span class="math inline">\(P_k\)</span>
+荷载后，我们即可遵照下面的方法
+来计算绝对最大弯矩了。下图表明，梁上所有荷载(包括 <span
+class="math inline">\(P_k\)</span> 在内) 的合力 R 与 <span
+class="math inline">\(P_k\)</span> 恰好位于梁的跨中截面 C
+两侧的对称位置时，<span class="math inline">\(P_k\)</span>
+所在截面的弯矩最大。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220324090538380.png"
+alt="image-20220324090538380" />
+<figcaption aria-hidden="true">image-20220324090538380</figcaption>
+</figure>
+<p>此时简支梁的绝对最大弯矩为： <span class="math display">\[
+\begin{align}
+M_{max} = \frac{R}{4l}(l-a)^2-M_k \tag{2-1}
+\end{align}
+\]</span></p>
+<ul>
+<li>l，跨长</li>
+<li>R，梁上实有荷载的合力</li>
+<li>a，梁上实有荷载的合力 R 与 <span class="math inline">\(P_k\)</span>
+荷载间的距离。当 <span class="math inline">\(P_k\)</span> 荷载 在合力 R
+之左时，a 取正值；当 <span class="math inline">\(P_k\)</span> 在 R
+之右时，a 取负值</li>
+<li><span class="math inline">\(M_k\)</span>，<span
+class="math inline">\(P_k\)</span> 以左荷载对 <span
+class="math inline">\(P_k\)</span> 点的力矩之和，是一常数</li>
+</ul>
+<h3 id="求解步骤">求解步骤</h3>
+<ol type="1">
+<li><p>求出能使梁中点截面的弯矩发生最大值的临界荷载 <span
+class="math inline">\(P_k\)</span>；</p></li>
+<li><p>计算梁上合力 R 及其与 <span class="math inline">\(P_k\)</span>
+的距离 a；</p>
+<p>求解合力时，只需将力摘出来，利用静力平衡方程求解。</p></li>
+<li><p>移动荷载，使 R 与 <span class="math inline">\(P_k\)</span>
+对称分布与中点两侧。若无荷载移出或移入梁，则用式（2-1）计算绝对最大弯矩；若有荷载移出或移入，则从第
+2 步重新计算。</p></li>
+</ol>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><p><a
+href="https://obs.uamazing.cn:52443/public/files/pdf/简支梁的绝对最大弯矩.pdf">简支梁的绝对最大弯矩.pdf</a></p></li>
+<li><p><a
+href="http://kjwy.5any.com/jglx2/content/jglx2-02/020501/text.htm">第五节
+简支梁的绝对最大弯矩 (5any.com)</a></p></li>
+</ol>
+]]></content>
+      <categories>
+        <category>RegisteredStructure</category>
+      </categories>
+      <tags>
+        <tag>一注结构专业</tag>
+        <tag>考试</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>桁架中零杆的判断</title>
+    <url>/posts/2022/EBMGE2.html</url>
+    <content><![CDATA[<p>本文总结了桁架中零杆的判断方法，在分析桁架内力时，若能首先确定其中的零杆，可以简化后续杆件的分析。</p>
+<p>桁架中的零杆虽然不受力，但却是保持结构坚固性所必需的杆件。因为桁架中的荷载往往是变化的，在一种荷载工况下的零杆，在另一个工况下就有可能承受荷载。</p>
+<span id="more"></span>
+<h2 id="判断方法">判断方法</h2>
+<ol type="1">
+<li>不在同一条直线上的两杆节点上若没有荷载作用，两杆均为零杆</li>
+<li>不共线的两杆结点，若荷载沿一杆作用，则另一杆为零杆</li>
+<li>无荷载作用的三杆节点，若两杆在一直线上，则第三杆为零杆</li>
+<li>对称桁架在对称荷载作用下，对称轴上的 K
+形结点若无荷载，则该结点上两根斜杆为零杆</li>
+<li>对称桁架在反对称荷载作用下，与对称轴重合或者垂直相交的杆件为零杆</li>
+</ol>
+<h2 id="参考">参考</h2>
+]]></content>
+      <categories>
+        <category>RegisteredStructure</category>
+      </categories>
+      <tags>
+        <tag>一注结构专业</tag>
+        <tag>考试</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>移动已安装软件程序文件夹：FreeMove</title>
+    <url>/posts/2020/YY2KY2.html</url>
+    <content><![CDATA[<p>FreeMove
+是一款可以移动已安装软件程序文件夹的软件，很多时候软件在安装的时候选在了
+A 分区，但是使用过一段时间后想移动到 B
+分区，但是又不想卸载重新安装，这时候就需要用到这款 FreeMove 软件了。</p>
+<span id="more"></span>
+<h2 id="应用简介">应用简介</h2>
+<p>FreeMove 的用法很简单，在「Move
+From」处选择你需要移动的软件文件夹位置，再在「To」处选择目标移动位置，最后点击「Move」按钮即可。</p>
+<p>这款小工具的原理跟我们之前介绍过的 Steam Mover
+的原理是一样的，都是为文件夹创建一个软链接，之后指向到新位置，就可以实现移动的功能了。</p>
+<h2 id="功能特点">功能特点</h2>
+<ol type="1">
+<li><p>FreeMove不需要安装，解压即可使用</p></li>
+<li><p>FreeMove软件占用系统内存少，简单易用</p></li>
+</ol>
+<h2 id="freemove使用方法">FreeMove使用方法</h2>
+<p>1、打开FreeMove软件 <img
 data-src="https://pic.cr173.com/up/2018-3/2018031213354077564.png"
+alt="1" /></p>
+<p>2、在Move From处选择你需要移动的软件文件夹位置 <img
 data-src="https://pic.cr173.com/up/2018-3/2018031213354198907.png"
+alt="2" /></p>
+<p>3、在To处选择目标移动位置 <img
 data-src="https://pic.cr173.com/up/2018-3/2018031213354110375.png"
+alt="3" /></p>
+<p>4、最后点击Move按钮即可 <img
 data-src="https://pic.cr173.com/up/2018-3/2018031213354183550.png"
+alt="4" /></p>
+<h2 id="下载">下载</h2>
+<p><a href="http://xza.198424.com/freemove.zip">软件下载传送门
+48kb</a></p>
+<h2 id="致谢">致谢</h2>
+<p>本文摘抄至<a
+href="https://www.cr173.com/soft/706765.html">西西软件</a></p>
+]]></content>
+      <categories>
+        <category>Software</category>
+      </categories>
+      <tags>
+        <tag>佳软</tag>
+      </tags>
+  </entry>
   <entry>
     <title>使用 AdGuardHome，实现网页加速和去广告</title>
     <url>/posts/2020/2JN1KQ1.html</url>
@@ -4487,6 +4517,29 @@ href="http://www.360doc.com/content/19/0612/10/8253947_841919236.shtml">光猫
         <tag>宽带</tag>
       </tags>
   </entry>
+  <entry>
+    <title>摩智键盘蓝牙连接</title>
+    <url>/posts/2022/33B50C4.html</url>
+    <content><![CDATA[<p>很久以前买了一个蓝牙键盘（Mozhi，摩智），当时闲充电麻烦，就一直用的有线，今天突然想改无线了，却忘记了怎么配置，通过回忆与尝试，使用总结如下：</p>
+<span id="more"></span>
+<ol type="1">
+<li>先打开蓝牙，在后侧有个开关，拨向数字键盘方向</li>
+<li>长按 <code>Fn</code> + <code>Tab</code> 键，直到 <code>Esc</code>
+闪烁，同时 <code>scroll lock</code> 也会亮起来</li>
+<li>通过电脑的蓝牙连接就可以了</li>
+</ol>
+<blockquote>
+<p>该键盘有3个蓝牙信道，按 Fn+1~3
+可以切换，不同的信道，可以连接不同的设备，方便切换。</p>
+</blockquote>
+]]></content>
+      <categories>
+        <category>Tricks</category>
+      </categories>
+      <tags>
+        <tag>蓝牙键盘</tag>
+      </tags>
+  </entry>
   <entry>
     <title>管理 Microstation CE 版本的环境配置</title>
     <url>/posts/2019/7W71XB.html</url>
@@ -4624,29 +4677,6 @@ MicroStation CONNECT Edition</a> [2]. <a href="c:\">help</a></p>
         <tag>Microstation</tag>
       </tags>
   </entry>
-  <entry>
-    <title>摩智键盘蓝牙连接</title>
-    <url>/posts/2022/33B50C4.html</url>
-    <content><![CDATA[<p>很久以前买了一个蓝牙键盘（Mozhi，摩智），当时闲充电麻烦，就一直用的有线，今天突然想改无线了，却忘记了怎么配置，通过回忆与尝试，使用总结如下：</p>
-<span id="more"></span>
-<ol type="1">
-<li>先打开蓝牙，在后侧有个开关，拨向数字键盘方向</li>
-<li>长按 <code>Fn</code> + <code>Tab</code> 键，直到 <code>Esc</code>
-闪烁，同时 <code>scroll lock</code> 也会亮起来</li>
-<li>通过电脑的蓝牙连接就可以了</li>
-</ol>
-<blockquote>
-<p>该键盘有3个蓝牙信道，按 Fn+1~3
-可以切换，不同的信道，可以连接不同的设备，方便切换。</p>
-</blockquote>
-]]></content>
-      <categories>
-        <category>Tricks</category>
-      </categories>
-      <tags>
-        <tag>蓝牙键盘</tag>
-      </tags>
-  </entry>
   <entry>
     <title>修改文字大小</title>
     <url>/posts/2020/JJQETR.html</url>
@@ -4662,103 +4692,6 @@ MicroStation CONNECT Edition</a> [2]. <a href="c:\">help</a></p>
 <li>直接修改文字样式，具体代码如下 <figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">Bentley.Internal.MstnPlatformNET.TextStyleLibCollection textStyles = <span class="keyword">new</span> Bentley.Internal.MstnPlatformNET.TextStyleLibCollection(StyleIteratorMode.ActiveFileAndLibraries);</span><br><span class="line">DgnTextStyle targetStyle = textStyles.Where(item =&gt; item.Name == <span class="string">&quot;textStyleName&quot;</span>).FirstOrDefault();</span><br><span class="line"></span><br><span class="line">targetStyle.SetProperty(TextStyleProperty.Width, <span class="number">0.0020</span> * uor);</span><br><span class="line">targetStyle.SetProperty(TextStyleProperty.Height, <span class="number">0.0025</span> * uor);</span><br><span class="line"></span><br><span class="line"><span class="comment">// 使用</span></span><br><span class="line">TextBlock textBlock = <span class="keyword">new</span> TextBlock(dgnTextStyle, DgnModel);</span><br><span class="line"> ...</span><br></pre></td></tr></table></figure></li>
 </ul>
 <p>上面这种用法也是不会修改原来文字样式。</p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-      </categories>
-      <tags>
-        <tag>Bentley二次开发</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>将元素的颜色设置为 ByLevel</title>
-    <url>/posts/2020/31H546G.html</url>
-    <content><![CDATA[<p>在给元素添加颜色的过程中，发现不能直接将颜色号设置成
--1（ByLevel），经过在优先社区的查找，终于解决了，特此记录。</p>
-<span id="more"></span>
-<h2 id="简介">简介</h2>
-<p>设置元素的属性一般是创建一个
-ElementPropertiesSetter，具体代码如下：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">ElementPropertiesSetter setter = <span class="keyword">new</span> ElementPropertiesSetter();</span><br><span class="line">setter.SetColor(ElementPropertyUint.COLOR_BYLEVEL);</span><br><span class="line">setter.SetWeight(<span class="number">1</span>);</span><br><span class="line">setter.SetLevel(GetLevel(SwLevel.sw_2D_点划线));</span><br><span class="line">setter.SetLinestyle((<span class="built_in">int</span>)ElementPropertyUint.STYLE_BYLEVEL,<span class="literal">null</span>);</span><br><span class="line"></span><br><span class="line">setter.Apply(ele);</span><br></pre></td></tr></table></figure>
-<p>转到 SetColor 的定义我们可以看到，它是这样的：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">SetColor</span>(<span class="params"><span class="built_in">uint</span> color</span>)</span>;</span><br></pre></td></tr></table></figure>
-<p>而在 ORD 中，我们可以得知，ColorByLevel 的值是
--1，这就让我们很为难了。</p>
-<h2 id="解决办法">解决办法</h2>
-<p>实际上，在 .NET 下的颜色，-1 并不代表 ColorByLevel, ColorByLevel
-真正的值是一个 uint, 不过它是16进制的，具体的定义如下：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">ElementPropertyUint</span></span><br><span class="line">&#123;    </span><br><span class="line">    <span class="comment">// DgnPlatform.h 里面</span></span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> COLOR_BYLEVEL = <span class="number">0xffffffff</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> COLOR_BYCELL = <span class="number">0xfffffffe</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> STYLE_BYLEVEL = <span class="number">0x7fffffff</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> STYLE_BYCELL = <span class="number">0x7ffffffe</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> WEIGHT_BYLEVEL = <span class="number">0xffffffff</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> WEIGHT_BYCELL = <span class="number">0xfffffffe</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> LEVEL_BYCELL = <span class="number">64</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="致谢">致谢</h2>
-<p>解决思路来自优先社区：
-https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/175980/msce-c-element-bylevel?ReplySortBy=CreatedDate&amp;ReplySortOrder=Ascending</p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-      </categories>
-      <tags>
-        <tag>Bentley二次开发</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>引线标注</title>
-    <url>/posts/2020/1P955T2.html</url>
-    <content><![CDATA[<p>最近用 C# 对 ORD
-进行二次开发，做一个自动出图工具。其中必不可少的就是标注，被各种标注折腾得死去活来，特别是引线标注，坑特别多，特记录下来，供和大家学习交流，若有不正确之处，还请斧正。</p>
-<span id="more"></span>
-<h2 id="简介">简介</h2>
-<p>在 C# 中，引线标注采用的是 <code>NoteCellHeaderElement</code>
-这个类。具体代码如下：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 其中，arrowHeadPoint, arrowTailPnt, annotation, dgnModel 和 _dimensionCreateData 是传入的参数</span></span><br><span class="line">TextBlock textBlock = <span class="keyword">new</span> TextBlock(_dimensionCreateData.GetTextStyle(), DgnModel);</span><br><span class="line">textBlock.AppendText(annotation);</span><br><span class="line"></span><br><span class="line">NoteCellHeaderElement header = <span class="keyword">new</span> NoteCellHeaderElement(<span class="keyword">out</span> Element leaderElement, textBlock, <span class="keyword">this</span>._dimensionCreateData.GetDimensionStyle(), DgnModel, <span class="keyword">new</span> DPoint3d[] &#123; arrowHeadPoint, arrowTailPnt &#125;);</span><br><span class="line"></span><br><span class="line"><span class="comment">// 此步骤是为了设置引线文字的对齐方式为 0 (auto),它的主要作用是当第一个点在第二个点左侧时，文字在左方，否则文字是右方</span></span><br><span class="line">DimensionElement dim = leaderElement <span class="keyword">as</span> DimensionElement;</span><br><span class="line">DimensionStyle ds = dim.GetDimensionStyle();</span><br><span class="line">ds.SetIntegerProp(<span class="number">0</span>, DimStyleProp.MLNote_HorAttachment_INTEGER);         </span><br><span class="line">dim.ApplyDimensionStyle(ds, <span class="literal">true</span>);</span><br><span class="line"></span><br><span class="line"><span class="comment">// 必须用这种方法添加引线标注到 model 中</span></span><br><span class="line">header.AddToModel(<span class="keyword">out</span> dim,dgnModel);</span><br></pre></td></tr></table></figure>
-<p>下面详细分析为了得出上面的几行代码，需要处理的技术问题。</p>
-<h2 id="dimensioncreatedata-怎么来的">_dimensionCreateData
-怎么来的？</h2>
-<p><code>_dimensionCreateData</code> 是 <code>DimensionCreateData</code>
-的实例，查看 <code>DimensionCreateData</code>
-定义，我们可以看到，它是一个抽象类，不能实例化它，所以就想着，看在 ORD
-的程序集里面找一个实现它的类，可以查找无果，最后，从优先社区中得知，需要自己子类化一下它，代码如下（代码是项目中的一部分，没有简化，不能开箱即用，仅供参考）。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> Bentley.DgnPlatformNET;</span><br><span class="line"><span class="keyword">using</span> Bentley.DgnPlatformNET.Elements;</span><br><span class="line"><span class="keyword">using</span> Bentley.GeometryNET;</span><br><span class="line"><span class="keyword">using</span> Bentley.MstnPlatformNET;</span><br><span class="line"><span class="keyword">using</span> swOpenRoadsSDK;</span><br><span class="line"><span class="keyword">using</span> SwTools.SimpleCAD.Enum.Extension;</span><br><span class="line"><span class="keyword">using</span> System.Collections.Generic;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">SwTools.RebarTools.SDK.Dimension</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">class</span> <span class="title">SwDimesionCreateData</span> : <span class="title">DimensionCreateData</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">static</span> Dictionary&lt;SwDimensionStyle, DimensionStyle&gt; _dimensionStyleDic = <span class="keyword">new</span> Dictionary&lt;SwDimensionStyle, DimensionStyle&gt;();</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">static</span> Dictionary&lt;SwTextStyle, DgnTextStyle&gt; _textStyleDic = <span class="keyword">new</span> Dictionary&lt;SwTextStyle, DgnTextStyle&gt;();</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">static</span> Dictionary&lt;SwLevel, LevelId&gt; _levelDic = <span class="keyword">new</span> Dictionary&lt;SwLevel, LevelId&gt;();</span><br><span class="line"></span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">readonly</span> Symbology _symbology;</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">readonly</span> DirectionFormatter _directionFormatter;</span><br><span class="line"></span><br><span class="line">        <span class="keyword">public</span> DimensionStyle DimensionStyle &#123; <span class="keyword">get</span>; &#125;</span><br><span class="line">        <span class="keyword">public</span> DgnTextStyle DgnTextStyle &#123; <span class="keyword">get</span>; &#125;</span><br><span class="line">        <span class="keyword">public</span> LevelId LevelId &#123; <span class="keyword">get</span>; &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="title">SwDimesionCreateData</span>(<span class="params">DimensionStyle dimStyle, DgnTextStyle textStyle, Symbology symb, LevelId levelId, DirectionFormatter formatter</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            DimensionStyle = dimStyle;</span><br><span class="line">            DgnTextStyle = textStyle;           </span><br><span class="line">            LevelId = levelId;</span><br><span class="line"></span><br><span class="line">            _symbology = symb;</span><br><span class="line">            _directionFormatter = formatter;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="title">SwDimesionCreateData</span>(<span class="params">SwDimensionStyle swDimensionStyle,SwTextStyle swTextStyle,Symbology symb, SwLevel swLevel,DirectionFormatter formatter</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">if</span>(_dimensionStyleDic.TryGetValue(swDimensionStyle,<span class="keyword">out</span> DimensionStyle value1))</span><br><span class="line">            &#123;</span><br><span class="line">                DimensionStyle = value1;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                DimensionStyle = DimensionHelper.GetDimensionStyle(swDimensionStyle.ToString());</span><br><span class="line">                _dimensionStyleDic.Add(swDimensionStyle, DimensionStyle);</span><br><span class="line">            &#125;</span><br><span class="line"></span><br><span class="line">            <span class="keyword">if</span>(_textStyleDic.TryGetValue(swTextStyle,<span class="keyword">out</span> DgnTextStyle value2))</span><br><span class="line">            &#123;</span><br><span class="line">                DgnTextStyle = value2;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                DgnTextStyle = DrawingHelper.GetTextStyle(swTextStyle.ToStringValue());</span><br><span class="line">                _textStyleDic.Add(swTextStyle, DgnTextStyle);</span><br><span class="line">            &#125;</span><br><span class="line"></span><br><span class="line">            <span class="keyword">if</span>(_levelDic.TryGetValue(swLevel,<span class="keyword">out</span> LevelId value3))</span><br><span class="line">            &#123;</span><br><span class="line">                LevelId = value3;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                LevelHandle levelByName = Session.Instance.GetActiveDgnFile().GetLevelCache().GetLevelByName(swLevel.ToString());</span><br><span class="line">                LevelId = levelByName.LevelId;</span><br><span class="line">                _levelDic.Add(swLevel, LevelId);</span><br><span class="line">            &#125;         </span><br><span class="line"></span><br><span class="line">            _symbology = symb;</span><br><span class="line">            _directionFormatter = formatter;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DimensionStyle <span class="title">GetDimensionStyle</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> DimensionStyle;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DgnTextStyle <span class="title">GetTextStyle</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> DgnTextStyle;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> Symbology <span class="title">GetSymbology</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _symbology;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> LevelId <span class="title">GetLevelId</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> LevelId;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">int</span> <span class="title">GetViewNumber</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> <span class="number">0</span>;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DMatrix3d <span class="title">GetDimensionRotation</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> DMatrix3d.Identity;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DMatrix3d <span class="title">GetViewRotation</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> DMatrix3d.Identity;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DirectionFormatter <span class="title">GetDirectionFormatter</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _directionFormatter;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">        <span class="meta">#<span class="keyword">region</span> 静态方法</span></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> SwDimesionCreateData <span class="title">GetSwBridgeAnnotationCreateData</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> <span class="keyword">new</span> SwDimesionCreateData(SwDimensionStyle.SW_Bridge, SwTextStyle.CB_25, <span class="keyword">new</span> Symbology(), SwLevel.sw_尺寸, <span class="literal">null</span>);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> DgnTextStyle <span class="title">GetDgnTextStyle</span>(<span class="params">SwTextStyle swTextStyle</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">if</span> (_textStyleDic.TryGetValue(swTextStyle, <span class="keyword">out</span> DgnTextStyle style))</span><br><span class="line">            &#123;</span><br><span class="line">                <span class="keyword">return</span> style;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                DgnTextStyle styleNew = DrawingHelper.GetTextStyle(swTextStyle.ToStringValue());</span><br><span class="line">                _textStyleDic.Add(swTextStyle, styleNew);</span><br><span class="line">                <span class="keyword">return</span> styleNew;</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="meta">#<span class="keyword">endregion</span></span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="new-notecellheaderelement对象时参数dpoint3d-中的点代表什么">new
-NoteCellHeaderElement对象时，参数DPoint3d[] 中的点代表什么？</h2>
-<p>它的第 1
-个点代表引线箭头的坐标，后面的点代表引线导线的关键点。一般传入两个点就可以了。</p>
-<h2 id="怎么实现引线和文字关联">怎么实现引线和文字关联？</h2>
-<p>开始 new NoteCellHeaderElement 对象的时候，看到它 out 了一个
-<code>element</code>, 便直接将它和 <code>header</code> 添加到了
-model。这时查看模型元素后，发现它们俩是分开的，拽文字引线不跟着动，很难受。后面在众多相似的方法中，在
-<code>NoteCellHeaderElement</code> 中找到一个
-<code>AddToModel</code>的重载，它是这样的：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> BentleyStatus <span class="title">AddToModel</span>(<span class="params"><span class="keyword">out</span> Element leaderElement, DgnModel dgnCache</span>)</span>;</span><br></pre></td></tr></table></figure>
-<p>从上面的定义里面，我们知道，它会 out
-一个元素出来，但是，这个其实就是个坑，一个大坑。这个参数真正的意思是要将从上文得到的
-leaderElement 传入进去，它里面会与 header 进行关联，并添加到 model
-中。</p>
-<p>所以，真正的用法应该是开篇示例代码那样。</p>
-<h2 id="怎么让文字水平吸附为自动">怎么让文字水平吸附为自动？</h2>
-<p><img data-src="https://i.loli.net/2020/08/27/rqQXWp3zNHFnadt.png" /></p>
-<p>如上图，如果不对参数进行设置，默认生成的引线标注是 1 和 2
-的样式，如果要得到 3 ，需要设置它的对齐方式。就是下面的代码：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">DimensionElement dim = leaderElement <span class="keyword">as</span> DimensionElement;</span><br><span class="line">DimensionStyle ds = dim.GetDimensionStyle();</span><br><span class="line">ds.SetIntegerProp(<span class="number">0</span>, DimStyleProp.MLNote_HorAttachment_INTEGER);         </span><br><span class="line">dim.ApplyDimensionStyle(ds, <span class="literal">true</span>);</span><br></pre></td></tr></table></figure>
-<h2 id="怎么知道要设置哪个属性值呢">怎么知道要设置哪个属性值呢？</h2>
-<p>上面是直接贴出了代码，可能就有人会问，为什么就知道是设置<code>DimStyleProp.MLNote_HorAttachment_INTEGER</code>
-这个属性呢？下面介绍一下怎么去解决这种类似的问题。这种问题，我称之为
-“操作代码化”
-问题，就是说用户可以使用软件手动操作生成出来，但是现在需要用程序来实现。</p>
-<p>这种问题的突破口就是要回归操作</p>
-<ul>
-<li>在应用程序中，手动放置需要生成的元素，然后通过 key-in
-<code>analyze element</code> 这个命令去查看元素的详细信息。</li>
-</ul>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">// 部分信息如下</span><br><span class="line">Element ID: 160542</span><br><span class="line">File Name: C:\WorkSets\codeTesting\dgn\柱测试.dgn</span><br><span class="line">Model Name: 桩_图纸</span><br><span class="line">Last Modified: 2020/08/27 00:52:41</span><br><span class="line">Type Specific Details:</span><br><span class="line">Dimension Type : </span><br><span class="line">IsAnnotation   : Yes</span><br><span class="line">Proxy Cell     : &lt;None&gt;</span><br><span class="line">Height         : 0.00000</span><br><span class="line">Point #0       : 0.50705, 0.26187</span><br><span class="line">Point #1       : 0.50178, 0.26847     A</span><br><span class="line">Rotation       : | 1.0000000  0.0000000  0.0000000 |</span><br><span class="line">                 |-0.0000000  1.0000000  0.0000000 |</span><br><span class="line">                 | 0.0000000  0.0000000  1.0000000 |</span><br><span class="line">......</span><br></pre></td></tr></table></figure>
-<ul>
-<li>画一个对照元素，也通过命令查看元素的详细信息</li>
-<li>将两个详细信息进行对比，差异的部分就是导致两个元素表征显示不一样的原因，然后在程序里面去找到相应的设置。</li>
-</ul>
-<p>那么现在又有一个问题了，程序里面的获得元素，都是 <code>Element</code>
-这个父类黑箱子，而要设置，就要进行拆箱，我们不知道究竟拆成什么类型？</p>
-<p>这个问题，可以在运行时，通过 <code>.GetType()</code>
-来获取类型，就知道应该转成什么类型了。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -9182,14 +9115,63 @@ System Category</h2>
       </tags>
   </entry>
   <entry>
-    <title>MS中曲线总结</title>
-    <url>/posts/2020/37N8G1C.html</url>
-    <content><![CDATA[<p>MS
-二开中，可能会处理很多的曲线，比如对曲线进行偏移，求交点，延长等等。每一种曲线，有它的特点和相应的
-API，有时候要实现一个功能，可能需要将曲线在多种类型中进行相互转化，从而利用
-MS 中原生的 API 实现我们自己想要的功能。</p>
-<p>本文对常用的 ms 中的线条使用进行总结。</p>
+    <title>引线标注</title>
+    <url>/posts/2020/1P955T2.html</url>
+    <content><![CDATA[<p>最近用 C# 对 ORD
+进行二次开发，做一个自动出图工具。其中必不可少的就是标注，被各种标注折腾得死去活来，特别是引线标注，坑特别多，特记录下来，供和大家学习交流，若有不正确之处，还请斧正。</p>
 <span id="more"></span>
+<h2 id="简介">简介</h2>
+<p>在 C# 中，引线标注采用的是 <code>NoteCellHeaderElement</code>
+这个类。具体代码如下：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 其中，arrowHeadPoint, arrowTailPnt, annotation, dgnModel 和 _dimensionCreateData 是传入的参数</span></span><br><span class="line">TextBlock textBlock = <span class="keyword">new</span> TextBlock(_dimensionCreateData.GetTextStyle(), DgnModel);</span><br><span class="line">textBlock.AppendText(annotation);</span><br><span class="line"></span><br><span class="line">NoteCellHeaderElement header = <span class="keyword">new</span> NoteCellHeaderElement(<span class="keyword">out</span> Element leaderElement, textBlock, <span class="keyword">this</span>._dimensionCreateData.GetDimensionStyle(), DgnModel, <span class="keyword">new</span> DPoint3d[] &#123; arrowHeadPoint, arrowTailPnt &#125;);</span><br><span class="line"></span><br><span class="line"><span class="comment">// 此步骤是为了设置引线文字的对齐方式为 0 (auto),它的主要作用是当第一个点在第二个点左侧时，文字在左方，否则文字是右方</span></span><br><span class="line">DimensionElement dim = leaderElement <span class="keyword">as</span> DimensionElement;</span><br><span class="line">DimensionStyle ds = dim.GetDimensionStyle();</span><br><span class="line">ds.SetIntegerProp(<span class="number">0</span>, DimStyleProp.MLNote_HorAttachment_INTEGER);         </span><br><span class="line">dim.ApplyDimensionStyle(ds, <span class="literal">true</span>);</span><br><span class="line"></span><br><span class="line"><span class="comment">// 必须用这种方法添加引线标注到 model 中</span></span><br><span class="line">header.AddToModel(<span class="keyword">out</span> dim,dgnModel);</span><br></pre></td></tr></table></figure>
+<p>下面详细分析为了得出上面的几行代码，需要处理的技术问题。</p>
+<h2 id="dimensioncreatedata-怎么来的">_dimensionCreateData
+怎么来的？</h2>
+<p><code>_dimensionCreateData</code> 是 <code>DimensionCreateData</code>
+的实例，查看 <code>DimensionCreateData</code>
+定义，我们可以看到，它是一个抽象类，不能实例化它，所以就想着，看在 ORD
+的程序集里面找一个实现它的类，可以查找无果，最后，从优先社区中得知，需要自己子类化一下它，代码如下（代码是项目中的一部分，没有简化，不能开箱即用，仅供参考）。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> Bentley.DgnPlatformNET;</span><br><span class="line"><span class="keyword">using</span> Bentley.DgnPlatformNET.Elements;</span><br><span class="line"><span class="keyword">using</span> Bentley.GeometryNET;</span><br><span class="line"><span class="keyword">using</span> Bentley.MstnPlatformNET;</span><br><span class="line"><span class="keyword">using</span> swOpenRoadsSDK;</span><br><span class="line"><span class="keyword">using</span> SwTools.SimpleCAD.Enum.Extension;</span><br><span class="line"><span class="keyword">using</span> System.Collections.Generic;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">SwTools.RebarTools.SDK.Dimension</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">class</span> <span class="title">SwDimesionCreateData</span> : <span class="title">DimensionCreateData</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">static</span> Dictionary&lt;SwDimensionStyle, DimensionStyle&gt; _dimensionStyleDic = <span class="keyword">new</span> Dictionary&lt;SwDimensionStyle, DimensionStyle&gt;();</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">static</span> Dictionary&lt;SwTextStyle, DgnTextStyle&gt; _textStyleDic = <span class="keyword">new</span> Dictionary&lt;SwTextStyle, DgnTextStyle&gt;();</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">static</span> Dictionary&lt;SwLevel, LevelId&gt; _levelDic = <span class="keyword">new</span> Dictionary&lt;SwLevel, LevelId&gt;();</span><br><span class="line"></span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">readonly</span> Symbology _symbology;</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">readonly</span> DirectionFormatter _directionFormatter;</span><br><span class="line"></span><br><span class="line">        <span class="keyword">public</span> DimensionStyle DimensionStyle &#123; <span class="keyword">get</span>; &#125;</span><br><span class="line">        <span class="keyword">public</span> DgnTextStyle DgnTextStyle &#123; <span class="keyword">get</span>; &#125;</span><br><span class="line">        <span class="keyword">public</span> LevelId LevelId &#123; <span class="keyword">get</span>; &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="title">SwDimesionCreateData</span>(<span class="params">DimensionStyle dimStyle, DgnTextStyle textStyle, Symbology symb, LevelId levelId, DirectionFormatter formatter</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            DimensionStyle = dimStyle;</span><br><span class="line">            DgnTextStyle = textStyle;           </span><br><span class="line">            LevelId = levelId;</span><br><span class="line"></span><br><span class="line">            _symbology = symb;</span><br><span class="line">            _directionFormatter = formatter;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="title">SwDimesionCreateData</span>(<span class="params">SwDimensionStyle swDimensionStyle,SwTextStyle swTextStyle,Symbology symb, SwLevel swLevel,DirectionFormatter formatter</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">if</span>(_dimensionStyleDic.TryGetValue(swDimensionStyle,<span class="keyword">out</span> DimensionStyle value1))</span><br><span class="line">            &#123;</span><br><span class="line">                DimensionStyle = value1;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                DimensionStyle = DimensionHelper.GetDimensionStyle(swDimensionStyle.ToString());</span><br><span class="line">                _dimensionStyleDic.Add(swDimensionStyle, DimensionStyle);</span><br><span class="line">            &#125;</span><br><span class="line"></span><br><span class="line">            <span class="keyword">if</span>(_textStyleDic.TryGetValue(swTextStyle,<span class="keyword">out</span> DgnTextStyle value2))</span><br><span class="line">            &#123;</span><br><span class="line">                DgnTextStyle = value2;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                DgnTextStyle = DrawingHelper.GetTextStyle(swTextStyle.ToStringValue());</span><br><span class="line">                _textStyleDic.Add(swTextStyle, DgnTextStyle);</span><br><span class="line">            &#125;</span><br><span class="line"></span><br><span class="line">            <span class="keyword">if</span>(_levelDic.TryGetValue(swLevel,<span class="keyword">out</span> LevelId value3))</span><br><span class="line">            &#123;</span><br><span class="line">                LevelId = value3;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                LevelHandle levelByName = Session.Instance.GetActiveDgnFile().GetLevelCache().GetLevelByName(swLevel.ToString());</span><br><span class="line">                LevelId = levelByName.LevelId;</span><br><span class="line">                _levelDic.Add(swLevel, LevelId);</span><br><span class="line">            &#125;         </span><br><span class="line"></span><br><span class="line">            _symbology = symb;</span><br><span class="line">            _directionFormatter = formatter;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DimensionStyle <span class="title">GetDimensionStyle</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> DimensionStyle;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DgnTextStyle <span class="title">GetTextStyle</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> DgnTextStyle;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> Symbology <span class="title">GetSymbology</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _symbology;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> LevelId <span class="title">GetLevelId</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> LevelId;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">int</span> <span class="title">GetViewNumber</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> <span class="number">0</span>;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DMatrix3d <span class="title">GetDimensionRotation</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> DMatrix3d.Identity;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DMatrix3d <span class="title">GetViewRotation</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> DMatrix3d.Identity;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> DirectionFormatter <span class="title">GetDirectionFormatter</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _directionFormatter;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line">        <span class="meta">#<span class="keyword">region</span> 静态方法</span></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> SwDimesionCreateData <span class="title">GetSwBridgeAnnotationCreateData</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> <span class="keyword">new</span> SwDimesionCreateData(SwDimensionStyle.SW_Bridge, SwTextStyle.CB_25, <span class="keyword">new</span> Symbology(), SwLevel.sw_尺寸, <span class="literal">null</span>);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> DgnTextStyle <span class="title">GetDgnTextStyle</span>(<span class="params">SwTextStyle swTextStyle</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">if</span> (_textStyleDic.TryGetValue(swTextStyle, <span class="keyword">out</span> DgnTextStyle style))</span><br><span class="line">            &#123;</span><br><span class="line">                <span class="keyword">return</span> style;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                DgnTextStyle styleNew = DrawingHelper.GetTextStyle(swTextStyle.ToStringValue());</span><br><span class="line">                _textStyleDic.Add(swTextStyle, styleNew);</span><br><span class="line">                <span class="keyword">return</span> styleNew;</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="meta">#<span class="keyword">endregion</span></span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="new-notecellheaderelement对象时参数dpoint3d-中的点代表什么">new
+NoteCellHeaderElement对象时，参数DPoint3d[] 中的点代表什么？</h2>
+<p>它的第 1
+个点代表引线箭头的坐标，后面的点代表引线导线的关键点。一般传入两个点就可以了。</p>
+<h2 id="怎么实现引线和文字关联">怎么实现引线和文字关联？</h2>
+<p>开始 new NoteCellHeaderElement 对象的时候，看到它 out 了一个
+<code>element</code>, 便直接将它和 <code>header</code> 添加到了
+model。这时查看模型元素后，发现它们俩是分开的，拽文字引线不跟着动，很难受。后面在众多相似的方法中，在
+<code>NoteCellHeaderElement</code> 中找到一个
+<code>AddToModel</code>的重载，它是这样的：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> BentleyStatus <span class="title">AddToModel</span>(<span class="params"><span class="keyword">out</span> Element leaderElement, DgnModel dgnCache</span>)</span>;</span><br></pre></td></tr></table></figure>
+<p>从上面的定义里面，我们知道，它会 out
+一个元素出来，但是，这个其实就是个坑，一个大坑。这个参数真正的意思是要将从上文得到的
+leaderElement 传入进去，它里面会与 header 进行关联，并添加到 model
+中。</p>
+<p>所以，真正的用法应该是开篇示例代码那样。</p>
+<h2 id="怎么让文字水平吸附为自动">怎么让文字水平吸附为自动？</h2>
+<p><img data-src="https://i.loli.net/2020/08/27/rqQXWp3zNHFnadt.png" /></p>
+<p>如上图，如果不对参数进行设置，默认生成的引线标注是 1 和 2
+的样式，如果要得到 3 ，需要设置它的对齐方式。就是下面的代码：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">DimensionElement dim = leaderElement <span class="keyword">as</span> DimensionElement;</span><br><span class="line">DimensionStyle ds = dim.GetDimensionStyle();</span><br><span class="line">ds.SetIntegerProp(<span class="number">0</span>, DimStyleProp.MLNote_HorAttachment_INTEGER);         </span><br><span class="line">dim.ApplyDimensionStyle(ds, <span class="literal">true</span>);</span><br></pre></td></tr></table></figure>
+<h2 id="怎么知道要设置哪个属性值呢">怎么知道要设置哪个属性值呢？</h2>
+<p>上面是直接贴出了代码，可能就有人会问，为什么就知道是设置<code>DimStyleProp.MLNote_HorAttachment_INTEGER</code>
+这个属性呢？下面介绍一下怎么去解决这种类似的问题。这种问题，我称之为
+“操作代码化”
+问题，就是说用户可以使用软件手动操作生成出来，但是现在需要用程序来实现。</p>
+<p>这种问题的突破口就是要回归操作</p>
+<ul>
+<li>在应用程序中，手动放置需要生成的元素，然后通过 key-in
+<code>analyze element</code> 这个命令去查看元素的详细信息。</li>
+</ul>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">// 部分信息如下</span><br><span class="line">Element ID: 160542</span><br><span class="line">File Name: C:\WorkSets\codeTesting\dgn\柱测试.dgn</span><br><span class="line">Model Name: 桩_图纸</span><br><span class="line">Last Modified: 2020/08/27 00:52:41</span><br><span class="line">Type Specific Details:</span><br><span class="line">Dimension Type : </span><br><span class="line">IsAnnotation   : Yes</span><br><span class="line">Proxy Cell     : &lt;None&gt;</span><br><span class="line">Height         : 0.00000</span><br><span class="line">Point #0       : 0.50705, 0.26187</span><br><span class="line">Point #1       : 0.50178, 0.26847     A</span><br><span class="line">Rotation       : | 1.0000000  0.0000000  0.0000000 |</span><br><span class="line">                 |-0.0000000  1.0000000  0.0000000 |</span><br><span class="line">                 | 0.0000000  0.0000000  1.0000000 |</span><br><span class="line">......</span><br></pre></td></tr></table></figure>
+<ul>
+<li>画一个对照元素，也通过命令查看元素的详细信息</li>
+<li>将两个详细信息进行对比，差异的部分就是导致两个元素表征显示不一样的原因，然后在程序里面去找到相应的设置。</li>
+</ul>
+<p>那么现在又有一个问题了，程序里面的获得元素，都是 <code>Element</code>
+这个父类黑箱子，而要设置，就要进行拆箱，我们不知道究竟拆成什么类型？</p>
+<p>这个问题，可以在运行时，通过 <code>.GetType()</code>
+来获取类型，就知道应该转成什么类型了。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -9200,139 +9182,26 @@ MS 中原生的 API 实现我们自己想要的功能。</p>
       </tags>
   </entry>
   <entry>
-    <title>MDL开发中如何创建makefile文件</title>
-    <url>/posts/2020/353AZ4N.html</url>
-    <content><![CDATA[<h2 id="什么是-makefile">什么是 makefile ?</h2>
-<p>makefile关系到了整个工程的编译规则。一个工程中的源文件不计其数，并且按类型、功能、模块分别放在若干个目录中，makefile定义了一系列的规则来指定，哪些文件需要先编译，哪些文件需要后编译，哪些文件需要重新编译，甚至于进行更复杂的功能操作，因为makefile就像一个Shell脚本一样，其中也可以执行操作系统的命令。</p>
-<blockquote>
-<p>因为 windows
-集成的开发环境为我们做了上述工作，所以在平时开发的时候，没有太多的感觉。</p>
-</blockquote>
+    <title>将元素的颜色设置为 ByLevel</title>
+    <url>/posts/2020/31H546G.html</url>
+    <content><![CDATA[<p>在给元素添加颜色的过程中，发现不能直接将颜色号设置成
+-1（ByLevel），经过在优先社区的查找，终于解决了，特此记录。</p>
 <span id="more"></span>
-<h2 id="mdl-的开发需要熟悉的几种-mke-语法">MDL 的开发需要熟悉的几种 mke
-语法:</h2>
-<ol type="1">
-<li><p>注释：以#号开头的行为注释行</p></li>
-<li><p>变量定义（Bentley 的说明中称它为宏，仅此处使用变量一词） 如
-<code>appName = HelloWorld</code> 这样的形式。appName
-被称为变量，HelloWorld 被当成值赋予给 appName。
-也可以对变量赋予多个值,值之间用空格分开，也可以使用 <code>\</code>
-换行，比如：</p>
-<figure class="highlight makefile"><table><tr><td class="code"><pre><span class="line">objects = main.o kbd.o command.o display.o \</span><br><span class="line">   insert.o search.o files.o utils.o</span><br></pre></td></tr></table></figure></li>
-<li><p>变量使用：以 <code>$(变量名)</code> 形式，比如
-<code>$(appName)</code> 为 HelloWorld</p></li>
-<li><p>依赖定义 定义格式如下：</p>
-<figure class="highlight makefile"><table><tr><td class="code"><pre><span class="line">target... : prerequisites...</span><br><span class="line"> command1</span><br><span class="line"> ...</span><br><span class="line"> commandN</span><br></pre></td></tr></table></figure>
-<p><strong>特别注意的是：command 前面必须是 Tab</strong></p>
-<p>上面的参数说明如下：</p>
-<ul>
-<li><p>target 可以是一个 object
-file（目标文件），也可以是一个执行文件，还可以是一个标签（label）。对于标签这种特性，在后续的“伪目标”章节中会有叙述。</p></li>
-<li><p>prerequisites 生成该 target 所依赖的文件</p></li>
-<li><p>command 该target要执行的命令（任意的shell命令）
-坦白说，可以这样理解：</p>
-<blockquote>
-<p><strong>prerequisites中如果有一个以上的文件比 target
-文件要新的话，command 命令就会被执行。</strong></p>
-</blockquote></li>
-</ul></li>
-</ol>
-<h2 id="宏">宏</h2>
-<h3 id="在-makefile-中定义宏">在 makefile 中定义宏</h3>
-<table>
-<colgroup>
-<col style="width: 50%" />
-<col style="width: 50%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>形式</th>
-<th>描述</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>macro = definition</td>
-<td>将 definition 的值赋给 macro。标准赋值方法，用得比较多</td>
-</tr>
-<tr class="even">
-<td>macro =% definition</td>
-<td>先计算 definition 的值，再赋值给 macro</td>
-</tr>
-<tr class="odd">
-<td>macro + definition</td>
-<td>将 definition 添加到 marco 值后面，和编程中 += 用法颇似</td>
-</tr>
-<tr class="even">
-<td>macro +% definition</td>
-<td>先计算 definition 的值，然后再追加到 macro 上面</td>
-</tr>
-</tbody>
-</table>
-<h3 id="宏的使用">宏的使用</h3>
-<table>
-<colgroup>
-<col style="width: 50%" />
-<col style="width: 50%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>形式</th>
-<th>描述</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td><span class="math inline">\((name)|通过迭代替换展开|
-|\)</span>{name}</td>
-<td>通过迭代替换展开，如果最后一个字符是路径分隔符，则删除它</td>
-</tr>
-<tr class="even">
-<td>$[name]</td>
-<td>展开值;将宏展开成迭代字符串值，且不做任何进一步的替换</td>
-</tr>
-</tbody>
-</table>
-<h3 id="保留的宏和其展开值">保留的宏和其展开值</h3>
-<table>
-<thead>
-<tr class="header">
-<th>宏</th>
-<th>展开值</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td><span class="math inline">\(@|当前目标文件| |\)</span>?</td>
-<td>所有比目标文件更新的依赖文件</td>
-</tr>
-<tr class="even">
-<td><span class="math inline">\(=|最新的依赖文件| |\)</span>&lt;</td>
-<td>当前的依赖文件</td>
-</tr>
-<tr class="odd">
-<td><span class="math inline">\(*|目标文件的基础文件| |\)</span>%</td>
-<td>第一个目标文件的目录</td>
-</tr>
-</tbody>
-</table>
-<p>每个操作平台都预定了宏，可以通过 <code>bmake -p</code> 来查看</p>
-<h3 id="实例">实例</h3>
-<figure class="highlight makefile"><table><tr><td class="code"><pre><span class="line">%if defined (_MakeFilePath) </span><br><span class="line">baseDir = <span class="variable">$(_MakeFilePath)</span> </span><br><span class="line">%<span class="keyword">else</span></span><br><span class="line">baseDir = <span class="variable">$(MS)</span>/mdl/examples/basic/</span><br><span class="line">%<span class="keyword">endif</span></span><br></pre></td></tr></table></figure>
-<h2 id="依赖定义规则符号解释">依赖定义规则符号解释</h2>
-<h2 id="依赖定义规则实例来自-mdl.mki">依赖定义规则实例（来自
-mdl.mki）</h2>
-<figure class="highlight makefile"><table><tr><td class="code"><pre><span class="line"><span class="section">.mt.r: </span></span><br><span class="line"><span class="variable">$(msg)</span></span><br><span class="line">&gt; <span class="variable">$(o)</span>temp.cmd</span><br><span class="line">-o<span class="variable">$@</span></span><br><span class="line">%if privateInc</span><br><span class="line">-i<span class="variable">$(privateInc)</span></span><br><span class="line">%<span class="keyword">endif</span>&lt;BR&gt; </span><br><span class="line"><span class="variable">$(rscCompIncs)</span></span><br><span class="line"><span class="variable">$(altIncs)</span></span><br><span class="line">-i<span class="variable">$(publishInc)</span></span><br><span class="line">-i<span class="variable">$(publishIdsInc)</span></span><br><span class="line">-i<span class="variable">$(stdlibInc)</span></span><br><span class="line"><span class="variable">$%</span><span class="variable">$*</span>.mt<span class="variable">$(RTypeCmd)</span> @<span class="variable">$(o)</span>temp.cmd</span><br><span class="line">&lt;</span><br><span class="line"><span class="variable">$(RTypeCmd)</span> @<span class="variable">$(o)</span>temp.cmd </span><br><span class="line">~time</span><br></pre></td></tr></table></figure>
-<h2 id="后记">后记</h2>
-<p>如果想了解更多 makefile 语法，可以参考：</p>
-<ul>
-<li><a
-href="https://seisman.github.io/how-to-write-makefile/overview.html">概述
-— 跟我一起写Makefile 1.0 文档</a></li>
-<li>SDK帮助文档MicroStationApi.chm的Creating a Makefile and Using the
-bmake Utility</li>
-<li>要想更深入地理解mke文件，还需要您读系统的mki文件，这些文件定义了许多系统内置的宏定义和规则</li>
-</ul>
+<h2 id="简介">简介</h2>
+<p>设置元素的属性一般是创建一个
+ElementPropertiesSetter，具体代码如下：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">ElementPropertiesSetter setter = <span class="keyword">new</span> ElementPropertiesSetter();</span><br><span class="line">setter.SetColor(ElementPropertyUint.COLOR_BYLEVEL);</span><br><span class="line">setter.SetWeight(<span class="number">1</span>);</span><br><span class="line">setter.SetLevel(GetLevel(SwLevel.sw_2D_点划线));</span><br><span class="line">setter.SetLinestyle((<span class="built_in">int</span>)ElementPropertyUint.STYLE_BYLEVEL,<span class="literal">null</span>);</span><br><span class="line"></span><br><span class="line">setter.Apply(ele);</span><br></pre></td></tr></table></figure>
+<p>转到 SetColor 的定义我们可以看到，它是这样的：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">SetColor</span>(<span class="params"><span class="built_in">uint</span> color</span>)</span>;</span><br></pre></td></tr></table></figure>
+<p>而在 ORD 中，我们可以得知，ColorByLevel 的值是
+-1，这就让我们很为难了。</p>
+<h2 id="解决办法">解决办法</h2>
+<p>实际上，在 .NET 下的颜色，-1 并不代表 ColorByLevel, ColorByLevel
+真正的值是一个 uint, 不过它是16进制的，具体的定义如下：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">ElementPropertyUint</span></span><br><span class="line">&#123;    </span><br><span class="line">    <span class="comment">// DgnPlatform.h 里面</span></span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> COLOR_BYLEVEL = <span class="number">0xffffffff</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> COLOR_BYCELL = <span class="number">0xfffffffe</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> STYLE_BYLEVEL = <span class="number">0x7fffffff</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> STYLE_BYCELL = <span class="number">0x7ffffffe</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> WEIGHT_BYLEVEL = <span class="number">0xffffffff</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> WEIGHT_BYCELL = <span class="number">0xfffffffe</span>;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">uint</span> LEVEL_BYCELL = <span class="number">64</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="致谢">致谢</h2>
+<p>解决思路来自优先社区：
+https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/175980/msce-c-element-bylevel?ReplySortBy=CreatedDate&amp;ReplySortOrder=Ascending</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -9340,7 +9209,6 @@ bmake Utility</li>
       </categories>
       <tags>
         <tag>Bentley二次开发</tag>
-        <tag>MDL</tag>
       </tags>
   </entry>
   <entry>
@@ -9362,44 +9230,14 @@ MS 中原生的 API 实现我们自己想要的功能。</p>
       </tags>
   </entry>
   <entry>
-    <title>元素的复制</title>
-    <url>/posts/2021/2VBGV0Z.html</url>
-    <content><![CDATA[<p>在使用中，经常需要对 Benlety 中的对象进行克隆，以下进行总结。</p>
+    <title>MS中曲线总结</title>
+    <url>/posts/2020/37N8G1C.html</url>
+    <content><![CDATA[<p>MS
+二开中，可能会处理很多的曲线，比如对曲线进行偏移，求交点，延长等等。每一种曲线，有它的特点和相应的
+API，有时候要实现一个功能，可能需要将曲线在多种类型中进行相互转化，从而利用
+MS 中原生的 API 实现我们自己想要的功能。</p>
+<p>本文对常用的 ms 中的线条使用进行总结。</p>
 <span id="more"></span>
-<h2 id="element-克隆">Element 克隆</h2>
-<table>
-<thead>
-<tr class="header">
-<th>程序集</th>
-<th>命名空间</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>Bentley.DgnPlatformNET.dll</td>
-<td>Bentley.DgnPlatformNET</td>
-</tr>
-</tbody>
-</table>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//复制元素</span></span><br><span class="line"><span class="keyword">using</span> (ElementCopyContext cc = <span class="keyword">new</span> ElementCopyContext(dgnModel)) </span><br><span class="line">&#123;</span><br><span class="line">    cc.WriteElements = <span class="literal">false</span>;  <span class="comment">//调整复制上下文环境不要立即写入元素</span></span><br><span class="line">    Element _cloneEle = cc.DoCopy(_el);</span><br><span class="line">    ElementPropertiesSetter eps = <span class="keyword">new</span> ElementPropertiesSetter();</span><br><span class="line">    eps.SetColor(lineColor);</span><br><span class="line">    eps.SetWeight(LineWeight);</span><br><span class="line">    eps.Apply(_cloneEle); <span class="comment">//设置颜色</span></span><br><span class="line">    _cloneEle.AddToModel();</span><br><span class="line">    <span class="keyword">return</span> _cloneEle;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="solidkernelentity-克隆">SolidKernelEntity 克隆</h2>
-<table>
-<thead>
-<tr class="header">
-<th>程序集</th>
-<th>命名空间</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>Bentley.DgnDisplayNet.dll</td>
-<td>Bentley.DgnPlatformNET</td>
-</tr>
-</tbody>
-</table>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 复制 SolidKernelEntity</span></span><br><span class="line">CopyEntity(<span class="keyword">out</span> SolidKernelEntity entityOut, SolidKernelEntity entityIn)</span><br></pre></td></tr></table></figure>
-<h2 id="curvevector-克隆">CurveVector 克隆</h2>
-<p>调用对象的 <code>Clone()</code> 方法。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -9449,6 +9287,251 @@ yourFuncName(void *arg)。下面是FenceDeal的常用写法：</p>
 <p>①放置一个包含所有元素在内的围栅(Fence)；</p>
 <p>②用ActiveDesignFile.Fence.GetContents来获得围栅内的元素</p>
 <p>当前进度：160页</p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+      </categories>
+      <tags>
+        <tag>Bentley二次开发</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>MDL入门技术栈</title>
+    <url>/posts/2020/14RZ2W.html</url>
+    <content><![CDATA[<p>随着 Bentley 二开的深入，对各种需求的不断增加，面向 .NET 提供的 API
+已经有些不能满足需求了，这就迫使我们必须接触 MDL 的开发，利用 Bentley
+面向 C++ 提供的丰富接口，达到我们的需求。</p>
+<p>本教程基于优先社区的 <a
+href="https://communities.bentley.com/communities/other_communities/bdn_other_communities/b/bdn-blog/posts/ce-mdl-0">一步步学习MDL</a>
+教程，再根据自己的知识短板，进行其它相关知识的补充以及对教程的深入解读。</p>
+<span id="more"></span>
+<h2 id="必备条件">必备条件</h2>
+<ul>
+<li>VS2015及以上</li>
+<li>安装 Microstation</li>
+<li>安装 Microstation SDK</li>
+</ul>
+<p>SDK 目录介绍</p>
+<ul>
+<li><p>bin文件夹
+该文件夹下含有生成最终应用程序所需的执行程序以及启动开发环境的批处理文件。这下面的执行程序主要是负责<strong>生成最终应用程序的资源部分</strong>的（关于资源的详细介绍请看后续文章），C++代码的编译和链接其实是调用VS2015中的cl.exe和link.exe的。</p></li>
+<li><p>Documentation文件夹 该文件夹下会有五个开发帮助文档，其中的
+MicroStationApi.chm 就是我们要用到的 MDL C++
+帮助文档。其它四个是有关用C#开发Mstn应用程序的帮助文档。</p></li>
+<li><p>Readme文件夹 网页格式的SDK
+Readme。双击其下的index.html文件在浏览器中打开。其中含有各个SDK版本的变化、如何安装SDK以及开发者注意事项等。</p></li>
+<li><p>Migration文件夹 将V8i升级到CE的一些升级指南。</p></li>
+<li><p>examples文件夹 大量的MDL
+C++或C#样例代码。其中有一些是老旧的，一些是新写的（比如，在用到写命令工具时，如果是调用的mdlState_xxx类函数的，一定是老旧的例子，用派生于DgnTool类的应该就是比较新的）。最好读新的例子。</p></li>
+<li><p>include文件夹 C++头文件。</p></li>
+<li><p>library文件夹 C++库文件。</p></li>
+<li><p>MigrationTools文件夹
+帮助您从V8i代码迁移到CE代码的一些工具。主要是通过Python程序对一些关键字做映射。您可以手工修改文件0811to1000Published.remap中的内容来扩展这个映射库。</p></li>
+<li><p>mki文件夹 制作文件的头文件（make
+include）。为mke文件服务的一些系统文件。</p></li>
+<li><p>eula.pdf文件 Bentley软件最终用户许可协议（End User License
+Agreement）。大量的法律条文说明哪些行为是被法律禁止的。</p></li>
+<li><p>MicroStationDeveloperShell.bat文件
+启动开发环境的批处理文件。</p></li>
+</ul>
+<h2 id="制作文件-mkefile">制作文件 mkefile</h2>
+<p>因为从未接触，总结稍详细，篇幅较多，转到 <a
+href="/2020/09/20/MDL开发中如何创建makefile文件/#">MDL开发中如何创建makefile文件</a>
+阅读</p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+      </categories>
+      <tags>
+        <tag>Bentley二次开发</tag>
+        <tag>MDL</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>MDL开发中如何创建makefile文件</title>
+    <url>/posts/2020/353AZ4N.html</url>
+    <content><![CDATA[<h2 id="什么是-makefile">什么是 makefile ?</h2>
+<p>makefile关系到了整个工程的编译规则。一个工程中的源文件不计其数，并且按类型、功能、模块分别放在若干个目录中，makefile定义了一系列的规则来指定，哪些文件需要先编译，哪些文件需要后编译，哪些文件需要重新编译，甚至于进行更复杂的功能操作，因为makefile就像一个Shell脚本一样，其中也可以执行操作系统的命令。</p>
+<blockquote>
+<p>因为 windows
+集成的开发环境为我们做了上述工作，所以在平时开发的时候，没有太多的感觉。</p>
+</blockquote>
+<span id="more"></span>
+<h2 id="mdl-的开发需要熟悉的几种-mke-语法">MDL 的开发需要熟悉的几种 mke
+语法:</h2>
+<ol type="1">
+<li><p>注释：以#号开头的行为注释行</p></li>
+<li><p>变量定义（Bentley 的说明中称它为宏，仅此处使用变量一词） 如
+<code>appName = HelloWorld</code> 这样的形式。appName
+被称为变量，HelloWorld 被当成值赋予给 appName。
+也可以对变量赋予多个值,值之间用空格分开，也可以使用 <code>\</code>
+换行，比如：</p>
+<figure class="highlight makefile"><table><tr><td class="code"><pre><span class="line">objects = main.o kbd.o command.o display.o \</span><br><span class="line">   insert.o search.o files.o utils.o</span><br></pre></td></tr></table></figure></li>
+<li><p>变量使用：以 <code>$(变量名)</code> 形式，比如
+<code>$(appName)</code> 为 HelloWorld</p></li>
+<li><p>依赖定义 定义格式如下：</p>
+<figure class="highlight makefile"><table><tr><td class="code"><pre><span class="line">target... : prerequisites...</span><br><span class="line"> command1</span><br><span class="line"> ...</span><br><span class="line"> commandN</span><br></pre></td></tr></table></figure>
+<p><strong>特别注意的是：command 前面必须是 Tab</strong></p>
+<p>上面的参数说明如下：</p>
+<ul>
+<li><p>target 可以是一个 object
+file（目标文件），也可以是一个执行文件，还可以是一个标签（label）。对于标签这种特性，在后续的“伪目标”章节中会有叙述。</p></li>
+<li><p>prerequisites 生成该 target 所依赖的文件</p></li>
+<li><p>command 该target要执行的命令（任意的shell命令）
+坦白说，可以这样理解：</p>
+<blockquote>
+<p><strong>prerequisites中如果有一个以上的文件比 target
+文件要新的话，command 命令就会被执行。</strong></p>
+</blockquote></li>
+</ul></li>
+</ol>
+<h2 id="宏">宏</h2>
+<h3 id="在-makefile-中定义宏">在 makefile 中定义宏</h3>
+<table>
+<colgroup>
+<col style="width: 50%" />
+<col style="width: 50%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>形式</th>
+<th>描述</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>macro = definition</td>
+<td>将 definition 的值赋给 macro。标准赋值方法，用得比较多</td>
+</tr>
+<tr class="even">
+<td>macro =% definition</td>
+<td>先计算 definition 的值，再赋值给 macro</td>
+</tr>
+<tr class="odd">
+<td>macro + definition</td>
+<td>将 definition 添加到 marco 值后面，和编程中 += 用法颇似</td>
+</tr>
+<tr class="even">
+<td>macro +% definition</td>
+<td>先计算 definition 的值，然后再追加到 macro 上面</td>
+</tr>
+</tbody>
+</table>
+<h3 id="宏的使用">宏的使用</h3>
+<table>
+<colgroup>
+<col style="width: 50%" />
+<col style="width: 50%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>形式</th>
+<th>描述</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td><span class="math inline">\((name)|通过迭代替换展开|
+|\)</span>{name}</td>
+<td>通过迭代替换展开，如果最后一个字符是路径分隔符，则删除它</td>
+</tr>
+<tr class="even">
+<td>$[name]</td>
+<td>展开值;将宏展开成迭代字符串值，且不做任何进一步的替换</td>
+</tr>
+</tbody>
+</table>
+<h3 id="保留的宏和其展开值">保留的宏和其展开值</h3>
+<table>
+<thead>
+<tr class="header">
+<th>宏</th>
+<th>展开值</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td><span class="math inline">\(@|当前目标文件| |\)</span>?</td>
+<td>所有比目标文件更新的依赖文件</td>
+</tr>
+<tr class="even">
+<td><span class="math inline">\(=|最新的依赖文件| |\)</span>&lt;</td>
+<td>当前的依赖文件</td>
+</tr>
+<tr class="odd">
+<td><span class="math inline">\(*|目标文件的基础文件| |\)</span>%</td>
+<td>第一个目标文件的目录</td>
+</tr>
+</tbody>
+</table>
+<p>每个操作平台都预定了宏，可以通过 <code>bmake -p</code> 来查看</p>
+<h3 id="实例">实例</h3>
+<figure class="highlight makefile"><table><tr><td class="code"><pre><span class="line">%if defined (_MakeFilePath) </span><br><span class="line">baseDir = <span class="variable">$(_MakeFilePath)</span> </span><br><span class="line">%<span class="keyword">else</span></span><br><span class="line">baseDir = <span class="variable">$(MS)</span>/mdl/examples/basic/</span><br><span class="line">%<span class="keyword">endif</span></span><br></pre></td></tr></table></figure>
+<h2 id="依赖定义规则符号解释">依赖定义规则符号解释</h2>
+<h2 id="依赖定义规则实例来自-mdl.mki">依赖定义规则实例（来自
+mdl.mki）</h2>
+<figure class="highlight makefile"><table><tr><td class="code"><pre><span class="line"><span class="section">.mt.r: </span></span><br><span class="line"><span class="variable">$(msg)</span></span><br><span class="line">&gt; <span class="variable">$(o)</span>temp.cmd</span><br><span class="line">-o<span class="variable">$@</span></span><br><span class="line">%if privateInc</span><br><span class="line">-i<span class="variable">$(privateInc)</span></span><br><span class="line">%<span class="keyword">endif</span>&lt;BR&gt; </span><br><span class="line"><span class="variable">$(rscCompIncs)</span></span><br><span class="line"><span class="variable">$(altIncs)</span></span><br><span class="line">-i<span class="variable">$(publishInc)</span></span><br><span class="line">-i<span class="variable">$(publishIdsInc)</span></span><br><span class="line">-i<span class="variable">$(stdlibInc)</span></span><br><span class="line"><span class="variable">$%</span><span class="variable">$*</span>.mt<span class="variable">$(RTypeCmd)</span> @<span class="variable">$(o)</span>temp.cmd</span><br><span class="line">&lt;</span><br><span class="line"><span class="variable">$(RTypeCmd)</span> @<span class="variable">$(o)</span>temp.cmd </span><br><span class="line">~time</span><br></pre></td></tr></table></figure>
+<h2 id="后记">后记</h2>
+<p>如果想了解更多 makefile 语法，可以参考：</p>
+<ul>
+<li><a
+href="https://seisman.github.io/how-to-write-makefile/overview.html">概述
+— 跟我一起写Makefile 1.0 文档</a></li>
+<li>SDK帮助文档MicroStationApi.chm的Creating a Makefile and Using the
+bmake Utility</li>
+<li>要想更深入地理解mke文件，还需要您读系统的mki文件，这些文件定义了许多系统内置的宏定义和规则</li>
+</ul>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+      </categories>
+      <tags>
+        <tag>Bentley二次开发</tag>
+        <tag>MDL</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>元素的复制</title>
+    <url>/posts/2021/2VBGV0Z.html</url>
+    <content><![CDATA[<p>在使用中，经常需要对 Benlety 中的对象进行克隆，以下进行总结。</p>
+<span id="more"></span>
+<h2 id="element-克隆">Element 克隆</h2>
+<table>
+<thead>
+<tr class="header">
+<th>程序集</th>
+<th>命名空间</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>Bentley.DgnPlatformNET.dll</td>
+<td>Bentley.DgnPlatformNET</td>
+</tr>
+</tbody>
+</table>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//复制元素</span></span><br><span class="line"><span class="keyword">using</span> (ElementCopyContext cc = <span class="keyword">new</span> ElementCopyContext(dgnModel)) </span><br><span class="line">&#123;</span><br><span class="line">    cc.WriteElements = <span class="literal">false</span>;  <span class="comment">//调整复制上下文环境不要立即写入元素</span></span><br><span class="line">    Element _cloneEle = cc.DoCopy(_el);</span><br><span class="line">    ElementPropertiesSetter eps = <span class="keyword">new</span> ElementPropertiesSetter();</span><br><span class="line">    eps.SetColor(lineColor);</span><br><span class="line">    eps.SetWeight(LineWeight);</span><br><span class="line">    eps.Apply(_cloneEle); <span class="comment">//设置颜色</span></span><br><span class="line">    _cloneEle.AddToModel();</span><br><span class="line">    <span class="keyword">return</span> _cloneEle;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="solidkernelentity-克隆">SolidKernelEntity 克隆</h2>
+<table>
+<thead>
+<tr class="header">
+<th>程序集</th>
+<th>命名空间</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>Bentley.DgnDisplayNet.dll</td>
+<td>Bentley.DgnPlatformNET</td>
+</tr>
+</tbody>
+</table>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 复制 SolidKernelEntity</span></span><br><span class="line">CopyEntity(<span class="keyword">out</span> SolidKernelEntity entityOut, SolidKernelEntity entityIn)</span><br></pre></td></tr></table></figure>
+<h2 id="curvevector-克隆">CurveVector 克隆</h2>
+<p>调用对象的 <code>Clone()</code> 方法。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -9568,70 +9651,37 @@ href="https://mp.weixin.qq.com/s/a-965kgZY7G6c5qwDpOLUQ">参数化约束（一
       </categories>
   </entry>
   <entry>
-    <title>MDL入门技术栈</title>
-    <url>/posts/2020/14RZ2W.html</url>
-    <content><![CDATA[<p>随着 Bentley 二开的深入，对各种需求的不断增加，面向 .NET 提供的 API
-已经有些不能满足需求了，这就迫使我们必须接触 MDL 的开发，利用 Bentley
-面向 C++ 提供的丰富接口，达到我们的需求。</p>
-<p>本教程基于优先社区的 <a
-href="https://communities.bentley.com/communities/other_communities/bdn_other_communities/b/bdn-blog/posts/ce-mdl-0">一步步学习MDL</a>
-教程，再根据自己的知识短板，进行其它相关知识的补充以及对教程的深入解读。</p>
+    <title>MS To Learn</title>
+    <url>/posts/2023/1H5NPNF.html</url>
+    <content><![CDATA[<p>Bentley-learn里面全都有。都是以前公开课的视频。VBA、C#和C++的三套</p>
 <span id="more"></span>
-<h2 id="必备条件">必备条件</h2>
-<ul>
-<li>VS2015及以上</li>
-<li>安装 Microstation</li>
-<li>安装 Microstation SDK</li>
-</ul>
-<p>SDK 目录介绍</p>
-<ul>
-<li><p>bin文件夹
-该文件夹下含有生成最终应用程序所需的执行程序以及启动开发环境的批处理文件。这下面的执行程序主要是负责<strong>生成最终应用程序的资源部分</strong>的（关于资源的详细介绍请看后续文章），C++代码的编译和链接其实是调用VS2015中的cl.exe和link.exe的。</p></li>
-<li><p>Documentation文件夹 该文件夹下会有五个开发帮助文档，其中的
-MicroStationApi.chm 就是我们要用到的 MDL C++
-帮助文档。其它四个是有关用C#开发Mstn应用程序的帮助文档。</p></li>
-<li><p>Readme文件夹 网页格式的SDK
-Readme。双击其下的index.html文件在浏览器中打开。其中含有各个SDK版本的变化、如何安装SDK以及开发者注意事项等。</p></li>
-<li><p>Migration文件夹 将V8i升级到CE的一些升级指南。</p></li>
-<li><p>examples文件夹 大量的MDL
-C++或C#样例代码。其中有一些是老旧的，一些是新写的（比如，在用到写命令工具时，如果是调用的mdlState_xxx类函数的，一定是老旧的例子，用派生于DgnTool类的应该就是比较新的）。最好读新的例子。</p></li>
-<li><p>include文件夹 C++头文件。</p></li>
-<li><p>library文件夹 C++库文件。</p></li>
-<li><p>MigrationTools文件夹
-帮助您从V8i代码迁移到CE代码的一些工具。主要是通过Python程序对一些关键字做映射。您可以手工修改文件0811to1000Published.remap中的内容来扩展这个映射库。</p></li>
-<li><p>mki文件夹 制作文件的头文件（make
-include）。为mke文件服务的一些系统文件。</p></li>
-<li><p>eula.pdf文件 Bentley软件最终用户许可协议（End User License
-Agreement）。大量的法律条文说明哪些行为是被法律禁止的。</p></li>
-<li><p>MicroStationDeveloperShell.bat文件
-启动开发环境的批处理文件。</p></li>
-</ul>
-<h2 id="制作文件-mkefile">制作文件 mkefile</h2>
-<p>因为从未接触，总结稍详细，篇幅较多，转到 <a
-href="/2020/09/20/MDL开发中如何创建makefile文件/#">MDL开发中如何创建makefile文件</a>
-阅读</p>
+<h2 id="参考">参考</h2>
+<p>https://bentley-learn.com/page/1943206</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
         <category>Develop</category>
       </categories>
-      <tags>
-        <tag>Bentley二次开发</tag>
-        <tag>MDL</tag>
-      </tags>
   </entry>
   <entry>
-    <title>MS To Learn</title>
-    <url>/posts/2023/1H5NPNF.html</url>
-    <content><![CDATA[<p>Bentley-learn里面全都有。都是以前公开课的视频。VBA、C#和C++的三套</p>
+    <title>ORD u9中无法编辑或者插入 Excel 表</title>
+    <url>/posts/2021/31QX5RZ.html</url>
+    <content><![CDATA[<p>最近将 ORD 升级到了 u9，发现以前在 dgn
+中插入的表格无法打开编辑了。遇到这种情况，一般都是 ORD 的 OLE
+管理模块没有加载导致的。</p>
 <span id="more"></span>
-<h2 id="参考">参考</h2>
-<p>https://bentley-learn.com/page/1943206</p>
+<p>可以在程序中按 F9 或者 Enter 打开 Keyin
+窗体，在里面输入下列命令，手动加载模块即可解决。</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">mdl load olecntr</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Bentley</category>
-        <category>Develop</category>
+        <category>Problems</category>
       </categories>
+      <tags>
+        <tag>Bentley</tag>
+        <tag>Bentley问题处理</tag>
+      </tags>
   </entry>
   <entry>
     <title>Connect Client 提示无法安全地连接到此页面</title>
@@ -9658,15 +9708,17 @@ aria-hidden="true">企业微信截图_16377355973798.png</figcaption>
       </tags>
   </entry>
   <entry>
-    <title>ORD u9中无法编辑或者插入 Excel 表</title>
-    <url>/posts/2021/31QX5RZ.html</url>
-    <content><![CDATA[<p>最近将 ORD 升级到了 u9，发现以前在 dgn
-中插入的表格无法打开编辑了。遇到这种情况，一般都是 ORD 的 OLE
-管理模块没有加载导致的。</p>
+    <title>ORD安装完成一打开报错</title>
+    <url>/posts/2021/WYBXRB.html</url>
+    <content><![CDATA[<p>在ORD安装完成后，一打开软件就弹出崩溃界面，在错误文件的
+<code>Managed Call Stack:</code> 处有如下错误：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Managed Call Stack:</span><br><span class="line"> 0: Boolean get_EnablePerformanceChanges() from Bentley.ECObjects.ECObjects in Bentley.ECObjects3, Version=1.0.0.0, Culture=neutral, PublicKeyToken=4bf6c96a266e58d4</span><br><span class="line"> 1: Bentley.DgnPlatformNET.BentleyStatus Initialize() from Bentley.DgnPlatformNET.DgnPlatformLib in Bentley.DgnPlatformNET, Version=1.0.0.0, Culture=neutral, PublicKeyToken=4bf6c96a266e58d4</span><br><span class="line"> 2: UInt32 wWinMainCRTStartup()</span><br><span class="line"> 3: UInt32 wWinMainCRTStartup()</span><br></pre></td></tr></table></figure>
 <span id="more"></span>
-<p>可以在程序中按 F9 或者 Enter 打开 Keyin
-窗体，在里面输入下列命令，手动加载模块即可解决。</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">mdl load olecntr</span><br></pre></td></tr></table></figure>
+<p>然后查找 <code>imodelSDKBinPath</code>，其值如下：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">imodelSDKBinPath=G:\PKPMV51\EXPPWI</span><br></pre></td></tr></table></figure>
+<p>所以猜想是 PKPM 软件导致了 Benetley 的 imodel 模块出现了问题。</p>
+<p>接着在【应用和功能】中找到 <code>PMTolModel_GAC</code>
+将其卸载。至此，ORD 终于可以正常打开了。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -9689,28 +9741,6 @@ alt="企业微信截图_16366214984716.png" />
 aria-hidden="true">企业微信截图_16366214984716.png</figcaption>
 </figure>
 <p>将 <code>Print raster images</code> 勾选即可。</p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Problems</category>
-      </categories>
-      <tags>
-        <tag>Bentley</tag>
-        <tag>Bentley问题处理</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>ORD安装完成一打开报错</title>
-    <url>/posts/2021/WYBXRB.html</url>
-    <content><![CDATA[<p>在ORD安装完成后，一打开软件就弹出崩溃界面，在错误文件的
-<code>Managed Call Stack:</code> 处有如下错误：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Managed Call Stack:</span><br><span class="line"> 0: Boolean get_EnablePerformanceChanges() from Bentley.ECObjects.ECObjects in Bentley.ECObjects3, Version=1.0.0.0, Culture=neutral, PublicKeyToken=4bf6c96a266e58d4</span><br><span class="line"> 1: Bentley.DgnPlatformNET.BentleyStatus Initialize() from Bentley.DgnPlatformNET.DgnPlatformLib in Bentley.DgnPlatformNET, Version=1.0.0.0, Culture=neutral, PublicKeyToken=4bf6c96a266e58d4</span><br><span class="line"> 2: UInt32 wWinMainCRTStartup()</span><br><span class="line"> 3: UInt32 wWinMainCRTStartup()</span><br></pre></td></tr></table></figure>
-<span id="more"></span>
-<p>然后查找 <code>imodelSDKBinPath</code>，其值如下：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">imodelSDKBinPath=G:\PKPMV51\EXPPWI</span><br></pre></td></tr></table></figure>
-<p>所以猜想是 PKPM 软件导致了 Benetley 的 imodel 模块出现了问题。</p>
-<p>接着在【应用和功能】中找到 <code>PMTolModel_GAC</code>
-将其卸载。至此，ORD 终于可以正常打开了。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -9815,6 +9845,34 @@ alt="image-20220509162253268" />
 <p><a
 href="https://communities.bentley.com/products/road___site_design/f/geopak-inroads-mx-openroads-forum/189463/vba-rejected-the-openroads-designer-application-object">VBA
 rejected the OpenRoads Designer Application Object</a></p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Problems</category>
+      </categories>
+      <tags>
+        <tag>Bentley</tag>
+        <tag>Bentley问题处理</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>ORD安装提示Failed copy payload xx的解决办法</title>
+    <url>/posts/2023/304FHXE.html</url>
+    <content><![CDATA[<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230307212335456.png" alt="image-20230307212335456" style="zoom:50%;" /></p>
+<span id="more"></span>
+<p>如果 ORD 在安装过程中出现 <code>Failed to copy payload for xxx</code>
+时，可能有几下几个原因：</p>
+<ol type="1">
+<li><p>由于Connection Client的版本不匹配导致。</p></li>
+<li><p>由于.Net Framework 版本不匹配导致的。</p></li>
+<li><p>一些国产软件可能会影响安装并导致这个报错。</p>
+<p>可以在安装时暂时关闭杀毒软件和防火墙，或者重启电脑后再试。</p></li>
+</ol>
+<p><strong>参考：</strong></p>
+<p><a
+href="https://communities.bentley.com/communities/other_communities/chinafirst/w/chinawiki/41717/microstation-ce-0x80070643">MicroStation
+CE 安装报错 0x80070643</a></p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -9933,31 +9991,28 @@ href="https://noctiflorous.gitee.io/">明不知昔</a>，转载请注明出处
       </tags>
   </entry>
   <entry>
-    <title>ORD安装提示Failed copy payload xx的解决办法</title>
-    <url>/posts/2023/304FHXE.html</url>
-    <content><![CDATA[<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230307212335456.png" alt="image-20230307212335456" style="zoom:50%;" /></p>
+    <title>如何制作 Bentley 软件的离线安装包</title>
+    <url>/posts/2019/33DD0CG.html</url>
+    <content><![CDATA[<h2 id="制作-bentley-产品的离线安装包">制作 Bentley
+产品的离线安装包</h2>
+<p>打开命令行，进入到 <code>安装文件.exe</code> 所在目录，然后执行
+<code>*.exe /layout</code> 进行安装。</p>
 <span id="more"></span>
-<p>如果 ORD 在安装过程中出现 <code>Failed to copy payload for xxx</code>
-时，可能有几下几个原因：</p>
-<ol type="1">
-<li><p>由于Connection Client的版本不匹配导致。</p></li>
-<li><p>由于.Net Framework 版本不匹配导致的。</p></li>
-<li><p>一些国产软件可能会影响安装并导致这个报错。</p>
-<p>可以在安装时暂时关闭杀毒软件和防火墙，或者重启电脑后再试。</p></li>
-</ol>
-<p><strong>参考：</strong></p>
-<p><a
-href="https://communities.bentley.com/communities/other_communities/chinafirst/w/chinawiki/41717/microstation-ce-0x80070643">MicroStation
-CE 安装报错 0x80070643</a></p>
+<p>以安装 OBD 为例，假设安装文件为 <code>obdu9.exe</code>，位于系统的
+<code>下载目录</code>中，则安装命令为：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="built_in">cd</span> ~</span><br><span class="line"><span class="built_in">cd</span> downloads</span><br><span class="line">./obdu9.exe /layout</span><br></pre></td></tr></table></figure>
+<h2 id="声明">声明</h2>
+<p>本文首发于<a
+href="https://noctiflorous.gitee.io/">明不知昔</a>，转载请注明出处。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
-        <category>Problems</category>
+        <category>UseSkill</category>
       </categories>
       <tags>
-        <tag>Bentley</tag>
-        <tag>Bentley问题处理</tag>
-        <tag>galens</tag>
+        <tag>MS应用</tag>
+        <tag>MS</tag>
+        <tag>明不知昔</tag>
       </tags>
   </entry>
   <entry>
@@ -9977,43 +10032,279 @@ CE 安装报错 0x80070643</a></p>
       </tags>
   </entry>
   <entry>
-    <title>如何删除 ORD 中的工作空间</title>
-    <url>/posts/2022/T3NMZE.html</url>
-    <content><![CDATA[<p>在日常使用中，我们可能会由于误操作，在公司定制的
-<code>workspace（工作空间）</code>
-中创建了一个多余的工作空间，那么要如何删除它呢?</p>
-<span id="more"></span>
-<p>假设需要删除的工作空间为 <code>useless</code>, 如下图所示：</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220314194931015.png"
-alt="image-20220314194931015" />
-<figcaption aria-hidden="true">image-20220314194931015</figcaption>
-</figure>
-<p>找到工作空间存储的文件夹位置，下列中为
-<code>C:\sw_Bentley\OpenRoads\WorkSpaces</code>， 删除其中的
-<code>useless</code> 文件夹和 <code>useless.cfg</code> 配置文件。</p>
-<blockquote>
-<p>可以通过打开新建工作空间界面，来获取其保存的位置。</p>
-</blockquote>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220314194815286.png"
-alt="image-20220314194812625" />
-<figcaption aria-hidden="true">image-20220314194812625</figcaption>
-</figure>
-<p>重启 ORD 即可完成对工作空间的删除。</p>
+    <title>打开系统隐藏的管理员功能</title>
+    <url>/posts/2020/1DD84QT.html</url>
+    <content><![CDATA[<span id="more"></span>
+<h2 id="打开系统隐藏的管理员功能">打开系统隐藏的管理员功能</h2>
+<p>从 [ 快速访问工具栏 ]
+中选择管理时，将显示“管理”工作流选项卡。选项卡、工具组和工具按工作流从左到右排列。</p>
+<p>缺省情况下，仅当激活文件是由
+MS_GUIDGNLIBLIST、_USTN_SYSTEM_GUIDGNLIBLIST、MS_DGNLIBLIST 或
+_USTN_DGNLIBLIST_SYSTEM 配置变量指定的 DGN 库文件 (*.dgnlib) 时，“管理”
+工作流才可用。</p>
+<p>如果希望“管理”工作流始终可用，要将功能变量
+<code>_USTN_CAPABILITY &lt; +CAPABILITY_UI_ALWAYSSHOWADMINWORKFLOW</code>
+添加到 组织配置文件 (standards.cfg) 中。</p>
+<p>如果希望该工作流仅适用于特定的工作集，请将该功能变量添加到
+工作集配置文件 中。</p>
+<p>如果希望该工作流仅适用于特定的工作空间，请将该功能变量添加到
+工作空间配置文件 中。</p>
+<h2 id="声明">声明</h2>
+<p>本文首发于<a
+href="https://noctiflorous.gitee.io/">明不知昔</a>，转载请注明出处。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
         <category>UseSkill</category>
       </categories>
       <tags>
-        <tag>Bentley</tag>
-        <tag>galens</tag>
+        <tag>MS应用</tag>
+        <tag>MS</tag>
+        <tag>明不知昔</tag>
       </tags>
   </entry>
   <entry>
-    <title>3dmax 文件如何导入到 dgn 中</title>
-    <url>/posts/2022/29WK0R3.html</url>
+    <title>超级快捷键使用说明</title>
+    <url>/posts/2021/192XQSC.html</url>
+    <content><![CDATA[<p>超级快捷键是一款可以让你在使用 Bentley 的产品时，拥有和 CAD
+一样的快捷键体验的插件。</p>
+<span id="more"></span>
+<h2 id="演示">🌈演示</h2>
+<video id="video" controls preload="none" poster="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220726213114859.png">
+<source id="mp4" src="https://obs.uamazing.cn:52443/public/files/video/Microstation-powershortcut.mp4" type="video/mp4" />
+</video>
+<h2 id="优点">😃优点</h2>
+<ol type="1">
+<li><p>命令直达</p>
+<p>所有操作皆可通过敲入一个快捷键来调用</p></li>
+<li><p>按字母顺序模糊匹配</p>
+<p>快捷键忽略大小写，同时会按顺序进行模糊匹配。比如定义了快捷键
+<code>line</code>，可以输入
+<code>l</code>、<code>i</code>、<code>e</code>、<code>li</code>、<code>lin</code>
+<code>ine</code> 等共 10 种组合方式</p></li>
+<li><p>按使用频率排序</p>
+<p>由于每个快捷键会有多种匹配方式，会根据使用频率对结果进行排序，方便快速选择</p></li>
+<li><p>中文状态可输入快捷键</p>
+<p>在中文状态下，也可以直接输入命令执行</p></li>
+<li><p>快捷键与 keyin 多对多</p>
+<p>一个快捷键可以执行多个 keyin，一个 keyin
+也可以设置多个快捷键</p></li>
+</ol>
+<h2 id="安装">🍅安装</h2>
+<h3 id="视屏教程">视屏教程</h3>
+<video id="video" controls preload="none" poster="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220802223420426.png">
+<source id="mp4" src="https://obs.uamazing.cn:52443/public/files/video/powerShortcut-install.mp4" type="video/mp4" />
+</video>
+<h3 id="安装步骤">安装步骤</h3>
+<ol type="1">
+<li><p>点击 <a
+href="https://obs.uamazing.cn:52443/public/files/soft/PowerShortcut.dll">超级快捷键</a>
+下载插件，并重命名为 <code>PowerShortcut.dll</code></p>
+<p>在下载的时候，浏览器可能会提示需要信任：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220318123634321.png"
+alt="image-20220318123634321" />
+<figcaption aria-hidden="true">image-20220318123634321</figcaption>
+</figure>
+<p>点击信任即可。</p>
+<blockquote>
+<p>源代码：https://gitee.com/galensgan/benltey-power-shortcuts</p>
+</blockquote></li>
+<li><p>将 <code>PowerShortcut.dll</code> 拷贝至
+<code>C:\Program Files\Bentley\OpenRoads Designer CONNECT Edition\OpenRoadsDesigner\Mdlapps</code>
+目录中。</p></li>
+<li><p>加载快捷键</p>
+<figure>
+<img data-src="https://i.loli.net/2021/08/24/ptBMTQSJZvqUjGa.png"
+alt="ptBMTQSJZvqUjGa.png" />
+<figcaption aria-hidden="true">ptBMTQSJZvqUjGa.png</figcaption>
+</figure></li>
+<li><p>初始化超级快捷键</p>
+<p>请注意，初始化后，会覆盖原来的空格弹出功能。</p>
+<p>快捷键加载完成后，按 Enter 或者 F9 弹出 keyin 窗体，在里面输入
+<code>power install</code>，然后按 Enter 确认。</p>
+<blockquote>
+<p>如果提示
+<code>未找到系统快捷键配置，请手动修改激活的快捷键</code>，请按 <a
+href="#手动配置空格弹出快捷键">手动配置空格弹出快捷键</a>
+进行手动配置快捷键</p>
+</blockquote></li>
+<li><p>开始配置符合自己习惯的快捷键</p>
+<p>具体方式见 <a href="#增加快捷键">&gt; 增加快捷键</a></p></li>
+</ol>
+<h3 id="手动配置空格弹出快捷键">手动配置空格弹出快捷键</h3>
+<p>如果提示
+<code>未找到系统快捷键配置，请手动修改激活的快捷键</code>，需要按下图更改空格的响应
+keyin 命令：</p>
+<p><img data-src="https://i.loli.net/2021/08/24/bsKXZ9hQIu7iplf.png" /></p>
+<p>如果没有手动修改配置空格的快捷键，需要重启软件才会生效。</p>
+<h3 id="添加自定义快捷键">添加自定义快捷键</h3>
+<p>按 Enter 或者 F9 弹出 keyin 窗体，在里面输入
+<code>power openconfig</code>，按空格确认，此时会打开快捷键定义文件，在里面进行快捷键定义，编辑完成后关闭文件，快捷键添加完成。</p>
+<p><a href="#增加快捷键">&gt; 详细步骤-增加快捷键</a></p>
+<h2 id="使用">🥝使用</h2>
+<ol type="1">
+<li><p>单击空格，如果安装成功，会弹出快捷键输入窗体：</p>
+<p><img
 data-src="https://i.loli.net/2021/08/24/s9TlypXKogYv4NZ.png" /></p></li>
+<li><p>在里面输入定义的快捷键，按 Enter 或者 空格 响应命令</p></li>
+</ol>
+<h2 id="内置-keyin">🍆内置 keyin</h2>
+<table>
+<colgroup>
+<col style="width: 4%" />
+<col style="width: 21%" />
+<col style="width: 73%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>序号</th>
+<th>keyin</th>
+<th>作用</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>1</td>
+<td>power install</td>
+<td>超级快捷键安装，会覆盖原来空格键的弹出菜单</td>
+</tr>
+<tr class="even">
+<td>2</td>
+<td>power openConfig</td>
+<td>打开快捷键定义文件，关闭编辑器会自动重载快捷键</td>
+</tr>
+<tr class="odd">
+<td>3</td>
+<td>power reloadConfig</td>
+<td>重新加载快捷键文件。如果直接修改快捷键文件后，需运行该命令重新加载后才可使用</td>
+</tr>
+<tr class="even">
+<td>4</td>
+<td>power shortcut</td>
+<td>打开超级快捷键窗口</td>
+</tr>
+<tr class="odd">
+<td>5</td>
+<td>power setting</td>
+<td>对超级快捷键进行设置</td>
+</tr>
+</tbody>
+</table>
+<h2 id="内置快捷键">🥬内置快捷键</h2>
+<table>
+<colgroup>
+<col style="width: 9%" />
+<col style="width: 14%" />
+<col style="width: 76%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>序号</th>
+<th>keyin</th>
+<th>作用</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>1</td>
+<td>空格</td>
+<td>激活快捷键输入窗体或者执行快捷键或者执行上一次的快捷键</td>
+</tr>
+<tr class="even">
+<td>2</td>
+<td>Enter</td>
+<td>执行快捷键或者窗体输入为空时，执行上一次的快捷键</td>
+</tr>
+<tr class="odd">
+<td>3</td>
+<td>config</td>
+<td>打开快捷键定义文件</td>
+</tr>
+<tr class="even">
+<td>4</td>
+<td>reload</td>
+<td>重新加载快捷键文件。当增加快捷键后，运行该命令重新加载后才可使用</td>
+</tr>
+<tr class="odd">
+<td>5</td>
+<td>上箭头</td>
+<td>查看上一个命令</td>
+</tr>
+<tr class="even">
+<td>6</td>
+<td>下箭头</td>
+<td>查看下一个命令</td>
+</tr>
+</tbody>
+</table>
+<h2 id="快捷键定义">🌰快捷键定义</h2>
+<h3 id="单个快捷键定义">单个快捷键定义</h3>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;d&quot;</span><span class="punctuation">,</span><span class="string">&quot;delete&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span> <span class="comment">// 可以设置多个快捷键</span></span><br><span class="line">    <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;delete element&quot;</span><span class="punctuation">,</span> <span class="comment">// 快捷键对应的 keyin 命令,多个 keyin 用分号分隔，也可以使用 keyins 来配置</span></span><br><span class="line">    <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;删除元素&quot;</span> <span class="comment">// 快捷键的描述</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span> <span class="comment">// 每一个定义都要以英文逗号结尾</span></span><br></pre></td></tr></table></figure>
+<h3 id="一个快捷键响应多个命令">一个快捷键响应多个命令</h3>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 第一种方式</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;mks&quot;</span><span class="punctuation">,</span><span class="string">&quot;multipleKeyins&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;keyin1;keyin2&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;运行两个命令&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 第二种方式</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;mks&quot;</span><span class="punctuation">,</span><span class="string">&quot;multipleKeyins&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;keyins&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;keyin1&quot;</span><span class="punctuation">,</span><span class="string">&quot;keyin2&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;运行两个命令&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<h3 id="模板">模板</h3>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;shortcuts&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span></span><br><span class="line">        <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;l&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;place smartline&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;绘制直线&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;d&quot;</span><span class="punctuation">,</span><span class="string">&quot;delete&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;delete element&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;删除元素&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;c&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;place circle icon&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;绘制圆弧&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;cc&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;place circle center&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;通过圆心绘制圆弧&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;cd&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;place circle diameter&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;通过直径绘制圆弧&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;m&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;move icon&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;移动&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;co&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;copy icon&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;复制&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;mi&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;mirror icon&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;镜像&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;o&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;MOVE PARALLEL OFFSET&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;偏移&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;tr&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;trim multiple&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;修剪&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;te&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;trim Extend&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;延长&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;b&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;trim break&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打断&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;ti&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;trim tointersection&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;剪切到交点&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;reload&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;power reloadConfig&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;重新加载快捷键&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;default&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;model active default&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开/关闭 default model&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;modeltest&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;model active ModelTest&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开/关闭 ModelTest model&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;model&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;MDL KEYIN MODELMANAGER MODEL DIALOG TOGGLE&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开/关闭 model 管理界面&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;ref&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;MDL KEYIN REF DIALOG REFERENCE TOGGLE&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开 model 管理界面&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;sw&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;ribbon setworkflow swTools&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开 swTools 界面&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;drawing&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;ribbon setworkflow drawing&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开 drawing 界面&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;skp&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;snap keypoint&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;捕捉关键点&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;mref&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;reference merge&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;合并参考文件&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;tk&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;BOQAddin InsertDrawingBorder&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;图框&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;config&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;power openConfig&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开快捷键配置文件&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;di&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;measure distance&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;测量距离&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;acs&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;MDL KEYIN BENTLEY.VIEWATTRIBUTESDIALOG,VAD VIEWATTRIBUTESDIALOG SETATTRIBUTE 0 ACSTriad True&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开 ACS&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<h3 id="快捷键定义文件位置">快捷键定义文件位置</h3>
+<p>快捷键默认保存到：<code>C:\Users\%username%\AppData\Local\Bentley\OpenRoadsDesigner\10.0.0\powershortcuts.json</code>。</p>
+<blockquote>
+<p><code>OpenRoadsDesigner</code> 表示程序的名称，不同的 MS
+平台应用其名称不同</p>
+</blockquote>
+<h3 id="难获取但好用的-keyin-命令">难获取但好用的 keyin 命令</h3>
+<ol type="1">
+<li><p>打开 ACS</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">    <span class="string">&quot;acs&quot;</span></span><br><span class="line">  <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;keyins&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">    <span class="string">&quot;MDL KEYIN BENTLEY.VIEWATTRIBUTESDIALOG,VAD VIEWATTRIBUTESDIALOG SETATTRIBUTE 0 ACSTriad True&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="string">&quot;MDL KEYIN BENTLEY.VIEWATTRIBUTESDIALOG,VAD VIEWATTRIBUTESDIALOG SETATTRIBUTE 1 ACSTriad True&quot;</span></span><br><span class="line">  <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span> <span class="string">&quot;打开 ACS&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br></pre></td></tr></table></figure></li>
+<li><p>激活某个功能区</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">    <span class="string">&quot;curves&quot;</span></span><br><span class="line">  <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span> <span class="string">&quot;MDL KEYIN RibbonView RIBBON SETACTIVETAB Modeling\\Curves&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span> <span class="string">&quot;激活建模中的曲线功能区&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br></pre></td></tr></table></figure></li>
+</ol>
+<h2 id="匹配规则">🍉匹配规则</h2>
+<p>快捷键按下列优先级对匹配的快捷键进行排序：</p>
+<ol type="1">
+<li>完整匹配</li>
+<li>部分匹配，按使用频率排序</li>
+</ol>
+<h2 id="增加快捷键">🍒增加快捷键</h2>
+<p>按下列步骤新增快捷键：</p>
+<ul>
+<li><p>打开快捷键定义文件</p>
+<p>可以使用三种方式打开快捷键文件</p>
+<ol type="1">
+<li>在快捷键窗口中输入 <code>config</code></li>
+<li>在 keyin 窗口中输入 <code>power openConfig</code></li>
+<li>在资源管理器中输入
+<code>C:\Users\%username%\AppData\Local\Bentley\OpenRoadsDesigner\10.0.0\powershortcuts.json</code>
+打开</li>
+</ol></li>
+<li><p>添加快捷键定义</p>
+<p>快捷键具体定义格式见 <a href="#快捷键定义">&gt;
+快捷键定义</a>，特别注意，每个定义后面必须要有一个英文的逗号</p></li>
+<li><p>重新加载快捷键文件</p>
+<p>可以使用下列 3 个方式重新加载快捷键</p>
+<ol type="1">
+<li>如果是通过 <code>config</code> 快捷键或者
+<code>power openConfig</code> keyin
+打开的快捷键编辑器，在其关闭时会自动重新加载</li>
+<li>在快捷键窗口中输入 <code>reload</code></li>
+<li>在 keyin 窗口中输入 <code>power reloadConfig</code></li>
+</ol></li>
+</ul>
+<p><strong>在快捷键定义中，如何找到自己需要的 keyin 呢？</strong></p>
+<p>点击视屏查看具体方法：</p>
+<video id="video" controls preload="none" poster="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220726215958494.png">
+<source id="mp4" src="https://obs.uamazing.cn:52443/public/files/video/获取keyin命令.mp4" type="video/mp4" />
+</video>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>UseSkill</category>
+      </categories>
+      <tags>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>3dmax 文件如何导入到 dgn 中</title>
+    <url>/posts/2022/29WK0R3.html</url>
     <content><![CDATA[<p>如果需要将 3dmax 模型文件导入到 dgn 中，可以有以下方法：</p>
 <span id="more"></span>
 <ol type="1">
@@ -10038,6 +10329,41 @@ aria-hidden="true">a20b055e7096dbd2105bdd712558425</figcaption>
         <tag>galens</tag>
       </tags>
   </entry>
+  <entry>
+    <title>如何删除 ORD 中的工作空间</title>
+    <url>/posts/2022/T3NMZE.html</url>
+    <content><![CDATA[<p>在日常使用中，我们可能会由于误操作，在公司定制的
+<code>workspace（工作空间）</code>
+中创建了一个多余的工作空间，那么要如何删除它呢?</p>
+<span id="more"></span>
+<p>假设需要删除的工作空间为 <code>useless</code>, 如下图所示：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220314194931015.png"
+alt="image-20220314194931015" />
+<figcaption aria-hidden="true">image-20220314194931015</figcaption>
+</figure>
+<p>找到工作空间存储的文件夹位置，下列中为
+<code>C:\sw_Bentley\OpenRoads\WorkSpaces</code>， 删除其中的
+<code>useless</code> 文件夹和 <code>useless.cfg</code> 配置文件。</p>
+<blockquote>
+<p>可以通过打开新建工作空间界面，来获取其保存的位置。</p>
+</blockquote>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220314194815286.png"
+alt="image-20220314194812625" />
+<figcaption aria-hidden="true">image-20220314194812625</figcaption>
+</figure>
+<p>重启 ORD 即可完成对工作空间的删除。</p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>UseSkill</category>
+      </categories>
+      <tags>
+        <tag>Bentley</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
   <entry>
     <title>ORD 及 swBentley 安装教程</title>
     <url>/posts/2022/3EFH36D.html</url>
@@ -10315,38 +10641,6 @@ alt="这里写图片描述" />
         <tag>凸包</tag>
       </tags>
   </entry>
-  <entry>
-    <title>打开系统隐藏的管理员功能</title>
-    <url>/posts/2020/1DD84QT.html</url>
-    <content><![CDATA[<span id="more"></span>
-<h2 id="打开系统隐藏的管理员功能">打开系统隐藏的管理员功能</h2>
-<p>从 [ 快速访问工具栏 ]
-中选择管理时，将显示“管理”工作流选项卡。选项卡、工具组和工具按工作流从左到右排列。</p>
-<p>缺省情况下，仅当激活文件是由
-MS_GUIDGNLIBLIST、_USTN_SYSTEM_GUIDGNLIBLIST、MS_DGNLIBLIST 或
-_USTN_DGNLIBLIST_SYSTEM 配置变量指定的 DGN 库文件 (*.dgnlib) 时，“管理”
-工作流才可用。</p>
-<p>如果希望“管理”工作流始终可用，要将功能变量
-<code>_USTN_CAPABILITY &lt; +CAPABILITY_UI_ALWAYSSHOWADMINWORKFLOW</code>
-添加到 组织配置文件 (standards.cfg) 中。</p>
-<p>如果希望该工作流仅适用于特定的工作集，请将该功能变量添加到
-工作集配置文件 中。</p>
-<p>如果希望该工作流仅适用于特定的工作空间，请将该功能变量添加到
-工作空间配置文件 中。</p>
-<h2 id="声明">声明</h2>
-<p>本文首发于<a
-href="https://noctiflorous.gitee.io/">明不知昔</a>，转载请注明出处。</p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>UseSkill</category>
-      </categories>
-      <tags>
-        <tag>MS应用</tag>
-        <tag>MS</tag>
-        <tag>明不知昔</tag>
-      </tags>
-  </entry>
   <entry>
     <title>多个数据的展开与压缩</title>
     <url>/posts/2023/2812PDV.html</url>
@@ -10553,324 +10847,134 @@ CSS 经典布局</a></p>
       </tags>
   </entry>
   <entry>
-    <title>超级快捷键使用说明</title>
-    <url>/posts/2021/192XQSC.html</url>
-    <content><![CDATA[<p>超级快捷键是一款可以让你在使用 Bentley 的产品时，拥有和 CAD
-一样的快捷键体验的插件。</p>
+    <title>在弹性布局中内容溢出，滚动条失效的解决办法</title>
+    <url>/posts/2020/2PX2VEN.html</url>
+    <content><![CDATA[<p>当在使用弹性布局时，我们希望头部、底部固定，中间 <code>flex:1</code>
+的部分实现滚动条显示，但是我们会发现，滚动条不会触发，直接超出弹性区域范围。</p>
 <span id="more"></span>
-<h2 id="演示">🌈演示</h2>
-<video id="video" controls preload="none" poster="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220726213114859.png">
-<source id="mp4" src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/video/Microstation-powershortcut.mp4" type="video/mp4" />
-</video>
-<h2 id="优点">😃优点</h2>
-<ol type="1">
-<li><p>命令直达</p>
-<p>所有操作皆可通过敲入一个快捷键来调用</p></li>
-<li><p>按字母顺序模糊匹配</p>
-<p>快捷键忽略大小写，同时会按顺序进行模糊匹配。比如定义了快捷键
-<code>line</code>，可以输入
-<code>l</code>、<code>i</code>、<code>e</code>、<code>li</code>、<code>lin</code>
-<code>ine</code> 等共 10 种组合方式</p></li>
-<li><p>按使用频率排序</p>
-<p>由于每个快捷键会有多种匹配方式，会根据使用频率对结果进行排序，方便快速选择</p></li>
-<li><p>中文状态可输入快捷键</p>
-<p>在中文状态下，也可以直接输入命令执行</p></li>
-<li><p>快捷键与 keyin 多对多</p>
-<p>一个快捷键可以执行多个 keyin，一个 keyin
-也可以设置多个快捷键</p></li>
-</ol>
-<h2 id="安装">🍅安装</h2>
-<h3 id="视屏教程">视屏教程</h3>
-<video id="video" controls preload="none" poster="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220802223420426.png">
-<source id="mp4" src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/video/powerShortcut-install.mp4" type="video/mp4" />
-</video>
-<h3 id="安装步骤">安装步骤</h3>
-<ol type="1">
-<li><p>点击 <a
-href="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/soft/PowerShortcut.dll">超级快捷键</a>
-下载插件，并重命名为 <code>PowerShortcut.dll</code></p>
-<p>在下载的时候，浏览器可能会提示需要信任：</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220318123634321.png"
-alt="image-20220318123634321" />
-<figcaption aria-hidden="true">image-20220318123634321</figcaption>
-</figure>
-<p>点击信任即可。</p>
-<blockquote>
-<p>源代码：https://gitee.com/galensgan/benltey-power-shortcuts</p>
-</blockquote></li>
-<li><p>将 <code>PowerShortcut.dll</code> 拷贝至
-<code>C:\Program Files\Bentley\OpenRoads Designer CONNECT Edition\OpenRoadsDesigner\Mdlapps</code>
-目录中。</p></li>
-<li><p>加载快捷键</p>
-<figure>
-<img data-src="https://i.loli.net/2021/08/24/ptBMTQSJZvqUjGa.png"
-alt="ptBMTQSJZvqUjGa.png" />
-<figcaption aria-hidden="true">ptBMTQSJZvqUjGa.png</figcaption>
-</figure></li>
-<li><p>初始化超级快捷键</p>
-<p>请注意，初始化后，会覆盖原来的空格弹出功能。</p>
-<p>快捷键加载完成后，按 Enter 或者 F9 弹出 keyin 窗体，在里面输入
-<code>power install</code>，然后按 Enter 确认。</p>
+<p>解决方法是在设置 <code>flex:1</code> 的位置，将高度设置为 0：</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="attribute">height</span>: <span class="number">0px</span>; <span class="comment">// 为了能够有滚动条</span></span><br><span class="line"><span class="attribute">flex</span>: <span class="number">1px</span>;</span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>CSS</category>
+      </categories>
+      <tags>
+        <tag>css</tag>
+        <tag>布局</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>CSS中图片超过宽度自动缩放</title>
+    <url>/posts/2022/2R0P0YJ.html</url>
+    <content><![CDATA[<p>在进行图片显示的时候，如何使图片宽度或高度超限时，让其自动缩放显示呢？</p>
+<span id="more"></span>
+<p>可以给 image 添加如下样式：</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line">image &#123;</span><br><span class="line">    <span class="attribute">max-width</span>: <span class="number">100%</span>;</span><br><span class="line">    <span class="selector-tag">object</span>-fix: <span class="string">&#x27;contain&#x27;</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
 <blockquote>
-<p>如果提示
-<code>未找到系统快捷键配置，请手动修改激活的快捷键</code>，请按 <a
-href="#手动配置空格弹出快捷键">手动配置空格弹出快捷键</a>
-进行手动配置快捷键</p>
-</blockquote></li>
-<li><p>开始配置符合自己习惯的快捷键</p>
-<p>具体方式见 <a href="#增加快捷键">&gt; 增加快捷键</a></p></li>
-</ol>
-<h3 id="手动配置空格弹出快捷键">手动配置空格弹出快捷键</h3>
-<p>如果提示
-<code>未找到系统快捷键配置，请手动修改激活的快捷键</code>，需要按下图更改空格的响应
-keyin 命令：</p>
-<p><img data-src="https://i.loli.net/2021/08/24/bsKXZ9hQIu7iplf.png" /></p>
-<p>如果没有手动修改配置空格的快捷键，需要重启软件才会生效。</p>
-<h3 id="添加自定义快捷键">添加自定义快捷键</h3>
-<p>按 Enter 或者 F9 弹出 keyin 窗体，在里面输入
-<code>power openconfig</code>，按空格确认，此时会打开快捷键定义文件，在里面进行快捷键定义，编辑完成后关闭文件，快捷键添加完成。</p>
-<p><a href="#增加快捷键">&gt; 详细步骤-增加快捷键</a></p>
-<h2 id="使用">🥝使用</h2>
+<p>上述样式不仅针对 image，其它元素有类似需求时，也可以使用该方法</p>
+</blockquote>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>CSS</category>
+      </categories>
+      <tags>
+        <tag>CSS</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>CSS常用居中方式</title>
+    <url>/posts/2022/9TBVZR.html</url>
+    <content><![CDATA[<p>本文主要总结在开发中用得比较多的几种居中方式，方便使用。</p>
+<span id="more"></span>
+<h2 id="水平居中">水平居中</h2>
+<h3 id="内联元素水平居中">内联元素水平居中</h3>
+<p>利用 <code>text-align: center</code>
+可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(<code>inline</code>)，内联块(<code>inline-block</code>)，内联表(<code>inline-table</code>)，<code>inline-flex</code>元素水平居中都有效。</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.center-text</span> &#123;</span><br><span class="line">  <span class="attribute">text-align</span>: center;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h3 id="块级元素水平居中">块级元素水平居中</h3>
+<p>通过把固定宽度块级元素的<code>margin-left</code>和<code>margin-right</code>设成auto，就可以使块级元素水平居中。</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.center-block</span> &#123;</span><br><span class="line">  <span class="attribute">margin</span>: <span class="number">0</span> auto;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h3 id="多块级元素水平居中">多块级元素水平居中</h3>
+<h4 id="利用inline-block">利用<code>inline-block</code></h4>
+<p>如果一行中有两个或两个以上的块级元素，通过设置块级元素的显示类型为<code>inline-block</code>和父容器的<code>text-align</code>属性从而使多块级元素水平居中。</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.container</span> &#123;</span><br><span class="line">    <span class="attribute">text-align</span>: center;</span><br><span class="line">&#125;</span><br><span class="line"><span class="selector-class">.inline-block</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: inline-block;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h4 id="利用flex-布局">利用<code>flex</code> 布局</h4>
+<p>利用弹性布局(<code>flex</code>)，实现水平居中，其中<code>justify-content</code>
+用于设置弹性盒子元素在主轴（横轴）方向上的对齐方式，本例中设置子元素水平居中显示。</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.flex-center</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: flex;</span><br><span class="line">    <span class="attribute">justify-content</span>: center;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="垂直居中">垂直居中</h2>
+<h3
+id="单行内联inline-元素垂直居中">单行内联(<code>inline-</code>)元素垂直居中</h3>
+<p>通过设置内联元素的高度(<code>height</code>)和行高(<code>line-height</code>)相等，从而使元素垂直居中。</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#v-box</span> &#123;</span><br><span class="line">    <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line">    <span class="attribute">line-height</span>: <span class="number">120px</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h3 id="多行元素垂直居中">多行元素垂直居中</h3>
+<h4 id="利用-flex-布局">利用 <code>flex</code> 布局</h4>
+<p>利用 flex
+布局实现垂直居中，其中<code>flex-direction: column</code>定义主轴方向为纵向。因为
+flex 布局是 CSS3 中定义，在较老的浏览器存在兼容性问题。</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.center-flex</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: flex;</span><br><span class="line">    <span class="attribute">flex-direction</span>: column;</span><br><span class="line">    <span class="attribute">justify-content</span>: center;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h4 id="利用表布局table">利用表布局（<code>table</code>）</h4>
+<p>利用表布局的<code>vertical-align: middle</code>可以实现子元素的垂直居中。</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.center-table</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: table;</span><br><span class="line">&#125;</span><br><span class="line"><span class="selector-class">.v-cell</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: table-cell;</span><br><span class="line">    <span class="attribute">vertical-align</span>: middle;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="水平垂直居中">水平垂直居中</h2>
+<h3 id="利用-flex-布局-1">利用 <code>flex</code> 布局</h3>
+<p>利用flex布局，其中<code>justify-content</code>
+用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式；而<code>align-items</code>属性定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。</p>
+<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.parent</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: flex;</span><br><span class="line">    <span class="attribute">justify-content</span>: center;</span><br><span class="line">    <span class="attribute">align-items</span>: center;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
 <ol type="1">
-<li><p>单击空格，如果安装成功，会弹出快捷键输入窗体：</p>
-<p><img
 data-src="https://i.loli.net/2021/08/24/s9TlypXKogYv4NZ.png" /></p></li>
-<li><p>在里面输入定义的快捷键，按 Enter 或者 空格 响应命令</p></li>
+<li><a
+href="https://segmentfault.com/a/1190000013966650">这15种CSS居中的方式，你都用过哪几种？</a></li>
+<li><a
+href="https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html">Flex
+布局教程：语法篇 - 阮一峰的网络日志 (ruanyifeng.com)</a></li>
+<li><a
+href="http://www.ruanyifeng.com/blog/2015/07/flex-examples.html">Flex
+布局教程：实例篇 - 阮一峰的网络日志 (ruanyifeng.com)</a></li>
 </ol>
-<h2 id="内置-keyin">🍆内置 keyin</h2>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>CSS</category>
+      </categories>
+      <tags>
+        <tag>CSS</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>CSS 的值与单位</title>
+    <url>/posts/2022/3JC8V28.html</url>
+    <content><![CDATA[<p>本文主要总结了 CSS 中的值和单位。</p>
+<span id="more"></span>
+<h2 id="值类型">值类型</h2>
 <table>
 <colgroup>
-<col style="width: 4%" />
-<col style="width: 21%" />
-<col style="width: 73%" />
+<col style="width: 18%" />
+<col style="width: 81%" />
 </colgroup>
 <thead>
 <tr class="header">
-<th>序号</th>
-<th>keyin</th>
-<th>作用</th>
+<th style="text-align: left;">数值类型</th>
+<th style="text-align: left;">描述</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td>1</td>
-<td>power install</td>
-<td>超级快捷键安装，会覆盖原来空格键的弹出菜单</td>
+<td style="text-align: left;"><code>&lt;integer&gt;</code></td>
+<td
+style="text-align: left;"><code>&lt;integer&gt;</code>是一个整数，比如1024或-55。</td>
 </tr>
 <tr class="even">
-<td>2</td>
-<td>power openConfig</td>
-<td>打开快捷键定义文件，关闭编辑器会自动重载快捷键</td>
+<td style="text-align: left;"><code>&lt;number&gt;</code></td>
+<td
+style="text-align: left;"><code>&lt;number&gt;</code>表示一个小数——它可能有小数点后面的部分，也可能没有，例如0.255、128或-1.2。</td>
 </tr>
 <tr class="odd">
-<td>3</td>
-<td>power reloadConfig</td>
-<td>重新加载快捷键文件。如果直接修改快捷键文件后，需运行该命令重新加载后才可使用</td>
-</tr>
-<tr class="even">
-<td>4</td>
-<td>power shortcut</td>
-<td>打开超级快捷键窗口</td>
-</tr>
-<tr class="odd">
-<td>5</td>
-<td>power setting</td>
-<td>对超级快捷键进行设置</td>
-</tr>
-</tbody>
-</table>
-<h2 id="内置快捷键">🥬内置快捷键</h2>
-<table>
-<colgroup>
-<col style="width: 9%" />
-<col style="width: 14%" />
-<col style="width: 76%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>序号</th>
-<th>keyin</th>
-<th>作用</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>1</td>
-<td>空格</td>
-<td>激活快捷键输入窗体或者执行快捷键或者执行上一次的快捷键</td>
-</tr>
-<tr class="even">
-<td>2</td>
-<td>Enter</td>
-<td>执行快捷键或者窗体输入为空时，执行上一次的快捷键</td>
-</tr>
-<tr class="odd">
-<td>3</td>
-<td>config</td>
-<td>打开快捷键定义文件</td>
-</tr>
-<tr class="even">
-<td>4</td>
-<td>reload</td>
-<td>重新加载快捷键文件。当增加快捷键后，运行该命令重新加载后才可使用</td>
-</tr>
-<tr class="odd">
-<td>5</td>
-<td>上箭头</td>
-<td>查看上一个命令</td>
-</tr>
-<tr class="even">
-<td>6</td>
-<td>下箭头</td>
-<td>查看下一个命令</td>
-</tr>
-</tbody>
-</table>
-<h2 id="快捷键定义">🌰快捷键定义</h2>
-<h3 id="单个快捷键定义">单个快捷键定义</h3>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;d&quot;</span><span class="punctuation">,</span><span class="string">&quot;delete&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span> <span class="comment">// 可以设置多个快捷键</span></span><br><span class="line">    <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;delete element&quot;</span><span class="punctuation">,</span> <span class="comment">// 快捷键对应的 keyin 命令,多个 keyin 用分号分隔，也可以使用 keyins 来配置</span></span><br><span class="line">    <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;删除元素&quot;</span> <span class="comment">// 快捷键的描述</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span> <span class="comment">// 每一个定义都要以英文逗号结尾</span></span><br></pre></td></tr></table></figure>
-<h3 id="一个快捷键响应多个命令">一个快捷键响应多个命令</h3>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 第一种方式</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;mks&quot;</span><span class="punctuation">,</span><span class="string">&quot;multipleKeyins&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;keyin1;keyin2&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;运行两个命令&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 第二种方式</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;mks&quot;</span><span class="punctuation">,</span><span class="string">&quot;multipleKeyins&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;keyins&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;keyin1&quot;</span><span class="punctuation">,</span><span class="string">&quot;keyin2&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;运行两个命令&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
-<h3 id="模板">模板</h3>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;shortcuts&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span></span><br><span class="line">        <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;l&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;place smartline&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;绘制直线&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;d&quot;</span><span class="punctuation">,</span><span class="string">&quot;delete&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;delete element&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;删除元素&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;c&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;place circle icon&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;绘制圆弧&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;cc&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;place circle center&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;通过圆心绘制圆弧&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;cd&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;place circle diameter&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;通过直径绘制圆弧&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;m&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;move icon&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;移动&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;co&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;copy icon&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;复制&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;mi&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;mirror icon&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;镜像&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;o&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;MOVE PARALLEL OFFSET&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;偏移&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;tr&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;trim multiple&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;修剪&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;te&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;trim Extend&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;延长&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;b&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;trim break&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打断&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;ti&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;trim tointersection&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;剪切到交点&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;reload&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;power reloadConfig&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;重新加载快捷键&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;default&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;model active default&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开/关闭 default model&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;modeltest&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;model active ModelTest&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开/关闭 ModelTest model&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;model&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;MDL KEYIN MODELMANAGER MODEL DIALOG TOGGLE&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开/关闭 model 管理界面&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;ref&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;MDL KEYIN REF DIALOG REFERENCE TOGGLE&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开 model 管理界面&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;sw&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;ribbon setworkflow swTools&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开 swTools 界面&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;drawing&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;ribbon setworkflow drawing&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开 drawing 界面&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;skp&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;snap keypoint&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;捕捉关键点&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;mref&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;reference merge&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;合并参考文件&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;tk&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;BOQAddin InsertDrawingBorder&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;图框&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;config&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;power openConfig&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开快捷键配置文件&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;di&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;measure distance&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;测量距离&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">		<span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;acs&quot;</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span><span class="string">&quot;MDL KEYIN BENTLEY.VIEWATTRIBUTESDIALOG,VAD VIEWATTRIBUTESDIALOG SETATTRIBUTE 0 ACSTriad True&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span><span class="string">&quot;打开 ACS&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
-<h3 id="快捷键定义文件位置">快捷键定义文件位置</h3>
-<p>快捷键默认保存到：<code>C:\Users\%username%\AppData\Local\Bentley\OpenRoadsDesigner\10.0.0\powershortcuts.json</code>。</p>
-<blockquote>
-<p><code>OpenRoadsDesigner</code> 表示程序的名称，不同的 MS
-平台应用其名称不同</p>
-</blockquote>
-<h3 id="难获取但好用的-keyin-命令">难获取但好用的 keyin 命令</h3>
-<ol type="1">
-<li><p>打开 ACS</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">    <span class="string">&quot;acs&quot;</span></span><br><span class="line">  <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;keyins&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">    <span class="string">&quot;MDL KEYIN BENTLEY.VIEWATTRIBUTESDIALOG,VAD VIEWATTRIBUTESDIALOG SETATTRIBUTE 0 ACSTriad True&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="string">&quot;MDL KEYIN BENTLEY.VIEWATTRIBUTESDIALOG,VAD VIEWATTRIBUTESDIALOG SETATTRIBUTE 1 ACSTriad True&quot;</span></span><br><span class="line">  <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span> <span class="string">&quot;打开 ACS&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br></pre></td></tr></table></figure></li>
-<li><p>激活某个功能区</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;names&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">    <span class="string">&quot;curves&quot;</span></span><br><span class="line">  <span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;keyin&quot;</span><span class="punctuation">:</span> <span class="string">&quot;MDL KEYIN RibbonView RIBBON SETACTIVETAB Modeling\\Curves&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span> <span class="string">&quot;激活建模中的曲线功能区&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br></pre></td></tr></table></figure></li>
-</ol>
-<h2 id="匹配规则">🍉匹配规则</h2>
-<p>快捷键按下列优先级对匹配的快捷键进行排序：</p>
-<ol type="1">
-<li>完整匹配</li>
-<li>部分匹配，按使用频率排序</li>
-</ol>
-<h2 id="增加快捷键">🍒增加快捷键</h2>
-<p>按下列步骤新增快捷键：</p>
-<ul>
-<li><p>打开快捷键定义文件</p>
-<p>可以使用三种方式打开快捷键文件</p>
-<ol type="1">
-<li>在快捷键窗口中输入 <code>config</code></li>
-<li>在 keyin 窗口中输入 <code>power openConfig</code></li>
-<li>在资源管理器中输入
-<code>C:\Users\%username%\AppData\Local\Bentley\OpenRoadsDesigner\10.0.0\powershortcuts.json</code>
-打开</li>
-</ol></li>
-<li><p>添加快捷键定义</p>
-<p>快捷键具体定义格式见 <a href="#快捷键定义">&gt;
-快捷键定义</a>，特别注意，每个定义后面必须要有一个英文的逗号</p></li>
-<li><p>重新加载快捷键文件</p>
-<p>可以使用下列 3 个方式重新加载快捷键</p>
-<ol type="1">
-<li>如果是通过 <code>config</code> 快捷键或者
-<code>power openConfig</code> keyin
-打开的快捷键编辑器，在其关闭时会自动重新加载</li>
-<li>在快捷键窗口中输入 <code>reload</code></li>
-<li>在 keyin 窗口中输入 <code>power reloadConfig</code></li>
-</ol></li>
-</ul>
-<p><strong>在快捷键定义中，如何找到自己需要的 keyin 呢？</strong></p>
-<p>点击视屏查看具体方法：</p>
-<video id="video" controls preload="none" poster="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220726215958494.png">
-<source id="mp4" src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/video/获取keyin命令.mp4" type="video/mp4" />
-</video>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>UseSkill</category>
-      </categories>
-      <tags>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>American accent practice</title>
-    <url>/posts/2020/15QDG6.html</url>
-    <content><![CDATA[<p>There are some experience in my studying.</p>
-<span id="more"></span>
-<ul>
-<li><p>辅音后的无音要中性化</p>
-<p>what are you</p>
-<p>/ wad ər ju /</p></li>
-<li><p>ng 音后如果是元音，ng 发 n 音</p>
-<p>laughing at</p>
-<p>/ lafen ai / at 中的 t 是 stop t</p></li>
-<li><p>I wouldn't / ai wuln /</p></li>
-<li><p>you said somefunny /ju sei sʌm‘m fʌni: /</p></li>
-<li><p>didn't you / dn jə /</p></li>
-<li><p>两个辅音相连，且不一样时，前一个发音后不要释放，像停止单一样</p>
-<p>the guy's a joke machine / dʒou<del>k</del> məʃn /</p></li>
-<li><p>当两个辅音发音差不多一样时，发重的那个音，省略轻的那个音</p></li>
-<li><p>当只有回答 yes no 时，才用升调</p></li>
-<li><p>Someone <del>wh</del>o / sʌmwan u /</p></li>
-<li><p>can 一般 /kən/</p></li>
-</ul>
-]]></content>
-      <categories>
-        <category>English</category>
-      </categories>
-      <tags>
-        <tag>English</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>在弹性布局中内容溢出，滚动条失效的解决办法</title>
-    <url>/posts/2020/2PX2VEN.html</url>
-    <content><![CDATA[<p>当在使用弹性布局时，我们希望头部、底部固定，中间 <code>flex:1</code>
-的部分实现滚动条显示，但是我们会发现，滚动条不会触发，直接超出弹性区域范围。</p>
-<span id="more"></span>
-<p>解决方法是在设置 <code>flex:1</code> 的位置，将高度设置为 0：</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="attribute">height</span>: <span class="number">0px</span>; <span class="comment">// 为了能够有滚动条</span></span><br><span class="line"><span class="attribute">flex</span>: <span class="number">1px</span>;</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>CSS</category>
-      </categories>
-      <tags>
-        <tag>css</tag>
-        <tag>布局</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>CSS 的值与单位</title>
-    <url>/posts/2022/3JC8V28.html</url>
-    <content><![CDATA[<p>本文主要总结了 CSS 中的值和单位。</p>
-<span id="more"></span>
-<h2 id="值类型">值类型</h2>
-<table>
-<colgroup>
-<col style="width: 18%" />
-<col style="width: 81%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th style="text-align: left;">数值类型</th>
-<th style="text-align: left;">描述</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td style="text-align: left;"><code>&lt;integer&gt;</code></td>
-<td
-style="text-align: left;"><code>&lt;integer&gt;</code>是一个整数，比如1024或-55。</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>&lt;number&gt;</code></td>
-<td
-style="text-align: left;"><code>&lt;number&gt;</code>表示一个小数——它可能有小数点后面的部分，也可能没有，例如0.255、128或-1.2。</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>&lt;dimension&gt;</code></td>
-<td
-style="text-align: left;"><code>&lt;dimension&gt;</code>是一个<code>&lt;number&gt;</code>，它有一个附加的单位，例如45deg、5s或10px。<code>&lt;dimension&gt;</code>是一个伞形类别，包括<code>&lt;length&gt;</code>、<code>&lt;angle&gt;</code>、<code>&lt;time&gt;</code>和<code>&lt;resolution&gt;</code>类型。</td>
+<td style="text-align: left;"><code>&lt;dimension&gt;</code></td>
+<td
+style="text-align: left;"><code>&lt;dimension&gt;</code>是一个<code>&lt;number&gt;</code>，它有一个附加的单位，例如45deg、5s或10px。<code>&lt;dimension&gt;</code>是一个伞形类别，包括<code>&lt;length&gt;</code>、<code>&lt;angle&gt;</code>、<code>&lt;time&gt;</code>和<code>&lt;resolution&gt;</code>类型。</td>
 </tr>
 <tr class="even">
 <td style="text-align: left;"><code>&lt;percentage&gt;</code></td>
@@ -10988,85 +11092,6 @@ width</td>
 <li><a
 href="https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Values_and_units">CSS的值与单位</a></li>
 </ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>CSS</category>
-      </categories>
-      <tags>
-        <tag>CSS</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>CSS中图片超过宽度自动缩放</title>
-    <url>/posts/2022/2R0P0YJ.html</url>
-    <content><![CDATA[<p>在进行图片显示的时候，如何使图片宽度或高度超限时，让其自动缩放显示呢？</p>
-<span id="more"></span>
-<p>可以给 image 添加如下样式：</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line">image &#123;</span><br><span class="line">    <span class="attribute">max-width</span>: <span class="number">100%</span>;</span><br><span class="line">    <span class="selector-tag">object</span>-fix: <span class="string">&#x27;contain&#x27;</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>上述样式不仅针对 image，其它元素有类似需求时，也可以使用该方法</p>
-</blockquote>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>CSS</category>
-      </categories>
-      <tags>
-        <tag>CSS</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>CSS常用居中方式</title>
-    <url>/posts/2022/9TBVZR.html</url>
-    <content><![CDATA[<p>本文主要总结在开发中用得比较多的几种居中方式，方便使用。</p>
-<span id="more"></span>
-<h2 id="水平居中">水平居中</h2>
-<h3 id="内联元素水平居中">内联元素水平居中</h3>
-<p>利用 <code>text-align: center</code>
-可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(<code>inline</code>)，内联块(<code>inline-block</code>)，内联表(<code>inline-table</code>)，<code>inline-flex</code>元素水平居中都有效。</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.center-text</span> &#123;</span><br><span class="line">  <span class="attribute">text-align</span>: center;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h3 id="块级元素水平居中">块级元素水平居中</h3>
-<p>通过把固定宽度块级元素的<code>margin-left</code>和<code>margin-right</code>设成auto，就可以使块级元素水平居中。</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.center-block</span> &#123;</span><br><span class="line">  <span class="attribute">margin</span>: <span class="number">0</span> auto;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h3 id="多块级元素水平居中">多块级元素水平居中</h3>
-<h4 id="利用inline-block">利用<code>inline-block</code></h4>
-<p>如果一行中有两个或两个以上的块级元素，通过设置块级元素的显示类型为<code>inline-block</code>和父容器的<code>text-align</code>属性从而使多块级元素水平居中。</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.container</span> &#123;</span><br><span class="line">    <span class="attribute">text-align</span>: center;</span><br><span class="line">&#125;</span><br><span class="line"><span class="selector-class">.inline-block</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: inline-block;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h4 id="利用flex-布局">利用<code>flex</code> 布局</h4>
-<p>利用弹性布局(<code>flex</code>)，实现水平居中，其中<code>justify-content</code>
-用于设置弹性盒子元素在主轴（横轴）方向上的对齐方式，本例中设置子元素水平居中显示。</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.flex-center</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: flex;</span><br><span class="line">    <span class="attribute">justify-content</span>: center;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="垂直居中">垂直居中</h2>
-<h3
-id="单行内联inline-元素垂直居中">单行内联(<code>inline-</code>)元素垂直居中</h3>
-<p>通过设置内联元素的高度(<code>height</code>)和行高(<code>line-height</code>)相等，从而使元素垂直居中。</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#v-box</span> &#123;</span><br><span class="line">    <span class="attribute">height</span>: <span class="number">120px</span>;</span><br><span class="line">    <span class="attribute">line-height</span>: <span class="number">120px</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h3 id="多行元素垂直居中">多行元素垂直居中</h3>
-<h4 id="利用-flex-布局">利用 <code>flex</code> 布局</h4>
-<p>利用 flex
-布局实现垂直居中，其中<code>flex-direction: column</code>定义主轴方向为纵向。因为
-flex 布局是 CSS3 中定义，在较老的浏览器存在兼容性问题。</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.center-flex</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: flex;</span><br><span class="line">    <span class="attribute">flex-direction</span>: column;</span><br><span class="line">    <span class="attribute">justify-content</span>: center;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h4 id="利用表布局table">利用表布局（<code>table</code>）</h4>
-<p>利用表布局的<code>vertical-align: middle</code>可以实现子元素的垂直居中。</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.center-table</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: table;</span><br><span class="line">&#125;</span><br><span class="line"><span class="selector-class">.v-cell</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: table-cell;</span><br><span class="line">    <span class="attribute">vertical-align</span>: middle;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="水平垂直居中">水平垂直居中</h2>
-<h3 id="利用-flex-布局-1">利用 <code>flex</code> 布局</h3>
-<p>利用flex布局，其中<code>justify-content</code>
-用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式；而<code>align-items</code>属性定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。</p>
-<figure class="highlight scss"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.parent</span> &#123;</span><br><span class="line">    <span class="attribute">display</span>: flex;</span><br><span class="line">    <span class="attribute">justify-content</span>: center;</span><br><span class="line">    <span class="attribute">align-items</span>: center;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><a
-href="https://segmentfault.com/a/1190000013966650">这15种CSS居中的方式，你都用过哪几种？</a></li>
-<li><a
-href="https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html">Flex
-布局教程：语法篇 - 阮一峰的网络日志 (ruanyifeng.com)</a></li>
-<li><a
-href="http://www.ruanyifeng.com/blog/2015/07/flex-examples.html">Flex
-布局教程：实例篇 - 阮一峰的网络日志 (ruanyifeng.com)</a></li>
-</ol>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -11137,6 +11162,34 @@ CSS | Vue Loader (vuejs.org)</a></li>
         <tag>Vue</tag>
       </tags>
   </entry>
+  <entry>
+    <title>从字意上理解 CSS 中的 justify 和 align</title>
+    <url>/posts/2023/17Q11CW.html</url>
+    <content><![CDATA[<p>在进行 CSS 样式编写时，经常会遇到 <code>align</code> 和
+<code>justify</code> 这两个单词，比如：<code>justify-content</code>
+、<code>justify-items</code>、<code>align-content</code>、
+<code>align-items</code> 等。</p>
+<p>在开发中，这个两个词意思相近，总是记不牢它们的用法，因此本文从其字面意思上梳理这两个单词的区别，方便记忆。</p>
+<span id="more"></span>
+<p>利用百度进行翻译：</p>
+<p><a href="https://fanyi.baidu.com/#en/zh/justify">justify</a>:
+调整使全行排满;使每行排齐;使齐行</p>
+<p><a href="https://fanyi.baidu.com/#en/zh/align">align</a>:
+排列;校准;排整齐;(尤指)使成一条直线;使一致</p>
+<p>结合 css 中 flex 的用法，我们可以总结到如下结论：</p>
+<ol type="1">
+<li>justify 是左右对齐</li>
+<li>align 是上下对齐</li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>CSS</category>
+      </categories>
+      <tags>
+        <tag>[object Object]</tag>
+      </tags>
+  </entry>
   <entry>
     <title>javalScript编码风格指南</title>
     <url>/posts/2022/FD5821.html</url>
@@ -11225,31 +11278,6 @@ JavaScript Style Guide</a></p>
         <tag>c#</tag>
       </tags>
   </entry>
-  <entry>
-    <title>如何制作 Bentley 软件的离线安装包</title>
-    <url>/posts/2019/33DD0CG.html</url>
-    <content><![CDATA[<h2 id="制作-bentley-产品的离线安装包">制作 Bentley
-产品的离线安装包</h2>
-<p>打开命令行，进入到 <code>安装文件.exe</code> 所在目录，然后执行
-<code>*.exe /layout</code> 进行安装。</p>
-<span id="more"></span>
-<p>以安装 OBD 为例，假设安装文件为 <code>obdu9.exe</code>，位于系统的
-<code>下载目录</code>中，则安装命令为：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="built_in">cd</span> ~</span><br><span class="line"><span class="built_in">cd</span> downloads</span><br><span class="line">./obdu9.exe /layout</span><br></pre></td></tr></table></figure>
-<h2 id="声明">声明</h2>
-<p>本文首发于<a
-href="https://noctiflorous.gitee.io/">明不知昔</a>，转载请注明出处。</p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>UseSkill</category>
-      </categories>
-      <tags>
-        <tag>MS应用</tag>
-        <tag>MS</tag>
-        <tag>明不知昔</tag>
-      </tags>
-  </entry>
   <entry>
     <title>面向对象设计7大原则</title>
     <url>/posts/2020/MWKK9T.html</url>
@@ -11561,38 +11589,85 @@ href="http://c.biancheng.net/design_pattern/">Java设计模式：23种设计模
       </tags>
   </entry>
   <entry>
-    <title>从字意上理解 CSS 中的 justify 和 align</title>
-    <url>/posts/2023/17Q11CW.html</url>
-    <content><![CDATA[<p>在进行 CSS 样式编写时，经常会遇到 <code>align</code> 和
-<code>justify</code> 这两个单词，比如：<code>justify-content</code>
-、<code>justify-items</code>、<code>align-content</code>、
-<code>align-items</code> 等。</p>
-<p>在开发中，这个两个词意思相近，总是记不牢它们的用法，因此本文从其字面意思上梳理这两个单词的区别，方便记忆。</p>
-<span id="more"></span>
-<p>利用百度进行翻译：</p>
-<p><a href="https://fanyi.baidu.com/#en/zh/justify">justify</a>:
-调整使全行排满;使每行排齐;使齐行</p>
-<p><a href="https://fanyi.baidu.com/#en/zh/align">align</a>:
-排列;校准;排整齐;(尤指)使成一条直线;使一致</p>
-<p>结合 css 中 flex 的用法，我们可以总结到如下结论：</p>
-<ol type="1">
-<li>justify 是左右对齐</li>
-<li>align 是上下对齐</li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>CSS</category>
-      </categories>
-      <tags>
-        <tag>[object Object]</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>编程风格指南</title>
-    <url>/posts/2022/1BXSKSD.html</url>
-    <content><![CDATA[<p>本文总结了 C# 中的编程风格，使编写的代码更加优雅。</p>
+    <title>类关系图简记</title>
+    <url>/posts/2022/2AJRA04.html</url>
+    <content><![CDATA[<p>类关系记忆技巧总结如下表所示：</p>
+<table>
+<colgroup>
+<col style="width: 36%" />
+<col style="width: 27%" />
+<col style="width: 36%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>分类</th>
+<th>箭头特征</th>
+<th>记忆技巧</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>箭头方向</td>
+<td>从子类指向父类</td>
+<td>定义子类需要通过 extends
+关键字指定父类子类一定是知道父类定义的，但父类并不知道子类的定义只有知道对方信息时才能指向对方箭头的方向是从子类指向父类</td>
+</tr>
+<tr class="even">
+<td>继承/实现</td>
+<td>用线条连接两个类； 空心三角箭头表示继承或实现</td>
+<td>实线表示继承，是is-a的关系，表示扩展，不虚，很结实</td>
+</tr>
+<tr class="odd">
+<td>虚线表示实现，虚线代表“虚”无实体</td>
+<td></td>
+<td></td>
+</tr>
+<tr class="even">
+<td>关联/依赖</td>
+<td>用线条连接两个类； 普通箭头表示关联或依赖</td>
+<td>虚线表示依赖关系：临时用一下，若即若离，虚无缥缈，若有若无表示一种使用关系，一个类需要借助另一个类来实现功能一般一个类将另一个类作为参数使用，或作为返回值</td>
+</tr>
+<tr class="odd">
+<td>实线表示关联关系：关系稳定，实打实的关系，“铁哥们”表示一个类对象和另一个类对象有关联通常一个类中有另一个类对象作为属性</td>
+<td></td>
+<td></td>
+</tr>
+<tr class="even">
+<td>组合/聚合</td>
+<td>用菱形表示：像一个盛东西的器皿（如盘子）</td>
+<td>聚合：空心菱形，代表空器皿里可以放很多相同的东西，聚集在一起（箭头方向所指的类）整体和局部的关系，两者有独立的生命周期，是
+has-a 的关系弱关系，消极的词：弱-空</td>
+</tr>
+<tr class="odd">
+<td>组合：实心菱形，代表器皿里已经有实体结构的存在，生死与共整体与局部的关系，和聚合关系对比，关系更加强烈，两者具有相同的生命周期，contains-a
+的关系强关系，积极的词；强-满</td>
+<td></td>
+<td></td>
+</tr>
+</tbody>
+</table>
 <span id="more"></span>
+<h2 id="类图">类图</h2>
+<p>下图是对动物衍生关系描述的类图。这个图非常有技术含量也非常经典。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/类关系图.jpg"
+alt="类关系图" />
+<figcaption aria-hidden="true">类关系图</figcaption>
+</figure>
+<h2 id="依赖与关联的区别">依赖与关联的区别</h2>
+<p>类与类之间由弱到强关系是: 没关系 &gt;依赖 &gt; 关联 &gt; 聚合 &gt;
+组合</p>
+<h3 id="依赖">依赖</h3>
+<p>可以简单的理解，就是一个 类A 使用到了另一个
+类B，而这种使用关系是具有偶然性的、临时性的、非常弱的，但是 B类
+的变化会影响到 A；</p>
+<p>比如某人要过河，需要借用一条船，此时人与船之间的关系就是依赖；</p>
+<p>表现在代码层面，为 类B 作为参数被 类A 在某个 method方 法中使用。</p>
+<p>用带虚线的箭头。</p>
+<h3 id="关联">关联</h3>
+<p>他体现的是两个类、或者类与接口之间语义级别的一种<strong>强依赖关系</strong>，比如我和我的朋友；这种关系比依赖更强、不存在依赖关系的偶然性、关系也不是临时性的，一般是长期性的，而且双方的关系一般是平等的、关联可以是单向、双向的；</p>
+<p>表现在代码层面，为被关联类B以类属性的形式出现在关联 类A
+中，也可能是关联 类A 引用了一个类型为被关联 类B 的全局变量；</p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -11600,1259 +11675,66 @@ href="http://c.biancheng.net/design_pattern/">Java设计模式：23种设计模
       </categories>
       <tags>
         <tag>设计模式</tag>
-        <tag>C#</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>前端好用工具</title>
-    <url>/posts/2022/1QF32WJ.html</url>
-    <content><![CDATA[<p>本文主要收集一些好用的前端开发工具，方便在开发中使用。</p>
-<span id="more"></span>
-<p>站酷：https://www.zcool.com.cn/search/folder/fix?word=%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F</p>
-<p>icon：https://remixicon.com/ 、https://iconic.app/aerial/ 、
-https://fontawesome.com/v5.15/icons?d=gallery&amp;p=2&amp;m=free</p>
-<p>调色板：https://arco.design/palette/list</p>
-<p>插画：https://undraw.co/illustrations 、
-https://icons8.cn/illustrations/style--pale</p>
-<p>动画库：vue版本https://motion.vueuse.org/
-、react版本https://motion.ant.design/language/transition-cn</p>
-<p>美工吧：https://www.meigong8.com/</p>
-<p>css指南集合：https://tsejx.github.io/css-guidebook/concept/selector/
-、https://chokcoco.github.io/CSS-Inspiration/#/</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>FrontEnd</category>
-      </categories>
-      <tags>
-        <tag>FrontEnd</tag>
+        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
-    <title>在 Winform、WPF 中使用 Font Awesome</title>
-    <url>/posts/2019/1TFVRP.html</url>
-    <content><![CDATA[<h2 id="序">序</h2>
-<p>今天在 github 上发现了一个可以在 Winform、WPF 中使用 Font Awesome
-的项目，本项目不需要自己安装 Font Awesome 字体，用起来很方便。</p>
-<span id="more"></span>
-<p>项目地址：<a
-href="https://github.com/awesome-inc/FontAwesome.Sharp">https://github.com/awesome-inc/FontAwesome.Sharp</a></p>
-<h2 id="安装">安装</h2>
-<p>在包管理器中添加 nuget 安装包。</p>
-<blockquote>
-<p>Install-Package FontAwesome.Sharp</p>
-</blockquote>
-<h2 id="功能">功能</h2>
-<p>将 FontAwesome 图标生成图片和 Icon 图标</p>
-<h2 id="winform-上使用">Winform 上使用</h2>
-<ol type="1">
-<li>在 Winform 上可以使用下列类
-<ul>
-<li>IconButton,</li>
-<li>IconToolStripButton,</li>
-<li>IconDropDownButton,</li>
-<li>IconMenuItem,</li>
-<li>IconPictureBox 或者</li>
-<li>IconSplitButton</li>
-</ul></li>
-<li>当然，如果你只想为 icon 生成
-bitmap，可以使用<code>ToBitmap()/ToImageSource</code>的扩展。如下：</li>
-</ol>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">var bitmap = IconChar.BatteryEmpty.ToBitmap(16, Color.Black); // Windows Forms</span><br><span class="line">var image = IconChar.BatteryEmpty.ToImageSource(Brushes.Black, 16); // WPF</span><br><span class="line"></span><br><span class="line">var customFontBitmap = MyCustomFont.ToBitmap(MyEnum.SomeIcon, 16, Color.Black); // Windows Forms, custom font</span><br><span class="line">var customFontImage = MyCustomFont.ToImageSource(MyEnum.SomeIcon, Brushes.Black, 16); // WPF, custom font</span><br></pre></td></tr></table></figure>
-<h2 id="wpf-上使用">WPF 上使用</h2>
-<p>此处因为不需要，便暂时未做翻译，请直接参考：<a
-href="https://github.com/awesome-inc/FontAwesome.Sharp">https://github.com/awesome-inc/FontAwesome.Sharp</a></p>
-<h2 id="致谢">致谢</h2>
-<ol type="1">
-<li>本文来源于:https://github.com/awesome-inc/FontAwesome.Sharp</li>
-<li>图片来源于网络</li>
-</ol>
+    <title>C# 优雅编程</title>
+    <url>/posts/2022/54B652.html</url>
+    <content><![CDATA[
 ]]></content>
       <categories>
         <category>Develop</category>
-        <category>DotNET</category>
+        <category>DesignPattern</category>
       </categories>
       <tags>
         <tag>C#</tag>
-        <tag>.NET</tag>
       </tags>
   </entry>
   <entry>
-    <title>C# 中获取 Graphics 对象的方法</title>
-    <url>/posts/2019/5JY0NS.html</url>
-    <content><![CDATA[<p>在做自定义控件时或者GDI+的时候经常会遇到获取Graphics实例的问题。一般有
-4 种获取方式。</p>
-<span id="more"></span>
-<h2 id="正文">正文</h2>
-<ol type="1">
-<li><p>从Paint事件的参数中获取。
-窗体和许多控件都有一个Paint事件，有一个PaintEventArgs类型的参数e
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">Form1_Paint</span>(<span class="params"><span class="built_in">object</span> sender,System.Windows.Forms.PaintEventArgs e</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">           <span class="comment">//获取Graphic对象</span></span><br><span class="line">           Graphics g = e.Graphics;</span><br><span class="line">         <span class="comment">//书写绘图代码</span></span><br><span class="line">            g.DrawLine(<span class="keyword">new</span> Point(<span class="number">0</span>,<span class="number">0</span>),<span class="keyword">new</span> Point(<span class="number">1</span>,<span class="number">1</span>));</span><br><span class="line">            <span class="comment">//释放Graphic对象占用的资源</span></span><br><span class="line">            g.Dispose();</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p></li>
-<li><p>用CreateGraphics方法创建
-如果需要在Paint方法以外绘图，可以通过控件或窗体的CreateGraphics方法来获取Graphics对象
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span>(Graphics g=<span class="keyword">new</span> Control().CreateGraphics())</span><br><span class="line">&#123;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p></li>
-<li><p>对Image对象调用Graphics.FromImage获取 <figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//创建Image对象</span></span><br><span class="line">Bitmap image1 = <span class="keyword">new</span> Bitmap(<span class="string">&quot;football.jpg&quot;</span>);</span><br><span class="line"><span class="comment">//窗体的绘图对象</span></span><br><span class="line">Graphics formE = e.Graphics;</span><br></pre></td></tr></table></figure></p></li>
-<li><p>通过Graphics的FromHwnd函数 <figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">HandleRef NullHandleRef = <span class="keyword">new</span> HandleRef(<span class="literal">null</span>, IntPtr.Zero);</span><br><span class="line"><span class="keyword">using</span> (Graphics g = Graphics.FromHwnd(NullHandleRef.Handle))</span><br><span class="line">&#123;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p></li>
-</ol>
-<h2 id="致谢">致谢</h2>
-<p>本文转载于 <a
-href="https://www.bbsmax.com/A/Gkz1ony25R/">https://www.bbsmax.com/A/Gkz1ony25R/</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-        <tag>.NET</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Color 颜色对照表</title>
-    <url>/posts/2019/3QMZ3K8.html</url>
-    <content><![CDATA[<p>Color 颜色对照表。</p>
+    <title>23 个设计模式速览</title>
+    <url>/posts/2022/3HRNXN7.html</url>
+    <content><![CDATA[<p>本文指在对 GoF 提出的 23
+条设计模式的知识点进行概括性总结，适合在日常使用中当备忘录查看，具体的知识点请查看后文的参考。</p>
 <span id="more"></span>
-<table border="1" cellspacing="0">
-<tbody>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="A"></a>AliceBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F0F8FF">
-<pre>240,248,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.LightSalmon</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFA07A">
-<pre>255,160,122</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.AntiqueWhite</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FAEBD7">
-<pre>250,235,215</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.LightSeaGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#20B2AA">
-<pre>32,178,170</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Aqua</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#00FFFF">
-<pre>0,255,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.LightSkyBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#87CEFA">
-<pre>135,206,250</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Aquamarine</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#7FFFD4">
-<pre>127,255,212</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.LightSlateGray</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#778899">
-<pre>119,136,153</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Azure</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F0FFFF">
-<pre>240,255,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.LightSteelBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#B0C4DE">
-<pre>176,196,222</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="B"></a>Beige</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F5F5DC">
-<pre>245,245,220</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.LightYellow</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFFFE0">
-<pre>255,255,224</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Bisque</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFE4C4">
-<pre>255,228,196</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Lime</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#00FF00">
-<pre>0,255,0</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Black</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#000000">
-<pre>0,0,0</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.LimeGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#32CD32">
-<pre>50,205,50</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.BlanchedAlmond</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFFFCD">
-<pre>255,255,205</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Linen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FAF0E6">
-<pre>250,240,230</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Blue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#0000FF">
-<pre>0,0,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="M"></a>Magenta</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FF00FF">
-<pre>255,0,255</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.BlueViolet</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#8A2BE2">
-<pre>138,43,226</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Maroon</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#800000">
-<pre>128,0,0</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Brown</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#A52A2A">
-<pre>165,42,42</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MediumAquamarine</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#66CDAA">
-<pre>102,205,170</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.BurlyWood</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#DEB887">
-<pre>222,184,135</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MediumBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#0000CD">
-<pre>0,0,205</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="C"></a>CadetBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#5F9EA0">
-<pre>95,158,160</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MediumOrchid</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#BA55D3">
-<pre>186,85,211</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Chartreuse</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#7FFF00">
-<pre>127,255,0</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MediumPurple</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#9370DB">
-<pre>147,112,219</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Chocolate</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#D2691E">
-<pre>210,105,30</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MediumSeaGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#3CB371">
-<pre>60,179,113</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Coral</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FF7F50">
-<pre>255,127,80</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MediumSlateBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#7B68EE">
-<pre>123,104,238</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.CornflowerBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#6495ED">
-<pre>100,149,237</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MediumSpringGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#00FA9A">
-<pre>0,250,154</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Cornsilk</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFF8DC">
-<pre>255,248,220</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MediumTurquoise</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#48D1CC">
-<pre>72,209,204</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Crimson</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#DC143C">
-<pre>220,20,60</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MediumVioletRed</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#C71570">
-<pre>199,21,112</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Cyan</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#00FFFF">
-<pre>0,255,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MidnightBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#191970">
-<pre>25,25,112</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="D"></a>DarkBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#00008B">
-<pre>0,0,139</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MintCream</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F5FFFA">
-<pre>245,255,250</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkCyan</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#008B8B">
-<pre>0,139,139</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.MistyRose</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFE4E1">
-<pre>255,228,225</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkGoldenrod</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#B8860B">
-<pre>184,134,11</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Moccasin</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFE4B5">
-<pre>255,228,181</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkGray</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#A9A9A9">
-<pre>169,169,169</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="N"></a>NavajoWhite</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFDEAD">
-<pre>255,222,173</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#006400">
-<pre>0,100,0</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Navy</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#000080">
-<pre>0,0,128</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkKhaki</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#BDB76B">
-<pre>189,183,107</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="O"></a>OldLace</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FDF5E6">
-<pre>253,245,230</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkMagena</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#8B008B">
-<pre>139,0,139</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Olive</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#808000">
-<pre>128,128,0</pre>
-</td>
+<h2 id="概览">概览</h2>
+<table>
+<colgroup>
+<col style="width: 4%" />
+<col style="width: 31%" />
+<col style="width: 31%" />
+<col style="width: 31%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>关系</th>
+<th>创建型模式</th>
+<th>结构型模式</th>
+<th>行为型模式</th>
 </tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkOliveGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#556B2F">
-<pre>85,107,47</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.OliveDrab</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#6B8E2D">
-<pre>107,142,45</pre>
-</td>
+</thead>
+<tbody>
+<tr class="odd">
+<td>类模式</td>
+<td>1-工厂方法模式</td>
+<td>1-适配器模式</td>
+<td>1-解释器模式 <br />2-模板方法模式</td>
 </tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkOrange</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FF8C00">
-<pre>255,140,0</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Orange</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFA500">
-<pre>255,165,0</pre>
-</td>
+<tr class="even">
+<td>对象模式</td>
+<td>1-抽象工厂模式<br />2-建造者模式<br />3-原型模式
+<br />4-单例模式</td>
+<td>1-适配器模式(对象) <br />2-桥接模式 <br />3-组合模式
+<br />4-装饰模式<br />5-外观模式 <br />6-享元模式 <br />7-代理模式</td>
+<td>1-职责链模式 <br />2-命令模式 <br />3-迭代器模式 <br />4-中介者模式
+<br />5-备忘录模式 <br />6-观察者模式 <br />7-状态模式 <br />8-策略模式
+<br />9-访问者模式</td>
 </tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkOrchid</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#9932CC">
-<pre>153,50,204</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.OrangeRed</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FF4500">
-<pre>255,69,0</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="DarkRed"></a>DarkRed</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#8B0000">
-<pre>139,0,0</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Orchid</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#DA70D6">
-<pre>218,112,214</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkSalmon</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#E9967A">
-<pre>233,150,122</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="P"></a>PaleGoldenrod</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#EEE8AA">
-<pre>238,232,170</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkSeaGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#8FBC8F">
-<pre>143,188,143</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.PaleGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#98FB98">
-<pre>152,251,152</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkSlateBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#483D8B">
-<pre>72,61,139</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.PaleTurquoise</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#AFEEEE">
-<pre>175,238,238</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkSlateGray</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#284F4F">
-<pre>40,79,79</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.PaleVioletRed</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#DB7093">
-<pre>219,112,147</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkTurquoise</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#00CED1">
-<pre>0,206,209</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.PapayaWhip</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFEFD5">
-<pre>255,239,213</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DarkViolet</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#9400D3">
-<pre>148,0,211</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.PeachPuff</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFDA9B">
-<pre>255,218,155</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DeepPink</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FF1493">
-<pre>255,20,147</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Peru</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#CD853F">
-<pre>205,133,63</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DeepSkyBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#00BFFF">
-<pre>0,191,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Pink</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFC0CB">
-<pre>255,192,203</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DimGray</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#696969">
-<pre>105,105,105</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Plum</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#DDA0DD">
-<pre>221,160,221</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.DodgerBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#1E90FF">
-<pre>30,144,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.PowderBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#B0E0E6">
-<pre>176,224,230</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="F"></a>Firebrick</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#B22222">
-<pre>178,34,34</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Purple</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#800080">
-<pre>128,0,128</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.FloralWhite</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFFAF0">
-<pre>255,250,240</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="R"></a>Red</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FF0000">
-<pre>255,0,0</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.ForestGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#228B22">
-<pre>34,139,34</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.RosyBrown</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#BC8F8F">
-<pre>188,143,143</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Fuschia</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FF00FF">
-<pre>255,0,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.RoyalBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#4169E1">
-<pre>65,105,225</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="G"></a>Gainsboro</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#DCDCDC">
-<pre>220,220,220</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="S"></a>SaddleBrown</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#8B4513">
-<pre>139,69,19</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.GhostWhite</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F8F8FF">
-<pre>248,248,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Salmon</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FA8072">
-<pre>250,128,114</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Gold</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFD700">
-<pre>255,215,0</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.SandyBrown</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F4A460">
-<pre>244,164,96</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Goldenrod</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#DAA520">
-<pre>218,165,32</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.SeaGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#2E8B57">
-<pre>46,139,87</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Gray</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#808080">
-<pre>128,128,128</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Seashell</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFF5EE">
-<pre>255,245,238</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Green</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#008000">
-<pre>0,128,0</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Sienna</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#A0522D">
-<pre>160,82,45</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.GreenYellow</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#ADFF2F">
-<pre>173,255,47</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Silver</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#C0C0C0">
-<pre>192,192,192</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="H"></a>Honeydew</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F0FFF0">
-<pre>240,255,240</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.SkyBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#87CEEB">
-<pre>135,206,235</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.HotPink</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FF69B4">
-<pre>255,105,180</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.SlateBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#6A5ACD">
-<pre>106,90,205</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="I"></a>IndianRed</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#CD5C5C">
-<pre>205,92,92</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.SlateGray</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#708090">
-<pre>112,128,144</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Indigo</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#4B0082">
-<pre>75,0,130</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Snow</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFFAFA">
-<pre>255,250,250</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Ivory</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFF0F0">
-<pre>255,240,240</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.SpringGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#00FF7F">
-<pre>0,255,127</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.<a name="K"></a>Khaki</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F0E68C">
-<pre>240,230,140</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.SteelBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#4682B4">
-<pre>70,130,180</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.Lavender</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#E6E6FA">
-<pre>230,230,250</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="T"></a>Tan</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#D2B48C">
-<pre>210,180,140</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LavenderBlush</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFF0F5">
-<pre>255,240,245</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Teal</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#008080">
-<pre>0,128,128</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LawnGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#7CFC00">
-<pre>124,252,0</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Thistle</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#D8BFD8">
-<pre>216,191,216</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LemonChiffon</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFFACD">
-<pre>255,250,205</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Tomato</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FD6347">
-<pre>253,99,71</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LightBlue</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#ADD8E6">
-<pre>173,216,230</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.Turquoise</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#40E0D0">
-<pre>64,224,208</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LightCoral</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F08080">
-<pre>240,128,128</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="V"></a>Violet</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#EE82EE">
-<pre>238,130,238</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LightCyan</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#E0FFFF">
-<pre>224,255,255</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="W"></a>Wheat</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F5DEB3">
-<pre>245,222,179</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LightGoldenrodYellow</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FAFAD2">
-<pre>250,250,210</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.White</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFFFFF">
-<pre>255,255,255</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LightGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#90EE90">
-<pre>144,238,144</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.WhiteSmoke</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#F5F5F5">
-<pre>245,245,245</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LightGray</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#D3D3D3">
-<pre>211,211,211</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.<a name="Y"></a>Yellow</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFFF00">
-<pre>255,255,0</pre>
-</td>
-</tr>
-<tr>
-<td align="left" valign="middle">
-<pre>Color.LightPink</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#FFB6C1">
-<pre>255,182,193</pre>
-</td>
-<td align="left" valign="middle">
-<pre>Color.YellowGreen</pre>
-</td>
-<td align="center" valign="middle" bgcolor="#9ACD32">
-<pre>154,205,50</pre>
-</td>
-</tr>
-</tbody>
-</table>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-        <tag>.NET</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>类关系图简记</title>
-    <url>/posts/2022/2AJRA04.html</url>
-    <content><![CDATA[<p>类关系记忆技巧总结如下表所示：</p>
-<table>
-<colgroup>
-<col style="width: 36%" />
-<col style="width: 27%" />
-<col style="width: 36%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>分类</th>
-<th>箭头特征</th>
-<th>记忆技巧</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>箭头方向</td>
-<td>从子类指向父类</td>
-<td>定义子类需要通过 extends
-关键字指定父类子类一定是知道父类定义的，但父类并不知道子类的定义只有知道对方信息时才能指向对方箭头的方向是从子类指向父类</td>
-</tr>
-<tr class="even">
-<td>继承/实现</td>
-<td>用线条连接两个类； 空心三角箭头表示继承或实现</td>
-<td>实线表示继承，是is-a的关系，表示扩展，不虚，很结实</td>
-</tr>
-<tr class="odd">
-<td>虚线表示实现，虚线代表“虚”无实体</td>
-<td></td>
-<td></td>
-</tr>
-<tr class="even">
-<td>关联/依赖</td>
-<td>用线条连接两个类； 普通箭头表示关联或依赖</td>
-<td>虚线表示依赖关系：临时用一下，若即若离，虚无缥缈，若有若无表示一种使用关系，一个类需要借助另一个类来实现功能一般一个类将另一个类作为参数使用，或作为返回值</td>
-</tr>
-<tr class="odd">
-<td>实线表示关联关系：关系稳定，实打实的关系，“铁哥们”表示一个类对象和另一个类对象有关联通常一个类中有另一个类对象作为属性</td>
-<td></td>
-<td></td>
-</tr>
-<tr class="even">
-<td>组合/聚合</td>
-<td>用菱形表示：像一个盛东西的器皿（如盘子）</td>
-<td>聚合：空心菱形，代表空器皿里可以放很多相同的东西，聚集在一起（箭头方向所指的类）整体和局部的关系，两者有独立的生命周期，是
-has-a 的关系弱关系，消极的词：弱-空</td>
-</tr>
-<tr class="odd">
-<td>组合：实心菱形，代表器皿里已经有实体结构的存在，生死与共整体与局部的关系，和聚合关系对比，关系更加强烈，两者具有相同的生命周期，contains-a
-的关系强关系，积极的词；强-满</td>
-<td></td>
-<td></td>
-</tr>
-</tbody>
-</table>
-<span id="more"></span>
-<h2 id="类图">类图</h2>
-<p>下图是对动物衍生关系描述的类图。这个图非常有技术含量也非常经典。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/类关系图.jpg"
-alt="类关系图" />
-<figcaption aria-hidden="true">类关系图</figcaption>
-</figure>
-<h2 id="依赖与关联的区别">依赖与关联的区别</h2>
-<p>类与类之间由弱到强关系是: 没关系 &gt;依赖 &gt; 关联 &gt; 聚合 &gt;
-组合</p>
-<h3 id="依赖">依赖</h3>
-<p>可以简单的理解，就是一个 类A 使用到了另一个
-类B，而这种使用关系是具有偶然性的、临时性的、非常弱的，但是 B类
-的变化会影响到 A；</p>
-<p>比如某人要过河，需要借用一条船，此时人与船之间的关系就是依赖；</p>
-<p>表现在代码层面，为 类B 作为参数被 类A 在某个 method方 法中使用。</p>
-<p>用带虚线的箭头。</p>
-<h3 id="关联">关联</h3>
-<p>他体现的是两个类、或者类与接口之间语义级别的一种<strong>强依赖关系</strong>，比如我和我的朋友；这种关系比依赖更强、不存在依赖关系的偶然性、关系也不是临时性的，一般是长期性的，而且双方的关系一般是平等的、关联可以是单向、双向的；</p>
-<p>表现在代码层面，为被关联类B以类属性的形式出现在关联 类A
-中，也可能是关联 类A 引用了一个类型为被关联 类B 的全局变量；</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DesignPattern</category>
-      </categories>
-      <tags>
-        <tag>设计模式</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>C# 优雅编程</title>
-    <url>/posts/2022/54B652.html</url>
-    <content><![CDATA[
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DesignPattern</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>23 个设计模式速览</title>
-    <url>/posts/2022/3HRNXN7.html</url>
-    <content><![CDATA[<p>本文指在对 GoF 提出的 23
-条设计模式的知识点进行概括性总结，适合在日常使用中当备忘录查看，具体的知识点请查看后文的参考。</p>
-<span id="more"></span>
-<h2 id="概览">概览</h2>
-<table>
-<colgroup>
-<col style="width: 4%" />
-<col style="width: 31%" />
-<col style="width: 31%" />
-<col style="width: 31%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>关系</th>
-<th>创建型模式</th>
-<th>结构型模式</th>
-<th>行为型模式</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>类模式</td>
-<td>1-工厂方法模式</td>
-<td>1-适配器模式</td>
-<td>1-解释器模式 <br />2-模板方法模式</td>
-</tr>
-<tr class="even">
-<td>对象模式</td>
-<td>1-抽象工厂模式<br />2-建造者模式<br />3-原型模式
-<br />4-单例模式</td>
-<td>1-适配器模式(对象) <br />2-桥接模式 <br />3-组合模式
-<br />4-装饰模式<br />5-外观模式 <br />6-享元模式 <br />7-代理模式</td>
-<td>1-职责链模式 <br />2-命令模式 <br />3-迭代器模式 <br />4-中介者模式
-<br />5-备忘录模式 <br />6-观察者模式 <br />7-状态模式 <br />8-策略模式
-<br />9-访问者模式</td>
-</tr>
-<tr class="odd">
-<td>顺口溜</td>
-<td>单见公园愁<br /><code>小创这只单身狗见到公园里的情侣就发愁</code></td>
-<td>世代想组装外桥<br /><code>小结世代想组装一个外国的桥梁</code></td>
-<td>姐忘察，中跌，问策状责，令板<br /><code>姐走路忘记观察，行至路中时跌倒，问人要一良策，说可以碰瓷，状告是修路人的责任，要求修打路人板子</code></td>
+<tr class="odd">
+<td>顺口溜</td>
+<td>单见公园愁<br /><code>小创这只单身狗见到公园里的情侣就发愁</code></td>
+<td>世代想组装外桥<br /><code>小结世代想组装一个外国的桥梁</code></td>
+<td>姐忘察，中跌，问策状责，令板<br /><code>姐走路忘记观察，行至路中时跌倒，问人要一良策，说可以碰瓷，状告是修路人的责任，要求修打路人板子</code></td>
 </tr>
 </tbody>
 </table>
@@ -13426,12 +12308,1105 @@ Pattern</a></li>
 ]]></content>
       <categories>
         <category>Develop</category>
-        <category>DesignPattern</category>
+        <category>DesignPattern</category>
+      </categories>
+      <tags>
+        <tag>设计模式</tag>
+        <tag>一页笔记</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>编程风格指南</title>
+    <url>/posts/2022/1BXSKSD.html</url>
+    <content><![CDATA[<p>本文总结了 C# 中的编程风格，使编写的代码更加优雅。</p>
+<span id="more"></span>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DesignPattern</category>
+      </categories>
+      <tags>
+        <tag>设计模式</tag>
+        <tag>C#</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>在 Winform、WPF 中使用 Font Awesome</title>
+    <url>/posts/2019/1TFVRP.html</url>
+    <content><![CDATA[<h2 id="序">序</h2>
+<p>今天在 github 上发现了一个可以在 Winform、WPF 中使用 Font Awesome
+的项目，本项目不需要自己安装 Font Awesome 字体，用起来很方便。</p>
+<span id="more"></span>
+<p>项目地址：<a
+href="https://github.com/awesome-inc/FontAwesome.Sharp">https://github.com/awesome-inc/FontAwesome.Sharp</a></p>
+<h2 id="安装">安装</h2>
+<p>在包管理器中添加 nuget 安装包。</p>
+<blockquote>
+<p>Install-Package FontAwesome.Sharp</p>
+</blockquote>
+<h2 id="功能">功能</h2>
+<p>将 FontAwesome 图标生成图片和 Icon 图标</p>
+<h2 id="winform-上使用">Winform 上使用</h2>
+<ol type="1">
+<li>在 Winform 上可以使用下列类
+<ul>
+<li>IconButton,</li>
+<li>IconToolStripButton,</li>
+<li>IconDropDownButton,</li>
+<li>IconMenuItem,</li>
+<li>IconPictureBox 或者</li>
+<li>IconSplitButton</li>
+</ul></li>
+<li>当然，如果你只想为 icon 生成
+bitmap，可以使用<code>ToBitmap()/ToImageSource</code>的扩展。如下：</li>
+</ol>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">var bitmap = IconChar.BatteryEmpty.ToBitmap(16, Color.Black); // Windows Forms</span><br><span class="line">var image = IconChar.BatteryEmpty.ToImageSource(Brushes.Black, 16); // WPF</span><br><span class="line"></span><br><span class="line">var customFontBitmap = MyCustomFont.ToBitmap(MyEnum.SomeIcon, 16, Color.Black); // Windows Forms, custom font</span><br><span class="line">var customFontImage = MyCustomFont.ToImageSource(MyEnum.SomeIcon, Brushes.Black, 16); // WPF, custom font</span><br></pre></td></tr></table></figure>
+<h2 id="wpf-上使用">WPF 上使用</h2>
+<p>此处因为不需要，便暂时未做翻译，请直接参考：<a
+href="https://github.com/awesome-inc/FontAwesome.Sharp">https://github.com/awesome-inc/FontAwesome.Sharp</a></p>
+<h2 id="致谢">致谢</h2>
+<ol type="1">
+<li>本文来源于:https://github.com/awesome-inc/FontAwesome.Sharp</li>
+<li>图片来源于网络</li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>.NET</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>C# 中获取 Graphics 对象的方法</title>
+    <url>/posts/2019/5JY0NS.html</url>
+    <content><![CDATA[<p>在做自定义控件时或者GDI+的时候经常会遇到获取Graphics实例的问题。一般有
+4 种获取方式。</p>
+<span id="more"></span>
+<h2 id="正文">正文</h2>
+<ol type="1">
+<li><p>从Paint事件的参数中获取。
+窗体和许多控件都有一个Paint事件，有一个PaintEventArgs类型的参数e
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">Form1_Paint</span>(<span class="params"><span class="built_in">object</span> sender,System.Windows.Forms.PaintEventArgs e</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">           <span class="comment">//获取Graphic对象</span></span><br><span class="line">           Graphics g = e.Graphics;</span><br><span class="line">         <span class="comment">//书写绘图代码</span></span><br><span class="line">            g.DrawLine(<span class="keyword">new</span> Point(<span class="number">0</span>,<span class="number">0</span>),<span class="keyword">new</span> Point(<span class="number">1</span>,<span class="number">1</span>));</span><br><span class="line">            <span class="comment">//释放Graphic对象占用的资源</span></span><br><span class="line">            g.Dispose();</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p></li>
+<li><p>用CreateGraphics方法创建
+如果需要在Paint方法以外绘图，可以通过控件或窗体的CreateGraphics方法来获取Graphics对象
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span>(Graphics g=<span class="keyword">new</span> Control().CreateGraphics())</span><br><span class="line">&#123;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p></li>
+<li><p>对Image对象调用Graphics.FromImage获取 <figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//创建Image对象</span></span><br><span class="line">Bitmap image1 = <span class="keyword">new</span> Bitmap(<span class="string">&quot;football.jpg&quot;</span>);</span><br><span class="line"><span class="comment">//窗体的绘图对象</span></span><br><span class="line">Graphics formE = e.Graphics;</span><br></pre></td></tr></table></figure></p></li>
+<li><p>通过Graphics的FromHwnd函数 <figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">HandleRef NullHandleRef = <span class="keyword">new</span> HandleRef(<span class="literal">null</span>, IntPtr.Zero);</span><br><span class="line"><span class="keyword">using</span> (Graphics g = Graphics.FromHwnd(NullHandleRef.Handle))</span><br><span class="line">&#123;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></p></li>
+</ol>
+<h2 id="致谢">致谢</h2>
+<p>本文转载于 <a
+href="https://www.bbsmax.com/A/Gkz1ony25R/">https://www.bbsmax.com/A/Gkz1ony25R/</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>.NET</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>Color 颜色对照表</title>
+    <url>/posts/2019/3QMZ3K8.html</url>
+    <content><![CDATA[<p>Color 颜色对照表。</p>
+<span id="more"></span>
+<table border="1" cellspacing="0">
+<tbody>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="A"></a>AliceBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F0F8FF">
+<pre>240,248,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.LightSalmon</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFA07A">
+<pre>255,160,122</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.AntiqueWhite</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FAEBD7">
+<pre>250,235,215</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.LightSeaGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#20B2AA">
+<pre>32,178,170</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Aqua</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#00FFFF">
+<pre>0,255,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.LightSkyBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#87CEFA">
+<pre>135,206,250</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Aquamarine</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#7FFFD4">
+<pre>127,255,212</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.LightSlateGray</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#778899">
+<pre>119,136,153</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Azure</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F0FFFF">
+<pre>240,255,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.LightSteelBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#B0C4DE">
+<pre>176,196,222</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="B"></a>Beige</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F5F5DC">
+<pre>245,245,220</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.LightYellow</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFFFE0">
+<pre>255,255,224</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Bisque</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFE4C4">
+<pre>255,228,196</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Lime</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#00FF00">
+<pre>0,255,0</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Black</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#000000">
+<pre>0,0,0</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.LimeGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#32CD32">
+<pre>50,205,50</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.BlanchedAlmond</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFFFCD">
+<pre>255,255,205</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Linen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FAF0E6">
+<pre>250,240,230</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Blue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#0000FF">
+<pre>0,0,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="M"></a>Magenta</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FF00FF">
+<pre>255,0,255</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.BlueViolet</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#8A2BE2">
+<pre>138,43,226</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Maroon</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#800000">
+<pre>128,0,0</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Brown</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#A52A2A">
+<pre>165,42,42</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MediumAquamarine</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#66CDAA">
+<pre>102,205,170</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.BurlyWood</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#DEB887">
+<pre>222,184,135</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MediumBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#0000CD">
+<pre>0,0,205</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="C"></a>CadetBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#5F9EA0">
+<pre>95,158,160</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MediumOrchid</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#BA55D3">
+<pre>186,85,211</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Chartreuse</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#7FFF00">
+<pre>127,255,0</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MediumPurple</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#9370DB">
+<pre>147,112,219</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Chocolate</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#D2691E">
+<pre>210,105,30</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MediumSeaGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#3CB371">
+<pre>60,179,113</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Coral</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FF7F50">
+<pre>255,127,80</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MediumSlateBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#7B68EE">
+<pre>123,104,238</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.CornflowerBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#6495ED">
+<pre>100,149,237</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MediumSpringGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#00FA9A">
+<pre>0,250,154</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Cornsilk</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFF8DC">
+<pre>255,248,220</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MediumTurquoise</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#48D1CC">
+<pre>72,209,204</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Crimson</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#DC143C">
+<pre>220,20,60</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MediumVioletRed</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#C71570">
+<pre>199,21,112</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Cyan</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#00FFFF">
+<pre>0,255,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MidnightBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#191970">
+<pre>25,25,112</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="D"></a>DarkBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#00008B">
+<pre>0,0,139</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MintCream</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F5FFFA">
+<pre>245,255,250</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkCyan</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#008B8B">
+<pre>0,139,139</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.MistyRose</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFE4E1">
+<pre>255,228,225</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkGoldenrod</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#B8860B">
+<pre>184,134,11</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Moccasin</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFE4B5">
+<pre>255,228,181</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkGray</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#A9A9A9">
+<pre>169,169,169</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="N"></a>NavajoWhite</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFDEAD">
+<pre>255,222,173</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#006400">
+<pre>0,100,0</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Navy</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#000080">
+<pre>0,0,128</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkKhaki</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#BDB76B">
+<pre>189,183,107</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="O"></a>OldLace</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FDF5E6">
+<pre>253,245,230</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkMagena</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#8B008B">
+<pre>139,0,139</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Olive</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#808000">
+<pre>128,128,0</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkOliveGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#556B2F">
+<pre>85,107,47</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.OliveDrab</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#6B8E2D">
+<pre>107,142,45</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkOrange</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FF8C00">
+<pre>255,140,0</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Orange</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFA500">
+<pre>255,165,0</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkOrchid</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#9932CC">
+<pre>153,50,204</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.OrangeRed</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FF4500">
+<pre>255,69,0</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="DarkRed"></a>DarkRed</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#8B0000">
+<pre>139,0,0</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Orchid</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#DA70D6">
+<pre>218,112,214</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkSalmon</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#E9967A">
+<pre>233,150,122</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="P"></a>PaleGoldenrod</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#EEE8AA">
+<pre>238,232,170</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkSeaGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#8FBC8F">
+<pre>143,188,143</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.PaleGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#98FB98">
+<pre>152,251,152</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkSlateBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#483D8B">
+<pre>72,61,139</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.PaleTurquoise</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#AFEEEE">
+<pre>175,238,238</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkSlateGray</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#284F4F">
+<pre>40,79,79</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.PaleVioletRed</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#DB7093">
+<pre>219,112,147</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkTurquoise</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#00CED1">
+<pre>0,206,209</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.PapayaWhip</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFEFD5">
+<pre>255,239,213</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DarkViolet</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#9400D3">
+<pre>148,0,211</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.PeachPuff</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFDA9B">
+<pre>255,218,155</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DeepPink</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FF1493">
+<pre>255,20,147</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Peru</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#CD853F">
+<pre>205,133,63</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DeepSkyBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#00BFFF">
+<pre>0,191,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Pink</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFC0CB">
+<pre>255,192,203</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DimGray</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#696969">
+<pre>105,105,105</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Plum</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#DDA0DD">
+<pre>221,160,221</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.DodgerBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#1E90FF">
+<pre>30,144,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.PowderBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#B0E0E6">
+<pre>176,224,230</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="F"></a>Firebrick</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#B22222">
+<pre>178,34,34</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Purple</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#800080">
+<pre>128,0,128</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.FloralWhite</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFFAF0">
+<pre>255,250,240</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="R"></a>Red</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FF0000">
+<pre>255,0,0</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.ForestGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#228B22">
+<pre>34,139,34</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.RosyBrown</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#BC8F8F">
+<pre>188,143,143</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Fuschia</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FF00FF">
+<pre>255,0,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.RoyalBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#4169E1">
+<pre>65,105,225</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="G"></a>Gainsboro</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#DCDCDC">
+<pre>220,220,220</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="S"></a>SaddleBrown</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#8B4513">
+<pre>139,69,19</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.GhostWhite</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F8F8FF">
+<pre>248,248,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Salmon</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FA8072">
+<pre>250,128,114</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Gold</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFD700">
+<pre>255,215,0</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.SandyBrown</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F4A460">
+<pre>244,164,96</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Goldenrod</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#DAA520">
+<pre>218,165,32</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.SeaGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#2E8B57">
+<pre>46,139,87</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Gray</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#808080">
+<pre>128,128,128</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Seashell</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFF5EE">
+<pre>255,245,238</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Green</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#008000">
+<pre>0,128,0</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Sienna</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#A0522D">
+<pre>160,82,45</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.GreenYellow</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#ADFF2F">
+<pre>173,255,47</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Silver</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#C0C0C0">
+<pre>192,192,192</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="H"></a>Honeydew</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F0FFF0">
+<pre>240,255,240</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.SkyBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#87CEEB">
+<pre>135,206,235</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.HotPink</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FF69B4">
+<pre>255,105,180</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.SlateBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#6A5ACD">
+<pre>106,90,205</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="I"></a>IndianRed</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#CD5C5C">
+<pre>205,92,92</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.SlateGray</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#708090">
+<pre>112,128,144</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Indigo</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#4B0082">
+<pre>75,0,130</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Snow</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFFAFA">
+<pre>255,250,250</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Ivory</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFF0F0">
+<pre>255,240,240</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.SpringGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#00FF7F">
+<pre>0,255,127</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.<a name="K"></a>Khaki</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F0E68C">
+<pre>240,230,140</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.SteelBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#4682B4">
+<pre>70,130,180</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.Lavender</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#E6E6FA">
+<pre>230,230,250</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="T"></a>Tan</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#D2B48C">
+<pre>210,180,140</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LavenderBlush</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFF0F5">
+<pre>255,240,245</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Teal</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#008080">
+<pre>0,128,128</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LawnGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#7CFC00">
+<pre>124,252,0</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Thistle</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#D8BFD8">
+<pre>216,191,216</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LemonChiffon</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFFACD">
+<pre>255,250,205</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Tomato</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FD6347">
+<pre>253,99,71</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LightBlue</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#ADD8E6">
+<pre>173,216,230</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.Turquoise</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#40E0D0">
+<pre>64,224,208</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LightCoral</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F08080">
+<pre>240,128,128</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="V"></a>Violet</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#EE82EE">
+<pre>238,130,238</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LightCyan</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#E0FFFF">
+<pre>224,255,255</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="W"></a>Wheat</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F5DEB3">
+<pre>245,222,179</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LightGoldenrodYellow</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FAFAD2">
+<pre>250,250,210</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.White</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFFFFF">
+<pre>255,255,255</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LightGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#90EE90">
+<pre>144,238,144</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.WhiteSmoke</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#F5F5F5">
+<pre>245,245,245</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LightGray</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#D3D3D3">
+<pre>211,211,211</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.<a name="Y"></a>Yellow</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFFF00">
+<pre>255,255,0</pre>
+</td>
+</tr>
+<tr>
+<td align="left" valign="middle">
+<pre>Color.LightPink</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#FFB6C1">
+<pre>255,182,193</pre>
+</td>
+<td align="left" valign="middle">
+<pre>Color.YellowGreen</pre>
+</td>
+<td align="center" valign="middle" bgcolor="#9ACD32">
+<pre>154,205,50</pre>
+</td>
+</tr>
+</tbody>
+</table>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
       </categories>
       <tags>
-        <tag>设计模式</tag>
-        <tag>一页笔记</tag>
-        <tag>galens</tag>
+        <tag>C#</tag>
+        <tag>.NET</tag>
       </tags>
   </entry>
   <entry>
@@ -13454,172 +13429,6 @@ Pattern</a></li>
 <h2 id="致谢">致谢</h2>
 <p>本文转载于 <a
 href="https://www.bbsmax.com/A/Gkz1ony25R/">https://www.bbsmax.com/A/Gkz1ony25R/</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-        <tag>.NET</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>PropertyGrid 中只显示部分属性</title>
-    <url>/posts/2020/35EQCZA.html</url>
-    <content><![CDATA[<p>最近用到了PropertyGrid，原来从来没用到过，拿在手里，一头雾水，经过一段时间研究后，大概理解了Property的使用方法，下面仔细剖析一下。</p>
-<p>PropertyGrid控件就是Visual
-Studio开发工具里面的属性浏览器，我们在VS里面可以通过属性浏览器查看，修改控件的属性，并主要通过使用反射来检索项目的属性。</p>
-<span id="more"></span>
-<h2 id="普通显示">普通显示</h2>
-<p>在PropertyGrid中显示属性很容易，我们可以直接给propertyGrid1.SelectedObject
-属性赋值，SelectObject属性可以获取或设置当前选定的对象，数据类型为object,这就意味着我们可以直接将一个对象赋给它。针对一个对象，它会将对象中的所有公共属性显示在PropertyGrid上。</p>
-<p>如果要同时显示多个对象，可以将一个对象数组赋值给
-propertyGrid1.SelectedObjects。它会自动计算多个对象的公开属性并显示，当各个对象中属性值相同时，会显示相同的值，如果不同时，则会不显示确定的值。</p>
-<h2 id="更改显示方式">更改显示方式</h2>
-<p>当只用上面的赋值方式，那么显示出来的数据名称会直接是属性的名称，如果想要进行汉化，需要对每个属性添加相应的特性（Attribute）来进行配置。</p>
-<p>特性是用于为类型、字段、方法和属性等编程元素添加批注的声明标记，在运行时可以使用反射对其进行检索。下面列出了在
-PropertyGrid 中用到的特性：</p>
-<ul>
-<li><p>DescriptionAttribute</p>
-<p>设置显示在属性下方说明帮助窗格中的属性文本。这是一种为活动属性（即具有焦点的属性）提供帮助文本的有效方法。</p></li>
-<li><p>CategoryAttribute</p>
-<p>设置属性在网格中所属的类别。当您需要将属性按类别名称分组时，此特性非常有用。如果没有为属性指定类别，该属性将被分配给
-"杂项" 类别。可以将此特性应用于所有属性。</p></li>
-<li><p>BrowsableAttribute</p>
-<p>表示是否在网格中显示属性。此特性可用于在网格中隐藏属性。默认情况下，公共属性始终显示在网格中。</p></li>
-<li><p>ReadOnlyAttribute</p>
-<p>表示属性是否为只读。此特性可用于禁止在网格中编辑属性。默认情况下，带有
-get 和 set 访问函数的公共属性在网格中是可以编辑的，如果只有 get
-访问器的公共属性也是只读的。</p></li>
-<li><p>DefaultValueAttribute</p>
-<p>表示属性的默认值。如果希望为属性提供默认值，然后确定该属性值是否与默认值相同，则可使用此特性。可以将此特性应用于所有属性。</p></li>
-<li><p>DefaultPropertyAttribute</p>
-<p>表示类的默认属性。在网格中选择某个类时，将首先突出显示该类的默认属性。</p></li>
-</ul>
-<blockquote>
-<p>如果想要在属性表中添加颜色选择和字体选择那是很容易一件事，可以在要展示的类中添加Color类型属性，和Font类型属性，绑定后，就可以进行颜色选择和字体选择了</p>
-</blockquote>
-<h2 id="自定义显示">自定义显示</h2>
-<p>我们可以看出这种上面这种显示属性方法并不够灵活，我们不能方便的及时增加或者删除属性。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//属性表管理类</span></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">PropertyManageCls</span> : <span class="title">CollectionBase</span>, <span class="title">ICustomTypeDescriptor</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Add</span>(<span class="params">Property <span class="keyword">value</span></span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="built_in">int</span> flag=<span class="number">-1</span>;</span><br><span class="line">        <span class="keyword">if</span> (<span class="keyword">value</span> != <span class="literal">null</span>)</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">if</span> (<span class="keyword">base</span>.List.Count&gt;<span class="number">0</span>)</span><br><span class="line">            &#123;</span><br><span class="line">                IList &lt;Property&gt; mList=<span class="keyword">new</span> List&lt;Property&gt;();</span><br><span class="line">                <span class="keyword">for</span> (<span class="built_in">int</span> i = <span class="number">0</span>; i &lt; <span class="keyword">base</span>.List.Count; i++)</span><br><span class="line">                &#123;</span><br><span class="line">                    Property p = <span class="keyword">base</span>.List[i] <span class="keyword">as</span> Property;</span><br><span class="line">                    <span class="keyword">if</span> (<span class="keyword">value</span>.Name == p.Name)</span><br><span class="line">                    &#123;</span><br><span class="line">                        flag = i;</span><br><span class="line">                    &#125;</span><br><span class="line">                    mList.Add(p);</span><br><span class="line">                &#125;</span><br><span class="line">                <span class="keyword">if</span> (flag == <span class="number">-1</span>)</span><br><span class="line">                &#123;</span><br><span class="line">                    mList.Add(<span class="keyword">value</span>);</span><br><span class="line">                &#125;</span><br><span class="line">                <span class="keyword">base</span>.List.Clear();</span><br><span class="line">                <span class="keyword">foreach</span> (Property p <span class="keyword">in</span> mList)</span><br><span class="line">                &#123;</span><br><span class="line">                    <span class="keyword">base</span>.List.Add(p);</span><br><span class="line">                &#125;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                <span class="keyword">base</span>.List.Add(<span class="keyword">value</span>);</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Remove</span>(<span class="params">Property <span class="keyword">value</span></span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">if</span>(<span class="keyword">value</span>!=<span class="literal">null</span>&amp;&amp;<span class="keyword">base</span>.List.Count&gt;<span class="number">0</span>)</span><br><span class="line">        <span class="keyword">base</span>.List.Remove(<span class="keyword">value</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> Property <span class="keyword">this</span>[<span class="built_in">int</span> index]</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> (Property)<span class="keyword">base</span>.List[index];</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">base</span>.List[index] = (Property)<span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="meta">#<span class="keyword">region</span> ICustomTypeDescriptor 成员</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> AttributeCollection <span class="title">GetAttributes</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetAttributes(<span class="keyword">this</span>,<span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">string</span> <span class="title">GetClassName</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetClassName(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">string</span> <span class="title">GetComponentName</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetComponentName(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> TypeConverter <span class="title">GetConverter</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetConverter(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptor <span class="title">GetDefaultEvent</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetDefaultEvent(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptor <span class="title">GetDefaultProperty</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetDefaultProperty(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">object</span> <span class="title">GetEditor</span>(<span class="params">Type editorBaseType</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEditor(<span class="keyword">this</span>, editorBaseType, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptorCollection <span class="title">GetEvents</span>(<span class="params">Attribute[] attributes</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEvents(<span class="keyword">this</span>, attributes, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptorCollection <span class="title">GetEvents</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEvents(<span class="keyword">this</span>,<span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptorCollection <span class="title">GetProperties</span>(<span class="params">Attribute[] attributes</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        PropertyDescriptor[] newProps = <span class="keyword">new</span> PropertyDescriptor[<span class="keyword">this</span>.Count];</span><br><span class="line">        <span class="keyword">for</span> (<span class="built_in">int</span> i = <span class="number">0</span>; i &lt; <span class="keyword">this</span>.Count; i++)</span><br><span class="line">        &#123;</span><br><span class="line">            Property prop = (Property)<span class="keyword">this</span>[i];</span><br><span class="line">            newProps[i] = <span class="keyword">new</span> CustomPropertyDescriptor(<span class="keyword">ref</span> prop, attributes);</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">new</span> PropertyDescriptorCollection(newProps);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptorCollection <span class="title">GetProperties</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetProperties(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">object</span> <span class="title">GetPropertyOwner</span>(<span class="params">PropertyDescriptor pd</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">this</span>;        </span><br><span class="line">    &#125;</span><br><span class="line">    <span class="meta">#<span class="keyword">endregion</span></span></span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="comment">//属性类</span></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">Property</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">string</span> _name=<span class="built_in">string</span>.Empty;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">object</span> _value=<span class="literal">null</span>;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">bool</span> _readonly=<span class="literal">false</span>;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">bool</span> _visible=<span class="literal">true</span>;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">string</span> _category=<span class="built_in">string</span>.Empty;</span><br><span class="line">    TypeConverter _converter=<span class="literal">null</span>;</span><br><span class="line">    <span class="built_in">object</span> _editor = <span class="literal">null</span>;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">string</span> _displayname = <span class="built_in">string</span>.Empty;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="title">Property</span>(<span class="params"><span class="built_in">string</span> sName, <span class="built_in">object</span> sValue</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">this</span>._name = sName;</span><br><span class="line">        <span class="keyword">this</span>._value = sValue;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="title">Property</span>(<span class="params"><span class="built_in">string</span> sName, <span class="built_in">object</span> sValue, <span class="built_in">bool</span> sReadonly, <span class="built_in">bool</span> sVisible</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">this</span>._name = sName;</span><br><span class="line">        <span class="keyword">this</span>._value = sValue;</span><br><span class="line">        <span class="keyword">this</span>._readonly = sReadonly;</span><br><span class="line">        <span class="keyword">this</span>._visible = sVisible;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> Name  <span class="comment">//获得属性名</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _name;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _name=<span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> DisplayName   <span class="comment">//属性显示名称</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _displayname;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _displayname = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> TypeConverter Converter  <span class="comment">//类型转换器，我们在制作下拉列表时需要用到</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span> </span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _converter;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _converter = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> Category  <span class="comment">//属性所属类别</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _category;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _category = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">object</span> Value  <span class="comment">//属性值</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _value;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _value=<span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">bool</span> ReadOnly  <span class="comment">//是否为只读属性</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _readonly;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _readonly = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">bool</span> Visible  <span class="comment">//是否可见</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _visible;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _visible = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">virtual</span> <span class="built_in">object</span> Editor   <span class="comment">//属性编辑器</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span> </span><br><span class="line">        &#123; </span><br><span class="line">            <span class="keyword">return</span> _editor; </span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span> </span><br><span class="line">        &#123; </span><br><span class="line">            _editor = <span class="keyword">value</span>; </span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">CustomPropertyDescriptor</span> : <span class="title">PropertyDescriptor</span></span><br><span class="line">&#123;</span><br><span class="line">    Property m_Property;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="title">CustomPropertyDescriptor</span>(<span class="params"><span class="keyword">ref</span> Property myProperty, Attribute[] attrs</span>)</span></span><br><span class="line"><span class="function">        : <span class="title">base</span>(<span class="params">myProperty.Name, attrs</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        m_Property = myProperty;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="meta">#<span class="keyword">region</span> PropertyDescriptor 重写方法</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">CanResetValue</span>(<span class="params"><span class="built_in">object</span> component</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">false</span>;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> Type ComponentType</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> <span class="literal">null</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">object</span> <span class="title">GetValue</span>(<span class="params"><span class="built_in">object</span> component</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> m_Property.Value;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">string</span> Description</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.Name;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">string</span> Category</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.Category;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">string</span> DisplayName</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.DisplayName!=<span class="string">&quot;&quot;</span>?m_Property.DisplayName:m_Property.Name;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> IsReadOnly</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.ReadOnly;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">ResetValue</span>(<span class="params"><span class="built_in">object</span> component</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">//Have to implement</span></span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">ShouldSerializeValue</span>(<span class="params"><span class="built_in">object</span> component</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">false</span>;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">SetValue</span>(<span class="params"><span class="built_in">object</span> component, <span class="built_in">object</span> <span class="keyword">value</span></span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        m_Property.Value = <span class="keyword">value</span>;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> TypeConverter Converter</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.Converter;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> Type PropertyType</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span> &#123; <span class="keyword">return</span> m_Property.Value.GetType(); &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">object</span> <span class="title">GetEditor</span>(<span class="params">Type editorBaseType</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> m_Property.Editor==<span class="literal">null</span>? <span class="keyword">base</span>.GetEditor(editorBaseType):m_Property.Editor;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="meta">#<span class="keyword">endregion</span></span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>下面我们来看看该如何使用，我们仍然在Form_load中添加代码如下：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">PropertyManageCls pmc = <span class="keyword">new</span> PropertyManageCls();</span><br><span class="line">Property pp = <span class="keyword">new</span> Property(<span class="string">&quot;ID&quot;</span>, <span class="string">&quot;1&quot;</span>, <span class="literal">false</span>, <span class="literal">true</span>);</span><br><span class="line">pp.Category = <span class="string">&quot;基本信息&quot;</span>;</span><br><span class="line">pp.DisplayName = <span class="string">&quot;我的ID&quot;</span>;</span><br><span class="line">pmc.Add(pp);</span><br><span class="line">propertyGrid1.SelectObject=pmc;</span><br></pre></td></tr></table></figure>
-<p>显示结果：</p>
-<p><img data-src="https://i.loli.net/2020/07/21/hnxj6gibBDWHytu.png" /></p>
-<h2 id="实现下拉框">实现下拉框</h2>
-<p>要实现下拉框，需要使用类型转换器，继承与TypeConverter或者StringConverter，然后重写方法，代码如下：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//下拉框类型转换器</span></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">DropDownListConverter</span> : <span class="title">StringConverter</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="built_in">object</span>[] m_Objects;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="title">DropDownListConverter</span>(<span class="params"><span class="built_in">object</span>[] objects</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        m_Objects = objects;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">GetStandardValuesSupported</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">true</span>;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">GetStandardValuesExclusive</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">true</span>;<span class="comment">//true下拉框不可编辑</span></span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span></span><br><span class="line">    System.ComponentModel.TypeConverter.<span class="function">StandardValuesCollection <span class="title">GetStandardValues</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">//我们可以直接在内部定义一个数组，但并不建议这样做，这样对于下拉框的灵活性有很大影响</span></span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">new</span> StandardValuesCollection(m_Objects);</span><br><span class="line">        </span><br><span class="line">        <span class="comment">// 此处一般是根据 context 中传递下来的 Instance，从中获取下拉的条件，动态生成下拉选项        </span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>我们实现了下拉框类型转换器，但该如何使用呢？</p>
-<ul>
-<li><p>方法一：在属性上方添加标记
-[TypeConverter(typeof(DropDownListConverter))]</p></li>
-<li><p>方法二：我们可以在外部定义数组，使用方便，使用方法代码如下：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">Form_load</span>(<span class="params"><span class="built_in">object</span> sender, EventArgs e</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">            PropertyManageCls pmc = <span class="keyword">new</span> PropertyManageCls();</span><br><span class="line">            <span class="built_in">string</span> []s=<span class="keyword">new</span> <span class="built_in">string</span>[] &#123; <span class="string">&quot;1&quot;</span>, <span class="string">&quot;2&quot;</span>, <span class="string">&quot;3&quot;</span>, <span class="string">&quot;4&quot;</span> &#125;;</span><br><span class="line">            Property pp = <span class="keyword">new</span> Property(txtname.Text,txtvalue.Text, <span class="literal">false</span>, <span class="literal">true</span>);</span><br><span class="line">            pp.Category = <span class="string">&quot;基本信息&quot;</span>;</span><br><span class="line">            pp.DisplayName = <span class="string">&quot;我的ID&quot;</span>;</span><br><span class="line">            pp.Converter = <span class="keyword">new</span> DropDownListConverter(s);<span class="comment">//Property的Converter属性就可以设置类型转换</span></span><br><span class="line">            pmc.Add(pp);</span><br><span class="line">            propertyGrid1.SelectObject = pmc;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
-</ul>
-<p>效果图如下：</p>
-<figure>
-<img data-src="https://i.loli.net/2020/07/21/ipstk1OyB7FGbd9.png"
-alt="20200721234055.png" />
-<figcaption aria-hidden="true">20200721234055.png</figcaption>
-</figure>
-<h2 id="属性编辑器">属性编辑器</h2>
-<p>使用属性编辑器实现路径选择，属性编辑器需要继承与UITypeEditor。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//文件路径选择                                                                                                                     public class PropertyGridFileItem : UITypeEditor</span></span><br><span class="line">&#123;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> UITypeEditorEditStyle <span class="title">GetEditStyle</span>(<span class="params">System.ComponentModel.ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line"></span><br><span class="line">        <span class="keyword">return</span> UITypeEditorEditStyle.Modal;</span><br><span class="line"></span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">object</span> <span class="title">EditValue</span>(<span class="params">System.ComponentModel.ITypeDescriptorContext context, System.IServiceProvider provider, <span class="built_in">object</span> <span class="keyword">value</span></span>)</span></span><br><span class="line">    &#123;</span><br><span class="line"></span><br><span class="line">        IWindowsFormsEditorService edSvc =</span><br><span class="line">            (IWindowsFormsEditorService)provider.GetService(<span class="keyword">typeof</span>(IWindowsFormsEditorService));</span><br><span class="line"></span><br><span class="line">        <span class="keyword">if</span> (edSvc != <span class="literal">null</span>)</span><br><span class="line">        &#123;</span><br><span class="line"></span><br><span class="line">            <span class="comment">// 可以打开任何特定的对话框</span></span><br><span class="line"></span><br><span class="line">            OpenFileDialog dialog = <span class="keyword">new</span> OpenFileDialog();</span><br><span class="line"></span><br><span class="line">            dialog.AddExtension = <span class="literal">false</span>;</span><br><span class="line"></span><br><span class="line">            <span class="keyword">if</span> (dialog.ShowDialog().Equals(DialogResult.OK))</span><br><span class="line">            &#123;</span><br><span class="line"></span><br><span class="line">                <span class="keyword">return</span> dialog.FileName;</span><br><span class="line"></span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">value</span>;</span><br><span class="line"></span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>使用方法：</p>
-<ul>
-<li><p>在属性上方添加标记[EditorAttribute(typeof(PropertyGridFileItem),
-typeof(System.Drawing.Design.UITypeEditor))]</p></li>
-<li><p>使用代码</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">Form_load</span>(<span class="params"><span class="built_in">object</span> sender, EventArgs e</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    PropertyManageCls pmc = <span class="keyword">new</span> PropertyManageCls();</span><br><span class="line">    Property pp = <span class="keyword">new</span> Property(txtname.Text,txtvalue.Text, <span class="literal">false</span>, <span class="literal">true</span>);</span><br><span class="line">    pp.Category = <span class="string">&quot;基本信息&quot;</span>;</span><br><span class="line">    pp.DisplayName = <span class="string">&quot;我的ID&quot;</span>;</span><br><span class="line">    pp.Editor= <span class="keyword">new</span> PropertyGridFileItem();<span class="comment">//Property的Editor属性就可以设置属性编辑</span></span><br><span class="line">    pmc.Add(pp);</span><br><span class="line">    propertyGrid1.SelectObject = pmc;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
-</ul>
-<p>效果图如下：</p>
-<p><img data-src="https://i.loli.net/2020/07/21/NgqsPfShQpMvyTa.png" /></p>
-<h2 id="自定义要显示的属性">自定义要显示的属性</h2>
-<p>PropertyGrid
-默认显示所有的公开属性，包括父类的公开属性。在使用的过程中，我们可能会有如下需求：</p>
-<ul>
-<li>只想显示子类的某些属性，而父类因为某些原因不能将它的属性标记为
-[Browsable(false)]</li>
-<li>想通过自定义的 Attribute 来控制属性的显示</li>
-</ul>
-<p>这个时候，我们就需要对显示的属性进行筛选。我们通过实现
-ICustomTypeDescriptor，然后重写方法
-<code>public PropertyDescriptorCollection GetProperties(Attribute[] attributes)</code>
-来实现。</p>
-<p>实现部分代码如下：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">NamedGroup</span> :<span class="title">ICustomTypeDescriptor</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="meta">#<span class="keyword">region</span> ICustomTypeDescriptor</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> AttributeCollection <span class="title">GetAttributes</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetAttributes(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">string</span> <span class="title">GetClassName</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetClassName(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">string</span> <span class="title">GetComponentName</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetComponentName(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> TypeConverter <span class="title">GetConverter</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetConverter(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptor <span class="title">GetDefaultEvent</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetDefaultEvent(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptor <span class="title">GetDefaultProperty</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetDefaultProperty(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">object</span> <span class="title">GetEditor</span>(<span class="params">Type editorBaseType</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEditor(<span class="keyword">this</span>, editorBaseType, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptorCollection <span class="title">GetEvents</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEvents(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptorCollection <span class="title">GetEvents</span>(<span class="params">Attribute[] attributes</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEvents(<span class="keyword">this</span>, attributes, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">object</span> <span class="title">GetPropertyOwner</span>(<span class="params">PropertyDescriptor pd</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">this</span>;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="comment">// 修改此属性，进行展示</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptorCollection <span class="title">GetProperties</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetProperties(<span class="keyword">this</span>,<span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptorCollection <span class="title">GetProperties</span>(<span class="params">Attribute[] attributes</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">// 特别注意，此处的 true 代表不使用当前类的 GetProperties 方法来获取属性，默认为 false,这会导致无限循环，从而导致栈溢出</span></span><br><span class="line">        PropertyDescriptorCollection pdc = TypeDescriptor.GetProperties(<span class="keyword">this</span>, attributes, <span class="literal">true</span>);</span><br><span class="line">        PropertyDescriptor[] properties = pdc.Cast&lt;PropertyDescriptor&gt;().Where(item =&gt; item.Attributes.Cast&lt;Attribute&gt;().Any(itemA =&gt; itemA <span class="keyword">is</span> BrowsableAttribute ba &amp;&amp; ba.Browsable)).ToArray();</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">new</span> PropertyDescriptorCollection(properties);</span><br><span class="line">    &#125;    </span><br><span class="line">    <span class="meta">#<span class="keyword">endregion</span></span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="致谢">致谢</h2>
-<p>[1]. 本文来源：<a
-href="https://blog.csdn.net/lxping1012/article/details/7073944">C#自定义PropertyGrid属性</a></p>
-<h2 id="更多参考资料">更多参考资料</h2>
-<p>[1]. <a
-href="http://blog.csdn.net/luyifeiniu/article/details/5426960#创建%20PropertyGrid%20控件">PropertyGrid控件心得</a></p>
-<p>[2]. <a
-href="http://www.codeproject.com/KB/tabs/customizingcollectiondata.aspx">Customized
-display of collection data in a PropertyGrid</a></p>
-<p>[3]. <a
-href="http://msdn.microsoft.com/en-us/library/8cexyz1e">TypeConverter的层次结构</a></p>
-<p>[4]. <a
-href="http://topic.csdn.net/u/20100827/11/5524219a-4457-4921-b8f2-b4c63bc6b016.html">关于PropertyGrid中属性的值动态从数据库取出</a></p>
-<p>[5]. <a
-href="http://blog.csdn.net/akron/article/details/2750566">动态可订制属性的
-PropertyGrid</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-        <tag>.NET</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>VS 中 C# 开发语法糖</title>
-    <url>/posts/2021/BKEMB5.html</url>
-    <content><![CDATA[<p>在进行C#开发的过程中，有一些语法糖，可以提升开发体验和提高代码阅读性，特作此总结。</p>
-<span id="more"></span>
-<h2 id="弃用-out-值">弃用 out 值</h2>
-<p>如果一个方法有多个 out 参数，当在使用时，不需要某些参数时，可以使用
-<code>out _</code> 进行占位放弃。示例：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 定义</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">bool</span> <span class="title">IsRebar</span>(<span class="params">Element ele,<span class="keyword">out</span> <span class="built_in">string</span> reason,<span class="keyword">out</span> <span class="built_in">double</span> diameter</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    ...实现代码</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 使用</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">Test</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">    Element ele;</span><br><span class="line">    <span class="comment">// 第一个 reason 不需要，所以使用 out _ 来占位，表示弃用</span></span><br><span class="line">    If(IsRebar(ele,<span class="keyword">out</span> _,<span class="keyword">out</span> <span class="built_in">double</span> diameter))</span><br><span class="line">    &#123;</span><br><span class="line">        ...</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-        <tag>开发技巧</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>在可以调用 OLE 之前，必须将当前线程设置为单线程单元(STA)模式</title>
-    <url>/posts/2020/16SCXPH.html</url>
-    <content><![CDATA[<p>用 C# 写了一个服务，为了能够方便调试，于是又写了一个 winform
-程序。当我在这个程序中打开一个文件对话框时，出现了如下错误。</p>
-<figure>
-<img
 data-src="https://img2018.cnblogs.com/i-beta/1857359/201911/1857359-20191106115153805-1080565665.png"
-alt="img" />
-<figcaption aria-hidden="true">img</figcaption>
-</figure>
-<span id="more"></span>
-<h2 id="解决方案">解决方案</h2>
-<p>通过寻找相关资料，了解到了STA单元模式和COM对象，总的来说：winform中，很多控件是COM对象，这样的对象只能被sta模式中的线程所调用。</p>
-<p>解决办法有两种：</p>
-<ul>
-<li><p>第一种：在主方法上加上[STAThread]特性标签</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">[<span class="meta">STAThread</span>]</span><br><span class="line"><span class="function"><span class="keyword">static</span> <span class="keyword">void</span> <span class="title">Main</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">  Application.EnableVisualStyles();</span><br><span class="line">  Application.SetCompatibleTextRenderingDefault(<span class="literal">false</span>);</span><br><span class="line">  Application.Run(<span class="keyword">new</span> LogInForm());</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
-<li><p>第二种：将线程的单元状态设置为单线程单元，thread.SetApartmentState(ApartmentState.STA)</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">Thread th = <span class="keyword">new</span> Thread(()=&gt; <span class="keyword">new</span> Form1().ShowDialog());</span><br><span class="line">th.SetApartmentState(ApartmentState.STA);</span><br><span class="line">th.Start();</span><br></pre></td></tr></table></figure></li>
-</ul>
-<p>在代码里面，我的 Main 已经声明了 <code>[STAThread]</code>
-特性，但是依然报错，我想，可能是因为是服务的问题。最后采用了第二种方法解决了。</p>
-<p>特此记录，以免今后遗忘。</p>
-<h2 id="致谢">致谢</h2>
-<p>本文摘抄至：<a
-href="https://www.cnblogs.com/qwfy-y/archive/2004/01/13/11804599.html">妄揽明月</a></p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -15338,7 +15147,176 @@ href="https://blog.csdn.net/binnygoal/article/details/79557746">非常完善的L
       </categories>
       <tags>
         <tag>.NET</tag>
-        <tag>Log4net</tag>
+        <tag>Log4net</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>PropertyGrid 中只显示部分属性</title>
+    <url>/posts/2020/35EQCZA.html</url>
+    <content><![CDATA[<p>最近用到了PropertyGrid，原来从来没用到过，拿在手里，一头雾水，经过一段时间研究后，大概理解了Property的使用方法，下面仔细剖析一下。</p>
+<p>PropertyGrid控件就是Visual
+Studio开发工具里面的属性浏览器，我们在VS里面可以通过属性浏览器查看，修改控件的属性，并主要通过使用反射来检索项目的属性。</p>
+<span id="more"></span>
+<h2 id="普通显示">普通显示</h2>
+<p>在PropertyGrid中显示属性很容易，我们可以直接给propertyGrid1.SelectedObject
+属性赋值，SelectObject属性可以获取或设置当前选定的对象，数据类型为object,这就意味着我们可以直接将一个对象赋给它。针对一个对象，它会将对象中的所有公共属性显示在PropertyGrid上。</p>
+<p>如果要同时显示多个对象，可以将一个对象数组赋值给
+propertyGrid1.SelectedObjects。它会自动计算多个对象的公开属性并显示，当各个对象中属性值相同时，会显示相同的值，如果不同时，则会不显示确定的值。</p>
+<h2 id="更改显示方式">更改显示方式</h2>
+<p>当只用上面的赋值方式，那么显示出来的数据名称会直接是属性的名称，如果想要进行汉化，需要对每个属性添加相应的特性（Attribute）来进行配置。</p>
+<p>特性是用于为类型、字段、方法和属性等编程元素添加批注的声明标记，在运行时可以使用反射对其进行检索。下面列出了在
+PropertyGrid 中用到的特性：</p>
+<ul>
+<li><p>DescriptionAttribute</p>
+<p>设置显示在属性下方说明帮助窗格中的属性文本。这是一种为活动属性（即具有焦点的属性）提供帮助文本的有效方法。</p></li>
+<li><p>CategoryAttribute</p>
+<p>设置属性在网格中所属的类别。当您需要将属性按类别名称分组时，此特性非常有用。如果没有为属性指定类别，该属性将被分配给
+"杂项" 类别。可以将此特性应用于所有属性。</p></li>
+<li><p>BrowsableAttribute</p>
+<p>表示是否在网格中显示属性。此特性可用于在网格中隐藏属性。默认情况下，公共属性始终显示在网格中。</p></li>
+<li><p>ReadOnlyAttribute</p>
+<p>表示属性是否为只读。此特性可用于禁止在网格中编辑属性。默认情况下，带有
+get 和 set 访问函数的公共属性在网格中是可以编辑的，如果只有 get
+访问器的公共属性也是只读的。</p></li>
+<li><p>DefaultValueAttribute</p>
+<p>表示属性的默认值。如果希望为属性提供默认值，然后确定该属性值是否与默认值相同，则可使用此特性。可以将此特性应用于所有属性。</p></li>
+<li><p>DefaultPropertyAttribute</p>
+<p>表示类的默认属性。在网格中选择某个类时，将首先突出显示该类的默认属性。</p></li>
+</ul>
+<blockquote>
+<p>如果想要在属性表中添加颜色选择和字体选择那是很容易一件事，可以在要展示的类中添加Color类型属性，和Font类型属性，绑定后，就可以进行颜色选择和字体选择了</p>
+</blockquote>
+<h2 id="自定义显示">自定义显示</h2>
+<p>我们可以看出这种上面这种显示属性方法并不够灵活，我们不能方便的及时增加或者删除属性。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//属性表管理类</span></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">PropertyManageCls</span> : <span class="title">CollectionBase</span>, <span class="title">ICustomTypeDescriptor</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Add</span>(<span class="params">Property <span class="keyword">value</span></span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="built_in">int</span> flag=<span class="number">-1</span>;</span><br><span class="line">        <span class="keyword">if</span> (<span class="keyword">value</span> != <span class="literal">null</span>)</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">if</span> (<span class="keyword">base</span>.List.Count&gt;<span class="number">0</span>)</span><br><span class="line">            &#123;</span><br><span class="line">                IList &lt;Property&gt; mList=<span class="keyword">new</span> List&lt;Property&gt;();</span><br><span class="line">                <span class="keyword">for</span> (<span class="built_in">int</span> i = <span class="number">0</span>; i &lt; <span class="keyword">base</span>.List.Count; i++)</span><br><span class="line">                &#123;</span><br><span class="line">                    Property p = <span class="keyword">base</span>.List[i] <span class="keyword">as</span> Property;</span><br><span class="line">                    <span class="keyword">if</span> (<span class="keyword">value</span>.Name == p.Name)</span><br><span class="line">                    &#123;</span><br><span class="line">                        flag = i;</span><br><span class="line">                    &#125;</span><br><span class="line">                    mList.Add(p);</span><br><span class="line">                &#125;</span><br><span class="line">                <span class="keyword">if</span> (flag == <span class="number">-1</span>)</span><br><span class="line">                &#123;</span><br><span class="line">                    mList.Add(<span class="keyword">value</span>);</span><br><span class="line">                &#125;</span><br><span class="line">                <span class="keyword">base</span>.List.Clear();</span><br><span class="line">                <span class="keyword">foreach</span> (Property p <span class="keyword">in</span> mList)</span><br><span class="line">                &#123;</span><br><span class="line">                    <span class="keyword">base</span>.List.Add(p);</span><br><span class="line">                &#125;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                <span class="keyword">base</span>.List.Add(<span class="keyword">value</span>);</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Remove</span>(<span class="params">Property <span class="keyword">value</span></span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">if</span>(<span class="keyword">value</span>!=<span class="literal">null</span>&amp;&amp;<span class="keyword">base</span>.List.Count&gt;<span class="number">0</span>)</span><br><span class="line">        <span class="keyword">base</span>.List.Remove(<span class="keyword">value</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> Property <span class="keyword">this</span>[<span class="built_in">int</span> index]</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> (Property)<span class="keyword">base</span>.List[index];</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">base</span>.List[index] = (Property)<span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="meta">#<span class="keyword">region</span> ICustomTypeDescriptor 成员</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> AttributeCollection <span class="title">GetAttributes</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetAttributes(<span class="keyword">this</span>,<span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">string</span> <span class="title">GetClassName</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetClassName(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">string</span> <span class="title">GetComponentName</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetComponentName(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> TypeConverter <span class="title">GetConverter</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetConverter(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptor <span class="title">GetDefaultEvent</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetDefaultEvent(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptor <span class="title">GetDefaultProperty</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetDefaultProperty(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">object</span> <span class="title">GetEditor</span>(<span class="params">Type editorBaseType</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEditor(<span class="keyword">this</span>, editorBaseType, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptorCollection <span class="title">GetEvents</span>(<span class="params">Attribute[] attributes</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEvents(<span class="keyword">this</span>, attributes, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptorCollection <span class="title">GetEvents</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEvents(<span class="keyword">this</span>,<span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptorCollection <span class="title">GetProperties</span>(<span class="params">Attribute[] attributes</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        PropertyDescriptor[] newProps = <span class="keyword">new</span> PropertyDescriptor[<span class="keyword">this</span>.Count];</span><br><span class="line">        <span class="keyword">for</span> (<span class="built_in">int</span> i = <span class="number">0</span>; i &lt; <span class="keyword">this</span>.Count; i++)</span><br><span class="line">        &#123;</span><br><span class="line">            Property prop = (Property)<span class="keyword">this</span>[i];</span><br><span class="line">            newProps[i] = <span class="keyword">new</span> CustomPropertyDescriptor(<span class="keyword">ref</span> prop, attributes);</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">new</span> PropertyDescriptorCollection(newProps);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptorCollection <span class="title">GetProperties</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetProperties(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">object</span> <span class="title">GetPropertyOwner</span>(<span class="params">PropertyDescriptor pd</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">this</span>;        </span><br><span class="line">    &#125;</span><br><span class="line">    <span class="meta">#<span class="keyword">endregion</span></span></span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="comment">//属性类</span></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">Property</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">string</span> _name=<span class="built_in">string</span>.Empty;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">object</span> _value=<span class="literal">null</span>;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">bool</span> _readonly=<span class="literal">false</span>;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">bool</span> _visible=<span class="literal">true</span>;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">string</span> _category=<span class="built_in">string</span>.Empty;</span><br><span class="line">    TypeConverter _converter=<span class="literal">null</span>;</span><br><span class="line">    <span class="built_in">object</span> _editor = <span class="literal">null</span>;</span><br><span class="line">    <span class="keyword">private</span> <span class="built_in">string</span> _displayname = <span class="built_in">string</span>.Empty;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="title">Property</span>(<span class="params"><span class="built_in">string</span> sName, <span class="built_in">object</span> sValue</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">this</span>._name = sName;</span><br><span class="line">        <span class="keyword">this</span>._value = sValue;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="title">Property</span>(<span class="params"><span class="built_in">string</span> sName, <span class="built_in">object</span> sValue, <span class="built_in">bool</span> sReadonly, <span class="built_in">bool</span> sVisible</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">this</span>._name = sName;</span><br><span class="line">        <span class="keyword">this</span>._value = sValue;</span><br><span class="line">        <span class="keyword">this</span>._readonly = sReadonly;</span><br><span class="line">        <span class="keyword">this</span>._visible = sVisible;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> Name  <span class="comment">//获得属性名</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _name;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _name=<span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> DisplayName   <span class="comment">//属性显示名称</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _displayname;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _displayname = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> TypeConverter Converter  <span class="comment">//类型转换器，我们在制作下拉列表时需要用到</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span> </span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _converter;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _converter = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> Category  <span class="comment">//属性所属类别</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _category;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _category = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">object</span> Value  <span class="comment">//属性值</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _value;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _value=<span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">bool</span> ReadOnly  <span class="comment">//是否为只读属性</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _readonly;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _readonly = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">bool</span> Visible  <span class="comment">//是否可见</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> _visible;</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span></span><br><span class="line">        &#123;</span><br><span class="line">            _visible = <span class="keyword">value</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">virtual</span> <span class="built_in">object</span> Editor   <span class="comment">//属性编辑器</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span> </span><br><span class="line">        &#123; </span><br><span class="line">            <span class="keyword">return</span> _editor; </span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">set</span> </span><br><span class="line">        &#123; </span><br><span class="line">            _editor = <span class="keyword">value</span>; </span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">CustomPropertyDescriptor</span> : <span class="title">PropertyDescriptor</span></span><br><span class="line">&#123;</span><br><span class="line">    Property m_Property;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="title">CustomPropertyDescriptor</span>(<span class="params"><span class="keyword">ref</span> Property myProperty, Attribute[] attrs</span>)</span></span><br><span class="line"><span class="function">        : <span class="title">base</span>(<span class="params">myProperty.Name, attrs</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        m_Property = myProperty;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="meta">#<span class="keyword">region</span> PropertyDescriptor 重写方法</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">CanResetValue</span>(<span class="params"><span class="built_in">object</span> component</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">false</span>;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> Type ComponentType</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> <span class="literal">null</span>;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">object</span> <span class="title">GetValue</span>(<span class="params"><span class="built_in">object</span> component</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> m_Property.Value;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">string</span> Description</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.Name;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">string</span> Category</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.Category;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">string</span> DisplayName</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.DisplayName!=<span class="string">&quot;&quot;</span>?m_Property.DisplayName:m_Property.Name;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> IsReadOnly</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.ReadOnly;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">ResetValue</span>(<span class="params"><span class="built_in">object</span> component</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">//Have to implement</span></span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">ShouldSerializeValue</span>(<span class="params"><span class="built_in">object</span> component</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">false</span>;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">SetValue</span>(<span class="params"><span class="built_in">object</span> component, <span class="built_in">object</span> <span class="keyword">value</span></span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        m_Property.Value = <span class="keyword">value</span>;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> TypeConverter Converter</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> m_Property.Converter;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span> Type PropertyType</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">get</span> &#123; <span class="keyword">return</span> m_Property.Value.GetType(); &#125;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">object</span> <span class="title">GetEditor</span>(<span class="params">Type editorBaseType</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> m_Property.Editor==<span class="literal">null</span>? <span class="keyword">base</span>.GetEditor(editorBaseType):m_Property.Editor;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="meta">#<span class="keyword">endregion</span></span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>下面我们来看看该如何使用，我们仍然在Form_load中添加代码如下：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">PropertyManageCls pmc = <span class="keyword">new</span> PropertyManageCls();</span><br><span class="line">Property pp = <span class="keyword">new</span> Property(<span class="string">&quot;ID&quot;</span>, <span class="string">&quot;1&quot;</span>, <span class="literal">false</span>, <span class="literal">true</span>);</span><br><span class="line">pp.Category = <span class="string">&quot;基本信息&quot;</span>;</span><br><span class="line">pp.DisplayName = <span class="string">&quot;我的ID&quot;</span>;</span><br><span class="line">pmc.Add(pp);</span><br><span class="line">propertyGrid1.SelectObject=pmc;</span><br></pre></td></tr></table></figure>
+<p>显示结果：</p>
+<p><img data-src="https://i.loli.net/2020/07/21/hnxj6gibBDWHytu.png" /></p>
+<h2 id="实现下拉框">实现下拉框</h2>
+<p>要实现下拉框，需要使用类型转换器，继承与TypeConverter或者StringConverter，然后重写方法，代码如下：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//下拉框类型转换器</span></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">DropDownListConverter</span> : <span class="title">StringConverter</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="built_in">object</span>[] m_Objects;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="title">DropDownListConverter</span>(<span class="params"><span class="built_in">object</span>[] objects</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        m_Objects = objects;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">GetStandardValuesSupported</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">true</span>;</span><br><span class="line">    &#125;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">GetStandardValuesExclusive</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">true</span>;<span class="comment">//true下拉框不可编辑</span></span><br><span class="line">    &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">override</span></span><br><span class="line">    System.ComponentModel.TypeConverter.<span class="function">StandardValuesCollection <span class="title">GetStandardValues</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">//我们可以直接在内部定义一个数组，但并不建议这样做，这样对于下拉框的灵活性有很大影响</span></span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">new</span> StandardValuesCollection(m_Objects);</span><br><span class="line">        </span><br><span class="line">        <span class="comment">// 此处一般是根据 context 中传递下来的 Instance，从中获取下拉的条件，动态生成下拉选项        </span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>我们实现了下拉框类型转换器，但该如何使用呢？</p>
+<ul>
+<li><p>方法一：在属性上方添加标记
+[TypeConverter(typeof(DropDownListConverter))]</p></li>
+<li><p>方法二：我们可以在外部定义数组，使用方便，使用方法代码如下：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">Form_load</span>(<span class="params"><span class="built_in">object</span> sender, EventArgs e</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">            PropertyManageCls pmc = <span class="keyword">new</span> PropertyManageCls();</span><br><span class="line">            <span class="built_in">string</span> []s=<span class="keyword">new</span> <span class="built_in">string</span>[] &#123; <span class="string">&quot;1&quot;</span>, <span class="string">&quot;2&quot;</span>, <span class="string">&quot;3&quot;</span>, <span class="string">&quot;4&quot;</span> &#125;;</span><br><span class="line">            Property pp = <span class="keyword">new</span> Property(txtname.Text,txtvalue.Text, <span class="literal">false</span>, <span class="literal">true</span>);</span><br><span class="line">            pp.Category = <span class="string">&quot;基本信息&quot;</span>;</span><br><span class="line">            pp.DisplayName = <span class="string">&quot;我的ID&quot;</span>;</span><br><span class="line">            pp.Converter = <span class="keyword">new</span> DropDownListConverter(s);<span class="comment">//Property的Converter属性就可以设置类型转换</span></span><br><span class="line">            pmc.Add(pp);</span><br><span class="line">            propertyGrid1.SelectObject = pmc;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
+</ul>
+<p>效果图如下：</p>
+<figure>
+<img data-src="https://i.loli.net/2020/07/21/ipstk1OyB7FGbd9.png"
+alt="20200721234055.png" />
+<figcaption aria-hidden="true">20200721234055.png</figcaption>
+</figure>
+<h2 id="属性编辑器">属性编辑器</h2>
+<p>使用属性编辑器实现路径选择，属性编辑器需要继承与UITypeEditor。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">//文件路径选择                                                                                                                     public class PropertyGridFileItem : UITypeEditor</span></span><br><span class="line">&#123;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> UITypeEditorEditStyle <span class="title">GetEditStyle</span>(<span class="params">System.ComponentModel.ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line"></span><br><span class="line">        <span class="keyword">return</span> UITypeEditorEditStyle.Modal;</span><br><span class="line"></span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">object</span> <span class="title">EditValue</span>(<span class="params">System.ComponentModel.ITypeDescriptorContext context, System.IServiceProvider provider, <span class="built_in">object</span> <span class="keyword">value</span></span>)</span></span><br><span class="line">    &#123;</span><br><span class="line"></span><br><span class="line">        IWindowsFormsEditorService edSvc =</span><br><span class="line">            (IWindowsFormsEditorService)provider.GetService(<span class="keyword">typeof</span>(IWindowsFormsEditorService));</span><br><span class="line"></span><br><span class="line">        <span class="keyword">if</span> (edSvc != <span class="literal">null</span>)</span><br><span class="line">        &#123;</span><br><span class="line"></span><br><span class="line">            <span class="comment">// 可以打开任何特定的对话框</span></span><br><span class="line"></span><br><span class="line">            OpenFileDialog dialog = <span class="keyword">new</span> OpenFileDialog();</span><br><span class="line"></span><br><span class="line">            dialog.AddExtension = <span class="literal">false</span>;</span><br><span class="line"></span><br><span class="line">            <span class="keyword">if</span> (dialog.ShowDialog().Equals(DialogResult.OK))</span><br><span class="line">            &#123;</span><br><span class="line"></span><br><span class="line">                <span class="keyword">return</span> dialog.FileName;</span><br><span class="line"></span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">value</span>;</span><br><span class="line"></span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>使用方法：</p>
+<ul>
+<li><p>在属性上方添加标记[EditorAttribute(typeof(PropertyGridFileItem),
+typeof(System.Drawing.Design.UITypeEditor))]</p></li>
+<li><p>使用代码</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">Form_load</span>(<span class="params"><span class="built_in">object</span> sender, EventArgs e</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    PropertyManageCls pmc = <span class="keyword">new</span> PropertyManageCls();</span><br><span class="line">    Property pp = <span class="keyword">new</span> Property(txtname.Text,txtvalue.Text, <span class="literal">false</span>, <span class="literal">true</span>);</span><br><span class="line">    pp.Category = <span class="string">&quot;基本信息&quot;</span>;</span><br><span class="line">    pp.DisplayName = <span class="string">&quot;我的ID&quot;</span>;</span><br><span class="line">    pp.Editor= <span class="keyword">new</span> PropertyGridFileItem();<span class="comment">//Property的Editor属性就可以设置属性编辑</span></span><br><span class="line">    pmc.Add(pp);</span><br><span class="line">    propertyGrid1.SelectObject = pmc;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
+</ul>
+<p>效果图如下：</p>
+<p><img data-src="https://i.loli.net/2020/07/21/NgqsPfShQpMvyTa.png" /></p>
+<h2 id="自定义要显示的属性">自定义要显示的属性</h2>
+<p>PropertyGrid
+默认显示所有的公开属性，包括父类的公开属性。在使用的过程中，我们可能会有如下需求：</p>
+<ul>
+<li>只想显示子类的某些属性，而父类因为某些原因不能将它的属性标记为
+[Browsable(false)]</li>
+<li>想通过自定义的 Attribute 来控制属性的显示</li>
+</ul>
+<p>这个时候，我们就需要对显示的属性进行筛选。我们通过实现
+ICustomTypeDescriptor，然后重写方法
+<code>public PropertyDescriptorCollection GetProperties(Attribute[] attributes)</code>
+来实现。</p>
+<p>实现部分代码如下：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">NamedGroup</span> :<span class="title">ICustomTypeDescriptor</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="meta">#<span class="keyword">region</span> ICustomTypeDescriptor</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> AttributeCollection <span class="title">GetAttributes</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetAttributes(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">string</span> <span class="title">GetClassName</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetClassName(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">string</span> <span class="title">GetComponentName</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetComponentName(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> TypeConverter <span class="title">GetConverter</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetConverter(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptor <span class="title">GetDefaultEvent</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetDefaultEvent(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptor <span class="title">GetDefaultProperty</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetDefaultProperty(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">object</span> <span class="title">GetEditor</span>(<span class="params">Type editorBaseType</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEditor(<span class="keyword">this</span>, editorBaseType, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptorCollection <span class="title">GetEvents</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEvents(<span class="keyword">this</span>, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> EventDescriptorCollection <span class="title">GetEvents</span>(<span class="params">Attribute[] attributes</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetEvents(<span class="keyword">this</span>, attributes, <span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="built_in">object</span> <span class="title">GetPropertyOwner</span>(<span class="params">PropertyDescriptor pd</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">this</span>;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="comment">// 修改此属性，进行展示</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptorCollection <span class="title">GetProperties</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> TypeDescriptor.GetProperties(<span class="keyword">this</span>,<span class="literal">true</span>);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> PropertyDescriptorCollection <span class="title">GetProperties</span>(<span class="params">Attribute[] attributes</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">// 特别注意，此处的 true 代表不使用当前类的 GetProperties 方法来获取属性，默认为 false,这会导致无限循环，从而导致栈溢出</span></span><br><span class="line">        PropertyDescriptorCollection pdc = TypeDescriptor.GetProperties(<span class="keyword">this</span>, attributes, <span class="literal">true</span>);</span><br><span class="line">        PropertyDescriptor[] properties = pdc.Cast&lt;PropertyDescriptor&gt;().Where(item =&gt; item.Attributes.Cast&lt;Attribute&gt;().Any(itemA =&gt; itemA <span class="keyword">is</span> BrowsableAttribute ba &amp;&amp; ba.Browsable)).ToArray();</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">new</span> PropertyDescriptorCollection(properties);</span><br><span class="line">    &#125;    </span><br><span class="line">    <span class="meta">#<span class="keyword">endregion</span></span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="致谢">致谢</h2>
+<p>[1]. 本文来源：<a
+href="https://blog.csdn.net/lxping1012/article/details/7073944">C#自定义PropertyGrid属性</a></p>
+<h2 id="更多参考资料">更多参考资料</h2>
+<p>[1]. <a
+href="http://blog.csdn.net/luyifeiniu/article/details/5426960#创建%20PropertyGrid%20控件">PropertyGrid控件心得</a></p>
+<p>[2]. <a
+href="http://www.codeproject.com/KB/tabs/customizingcollectiondata.aspx">Customized
+display of collection data in a PropertyGrid</a></p>
+<p>[3]. <a
+href="http://msdn.microsoft.com/en-us/library/8cexyz1e">TypeConverter的层次结构</a></p>
+<p>[4]. <a
+href="http://topic.csdn.net/u/20100827/11/5524219a-4457-4921-b8f2-b4c63bc6b016.html">关于PropertyGrid中属性的值动态从数据库取出</a></p>
+<p>[5]. <a
+href="http://blog.csdn.net/akron/article/details/2750566">动态可订制属性的
+PropertyGrid</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>.NET</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>在可以调用 OLE 之前，必须将当前线程设置为单线程单元(STA)模式</title>
+    <url>/posts/2020/16SCXPH.html</url>
+    <content><![CDATA[<p>用 C# 写了一个服务，为了能够方便调试，于是又写了一个 winform
+程序。当我在这个程序中打开一个文件对话框时，出现了如下错误。</p>
+<figure>
+<img
 data-src="https://img2018.cnblogs.com/i-beta/1857359/201911/1857359-20191106115153805-1080565665.png"
+alt="img" />
+<figcaption aria-hidden="true">img</figcaption>
+</figure>
+<span id="more"></span>
+<h2 id="解决方案">解决方案</h2>
+<p>通过寻找相关资料，了解到了STA单元模式和COM对象，总的来说：winform中，很多控件是COM对象，这样的对象只能被sta模式中的线程所调用。</p>
+<p>解决办法有两种：</p>
+<ul>
+<li><p>第一种：在主方法上加上[STAThread]特性标签</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">[<span class="meta">STAThread</span>]</span><br><span class="line"><span class="function"><span class="keyword">static</span> <span class="keyword">void</span> <span class="title">Main</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">  Application.EnableVisualStyles();</span><br><span class="line">  Application.SetCompatibleTextRenderingDefault(<span class="literal">false</span>);</span><br><span class="line">  Application.Run(<span class="keyword">new</span> LogInForm());</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
+<li><p>第二种：将线程的单元状态设置为单线程单元，thread.SetApartmentState(ApartmentState.STA)</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">Thread th = <span class="keyword">new</span> Thread(()=&gt; <span class="keyword">new</span> Form1().ShowDialog());</span><br><span class="line">th.SetApartmentState(ApartmentState.STA);</span><br><span class="line">th.Start();</span><br></pre></td></tr></table></figure></li>
+</ul>
+<p>在代码里面，我的 Main 已经声明了 <code>[STAThread]</code>
+特性，但是依然报错，我想，可能是因为是服务的问题。最后采用了第二种方法解决了。</p>
+<p>特此记录，以免今后遗忘。</p>
+<h2 id="致谢">致谢</h2>
+<p>本文摘抄至：<a
+href="https://www.cnblogs.com/qwfy-y/archive/2004/01/13/11804599.html">妄揽明月</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>.NET</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>PropertyGrid 中实现动态的下拉选项</title>
+    <url>/posts/2020/3GJFFVV.html</url>
+    <content><![CDATA[<p>在使用 PropertyGrid 控件中，有时候我们在属性的上面添加类型转换特性
+(TypeConverterAttribute) 来自定义下拉选项。</p>
+<p>这个时候，我们可能会有这样的要求，一个属性的改变会导致另一个属性的候选项发生改变，也就是说，我们需要为特定属性设置动态的下拉选项。</p>
+<span id="more"></span>
+<p>此处以 StringConverter 为例。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">RebarDiameterConverter</span>:<span class="title">StringConverter</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">private</span> List&lt;<span class="built_in">string</span>&gt; _diameters = <span class="keyword">new</span> List&lt;<span class="built_in">string</span>&gt;() &#123; <span class="string">&quot;φ8&quot;</span>,<span class="string">&quot;φ10&quot;</span>,<span class="string">&quot;φ12&quot;</span>, <span class="string">&quot;φ14&quot;</span>, <span class="string">&quot;φ16&quot;</span>, <span class="string">&quot;φ18&quot;</span>, &#125;;</span><br><span class="line"></span><br><span class="line">    <span class="comment">//true enable,false disable</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">GetStandardValuesSupported</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">true</span>;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> StandardValuesCollection <span class="title">GetStandardValues</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">if</span>(context!=<span class="literal">null</span> &amp;&amp; context.Instance <span class="keyword">is</span> ISwRebarProperty rebar)</span><br><span class="line">        &#123;</span><br><span class="line">            _diameters = swOpenRoadsSDK.ParseSpecificationXml.Instance.GetSpecifications(rebar.FeatureName);</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">new</span> StandardValuesCollection(_diameters.ToArray()); <span class="comment">//编辑下拉框中的items</span></span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="comment">//true: disable text editting.    false: enable text editting;</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">GetStandardValuesExclusive</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">true</span>;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>在 GetStandardValues 方法中，会传递下来一个 context, 而
+context.Instance
+就是调用该转换器的实例，所以，将它转换成相应的对象，然后利用对象里面的值来动态生成下拉选项。</p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>.NET</tag>
       </tags>
   </entry>
   <entry>
@@ -15409,6 +15387,25 @@ href="https://blog.csdn.net/binnygoal/article/details/79557746">非常完善的L
         <tag>LiteDB</tag>
       </tags>
   </entry>
+  <entry>
+    <title>VS 中 C# 开发语法糖</title>
+    <url>/posts/2021/BKEMB5.html</url>
+    <content><![CDATA[<p>在进行C#开发的过程中，有一些语法糖，可以提升开发体验和提高代码阅读性，特作此总结。</p>
+<span id="more"></span>
+<h2 id="弃用-out-值">弃用 out 值</h2>
+<p>如果一个方法有多个 out 参数，当在使用时，不需要某些参数时，可以使用
+<code>out _</code> 进行占位放弃。示例：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 定义</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">bool</span> <span class="title">IsRebar</span>(<span class="params">Element ele,<span class="keyword">out</span> <span class="built_in">string</span> reason,<span class="keyword">out</span> <span class="built_in">double</span> diameter</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    ...实现代码</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 使用</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">Test</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">    Element ele;</span><br><span class="line">    <span class="comment">// 第一个 reason 不需要，所以使用 out _ 来占位，表示弃用</span></span><br><span class="line">    If(IsRebar(ele,<span class="keyword">out</span> _,<span class="keyword">out</span> <span class="built_in">double</span> diameter))</span><br><span class="line">    &#123;</span><br><span class="line">        ...</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>开发技巧</tag>
+      </tags>
+  </entry>
   <entry>
     <title>有价值文章汇总</title>
     <url>/posts/2022/1T9FB4F.html</url>
@@ -15479,25 +15476,28 @@ VS
       </tags>
   </entry>
   <entry>
-    <title>PropertyGrid 中实现动态的下拉选项</title>
-    <url>/posts/2020/3GJFFVV.html</url>
-    <content><![CDATA[<p>在使用 PropertyGrid 控件中，有时候我们在属性的上面添加类型转换特性
-(TypeConverterAttribute) 来自定义下拉选项。</p>
-<p>这个时候，我们可能会有这样的要求，一个属性的改变会导致另一个属性的候选项发生改变，也就是说，我们需要为特定属性设置动态的下拉选项。</p>
+    <title>前端好用工具</title>
+    <url>/posts/2022/1QF32WJ.html</url>
+    <content><![CDATA[<p>本文主要收集一些好用的前端开发工具，方便在开发中使用。</p>
 <span id="more"></span>
-<p>此处以 StringConverter 为例。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">RebarDiameterConverter</span>:<span class="title">StringConverter</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">private</span> List&lt;<span class="built_in">string</span>&gt; _diameters = <span class="keyword">new</span> List&lt;<span class="built_in">string</span>&gt;() &#123; <span class="string">&quot;φ8&quot;</span>,<span class="string">&quot;φ10&quot;</span>,<span class="string">&quot;φ12&quot;</span>, <span class="string">&quot;φ14&quot;</span>, <span class="string">&quot;φ16&quot;</span>, <span class="string">&quot;φ18&quot;</span>, &#125;;</span><br><span class="line"></span><br><span class="line">    <span class="comment">//true enable,false disable</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">GetStandardValuesSupported</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">true</span>;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> StandardValuesCollection <span class="title">GetStandardValues</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">if</span>(context!=<span class="literal">null</span> &amp;&amp; context.Instance <span class="keyword">is</span> ISwRebarProperty rebar)</span><br><span class="line">        &#123;</span><br><span class="line">            _diameters = swOpenRoadsSDK.ParseSpecificationXml.Instance.GetSpecifications(rebar.FeatureName);</span><br><span class="line">        &#125;</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">new</span> StandardValuesCollection(_diameters.ToArray()); <span class="comment">//编辑下拉框中的items</span></span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="comment">//true: disable text editting.    false: enable text editting;</span></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">override</span> <span class="built_in">bool</span> <span class="title">GetStandardValuesExclusive</span>(<span class="params">ITypeDescriptorContext context</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="literal">true</span>;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>在 GetStandardValues 方法中，会传递下来一个 context, 而
-context.Instance
-就是调用该转换器的实例，所以，将它转换成相应的对象，然后利用对象里面的值来动态生成下拉选项。</p>
+<p>站酷：https://www.zcool.com.cn/search/folder/fix?word=%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F</p>
+<p>icon：https://remixicon.com/ 、https://iconic.app/aerial/ 、
+https://fontawesome.com/v5.15/icons?d=gallery&amp;p=2&amp;m=free</p>
+<p>调色板：https://arco.design/palette/list</p>
+<p>插画：https://undraw.co/illustrations 、
+https://icons8.cn/illustrations/style--pale</p>
+<p>动画库：vue版本https://motion.vueuse.org/
+、react版本https://motion.ant.design/language/transition-cn</p>
+<p>美工吧：https://www.meigong8.com/</p>
+<p>css指南集合：https://tsejx.github.io/css-guidebook/concept/selector/
+、https://chokcoco.github.io/CSS-Inspiration/#/</p>
 ]]></content>
       <categories>
         <category>Develop</category>
-        <category>DotNET</category>
+        <category>FrontEnd</category>
       </categories>
       <tags>
-        <tag>C#</tag>
-        <tag>.NET</tag>
+        <tag>FrontEnd</tag>
       </tags>
   </entry>
   <entry>
@@ -15744,6 +15744,306 @@ href="https://jstool.gitlab.io/zh-cn/demo/exceljs-vs-sheetjs-vs-xlsx-populate/">
         <tag>Javasript</tag>
       </tags>
   </entry>
+  <entry>
+    <title>邮件群发助手文档</title>
+    <url>/posts/2020/2QMK677.html</url>
+    <content><![CDATA[<h2 id="简介">🥝简介</h2>
+<p><img data-src="https://s2.loli.net/2022/01/19/Bsy26dFngOPvzwG.png" /></p>
+<p>本程序名为“邮件群发助手”，旨在实现邮件发送自动化，批量化和内容可定制化。最简单的应用场景就是财务可以利用它向员工发送每个人对应的工资条。</p>
+<span id="more"></span>
+<h2 id="特点">🍎特点</h2>
+<ol type="1">
+<li><p>支持多个发件人</p>
+<p>可以添加多个<strong>不同的</strong>发件人，同时发件，提高发件效率。</p></li>
+<li><p>支持多个收件人</p>
+<p>可以添加多个收件人，实现批量发送</p></li>
+<li><p>多个发件人多线程并发发送</p>
+<p>每个发件人采用单独的线程进行发送，所以一个线程挂掉之后并不会使发件进程停止，会由其它发件的所在线程继续发件。</p></li>
+<li><p>失败自动重发</p>
+<p>当有多个发件箱时，若 A 发件箱发件失败后，会转由 B
+发件箱继续进行发送。</p>
+<p>如果仅有一个发件箱，当发件失败后，会在其它邮件发送完成后，再次发送，可重发次数最大为5次。</p></li>
+<li><p>支持邮件内容模板的自定义</p>
+<p>模板完全可自定义，可根据需要定义自己所需的模板，并保存到模板库，实现模板的复用。模板板采用
+html 格式定义，程序也提供可视化界面进行编辑。</p>
+<p>对于新手和大神都很友好。</p></li>
+<li><p>支持无限变量，使得模板内容根据数据自动变化</p>
+<p>可以在模板中引入变量，在发送的过程中，会自动将变量值替换成其真实的值进行发送，可以实现同一套模板，不同的收件人，接收的具体内容不同。</p></li>
+<li><p>支持失败手动重发</p>
+<p>所有的发送过程都有记录，对于未发送成功的邮件，可以在发送任务完成后，手动进行重发。</p>
+<p>重发过程也支持多线程。</p></li>
+<li><p>支持内容转为图片发送和图文混发</p></li>
+<li><p>支持发件箱每日发件总量限制</p></li>
+<li><p>支持抄送</p>
+<p>支持多封邮件抄送到特定邮箱或者不同邮件抄送到不同的邮箱。</p></li>
+</ol>
+<h2 id="使用环境要求">🍇使用环境要求</h2>
+<ol type="1">
+<li><p>windows 7 及以上</p></li>
+<li><p>.NET Framework 4.6.2
+及以上，下载地址：https://dotnet.microsoft.com/download/dotnet-framework</p></li>
+<li><p>webview2环境，下载地址：https://developer.microsoft.com/zh-cn/microsoft-edge/webview2/</p></li>
+</ol>
+<h2 id="如何使用">😃如何使用</h2>
+<p><strong>编译版本：</strong></p>
+<ol type="1">
+<li>下载程序，解压到自定义目录；</li>
+<li>单击 <code>邮件批量发送.exe</code> 运行。</li>
+</ol>
+<p><strong>手动编译：</strong></p>
+<ol type="1">
+<li>克隆仓库，切换到 <code>master</code> 分支；</li>
+<li>通过终端进入到 <code>UI</code> 目录，在此处运行
+<code>npm install</code> 安装依赖包，然后执行
+<code>npm run build:prod</code> 进行编译；</li>
+<li>打开 <code>Server</code>，用 <code>visual studio 2019</code>
+或更高版本打开 <code>Server.sln</code>，打开后编为
+<code>release；</code></li>
+<li>将第 3 步编译的 <code>dist</code> 文件夹内所有文件夹及文件拷贝到
+<code>release</code> 的 <code>public</code>
+目录中（如果没有，请新建）；</li>
+<li>至此，编译完成。单击 release 中的 <code>邮件批量发送.exe</code>
+即可运行。</li>
+</ol>
+<blockquote>
+<p>注意，上述两种方法都需要 <code>webview2</code>
+运行环境的支持，请提前自行安装。</p>
+</blockquote>
+<h2 id="发件步骤">📫发件步骤</h2>
+<ol type="1">
+<li>添加发件箱（已添加请忽略）</li>
+<li>添加收件箱（已添加请忽略）</li>
+<li>导入所需模板（已添加请忽略）</li>
+<li>打开【新建发件】，输入主题 --&gt; 选择收件人 --&gt; 选择模板 --&gt;
+选择数据 --&gt;预览确认发件数量和模板正确性 --&gt; 退出预览
+--&gt;点击【发送】</li>
+<li>如果提示发送失败，转到【发件历史】，进行重发</li>
+</ol>
+<h3 id="邮件经常进发件箱怎么办">邮件经常进发件箱怎么办</h3>
+<p>可以使用 <a href="https://www.mail-tester.com/">Newsletters spam test
+by mail-tester.com</a> 检查待发邮件的内容。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220428140629151.png"
+alt="image-20220428140629151" />
+<figcaption aria-hidden="true">image-20220428140629151</figcaption>
+</figure>
+<h2 id="功能介绍">🥑功能介绍</h2>
+<h3 id="登陆界面">登陆界面</h3>
+<p><img data-src="https://s2.loli.net/2022/01/19/Bsy26dFngOPvzwG.png" /></p>
+<p>如果系统中不存在账号名称，则系统会自动新建账号。</p>
+<blockquote>
+<p>特别注意：</p>
+<p>注册的信息是保存在本地的数据库中。</p>
+<p>每个用户的数据是隔离的，不能相互访问</p>
+</blockquote>
+<h3 id="首页">首页</h3>
+<p><img data-src="https://s2.loli.net/2022/01/19/hzJpqRrd6YLs4Ob.png" /></p>
+<p>首页为欢迎页面。在首页中，会加载左下角的 Live2d
+模块，如果不需要，可以手动关闭。</p>
+<p>首页主要展示的内容有：</p>
+<ul>
+<li>所有发件的送达率</li>
+<li>收件箱类型和对应的总数量</li>
+</ul>
+<h3 id="系统设置">系统设置</h3>
+<p><img data-src="https://s2.loli.net/2022/01/19/AZ79QPEed1qCIxt.png" /></p>
+<ul>
+<li><p>发件间隔</p>
+<p>为了避免因频繁发送邮件而导致被服务器认为是垃圾邮箱，所以，发送两封邮件之间需要有一定的时间间隔，为了使得发送时间间隔具有不规律性，用间隔范围来进行控制</p>
+<p>实际发件间隔值 = 最小值 +
+（0，1）之间的随机数*（最大值-最小值）</p></li>
+<li><p>单邮箱每日发件总数</p>
+<p>控制单个邮箱每是发件的总数，避免因发件数量超过每个邮件服务提供商规定的每日发件量，从而导致发件失败。</p></li>
+<li><p>自动重发</p>
+<p>勾选后，在发送中，会对失败的邮件重新发送，当重发次数超过 5
+次，则会退出重发。对于重发失败的，可以在【发件历史】中重新发送。</p>
+<p>重发会从现有的发件线程中轮流去发件，一个发件箱失败后，会转到另一个发件箱去发送。</p></li>
+<li><p>图文混发</p>
+<p>勾选后，在发件过程中，程序会将一半的 html
+内容转成图片（dataUrl）来进行发送。</p>
+<blockquote>
+<p><strong>注意</strong></p>
+<p>截止2022-01-19为止，转成图片功能不支持对内容的图片进行转换。如果内容中本身有图片，请不要勾选该设置。</p>
+</blockquote></li>
+</ul>
+<h3 id="邮箱管理">邮箱管理</h3>
+<h4 id="发件人">发件人</h4>
+<p><img data-src="https://i.loli.net/2021/09/02/UEqygPt4r7vHZfF.png" /></p>
+<p>此处用于管理发件人信息。下面列出在使用中需要注意的功能进行说明：</p>
+<p><strong>组管理：</strong></p>
+<p><img data-src="https://i.loli.net/2021/09/02/yk4sDP3BATedCn5.png" /></p>
+<p>界面内左侧为分组区域，在此区域右键可以弹出上下文菜单，其功能分别为【添加组】、【添加子组】、【修改】和【删除】。其作用如其名，不多赘述。</p>
+<p><strong>从EXCEL导入：</strong></p>
+<p>批量从 Excel 中导入发件箱。在使用批量添加发件人功能时，Excel
+表中第一行为表头，必须含有
+<code>userName</code>、<code>email</code>、<code>smtp</code>、<code>password</code>
+这些表头，可以参考 Excel 模板中的 “发件人” Sheet 来规范格式。</p>
+<blockquote>
+<p>特别注意</p>
+<p>发件采用的 SMTP
+服务器，所以，它的密码并不是邮箱的密码，而是登陆邮箱后，自己申请的 SMTP
+密码。</p>
+<p>比如，163邮箱 SMTP
+密码获取方式如下：https://www.yisu.com/zixun/97973.html</p>
+</blockquote>
+<h4 id="收件人">收件人</h4>
+<p><img data-src="https://i.loli.net/2021/09/02/PzjDUuBHa8Y1rnJ.png" /></p>
+<p>该模块主要用于对收件箱的分组和管理，使用方式、注意要点与发件人一致。</p>
+<p>收件箱只需要姓名和邮箱。</p>
+<h4 id="正文模板">正文模板</h4>
+<p><img data-src="https://i.loli.net/2021/09/02/k37Cm4cyNvxbPD8.png" /></p>
+<p>在【正文模板】用于管理用户下的所有模板，它是 html
+格式，可以使用两种方式进行添加：</p>
+<ul>
+<li><p>导入 HTML</p>
+<p>先在外面用 html
+定义好模板，然后通过上述中的【导入模板】功能将定义的模板导入到系统。对于自定义的
+html 模板，要求其中的 css 必须为行内 css。可以通过
+http://automattic.github.io/juice/ 自动将 css 合并到标签。</p></li>
+<li><p>直接编辑</p>
+<p>可以选择【编辑模板】功能通过程序自带的编辑器添加模板。</p></li>
+</ul>
+<h5 id="模板变量">模板变量</h5>
+<p>在模板的编写过程中，可以使用双花括号来标记为变量，在发件的过程中，程序会在数据中查找该变量，如果查找到，就会使用实际的数据将变量替换掉。</p>
+<p>变量定义的格式是为：。</p>
+<blockquote>
+<p>在发件中，模板也可以因发件人而异，需要在数据中增加 template
+列来覆盖通用的模板。具体参考发件篇。</p>
+</blockquote>
+<p>程序有一些默认变量，在数据中可以覆盖这些变量，来实现各种需求：</p>
+<table>
+<colgroup>
+<col style="width: 15%" />
+<col style="width: 10%" />
+<col style="width: 75%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>变量名</th>
+<th>是否必须</th>
+<th style="text-align: left;">描述</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>userName</td>
+<td>*</td>
+<td
+style="text-align: left;">收件人的用户名，必须是发件箱中的用户名，且要保证唯一性</td>
+</tr>
+<tr class="even">
+<td>body</td>
+<td></td>
+<td style="text-align: left;">邮件正文内容，支持
+HTML。如果数据中有该值，则不会使用模板中的数据，body 也可以使用变量</td>
+</tr>
+<tr class="odd">
+<td>template</td>
+<td></td>
+<td
+style="text-align: left;">正文模板中的模板名称。如果数据中有该值，则会覆盖全局选择的模板。body
+的优先级高于 template</td>
+</tr>
+<tr class="even">
+<td>attachments</td>
+<td></td>
+<td
+style="text-align: left;">附件全路径，多个附件间用英文分号分隔。如果数据中有该值，则会覆盖全局的附件</td>
+</tr>
+<tr class="odd">
+<td>copyToEmails</td>
+<td></td>
+<td
+style="text-align: left;">抄送人用户名，多个用户名之间用分号分隔。如果数据中有该值，则会覆盖全局的抄送人</td>
+</tr>
+</tbody>
+</table>
+<h3 id="发件管理">发件管理</h3>
+<h4 id="新建发件">新建发件</h4>
+<p><img data-src="https://s2.loli.net/2022/01/19/7dmnFqh8OxN5Rre.png" /></p>
+<p>此处新建发件。</p>
+<p><strong>主题：</strong></p>
+<p>发件的主题是必须的，主有两个作用：一是为邮件的主题，二是同一次发件将会归到一个发件历史记录中，该主题为历史记录组的名称。</p>
+<p>主题也支持变量声明，比如：-工资明细<code>，</code>日期`即为定义的变量，在发送邮件时，它将被替换成
+Excel 表中的实际数据。</p>
+<p><strong>收件人：</strong></p>
+<figure>
+<img data-src="https://i.loli.net/2021/09/02/zZRCqr459ylHt3g.png"
+alt="20210902080111.png" />
+<figcaption aria-hidden="true">20210902080111.png</figcaption>
+</figure>
+<p>收件人选择框如上图，在选择收件人的时候，可以选择收件组，也可以选择组中的收件人。在选择的过程中，不需要担心收件人重复问题，系统会在后台自动去重。选择完成后，点击白色窗体空白部分即可确认和退出选择。</p>
+<p><strong>收件人：</strong></p>
+<p>可在此处选择收件人。选择收件人的优先级高于数据中的
+<code>userName</code>
+对应的收件人，如果选择了收件人，则发件数量等于选择的收件人数量，此时数据表只提供相应数据，数据表中多余的发件定义都不会发送。</p>
+<p>如果要按数据中的邮件来发件，收件人应当为空。</p>
+<p><strong>抄送人：</strong></p>
+<p>添加抄送人。如果选择该项，则所有的发件都会抄送给选择的抄送人。抄送人可以在数据中通过
+<code>copyToEmails</code>
+来覆盖全局抄送，实现不同邮件抄送给不同的人。<code>copyToEmails</code>
+中的数据是收件箱中的用户名(姓名)，多个用户名之间用分号分隔。</p>
+<p><strong>模板:</strong></p>
+<p>此处的模板即为邮件的正文内容，选择我们需要的模板即可。</p>
+<p>在发件中，可以针对每个收件人设置单独的模板，需要在数据表中增加
+<code>template</code> 列，并填入所需的模板名称。</p>
+<p>除了自定义模板外，也可以直接针对每个收件人自定义内容，需要在数据表中增加
+<code>body</code> 列，并填入发送的主体内容。</p>
+<p>自定义内容的优先级高于自定义模板。</p>
+<blockquote>
+<p>对单个收件人的自定义模板和自定义内容均支持变量声明。</p>
+</blockquote>
+<p><strong>数据：</strong></p>
+<p>选择模板后，还需要选择对应的数据。此处数据中的表头要与模板中定义的变量有对应关系，且数据中必须包含
+<code>useName</code> 列，用于与发件箱匹配。</p>
+<blockquote>
+<p><strong>注意：</strong></p>
+<p>在发件之前，请点击预览，复核发件的数量是否正确，模板数据是否按预想修改。如果发件数量或者数据不正确，请复核
+excel 数据是否正确。</p>
+</blockquote>
+<p><strong>预览：</strong></p>
+<p><img data-src="https://i.loli.net/2021/09/02/nQGt3Deh2CrO7Xu.png" /></p>
+<h4 id="发件历史">发件历史</h4>
+<p><img data-src="https://i.loli.net/2021/09/02/EGNnkcAXY4PrKIQ.png" /></p>
+<p>发件历史显示历次所发的所有邮件记录，一次发送记录为一条历史。单击详细可以查看该次历史下所有的发件。如果有发件失败的，可以点【重发】进行发送，只会重发失败的邮件。</p>
+<h2 id="技术栈">⚒技术栈</h2>
+<p>本系统采用前后端分离的模式进行开发。</p>
+<p><strong>前端：</strong></p>
+<p>javascript + vue + element-admin + quasar</p>
+<p>基于 element-admin 的框架，采用 quasar 组件进行界面开发。</p>
+<p><strong>后端：</strong></p>
+<p>C# + WPF + Stylet + EmbedIO + SuperSocket.Websocet</p>
+<p>基于 Stylet 的轻量 MVVM 框架进行开发，使用 EmbedIO 为前端提供网页和
+API 服务。利用 SuperSocket.Websocket 为前后端提供双工通信能力。</p>
+<h2 id="反馈与建议">❤反馈与建议</h2>
+<p>如果你在使用中发现了 bug,
+或者对该软件有任何建议，都欢迎联系我，让我们将这款软件一起变得更优秀吧！</p>
+<p>bug 反馈优先选择<a
+href="https://github.com/GalensGan/SendMultipleEmails/issues">Github
+Issues</a>，这样我能第一时间知道。</p>
+<p>如果有紧急问题，请通过邮件联系。</p>
+<p>QQ 和 QQ 群会不定时查看，所以不会很及时。</p>
+<h2 id="联系方式">🤝联系方式</h2>
+<p>QQ群：877458612</p>
+<p>邮箱：260827400@qq.com</p>
+<p>GitHub：https://github.com/GalensGan/SendMultipleEmails</p>
+<p>个人主页：https://galens.uamazing.cn</p>
+<h2 id="致谢名单">👍致谢名单</h2>
+<p>感谢老铁们对该软件的肯定，感谢大家的支持与鼓励！</p>
+<p>感谢 QQ 用户 <code>来了来了</code>、<code>Me</code> 协助管理 QQ
+群。</p>
+<p>感谢以下用户的赞助（按先后时间排序）！</p>
+<p>磊、鹏</p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>MyIdeas</category>
+      </categories>
+      <tags>
+        <tag>邮件群发助手</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
   <entry>
     <title>developer-lazy-tool</title>
     <url>/posts/2021/3NEM1KV.html</url>
@@ -15904,322 +16204,6 @@ name，则命名为空，不能指定参数名来引用。</p>
         <tag>galens</tag>
       </tags>
   </entry>
-  <entry>
-    <title>邮件群发助手文档</title>
-    <url>/posts/2020/2QMK677.html</url>
-    <content><![CDATA[<h2 id="简介">🥝简介</h2>
-<p><img data-src="https://s2.loli.net/2022/01/19/Bsy26dFngOPvzwG.png" /></p>
-<p>本程序名为“邮件群发助手”，旨在实现邮件发送自动化，批量化和内容可定制化。最简单的应用场景就是财务可以利用它向员工发送每个人对应的工资条。</p>
-<span id="more"></span>
-<h2 id="特点">🍎特点</h2>
-<ol type="1">
-<li><p>支持多个发件人</p>
-<p>可以添加多个<strong>不同的</strong>发件人，同时发件，提高发件效率。</p></li>
-<li><p>支持多个收件人</p>
-<p>可以添加多个收件人，实现批量发送</p></li>
-<li><p>多个发件人多线程并发发送</p>
-<p>每个发件人采用单独的线程进行发送，所以一个线程挂掉之后并不会使发件进程停止，会由其它发件的所在线程继续发件。</p></li>
-<li><p>失败自动重发</p>
-<p>当有多个发件箱时，若 A 发件箱发件失败后，会转由 B
-发件箱继续进行发送。</p>
-<p>如果仅有一个发件箱，当发件失败后，会在其它邮件发送完成后，再次发送，可重发次数最大为5次。</p></li>
-<li><p>支持邮件内容模板的自定义</p>
-<p>模板完全可自定义，可根据需要定义自己所需的模板，并保存到模板库，实现模板的复用。模板板采用
-html 格式定义，程序也提供可视化界面进行编辑。</p>
-<p>对于新手和大神都很友好。</p></li>
-<li><p>支持无限变量，使得模板内容根据数据自动变化</p>
-<p>可以在模板中引入变量，在发送的过程中，会自动将变量值替换成其真实的值进行发送，可以实现同一套模板，不同的收件人，接收的具体内容不同。</p></li>
-<li><p>支持失败手动重发</p>
-<p>所有的发送过程都有记录，对于未发送成功的邮件，可以在发送任务完成后，手动进行重发。</p>
-<p>重发过程也支持多线程。</p></li>
-<li><p>支持内容转为图片发送和图文混发</p></li>
-<li><p>支持发件箱每日发件总量限制</p></li>
-<li><p>支持抄送</p>
-<p>支持多封邮件抄送到特定邮箱或者不同邮件抄送到不同的邮箱。</p></li>
-</ol>
-<h2 id="使用环境要求">🍇使用环境要求</h2>
-<ol type="1">
-<li><p>windows 7 及以上</p></li>
-<li><p>.NET Framework 4.6.2
-及以上，下载地址：https://dotnet.microsoft.com/download/dotnet-framework</p></li>
-<li><p>webview2环境，下载地址：https://developer.microsoft.com/zh-cn/microsoft-edge/webview2/</p></li>
-</ol>
-<h2 id="如何使用">😃如何使用</h2>
-<p><strong>编译版本：</strong></p>
-<ol type="1">
-<li>下载程序，解压到自定义目录；</li>
-<li>单击 <code>邮件批量发送.exe</code> 运行。</li>
-</ol>
-<p><strong>手动编译：</strong></p>
-<ol type="1">
-<li>克隆仓库，切换到 <code>master</code> 分支；</li>
-<li>通过终端进入到 <code>UI</code> 目录，在此处运行
-<code>npm install</code> 安装依赖包，然后执行
-<code>npm run build:prod</code> 进行编译；</li>
-<li>打开 <code>Server</code>，用 <code>visual studio 2019</code>
-或更高版本打开 <code>Server.sln</code>，打开后编为
-<code>release；</code></li>
-<li>将第 3 步编译的 <code>dist</code> 文件夹内所有文件夹及文件拷贝到
-<code>release</code> 的 <code>public</code>
-目录中（如果没有，请新建）；</li>
-<li>至此，编译完成。单击 release 中的 <code>邮件批量发送.exe</code>
-即可运行。</li>
-</ol>
-<blockquote>
-<p>注意，上述两种方法都需要 <code>webview2</code>
-运行环境的支持，请提前自行安装。</p>
-</blockquote>
-<h2 id="发件步骤">📫发件步骤</h2>
-<ol type="1">
-<li>添加发件箱（已添加请忽略）</li>
-<li>添加收件箱（已添加请忽略）</li>
-<li>导入所需模板（已添加请忽略）</li>
-<li>打开【新建发件】，输入主题 --&gt; 选择收件人 --&gt; 选择模板 --&gt;
-选择数据 --&gt;预览确认发件数量和模板正确性 --&gt; 退出预览
---&gt;点击【发送】</li>
-<li>如果提示发送失败，转到【发件历史】，进行重发</li>
-</ol>
-<h3 id="邮件经常进发件箱怎么办">邮件经常进发件箱怎么办</h3>
-<p>可以使用 <a href="https://www.mail-tester.com/">Newsletters spam test
-by mail-tester.com</a> 检查待发邮件的内容。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220428140629151.png"
-alt="image-20220428140629151" />
-<figcaption aria-hidden="true">image-20220428140629151</figcaption>
-</figure>
-<h2 id="功能介绍">🥑功能介绍</h2>
-<h3 id="登陆界面">登陆界面</h3>
-<p><img data-src="https://s2.loli.net/2022/01/19/Bsy26dFngOPvzwG.png" /></p>
-<p>如果系统中不存在账号名称，则系统会自动新建账号。</p>
-<blockquote>
-<p>特别注意：</p>
-<p>注册的信息是保存在本地的数据库中。</p>
-<p>每个用户的数据是隔离的，不能相互访问</p>
-</blockquote>
-<h3 id="首页">首页</h3>
-<p><img data-src="https://s2.loli.net/2022/01/19/hzJpqRrd6YLs4Ob.png" /></p>
-<p>首页为欢迎页面。在首页中，会加载左下角的 Live2d
-模块，如果不需要，可以手动关闭。</p>
-<p>首页主要展示的内容有：</p>
-<ul>
-<li>所有发件的送达率</li>
-<li>收件箱类型和对应的总数量</li>
-</ul>
-<h3 id="系统设置">系统设置</h3>
-<p><img data-src="https://s2.loli.net/2022/01/19/AZ79QPEed1qCIxt.png" /></p>
-<ul>
-<li><p>发件间隔</p>
-<p>为了避免因频繁发送邮件而导致被服务器认为是垃圾邮箱，所以，发送两封邮件之间需要有一定的时间间隔，为了使得发送时间间隔具有不规律性，用间隔范围来进行控制</p>
-<p>实际发件间隔值 = 最小值 +
-（0，1）之间的随机数*（最大值-最小值）</p></li>
-<li><p>单邮箱每日发件总数</p>
-<p>控制单个邮箱每是发件的总数，避免因发件数量超过每个邮件服务提供商规定的每日发件量，从而导致发件失败。</p></li>
-<li><p>自动重发</p>
-<p>勾选后，在发送中，会对失败的邮件重新发送，当重发次数超过 5
-次，则会退出重发。对于重发失败的，可以在【发件历史】中重新发送。</p>
-<p>重发会从现有的发件线程中轮流去发件，一个发件箱失败后，会转到另一个发件箱去发送。</p></li>
-<li><p>图文混发</p>
-<p>勾选后，在发件过程中，程序会将一半的 html
-内容转成图片（dataUrl）来进行发送。</p>
-<blockquote>
-<p><strong>注意</strong></p>
-<p>截止2022-01-19为止，转成图片功能不支持对内容的图片进行转换。如果内容中本身有图片，请不要勾选该设置。</p>
-</blockquote></li>
-</ul>
-<h3 id="邮箱管理">邮箱管理</h3>
-<h4 id="发件人">发件人</h4>
-<p><img data-src="https://i.loli.net/2021/09/02/UEqygPt4r7vHZfF.png" /></p>
-<p>此处用于管理发件人信息。下面列出在使用中需要注意的功能进行说明：</p>
-<p><strong>组管理：</strong></p>
-<p><img data-src="https://i.loli.net/2021/09/02/yk4sDP3BATedCn5.png" /></p>
-<p>界面内左侧为分组区域，在此区域右键可以弹出上下文菜单，其功能分别为【添加组】、【添加子组】、【修改】和【删除】。其作用如其名，不多赘述。</p>
-<p><strong>从EXCEL导入：</strong></p>
-<p>批量从 Excel 中导入发件箱。在使用批量添加发件人功能时，Excel
-表中第一行为表头，必须含有
-<code>userName</code>、<code>email</code>、<code>smtp</code>、<code>password</code>
-这些表头，可以参考 Excel 模板中的 “发件人” Sheet 来规范格式。</p>
-<blockquote>
-<p>特别注意</p>
-<p>发件采用的 SMTP
-服务器，所以，它的密码并不是邮箱的密码，而是登陆邮箱后，自己申请的 SMTP
-密码。</p>
-<p>比如，163邮箱 SMTP
-密码获取方式如下：https://www.yisu.com/zixun/97973.html</p>
-</blockquote>
-<h4 id="收件人">收件人</h4>
-<p><img data-src="https://i.loli.net/2021/09/02/PzjDUuBHa8Y1rnJ.png" /></p>
-<p>该模块主要用于对收件箱的分组和管理，使用方式、注意要点与发件人一致。</p>
-<p>收件箱只需要姓名和邮箱。</p>
-<h4 id="正文模板">正文模板</h4>
-<p><img data-src="https://i.loli.net/2021/09/02/k37Cm4cyNvxbPD8.png" /></p>
-<p>在【正文模板】用于管理用户下的所有模板，它是 html
-格式，可以使用两种方式进行添加：</p>
-<ul>
-<li><p>导入 HTML</p>
-<p>先在外面用 html
-定义好模板，然后通过上述中的【导入模板】功能将定义的模板导入到系统。对于自定义的
-html 模板，要求其中的 css 必须为行内 css。可以通过
-http://automattic.github.io/juice/ 自动将 css 合并到标签。</p></li>
-<li><p>直接编辑</p>
-<p>可以选择【编辑模板】功能通过程序自带的编辑器添加模板。</p></li>
-</ul>
-<h5 id="模板变量">模板变量</h5>
-<p>在模板的编写过程中，可以使用双花括号来标记为变量，在发件的过程中，程序会在数据中查找该变量，如果查找到，就会使用实际的数据将变量替换掉。</p>
-<p>变量定义的格式是为：。</p>
-<blockquote>
-<p>在发件中，模板也可以因发件人而异，需要在数据中增加 template
-列来覆盖通用的模板。具体参考发件篇。</p>
-</blockquote>
-<p>程序有一些默认变量，在数据中可以覆盖这些变量，来实现各种需求：</p>
-<table>
-<colgroup>
-<col style="width: 15%" />
-<col style="width: 10%" />
-<col style="width: 75%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>变量名</th>
-<th>是否必须</th>
-<th style="text-align: left;">描述</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>userName</td>
-<td>*</td>
-<td
-style="text-align: left;">收件人的用户名，必须是发件箱中的用户名，且要保证唯一性</td>
-</tr>
-<tr class="even">
-<td>body</td>
-<td></td>
-<td style="text-align: left;">邮件正文内容，支持
-HTML。如果数据中有该值，则不会使用模板中的数据，body 也可以使用变量</td>
-</tr>
-<tr class="odd">
-<td>template</td>
-<td></td>
-<td
-style="text-align: left;">正文模板中的模板名称。如果数据中有该值，则会覆盖全局选择的模板。body
-的优先级高于 template</td>
-</tr>
-<tr class="even">
-<td>attachments</td>
-<td></td>
-<td
-style="text-align: left;">附件全路径，多个附件间用英文分号分隔。如果数据中有该值，则会覆盖全局的附件</td>
-</tr>
-<tr class="odd">
-<td>copyToEmails</td>
-<td></td>
-<td
-style="text-align: left;">抄送人用户名，多个用户名之间用分号分隔。如果数据中有该值，则会覆盖全局的抄送人</td>
-</tr>
-</tbody>
-</table>
-<h3 id="发件管理">发件管理</h3>
-<h4 id="新建发件">新建发件</h4>
-<p><img data-src="https://s2.loli.net/2022/01/19/7dmnFqh8OxN5Rre.png" /></p>
-<p>此处新建发件。</p>
-<p><strong>主题：</strong></p>
-<p>发件的主题是必须的，主有两个作用：一是为邮件的主题，二是同一次发件将会归到一个发件历史记录中，该主题为历史记录组的名称。</p>
-<p>主题也支持变量声明，比如：-工资明细<code>，</code>日期`即为定义的变量，在发送邮件时，它将被替换成
-Excel 表中的实际数据。</p>
-<p><strong>收件人：</strong></p>
-<figure>
-<img data-src="https://i.loli.net/2021/09/02/zZRCqr459ylHt3g.png"
-alt="20210902080111.png" />
-<figcaption aria-hidden="true">20210902080111.png</figcaption>
-</figure>
-<p>收件人选择框如上图，在选择收件人的时候，可以选择收件组，也可以选择组中的收件人。在选择的过程中，不需要担心收件人重复问题，系统会在后台自动去重。选择完成后，点击白色窗体空白部分即可确认和退出选择。</p>
-<p><strong>收件人：</strong></p>
-<p>可在此处选择收件人。选择收件人的优先级高于数据中的
-<code>userName</code>
-对应的收件人，如果选择了收件人，则发件数量等于选择的收件人数量，此时数据表只提供相应数据，数据表中多余的发件定义都不会发送。</p>
-<p>如果要按数据中的邮件来发件，收件人应当为空。</p>
-<p><strong>抄送人：</strong></p>
-<p>添加抄送人。如果选择该项，则所有的发件都会抄送给选择的抄送人。抄送人可以在数据中通过
-<code>copyToEmails</code>
-来覆盖全局抄送，实现不同邮件抄送给不同的人。<code>copyToEmails</code>
-中的数据是收件箱中的用户名(姓名)，多个用户名之间用分号分隔。</p>
-<p><strong>模板:</strong></p>
-<p>此处的模板即为邮件的正文内容，选择我们需要的模板即可。</p>
-<p>在发件中，可以针对每个收件人设置单独的模板，需要在数据表中增加
-<code>template</code> 列，并填入所需的模板名称。</p>
-<p>除了自定义模板外，也可以直接针对每个收件人自定义内容，需要在数据表中增加
-<code>body</code> 列，并填入发送的主体内容。</p>
-<p>自定义内容的优先级高于自定义模板。</p>
-<blockquote>
-<p>对单个收件人的自定义模板和自定义内容均支持变量声明。</p>
-</blockquote>
-<p><strong>数据：</strong></p>
-<p>选择模板后，还需要选择对应的数据。此处数据中的表头要与模板中定义的变量有对应关系，且数据中必须包含
-<code>useName</code> 列，用于与发件箱匹配。</p>
-<blockquote>
-<p><strong>注意：</strong></p>
-<p>在发件之前，请点击预览，复核发件的数量是否正确，模板数据是否按预想修改。如果发件数量或者数据不正确，请复核
-excel 数据是否正确。</p>
-</blockquote>
-<p><strong>预览：</strong></p>
-<p><img data-src="https://i.loli.net/2021/09/02/nQGt3Deh2CrO7Xu.png" /></p>
-<h4 id="发件历史">发件历史</h4>
-<p><img data-src="https://i.loli.net/2021/09/02/EGNnkcAXY4PrKIQ.png" /></p>
-<p>发件历史显示历次所发的所有邮件记录，一次发送记录为一条历史。单击详细可以查看该次历史下所有的发件。如果有发件失败的，可以点【重发】进行发送，只会重发失败的邮件。</p>
-<h2 id="技术栈">⚒技术栈</h2>
-<p>本系统采用前后端分离的模式进行开发。</p>
-<p><strong>前端：</strong></p>
-<p>javascript + vue + element-admin + quasar</p>
-<p>基于 element-admin 的框架，采用 quasar 组件进行界面开发。</p>
-<p><strong>后端：</strong></p>
-<p>C# + WPF + Stylet + EmbedIO + SuperSocket.Websocet</p>
-<p>基于 Stylet 的轻量 MVVM 框架进行开发，使用 EmbedIO 为前端提供网页和
-API 服务。利用 SuperSocket.Websocket 为前后端提供双工通信能力。</p>
-<h2 id="反馈与建议">❤反馈与建议</h2>
-<p>如果你在使用中发现了 bug,
-或者对该软件有任何建议，都欢迎联系我，让我们将这款软件一起变得更优秀吧！</p>
-<p>bug 反馈优先选择<a
-href="https://github.com/GalensGan/SendMultipleEmails/issues">Github
-Issues</a>，这样我能第一时间知道。</p>
-<p>如果有紧急问题，请通过邮件联系。</p>
-<p>QQ 和 QQ 群会不定时查看，所以不会很及时。</p>
-<h2 id="联系方式">🤝联系方式</h2>
-<p>QQ群：877458612</p>
-<p>邮箱：260827400@qq.com</p>
-<p>GitHub：https://github.com/GalensGan/SendMultipleEmails</p>
-<p>个人主页：https://galens.uamazing.cn</p>
-<h2 id="致谢名单">👍致谢名单</h2>
-<p>感谢老铁们对该软件的肯定，感谢大家的支持与鼓励！</p>
-<p>感谢 QQ 用户 <code>来了来了</code>、<code>Me</code> 协助管理 QQ
-群。</p>
-<p>感谢以下用户的赞助（按先后时间排序）！</p>
-<p>磊、鹏</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>MyIdeas</category>
-      </categories>
-      <tags>
-        <tag>邮件群发助手</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>RESTful API 规范</title>
-    <url>/posts/2020/K6BTSD.html</url>
-    <content><![CDATA[<p>HTTP状态码：</p>
-<p>摘抄至：</p>
-<p>http://www.ruanyifeng.com/blog/2014/05/restful_api.html</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Web</category>
-      </categories>
-      <tags>
-        <tag>Web</tag>
-        <tag>RESTful</tag>
-      </tags>
-  </entry>
   <entry>
     <title>最全最详细 http 状态码介绍</title>
     <url>/posts/2020/25EQ87B.html</url>
@@ -17028,53 +17012,19 @@ href="https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status/504"><code>504</c
       </tags>
   </entry>
   <entry>
-    <title>人当有梦</title>
-    <url>/posts/2016/2YSA5Z7.html</url>
-    <content><![CDATA[<p>一杆老笔，一个人，两个默默地在纸上疾书，但思绪却飘出窗外，飘到阳光下，飘到明天的以后，直到很远，很远......</p>
-<span id="more"></span>
-<p>一个模糊的影子，住在方方正正的屋子里，好像计算机的无限循环，在上下班之间不断加一。对了，过年过节，会陪着亲人，玩着，乐着，偶尔遇见老同学，会去喝几杯，聊聊天，谈谈工作，家庭，孩子，然后又继续回归到每天的上班，下班......</p>
-<p>很久很久之后，这个影子终于慢慢的清晰了，突然一惊，它竟然是我自己。</p>
-<p>时光慢慢倒回，回到中学的教室，回到小学的方块字，回到我的第一个呼吸，是无奈，是惊醒，是冲动...我的前半生，竟然都只是在做一件事情，为了养活自己，十几年的学习，最后是为了找份工作，养活自己，养活家人，然后慢慢的老去，化为一抔黄土，随风消散，无人相思，更无人相忆。</p>
-<p>不禁让人思考，自己的一生究竟该怎么度过？</p>
-<p>学习为了什么，</p>
-<p>工作为了什么，</p>
-<p>娶妻生子为了什么，</p>
-<p>那人活着，是为了什么，</p>
-<p>.....</p>
-<p>活完就是一生，生与死是上天赋予每个生灵的最大使命，而不同的人用不同的方式把它走完，在这段旅程中，怎么过，唯心乐则是最好的活法。</p>
-<p>善者好施，是以为乐，</p>
-<p>恶者行凶，是以为乐，</p>
-<p>豪者嗜酒，是以为乐，</p>
-<p>侠者仗义，是以为乐，</p>
-<p>而我以众人乐，为乐！</p>
-<p>怎么活，只是个人的爱好和梦想。只要自己在人生路上的时候，抬头看路，低头做事，怎么活，都很精彩！</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2016年及以前</category>
-      </categories>
-      <tags>
-        <tag>生活感悟</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>关于《挑山夫另解》</title>
-    <url>/posts/2013/1F4T3C2.html</url>
-    <content><![CDATA[<p>走路之间，偶有灵感，突然回忆起《挑山夫》一文中的挑山工，突然发现，他的做法从能量角度来讲，是不可取的。</p>
-<span id="more"></span>
-<p>很多人都很疑惑，为什么呢？不是重力做功与路径无关吗？这个思想我们从初中一直到现在，都是这样认为的，也是这样做的。很多人都有疑惑，其实，重力做功与去确实与路径无关。
-而对于人，对于生物，我们不仅仅只受重力，还受到各方面的力，宏观到地对脚的摩擦力，微观到地球磁场对身体分子，而对于自己消耗能量从而获得动能的生物来说，我们处处受力，处处需要能量，只要动（宏观上的运动和抽象的思考），一切，都需要能量来维系。</p>
-<p>所以，挑山工的行动是需要能量的，他在上山的过程中的心灵思考，各种停留，也是要消耗能量的
-。一方面，假如他沿着阶梯的梯度往上走，虽然过程比较累，但是这只是因为他的身体产能跟不上消耗的结果，但是，这样，他所消耗的时间变短了，节省了他水平移动时候的能量消耗。另一方面，一个人的思维，也是需要能量的，当他上山时间越长，心灵就会越疲惫，用于控制身体的思维就会发散，也可能导致能量多损耗。</p>
-<p>就像骑自行车，你遇到一个上坡，当你调档到费力的时候，你的速度起来了，通过相同路程的时间变短了，你的能量消耗假设为Q；那么当你调档到省力的时候，你所花的时间延长了，在这个延长的时间里，你的积累消耗能量用于通过路程的也为Q，但是，在△t内，时间效应（在△t时间内的附加能量消耗）会消耗能量q，所以，后者消耗能量更多。</p>
-<p>综上，我觉得小学课文中的《挑山夫》挑山夫的做法从能量角度看，不可取。</p>
+    <title>RESTful API 规范</title>
+    <url>/posts/2020/K6BTSD.html</url>
+    <content><![CDATA[<p>HTTP状态码：</p>
+<p>摘抄至：</p>
+<p>http://www.ruanyifeng.com/blog/2014/05/restful_api.html</p>
 ]]></content>
       <categories>
-        <category>Inspiration</category>
-        <category>2016年及以前</category>
+        <category>Develop</category>
+        <category>Web</category>
       </categories>
       <tags>
-        <tag>生活感悟</tag>
+        <tag>Web</tag>
+        <tag>RESTful</tag>
       </tags>
   </entry>
   <entry>
@@ -17115,6 +17065,26 @@ C#，所以自然的，后端就计划用 ASP.NET 了。</p>
         <tag>Web</tag>
       </tags>
   </entry>
+  <entry>
+    <title>关于《挑山夫另解》</title>
+    <url>/posts/2013/1F4T3C2.html</url>
+    <content><![CDATA[<p>走路之间，偶有灵感，突然回忆起《挑山夫》一文中的挑山工，突然发现，他的做法从能量角度来讲，是不可取的。</p>
+<span id="more"></span>
+<p>很多人都很疑惑，为什么呢？不是重力做功与路径无关吗？这个思想我们从初中一直到现在，都是这样认为的，也是这样做的。很多人都有疑惑，其实，重力做功与去确实与路径无关。
+而对于人，对于生物，我们不仅仅只受重力，还受到各方面的力，宏观到地对脚的摩擦力，微观到地球磁场对身体分子，而对于自己消耗能量从而获得动能的生物来说，我们处处受力，处处需要能量，只要动（宏观上的运动和抽象的思考），一切，都需要能量来维系。</p>
+<p>所以，挑山工的行动是需要能量的，他在上山的过程中的心灵思考，各种停留，也是要消耗能量的
+。一方面，假如他沿着阶梯的梯度往上走，虽然过程比较累，但是这只是因为他的身体产能跟不上消耗的结果，但是，这样，他所消耗的时间变短了，节省了他水平移动时候的能量消耗。另一方面，一个人的思维，也是需要能量的，当他上山时间越长，心灵就会越疲惫，用于控制身体的思维就会发散，也可能导致能量多损耗。</p>
+<p>就像骑自行车，你遇到一个上坡，当你调档到费力的时候，你的速度起来了，通过相同路程的时间变短了，你的能量消耗假设为Q；那么当你调档到省力的时候，你所花的时间延长了，在这个延长的时间里，你的积累消耗能量用于通过路程的也为Q，但是，在△t内，时间效应（在△t时间内的附加能量消耗）会消耗能量q，所以，后者消耗能量更多。</p>
+<p>综上，我觉得小学课文中的《挑山夫》挑山夫的做法从能量角度看，不可取。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2016年及以前</category>
+      </categories>
+      <tags>
+        <tag>生活感悟</tag>
+      </tags>
+  </entry>
   <entry>
     <title>自然守恒论</title>
     <url>/posts/2015/R4FXSA.html</url>
@@ -17158,16 +17128,26 @@ C#，所以自然的，后端就计划用 ASP.NET 了。</p>
       </tags>
   </entry>
   <entry>
-    <title>爱得不够深沉</title>
-    <url>/posts/2016/3VN0XNQ.html</url>
-    <content><![CDATA[<p>我为什么我的眼里常含泪水，因为我对这片土地爱得深沉——艾青</p>
-<p>时间把这暖暖的阳光分成了两半，一半留在上午，另一半，正在懒懒的洒向大地。思绪把我也分成了两半，一半留在自习室，另一半，正在深情的慨叹。</p>
+    <title>人当有梦</title>
+    <url>/posts/2016/2YSA5Z7.html</url>
+    <content><![CDATA[<p>一杆老笔，一个人，两个默默地在纸上疾书，但思绪却飘出窗外，飘到阳光下，飘到明天的以后，直到很远，很远......</p>
 <span id="more"></span>
-<p>我在思考，为什么在文人的眼里，我们的起居之所何以被如此赞扬，山河，江山，社稷，国......而这些大气磅礴的词语，被文人们用出来，却是那么的贴切，自然。羡慕他们，羡慕他们总能够一步一景，一步一喟叹。不论是小桥的流水，还是残破的老屋，亦或是凋零的花草，这些文人们，总能感受到它们的磁场，与之共鸣，然后又把自己留在那儿。</p>
-<p>这不禁让我想起了自己的一位好友，他的风格我很喜欢，文字细腻而平淡，读他的文章，你会分外的宁静，然后由着他把你带进他的世界，再安安静静的送你出来，不食烟火，但回味无穷。他笔下的每一个地方，在他那里都有着满满的故事。我很喜欢这种感觉，走一个地方，就是一个故事。</p>
-<p>我在思考，为什么自己外出游玩，总是万般风景旧曾谙，最后留下的，只是给记忆多点流逝的内容。这个问题困惑了我很久，脑袋一直不开窍，想不通，想不明白。今天突然看到艾青的这句诗，突然顿悟了：因为我对这个世界爱得还不够深沉。</p>
-<p>是啊，屈原发出”路漫漫其修远兮，吾将上下而求索”的感叹，是因为他对他的国爱得炽热，李白潇洒挥墨”飞流直下三千尺，疑是银河落九天”，是因为他对这片景爱得深沉，徐志摩感叹”只求在最美的年华里，遇到你”,是因为他对你早已爱得痴迷。读着这些诗，每个文字，都承载着诗人浓浓的感情。情是船，文字是船夫，一船，一人，静静的在时间的河流上驶着，我想，时间尽了，它也不会停下。</p>
-<p>只要爱得深沉，任它天穹星月轮转，任它大地沧海桑田，你的江山，就是你的国，闭眼，睁眼，刹那也是芳华。</p>
+<p>一个模糊的影子，住在方方正正的屋子里，好像计算机的无限循环，在上下班之间不断加一。对了，过年过节，会陪着亲人，玩着，乐着，偶尔遇见老同学，会去喝几杯，聊聊天，谈谈工作，家庭，孩子，然后又继续回归到每天的上班，下班......</p>
+<p>很久很久之后，这个影子终于慢慢的清晰了，突然一惊，它竟然是我自己。</p>
+<p>时光慢慢倒回，回到中学的教室，回到小学的方块字，回到我的第一个呼吸，是无奈，是惊醒，是冲动...我的前半生，竟然都只是在做一件事情，为了养活自己，十几年的学习，最后是为了找份工作，养活自己，养活家人，然后慢慢的老去，化为一抔黄土，随风消散，无人相思，更无人相忆。</p>
+<p>不禁让人思考，自己的一生究竟该怎么度过？</p>
+<p>学习为了什么，</p>
+<p>工作为了什么，</p>
+<p>娶妻生子为了什么，</p>
+<p>那人活着，是为了什么，</p>
+<p>.....</p>
+<p>活完就是一生，生与死是上天赋予每个生灵的最大使命，而不同的人用不同的方式把它走完，在这段旅程中，怎么过，唯心乐则是最好的活法。</p>
+<p>善者好施，是以为乐，</p>
+<p>恶者行凶，是以为乐，</p>
+<p>豪者嗜酒，是以为乐，</p>
+<p>侠者仗义，是以为乐，</p>
+<p>而我以众人乐，为乐！</p>
+<p>怎么活，只是个人的爱好和梦想。只要自己在人生路上的时候，抬头看路，低头做事，怎么活，都很精彩！</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
@@ -17178,65 +17158,43 @@ C#，所以自然的，后端就计划用 ASP.NET 了。</p>
       </tags>
   </entry>
   <entry>
-    <title>兰州</title>
-    <url>/posts/2018/202BKMX.html</url>
-    <content><![CDATA[<p>未见得兰州，便已入了迷。单是念着这个名字，脑中便不自觉的浮现出她的身影，仿佛一位慧质兰心的女子，一袭碎花长裙，恬静地立在黄河边上。兰州，是和大理一样浪漫的地方，未识得时想念，遇见了眷念，离开后又是挂念。大理的浪漫是邂逅和放纵，多是妖娆。兰州的浪漫，则是细水源长，缠缠绵绵，秀气而清纯。</p>
+    <title>爱得不够深沉</title>
+    <url>/posts/2016/3VN0XNQ.html</url>
+    <content><![CDATA[<p>我为什么我的眼里常含泪水，因为我对这片土地爱得深沉——艾青</p>
+<p>时间把这暖暖的阳光分成了两半，一半留在上午，另一半，正在懒懒的洒向大地。思绪把我也分成了两半，一半留在自习室，另一半，正在深情的慨叹。</p>
 <span id="more"></span>
-<p>喜欢兰州，就像爱一个人，不是因为她美得惊艳，而是她懂你的心，她的味道是你喜欢的，她的样子是你喜欢的，她的性格也是你喜欢的。初到兰州时，天灰蒙蒙的，她就像伊斯兰教的女子，用头巾掩了自己的美丽，不想让人瞧见了。想到这儿，我不禁婉尔一笑，看来只能自己慢慢去体会了。</p>
-<p>第一个接触的是兰州拉面。拉面馆就餐的流程和南方不大一样。你需要先在前台为自己的食物埋单，然后服务员会根据你点的东西给你相应的小票，凭借小票到相应的区域领取食物。做拉面一般有三个伙计，一个揉面，一个拉面，最后一个负责煮面。揉面是一个体力活，有的伙计比较瘦小，便将面团放在案板上，左手按着面团，右手盖于左手，然后猛的跳起，借着落地的动能加成，将面团揉匀。拉面的师傅技术高超，往往一团面上手，一拉一折，面条就已经成形了，侧身便把它投入沸水中。煮面师傅估摸着时间捞面，然后两勺面汤，一把葱花，一撮牛肉，三勺辣椒油，一碗地地道道的兰州牛肉拉面便成了。</p>
-<p>在冬天里吃一碗牛肉面是最幸福的事情了。用筷子挑起几丝面条，还没送到嘴里，你的所有细胞便已被牛肉面的香味征服了。此时，也顾不得谦谦君子，窈窕淑女了，只想一口接一口地吃下去，末了，还得喝下去半碗汤才感觉到知足。兰州牛肉面就这样牵走了每一个陌生人的心。</p>
-<p>兰州的美食，大多为清蒸，这样的烹饪方法，保证了食材最天然的味道，清香又自然。手抓羊肉便是另一道美食，羊肉不加任何佐料，只是放了盐，但是却没有羊肉的膻味，惊叹兰州人可以把烹饪简化得如此极致。吃手抓肉也是有讲究的，剥一瓣生大蒜，挑一大块肉，一起放进嘴里，蒜去了羊肉的腻，羊肉则缓了蒜的辛辣，但又都保留着彼此的原汁原味，实在是一番美妙的体验。兰州的美食，不像南方总是藏在深巷子里，你只需找一家清蒸餐厅，便可揽尽大部分美食了。羊膝盖泡饭、凉拌小葱、牛奶煮鸡蛋、还有脏脏梨（这是一个朋友这样叫的，原名叫软儿梨）都让人回味无穷。</p>
-<p>谈到兰州，除了吃，一定少不了的就是中山桥了。对于桥，我总是有一份特别的感情，走在桥上时候，仿佛可以感受到它跨过一个又一个岁月的艰辛和倔强。长江上的大桥，冷得让人难以亲近，而中山桥，虽然是用冷冰冰的钢铁建成，但是它却用那厚重的历史，压住了钢桥的凌厉，一眼望去，便是它的浪漫和故事。明朝开始，人们便在这儿建起浮桥，把船码成一排连好，在上面钉上木板，方便人们的出行，在当时称为镇远浮桥。1907年，由陕甘总督升允牵头，美国人设计，德国人制造材料，中国人建造，历时三年，耗费三十万六千两白银终于建成了当时黄河上真正意义上的现代桥梁，素有“天下黄河第一桥”的美称。</p>
-<p>中山桥从风雨飘摇的晚清走到了现在，他亲眼见证了泱泱大清的坠落，和苦难的中国人民一起经历着漫长的销烟和战火，看着一个又一个熟悉的人辞世，剩下了他一个人失落和寂寞，我想，今后再也没人能够绘声绘色地讲中山桥的故事了。一座桥，走过苍桑的岁月，一座桥，跨越百年的历史，当你缓缓地走在上面，手指轻轻拂过一颗颗螺钉，仿佛时光倒转，你能够切切真真地感受到已经翻过去的一页页历史。</p>
-<p>兰州另一个让人忘不掉的地方要数五泉山了，五泉山全部由黄土堆积而成，但却呈山之宏伟之势，绵延起伏，雄伟壮阔。未亲至，是很难想象得出它的震撼。五泉山因有五口山泉而得名，五泉之中，数摸子泉最为有趣。摸子泉位于摸子洞中，洞深14米，两侧石壁上凿有佛龛，到洞最里面之后，再下5级台阶，就到了泉边。泉为方形，水深约半米。以前寺内僧人在泉中置石子和瓦片，求子者摸到石子生男，摸到瓦片生女。常有信男善女钻进洞中，用手在泉水中摸索，刘尔炘曾在洞门口书一对联，嘲讽这种迷信行为是“糊糊涂涂将佛脚抱来，求为父母；明明白白把石头拿去，说是儿孙。”</p>
-<p>五泉山的建筑多为佛教古建筑，层楼叠阁，采用歇山式屋顶，建筑斗拱飞檐，雕梁画栋，结构精巧，气势庄严。楼阁依山而建，错落有致地立在黄土坡上。每一处都是一幅精美的画，初见时，总会想挑最好的先看了，但又觉得每一处都有各自和妙处，舍不得落下任何一个角落。</p>
-<p>兰州，最让作为南方人的我欢喜的便是在太阳高挂的时候，还可以看到厚厚的冰了。有的冰很薄，你可以一边沐着阳光，一边踩着冰，一脚下去，冰便伴着呲呲的声音，脆裂开来，此时心中所有的思绪都跟着冰的破裂化了，纯净又无拘无束，真想一直就这样挥洒着烂漫的时光。</p>
-<p>去到兰州，一定要感受一次西北的烈酒，一口下去，那种粗犷豪放的味道，拔动你的灵魂，你心中只剩下一个念头，喝不过我还吐不过吗。一方水土养一方人，这句话一点也没错，才到兰州两天，我就已经迷恋上了大口吃肉，大口喝酒的畅快了。到主人家做客时，动筷之前，热情的主人会用一个盘子，盛好6杯烈酒，端至你面前，表达他们对客人欢迎和祝福。如果席间恰好有兰州姑娘在，她们便会打着节拍，用兰州话唱着简单的调子，为客人助兴，宜杯呀宜杯…量杯呀量杯…
-三杯呀三杯……盛情难却，只好一杯接一本杯，不负主人家的热情。</p>
-<p>兰州的魅力，在山里，在水里，在可爱的文化里。轻轻至兰州，浅浅地邂逅，魂牵梦萦
-。</p>
+<p>我在思考，为什么在文人的眼里，我们的起居之所何以被如此赞扬，山河，江山，社稷，国......而这些大气磅礴的词语，被文人们用出来，却是那么的贴切，自然。羡慕他们，羡慕他们总能够一步一景，一步一喟叹。不论是小桥的流水，还是残破的老屋，亦或是凋零的花草，这些文人们，总能感受到它们的磁场，与之共鸣，然后又把自己留在那儿。</p>
+<p>这不禁让我想起了自己的一位好友，他的风格我很喜欢，文字细腻而平淡，读他的文章，你会分外的宁静，然后由着他把你带进他的世界，再安安静静的送你出来，不食烟火，但回味无穷。他笔下的每一个地方，在他那里都有着满满的故事。我很喜欢这种感觉，走一个地方，就是一个故事。</p>
+<p>我在思考，为什么自己外出游玩，总是万般风景旧曾谙，最后留下的，只是给记忆多点流逝的内容。这个问题困惑了我很久，脑袋一直不开窍，想不通，想不明白。今天突然看到艾青的这句诗，突然顿悟了：因为我对这个世界爱得还不够深沉。</p>
+<p>是啊，屈原发出”路漫漫其修远兮，吾将上下而求索”的感叹，是因为他对他的国爱得炽热，李白潇洒挥墨”飞流直下三千尺，疑是银河落九天”，是因为他对这片景爱得深沉，徐志摩感叹”只求在最美的年华里，遇到你”,是因为他对你早已爱得痴迷。读着这些诗，每个文字，都承载着诗人浓浓的感情。情是船，文字是船夫，一船，一人，静静的在时间的河流上驶着，我想，时间尽了，它也不会停下。</p>
+<p>只要爱得深沉，任它天穹星月轮转，任它大地沧海桑田，你的江山，就是你的国，闭眼，睁眼，刹那也是芳华。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
-        <category>2018年</category>
+        <category>2016年及以前</category>
       </categories>
       <tags>
         <tag>生活感悟</tag>
       </tags>
   </entry>
   <entry>
-    <title>一生一世相依</title>
-    <url>/posts/2018/36GBYZE.html</url>
-    <content><![CDATA[<p>哐铛哐铛……绿皮火车缓缓地往北驶去。我和老伯坐在小板凳上，静静地听他回忆着自家大壮和妞妞的故事，渐渐地入了迷。</p>
-<figure>
-<img
 data-src="http://a3.qpic.cn/psb?/V118G3dh0IatwX/vZdnSXHuXlmDjOP*1p25nzis9X1HeDgfZ.r*d646w*w!/b/dHYBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=dwJkAXcCZAEDIAU!&amp;tl=1&amp;su=0171831425&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
-alt="图片" />
-<figcaption aria-hidden="true">图片</figcaption>
-</figure>
-<p>那年初夏，春刚走，还未来得及带走绵绵的细雨，他正欲拢上窗子时，两只鸽子扑腾着翅膀从眼前掠过，匆匆地赶到了对面的飘窗下避着雨。一只鸽子的体型稍小，雪白的羽毛，应该是雌鸽，另一只是雄鸽，体型很壮，羽毛也很漂亮。雄鸽落地后，警惕地左右张望着，等确认安全了才放松下来，它往雌鸽边上挪了几步，雌鸽也向它的身边紧了紧。雌鸽的羽毛被雨扰得有些乱了，它便用嘴给雌鸽梳理羽毛，雌鸽会偶尔抖抖身子，然后又亲昵地蹭蹭雄鸽的脖子。</p>
+    <title>君子之道</title>
+    <url>/posts/2016/2H6KWG8.html</url>
+    <content><![CDATA[<p>天行健，君子以自强不息，地势坤，君子以厚德载物。古之圣人，俯仰天地，早已道出何以为君子，历代大文豪对此也不吝赞美，沿着历史，我们可以看到，总有一大批人在寻求君子之道，以致圣人之境。</p>
 <span id="more"></span>
-<p>他以为雨停了，这两只鸽子便会离开。可是不久后，两只鸽子却叼来树枝和小草，开始筑巢。筑巢安家是很辛苦的，但它们还是很开心，累了便依在一起，靠着自己的小窝，幸福地期待着。过了些日子，他突然发现鸽子夫妇俩已经开始孵窝了，这说明它们已经结下了爱情的种子，白天鸽爸爸留在巢里孵卵，让鸽妈妈出去觅食，天快黑的时候，鸽妈妈便来替它。</p>
-<p>这样的日子平平淡淡，但是也洋溢着幸福。这天，鸽爸爸如往常一样，一边细心地呵护着宝宝，一边期待着妻子归来，太阳已经完全落下了，鸽妈妈的身影还是未出现，鸽爸爸等着等着，便着急了。夜里，他只听见振翅声无数次焦急地划破夜空，还有归巢后的哽咽。第二天起床打开窗户看去，鸽爸爸已然憔悴了，身上的羽毛乱乱的，早已经无心打理，只是呆呆地孵着它们共同的宝宝，眼里满是神伤，鸽妈妈应该是遇难了。它偶尔会出去觅食，但几分钟便又回来了。</p>
-<p>他是爱鸽人，也养鸽，看着这对野生的鸽子夫妇，原本美满的生活就这样支离破碎，凄凄惨惨，他不禁惋伤。有时候打开窗子，一看就是几个小时。这天他如往常一样，走到窗前准备打开窗子，鸽爸爸见到他出现后，扑腾一下，落在了他家的窗子前，看着他，然后扭过头去看看自己的宝宝，又对着他咕咕两声，便飞回巢去了。一会儿，鸽爸爸起身，好像是去觅食，但才飞到半空，盘旋着又飞了回来，看了一眼未出生的宝宝，又朝着他看了一眼，然后一声凄鸣，冲天而去，再也没回来。</p>
-<p>听到这儿，我很是震惊，原来鸽子的爱情是这么坚贞。回过神来，我问到：“那大壮和妞妞是它们俩的名字吗？”</p>
-<p>“大壮和妞妞啊，不是。大壮是它们俩的孩子，妞妞是大壮的伴侣”。我知道故事还有很长，便听着他断续讲下去。</p>
-<p>那天他见鸽爸爸久久没回来，大概也猜到了，可能它是再也不回来了。他想，毕竟看着这俩孩子在这儿成家立业，一起度过了那么久的时光，也是有些感情，鸽爸爸也算是临终遗孤，便去对面邻居家，把那两个鸽蛋取了回来，让自家的鸽子帮着孵化。</p>
-<p>几天之后，一个蛋的壳破裂了，那对鸽子夫妇的生命终于得到了延续。而另一个蛋则再也没有动静，大约已经见到它的父母了。他见到这个小家伙出生，很是欣喜，给它取了个名字，叫大壮，希望它能够健康地长大。</p>
-<p>大壮是个好孩子，一个月之后就可以在天空飞翔了。他给大壮做了一个名字的二维码，系在它的脚踝上，养鸽子的一般都会这么做，只是别的鸽子的二维码信息都备注有父母是谁，而大壮却是没有。大壮很争气，它对于新技能总是能很快的掌握，从熟悉巢房到信号辨识，从掌握飞翔到识别方向归巢，它总能很快地学会。令他印象深刻的是，还未满一周岁，它已经能够从300公里之外自行回家了。</p>
-<p>鸽子能够飞300公里，说明血统很优秀了，于是他寻思着是给它找个优秀的伴侣，便把妞妞介绍给了大壮，他把它们放在一个鸽舍里，促进彼此交流。大壮和妞妞第一次见面，便一见钟情，但彼此都很羞涩，呆立在笼中一动不动，谁也不先搭理对方。这时，他想到一个好办法，分别在他们俩身上洒上一些水，大壮和妞妞觉得身上不舒服，都梳理着自己的羽毛，我抬头看看你，你抬头看看我，两只鸽子看着对方的举动，都觉得对方对自己有意思，然后这就成了。</p>
-<p>从此，他们成双成对，形影不离。闲的时候，彼此拾掇着羽毛，调皮的妞妞会偶尔啄一下大壮的头，等大壮正要怒时，又把整个身体凑过去，给一个安慰的拥抱。大壮在放飞训练中，总会照顾着妞妞，总是一直跟着妞妞，怕它找不到回家的方向。放飞时间，是它们最浪漫的旅行。在那段时光里，大壮和妞妞是鸽群中最幸福的一对了。</p>
-<p>我打断他的话问到：“你养了那么多鸽子，他们不会去找别的鸽子相好吗？”</p>
-<p>“鸽子和我们一样，也是一夫一妻制的。”说完他继续回忆着。</p>
-<p>他家在山东，一次受朋友之邀去重庆的时候，他便把大壮和妞妞带在身边，到了重庆，就让它们各自飞回家。等他回到家时，只有妞妞一只鸽在鸽笼里神情郁郁，含泪伤心。过了一个月，再也没见到大壮的影子，他知道，大壮是在途中遇难了。而此时的妞妞，连叫唤也不会了，身体也越来越虚弱，不久，它便满足地离开了这个世界。</p>
-<p>至此，他的故事讲完了，随着火车的哐铛声，缓缓睡去，而我则久久地沉默了。它们没有法律的约束，没有道德的谴责，却忠诚着爱情，一生一世，至死不渝。</p>
+<p>春天的阳光好像有一种神秘的力量，今天出门的那一瞬，阳光仿佛空灵的仙气，扑面而来，随之而至的，是我顿悟了。悟出了一种为人之道——人之立世，当拾一颗君子之心。</p>
+<p>是的，立世，当为君子。心中坦荡，为人诚于心，为事而无所怠，自然正气浩荡，鬼神莫敢欺。但是人总会有属于自己的私心，这种大爱天下的境界让我们求之不得，但前赴后继。</p>
+<p>生活在当代这个大熔炉之中，如何臻至这无上之境呢？一个词语就足矣，问心无愧。
+培养浩然之气，不在乎邪，不在乎正，而在乎心。每个人为人处世，心中自有一杆秤，即使这杆秤在别人看来是违反秩序的，但是与己，那就是自己行事的准则，该做不做，不该做而为之，都会使你违背心中的那杆秤，从而产生心魔，埋藏于心，好比在心中制造了一个小小的黑暗地带，吞噬心中正气。但是如果你能事事顺心，那么便无心魔滋生，心之世界一片朗朗乾坤，浩然之气聚集，由内至外，使自己心无所畏惧，坚韧不拔，一言一行，大开大合，心旷神怡，做事自然事半功倍。</p>
+<p>顿悟真的很美妙，在那一瞬间，你的心突然就开阔了，就像北冥之鱼，突然化身鲲鹏，扶摇九天之上的那种感觉，又若醍醐灌顶，从此进入一种大自在的世界，从此看红尘，可为大千，亦可为尘埃，在这转换之间，直透本心，明了为与不为。</p>
+<p>当为君子，纳存粹之心，感念周遭万物。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
-        <category>2018年</category>
+        <category>2016年及以前</category>
       </categories>
       <tags>
         <tag>生活感悟</tag>
-        <tag>鸽子的爱情</tag>
       </tags>
   </entry>
   <entry>
@@ -17274,26 +17232,6 @@ alt="img" /></p>
 <p>对于超现实世界，一个人的本质能量越强大，他的超现实世界的关联程度的绝对值就越小，就是说，梦里开心，不会想到现实世界，现实世界有成就感，也不会想到超现实世界，自然，对另一个世界的关联程度就低了。</p>
 <p>但是，当人到老年，生命流逝的时候，我们的本质能量归为0了，这个时候，和超现实世界的本质联系就是无穷大。所以，我想，一个人的终点不是灭亡，而是梦醒，回到永远到不了的另一个世界，超现实世界，然后在那个世界回忆自己这一生的点点滴滴，然后开始又不一样的人生。</p>
 <p>一梦一世界，一叶一菩提。梦什么，在哪个世界，都不重要，重要的是，每一个世界都是你自己。做一个本质能量强大的人，在每个世界都精彩地静待梦醒。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2016年及以前</category>
-      </categories>
-      <tags>
-        <tag>生活感悟</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>君子之道</title>
-    <url>/posts/2016/2H6KWG8.html</url>
-    <content><![CDATA[<p>天行健，君子以自强不息，地势坤，君子以厚德载物。古之圣人，俯仰天地，早已道出何以为君子，历代大文豪对此也不吝赞美，沿着历史，我们可以看到，总有一大批人在寻求君子之道，以致圣人之境。</p>
-<span id="more"></span>
-<p>春天的阳光好像有一种神秘的力量，今天出门的那一瞬，阳光仿佛空灵的仙气，扑面而来，随之而至的，是我顿悟了。悟出了一种为人之道——人之立世，当拾一颗君子之心。</p>
-<p>是的，立世，当为君子。心中坦荡，为人诚于心，为事而无所怠，自然正气浩荡，鬼神莫敢欺。但是人总会有属于自己的私心，这种大爱天下的境界让我们求之不得，但前赴后继。</p>
-<p>生活在当代这个大熔炉之中，如何臻至这无上之境呢？一个词语就足矣，问心无愧。
-培养浩然之气，不在乎邪，不在乎正，而在乎心。每个人为人处世，心中自有一杆秤，即使这杆秤在别人看来是违反秩序的，但是与己，那就是自己行事的准则，该做不做，不该做而为之，都会使你违背心中的那杆秤，从而产生心魔，埋藏于心，好比在心中制造了一个小小的黑暗地带，吞噬心中正气。但是如果你能事事顺心，那么便无心魔滋生，心之世界一片朗朗乾坤，浩然之气聚集，由内至外，使自己心无所畏惧，坚韧不拔，一言一行，大开大合，心旷神怡，做事自然事半功倍。</p>
-<p>顿悟真的很美妙，在那一瞬间，你的心突然就开阔了，就像北冥之鱼，突然化身鲲鹏，扶摇九天之上的那种感觉，又若醍醐灌顶，从此进入一种大自在的世界，从此看红尘，可为大千，亦可为尘埃，在这转换之间，直透本心，明了为与不为。</p>
-<p>当为君子，纳存粹之心，感念周遭万物。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
@@ -17334,53 +17272,315 @@ alt="img" />
       </tags>
   </entry>
   <entry>
-    <title>即使再微末，也要幸福的活着</title>
-    <url>/posts/2018/38WXA9N.html</url>
-    <content><![CDATA[<p>蝼蚁尚且偷生，可偷来的生命有何意义，只是活着吗？</p>
-<p>俯仰天地，大地和星空一样寂静。车如流，来来往往，从归处去，便又从去处归；人若蜉蝣，纷纷扰扰，用百年光阴，在历史中苦苦争渡；苍生无力，沧海桑田，只任大势起起落落。太多的活着，最后都是轻轻地走了。</p>
+    <title>老卓的礼物</title>
+    <url>/posts/2017/05KG8X.html</url>
+    <content><![CDATA[<p>一个来自银城益阳，一个则来自山城重庆；一个沉默寡言，一个却活泼开朗，50岁的电梯操作手老卓与24岁的技术员小甘于中交二航局益阳大桥项目部入职半年也相识了半年，性格迥异的二人谈笑间在旁人看来关系密切的很。春节前，二人约定在节后复工后互相送给对方一份新年礼物。</p>
 <span id="more"></span>
-<p>我有些恐惧了，恐惧平凡而没有思想地活着。假如时光可以跳跃，我希望去我离开的那天，问问自己：“这一生，是否溅起了生命的涟漪”。</p>
-<p>春节回家时，遇到了两件事，仿佛晴天霹雳，霹散了心中一直的迷惑，让我明白，生命的意义不在于活得重，而是活得幸福。</p>
-<p>一个文静的女孩，扎着精致的马尾，独自拖着不大不小的行李箱，走到一家周黑鸭的店前停了下来，服务员微笑着问道：“您好！请问需要什么？”女孩点了下头，没有接话，而是扫了一眼柜台，发现一张清单台卡，径直地走过去认真地看了几秒钟。见服务员等着自己，她便用手指着两个名称，示意她的需求。服务员会意，把东西打包好之后，礼貌地递给女孩，然后露出询问的表情说到“一共44块，支付宝还是微信？”，女孩失了听力，不能听见，但是很郑重地点了下头，好像在说“好的，我知道了”。接着掏出手机，扫了码之后，又让服务员输入金额，顺利地完成了这次购物。</p>
-<p>我从未敢想，一个失聪的女孩可以如此独立和坚强。她眼眸中的那份宁静，浸人心扉，让人有一种感觉，仿佛在她的心里，有她自己的一方国。那个国度，纯净，安宁，幸福。</p>
-<p>在排队取票时，又一幕画面扣动了我的心弦。一位清洁工老爷爷，正在收拾栏杆旁边的垃圾，他大约6旬有余了，胡渣和头发都有些花白，岁月在他身上留下了深深地痕迹。这时一位老奶奶，蹒跚着向着他走去，老奶奶一只脚以前受过伤，左脚偏低，走路有些吃力。他抬头间不经意看到了她，于是放下手里的活儿，一手扶着扫把，立在那儿一直看着她，眼神中是柔情，又是担心。</p>
-<p>老奶奶走到跟前，从衣兜里掏出一瓶酸奶递给他，他推脱不肯要，她就佯装不悦，他一下没法了，笑了笑，只好把它放进衣兜里，她见了，一下子笑逐颜开，又跛着脚去忙了。等我取完票，见他正坐在旁边的凳子上，喝着酸奶，静静地看着她离开的方向，嘴角偶尔勾起一弯会心的微笑。</p>
-<p>他们虽然干着脏乱的工作，拿着微末的工资，过着紧巴巴日子，但是他们相互温暖、相互给予、相濡以沫，又相守一生。</p>
-<p>以前觉得幸福是在天上，站高了才够得着，现在发现幸福其实就在身边。即使再微末，活得认真了，便是幸福。读一本书是幸福，行一里路是幸福，发一阵呆也是幸福……</p>
-<p>我想，假如我是一只蝼蚁，我也会想要活着。</p>
+<p>节后二人相遇几句嘘寒问暖后，均立马投身到了紧张的岗位工作中，并把玩笑似的约定抛在了脑后。小甘负责10号主塔虽已封顶，可下塔柱还有一些后期工作需完善，每天仍有许多施工人员在塔上作业。而老卓的主要工作便是通过操纵施工电梯，把包括甘明昔在内的建设者们安全送达目的地。</p>
+<p>老卓言语不多，他的工作责任心也如此，如他人有意让其违规操作，也是不必多言。根据项目规定，益阳大桥施工电梯限载九人，硕大的“九”字贴在电梯狭小的空间内，是老卓始终的坚守。这天天色已晚，本想着站完最后一班岗就可以换班回宿舍休息，速去速回是最好了，小甘就带领着包括他在内的一行10人进入了电梯门。</p>
+<p>“老卓，上去吧！”说完甘明昔已经关上了电梯门。</p>
+<p>心存侥幸的一行人沉默了足有两分多钟，电梯依然不见启动。其实谁都知道这班电梯也许是开不了了，但有老卓的好友小甘在也许会不一样。众人期盼中小甘终于开了口：“老卓啊，你让大家早点做完早点下班，就多一个，不要紧的，走吧！”</p>
+<p>友情在原则面前并无一丝作用-电梯仍无任何声响。小甘心中顿生不悦，正当他准备找老卓理论时，不擅言辞的老卓却挤出一句话来：“限载九人你们看不到吗？多一个人我都不会载你们上去，你们自己下去一个，等下我再跑一趟。”言语朴实又坚定，众人还未听完便开始商量着谁先下去，因为他们知道面对这种情况老卓自然是不会让步一寸的。</p>
+<p>还未等大家商议出来，小甘自己打开电梯门走了出去。包括老卓在内，大家都认为小甘肯定是怒不可竭，要去告他老卓的状了。而众人也不愿意多猜测，还是赶紧上去做好手头的事情当作什么也没发生为上策。</p>
+<p>事情就这样过去了，老卓后来的几天工作虽照常，但谁都看得出来是有心事。最后他鼓起勇气拿着自己从老家带来特产趁着下班时间敲开了小甘的房门：“这不是答应了过年来给你一份新年礼物吗？你瞧，我拿来了，那天的事情你知道我嘴笨......”</p>
+<p>还没等老卓说完，小甘哭笑不得，“老卓，你并没有做错什么，错的是我咧！”</p>
+<p>原来那天老卓说出口的话并没有让小甘生气，而是震惊了许久。面对着眼前的老卓，小甘继续补充到：“做人做事要有原则、有底线，施工安全更是如此，任何时候都不能动摇，感谢你通过这样的一句话教会我了这个道理，这个新年礼物来的比什么都要珍贵哩！”</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
-        <category>2018年</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>散文</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>游沅江有感</title>
+    <url>/posts/2017/HPBWTD.html</url>
+    <content><![CDATA[<p>今天是2017年4月15日。</p>
+<p>本周轮到我值夜班，今天早早的就起来了，也没有了平时的睡意。我记得睁开眼大约是8:30
+分左右，懒了一会儿床，起来就9点了。本想着做一篇西安的攻略，可是想想，好像时间还蛮多，应该出去走走。在益阳的半年里，很多地方都已经去了，漫无目的在网上浏览者，在地图上惊鸿一瞥，发现沅江是个好地方。洗漱完，想做个攻略再走，但是担心时间不够，所以直接拎着包和相机就出门了。</p>
+<span id="more"></span>
+<p>到达车站之前，我都不知道车票是多少，后来一买票才知道，只需要10块。心里还是蛮高兴，走对了，应该不远，一天来来回回够了。</p>
+<p>约3刻钟的样子，就到了沅江。初识的沅江给人印象并不是很好，车站很破，楼房全部散布着暮年的气息，慵懒的在街边立着。沅江的交通我最是不喜欢，公交不会报站，特别是在网上查不到公交的信息，对于我一个陌生人来讲，这是比较麻烦的事。</p>
+<p>但沅江有她自己的魅力。每一块土地拥抱着湖泊，每一个湖泊躺在一块土地上。多水的沅江，尽是柔柔的美。这儿的人过得很惬意，面里总是带着欢快，在他们的身上看不到生活的压力，舒缓的节奏，那么自然。</p>
+<p><strong>后记：</strong></p>
+<p>这篇游记并未完成，但是却反应了才毕业不久的自己不甘工地的平淡生活，从时间缝里去拥抱世界的精神，这也为后来的辞职作下了铺垫。</p>
+<p>同时，这种精神，都值得现在的自己学习：心有抱负，积极阳光。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>散文</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>向心而行</title>
+    <url>/posts/2017/218KCWH.html</url>
+    <content><![CDATA[<p>从益阳到武昌，再次踏上了去武汉的旅途，这是六月份第二次奔赴武汉。</p>
+<span id="more"></span>
+<p>清晰的记得6月1号，我瞒着所有人，包里塞着一套西装，就登上了去武汉的列车。这是工作以后买的第一张硬座，仿佛又回到了读书的时候，天南海北的人挤在一个车厢里，三连座的位置总会留一个屁股给陌生人，列车员说着麻利的顺口溜，宣传着自己的产品，一切那么的熟悉。车厢里的我，工作已经快一年了，但对于面试，依旧紧张和青涩。我心底是迷茫的，不知道面试自己的公司是什么样的，我要选择什么样的公司，我想，我只是为了证明，自己有实力可以进设计院。</p>
+<p>在武汉呆了10多个小时，匆匆的去，匆匆的回，面试完之后，没有期待，暗暗告诉自己，这次你终于任性了一把，随性而为，释放了内心的想法，现在心愿已了，可以回去踏踏实实工作了。</p>
+<p>现在又一次奔赴武汉，心情很平静，迈出这一步，我知道今后的生活会很艰辛。从今以后，得考虑柴米油盐这些问题，打的会心疼，吃肯德基会心疼，过节会心疼，再也没有足够的资金支撑自己旅游的愿望了。自己又将从一个小虾米开始奋斗，将职业生涯用橡皮擦擦掉，一切，又从头开始。</p>
+<p>这样做，我不清楚究竟好或不好，但是我知道，一旦选择，将再无退路，今后不论如何艰辛，我也必须咬牙扛过去，选择了就不后悔，我愿用十倍的努力，弥补这一年的青春。</p>
+<p>曾经看过一部电影，七月与安生。七月活成了安生，安生却成了七月。我想，我就那个七月，内心向往着自由豪放的生活，期待着激情似火的世界，爱好充满无限可能和挑战的生活，但是环境影响，我把它们都埋在了心底。</p>
+<p>这应该就是自己选择更换工作的原因。寻着心的呼唤，努力走好每一步。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>散文</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>一次思想的旅行</title>
+    <url>/posts/2017/3T2T8EN.html</url>
+    <content><![CDATA[<p>这个梦发生在今天下午，因为周日，下午无事，便睡了个饱觉，于是，诞生了一个神奇的梦，我称之为思想的旅行。</p>
+<span id="more"></span>
+<p>睡了一会儿，醒了，便起床去洗把脸，发现脸是麻木的，有一种不真实的感觉，不论怎么用水洗都是这样，瞬间觉得不对，反应过来，应该这是一个梦，我应该还没醒。然后就挣扎着起来，换了个睡觉的姿势，奋力直腰，最后终于起了，当洗脸的时候，脸还是麻木，我知道，这是又没起来…挣扎了很多次，每次都没能真正的醒，每次都在重复相同的事情，然后再挣扎着。渐渐的，没了起床的心思，睡熟了。</p>
+<p>这次做了另一个梦，和朋友趁着周末，来到了伦敦。我们出现的地方是泰晤士河旁边，朋友说：“这条河好熟悉啊！”我立马回答了一句：“这是莱茵河”。</p>
+<p>游着游着，朋友觉得有些困，便提前回去休息了，我趁着夕阳西下的时光，欣赏着两侧的风景。第一印象便是这儿有一座桥，没看到叫什么名字，是一座拱桥，拱座外面贴了灰色的瓷砖，瓷砖与瓷砖之间的缝隙刚刚好，错落有致，仔细看，每一块砖的砌筑，不多一寸，不偏一分，这才代表工匠的水平。还有一个印象是，这儿的景观布局也很精致，柳条垂落，不论从哪个角度看，都那么整齐，赏心悦目。</p>
+<p>朋友有一个好友，叫做Toms ---
+Timy,中间还有一个字，记不清了。在我给这个桥拍照的时候，他找到了我，然后还用中文和我交流，我当时想，至少得用英文问一下名字，然后脑袋就在搜索“请问怎么称呼”用英文怎么讲呢，思考无果，只得讲中文，有点尴尬。他给我讲，这条河叫做泰晤士河，然后领着我在旁边走了走。</p>
+<p>这儿的建筑也是很精致，充满着历史感和独特的人文气息。每一栋房子，虽然有着浓浓的历史痕迹，但仔细一看，每一个细节，都那么吸引人，其中的工艺更是不得不让人佩服，我随手用手机量了下，每一块板的厚度都完全一样，让人觉得不可思议，让人震撼，让人佩服。</p>
+<p>游着游着，天色渐晚，夕阳缓缓西下，此时另有一番风景，夕阳的光线很柔，逆光更是美到极致。难得的景致，我拿出手机，横着屏幕拍下了这美好的一瞬。</p>
+<figure>
+<img
 data-src="http://a2.qpic.cn/psb?/V118G3dh0IatwX/9GmnsmHxJnxtQhxBKNsGCGgnXgS6giAvXOoV5aOYfco!/b/dD0BAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=kAEAAZABAAEDIAU!&amp;tl=1&amp;su=0132749553&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
+alt="图片来自网络" />
+<figcaption aria-hidden="true">图片来自网络</figcaption>
+</figure>
+<p>（光和图片类似，但是当时太阳更低）</p>
+<p>接下来的事情便是几经波折，回到酒店休息，结束了这美好的一天。</p>
+<p>梦到这儿就结束了，醒来之后，一切历历在目，无比清晰，翻了下手机相册，略有失望。</p>
+<p>我在思考，旅行，究竟是为了什么，答案应该是去一个美好的地方，放松自己的心灵，这个梦，让思想进行了一次旅行。</p>
+<p>身在闹市，不为车马喧，我们自己的世界，应由自己来丰富。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
       </categories>
       <tags>
         <tag>生活感悟</tag>
       </tags>
   </entry>
   <entry>
-    <title>黄山游记</title>
-    <url>/posts/2018/2TJN1ZF.html</url>
+    <title>因为匆匆</title>
+    <url>/posts/2017/3C2G7GH.html</url>
+    <content><![CDATA[<p>又是一次天色渐晚，吃过晚饭，听着音乐，打发闲着的时间，只有在这一刻，我才感觉到，光阴是在身边流淌。工作的时候，时间逝得很快，快得都分不出来是时间超过了我们，还是我们越过了时间。</p>
+<p>我想，大概是我们走得太快，时间也跟不上了。</p>
+<span id="more"></span>
+<p>走得太快，便错过了路上的风景。昨天出门没有看天气预报，便没有带伞，出了门，回家的时候，天突然下起了淅淅沥沥的小雨，淋着雨，一路跑了回来，换了身衣服，略有后悔，要是早一点回来，就不会淋湿了。今天回想起来，昨日的自己却是错了一场浪漫的雨。</p>
+<p>从前的自己，很喜欢下雨。让雨落在头发上，打在湿了的衣服上，脚踩在路边的小水洼里，然后溅起一滩泥水，随性而为的放松，让人痴迷。现在因为匆匆的自己，下了雨，却没了感受的心，遗憾的错了雨的一厢情愿。</p>
+<p>不知道这是不是很多人的感觉，当阳光透过窗子，照在你的桌子上，你用笔尖在阳光下写着承载着自己思想的文字，这一刻，世界是那么安静，一刻好似永恒。而现在，因为匆匆，已经有很长一段时间没有见过黄昏了。家里的玻璃，成了冰冷的窗户，窗帘，埋葬了如诗的生活。</p>
+<p>庆幸自己偶然慢了下来，可以让思想驰骋去更广阔的世界。</p>
+<p>听着舒缓的音乐，闭着眼睛，细细品味着每个音符的跳动，一切的烦恼和压力，随之消散，此时的声音，便是最好的天籁。走得慢了，也就走进心里去了。这让我想起了一个朋友曾经讲过的一句话，“真不敢相信自己是在西安旅游，感觉就是在家旁边逛了一个古镇”。是的，走心的生活，一行一亍，都是美好，空间里没了时间。</p>
+<p>天快黑了，夜晚开始慢慢苏醒，天上稀稀落落的星慢慢探出头来，他们来到地球，是走得快还是慢呢？</p>
+<figure>
+<img
 data-src="http://a1.qpic.cn/psb?/V118G3dh0IatwX/9L6Ke8THGDn7r6fjRXzbOHSLv9*IpLvG.H2cJFj5*ks!/b/dDwBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=2wFYAgAAAAABELc!&amp;t=5&amp;tl=3&amp;su=0159330929&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
+alt="图片" />
+<figcaption aria-hidden="true">图片</figcaption>
+</figure>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>生活感悟</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>五分钟的世界</title>
+    <url>/posts/2017/3Y49VDP.html</url>
+    <content><![CDATA[<p>不久前，搬来了新的住处，离公司比较近，便喜欢在午饭之后，回家小憩。于是中午定了一个
+13:45
+的闹钟，但这个时间却是有点尴尬，上班的时候，如果运气好，楼下可以找到“小黄车”，那么就会准时到达公司，但如果不被眷顾，就只能跑着去了，生怕来不及，只有到达公司楼下的时候，忐忑的心才能放下。当然，被眷顾的概率极低，通常我都是在做跑步运动。</p>
+<span id="more"></span>
+<p>有时候，不禁好奇，这些人都是什么时候去上班的呢，为什么回来的时候那么多“小黄”，而走的时候却一辆也没了，难道他们都不用午休吗？我带着纳闷，保持着几乎每天跑步上班的节奏，“坚持”了快一个月，直到今天。</p>
+<p>今天很惊喜，比闹钟早醒了5分钟，下楼之后，门口居然惊现一辆“小橙”，赶快扫码，心情瞬间大好。走了几步，左边一辆，右边还有一辆。心里有点莫名，今天发生了什么，居然还有这么多空车。因为早了5分钟，上班也不用急着赶，慢悠悠的踩着脚踏板，沐着阳光，把心灵放空虚，听着风语，思考今天的安排，编织着放假的精彩，不用狂野的奔跑，不用担心迟到，一切很惬意。而路上行人或匆匆，或焦虑，或笑逐言开，走着的有，小跑着的亦有，千姿百态，红尘人生，这好像就是从前的自己。</p>
+<p>这种感觉甚是奇妙，他们是自己，又不是自己，站在他们的角度折射生活，站在自己的角度思考未来。仔细一琢磨，每个人都在自己的圈子忙碌着，这个圈子只有那么几个名字，只有那么几件东西，有的人，一直在这个圈子往返，直到生命消散，有的人，知道何处是远方，往返皆是精彩。</p>
+<p>惊奇的发现，自己与所好奇的人的世界，只是隔了5分钟的距离。因为这5分钟，便是一册不一样的人生，两个迥异的世界。拥有它的人，从容而淡定，睿智而优雅，失去它的人，无奈和落寞。但即便是这么短的距离，我亦靠着偶然堪破。</p>
+<p>这个事实让我醍醐灌顶，或许我们离所追求的人生也只有一个5分钟，走上巅峰，只是需要比现在多努力那么一点。</p>
+<p>5分钟的差距，星星与星空的格局。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>生活感悟</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>三世</title>
+    <url>/posts/2017/BPMA7E.html</url>
+    <content><![CDATA[<p>期望有轮回，却一直在轮回。</p>
+<span id="more"></span>
+<p><strong>1 前世</strong></p>
+<p>前世，他出生在偏僻的小山村。只有一条泥泞的小路，穿过小河，然后从这个村子旁边经过，在他的记忆中，这条路，承载了整个村子的故事，塞满了他的童年。村落中的人家，如果算上脚趾头，那就是屈指可数了，村子里也没什么文物之类的，上了年纪的，除了老人，就是屋顶一片片的青瓦了，还有在山里头老李家的牛。</p>
+<p>他的年纪小，脑袋里放不住记忆，每天似乎过得很平淡，但也似乎很快乐，那个时候没有时间的概念，连年龄都是爸爸妈妈帮着保管。他每天有一个任务，就是把家里的小牛牵到草长得好的山坡上，让它饱饱的，好好的吃一顿，这头牛很挑剔，但是很喜欢和他在一起。有时候，他会想，这牛一点也不好养，草老了不吃，树叶也不吃，要是养只羊该多好，什么都吃，有时候也很喜欢，因为可以把它丢到山上，等到时间差不多了，就“哞～哞…”的学着叫几声，带着起伏，它就自己回来了。牛也很有脾气，一般不让人骑，他想到一个好法子，出门的时候，憋一泡尿，等走的时候撒在草地上，牛会吃得很开心，恨不得把泥土也吃进去，这时候，他的愿望就实现了。不过，快到家了，还是得下来，被人看到了回去肯定要挨一顿家长的狠揍。</p>
+<p>就这样过了几年，村里迎来了第一台电视机，是黑白的，电视机很古老，调频没有遥控器，需要手去拧上面的按钮。跟着电视机一起到来的，是孙悟空，是腾云驾雾，是肝胆相照，是外面精彩的世界。每天晚上，是他最期待的时间，因为可以去电视的主人家那儿看电视。如果去得晚了，就倚在门边，从大人们之间的空隙去发现外面的故事。他觉得生命真是渺小，拍一部电视剧有那么多人死亡和受伤。</p>
+<p>那时候的他，很认真，很单纯，没有人告诉他们电视里的真假，不过这都不打紧，因为它开始向往外面的世界了。大人告诉他，只要努力读书，就会一步步的走出去的。在村里读小学，在镇里念初中，在城里上高中，然后到市里读大学，他想不到然后要到哪儿去，要去干什么了。所以，他就一直走一直走，越走越远，越走越远，走过了一生。</p>
+<p><strong>2 今生</strong>
+今生，他穿越成一个毕业的小伙子。彷徨的在没有家的地方沉浮，好像是生于这个世界，但又融不进任何一个地方。他的第一份工作是在建设的前线。到公司报到之后，有一个为期七天的培训，这七天过得很充实，有讲座，有素质拓展，还有各种丰富的活动，他以为这便是工作。培训到最后一天，团委书记很怜惜的对他和新同事讲，你们要好好珍惜此时此刻，这可能将会是你们今后唯一一次参与这样的活动了。当时的他满怀着一腔热血，不怕苦，不怕难。</p>
+<p>工作中的人，有的可爱，有的又是可恨，有的紧着小家，但却失了大家。工作环境的复杂，不是外部，而是人心。老张是施工队的负责人，在他的眼中，大多数时候只有利益。在需要别人的时候，卑躬屈膝，当找他帮忙时，便笑里藏刀，表面答应得好好的，可是转身就抛之脑后。这是最为可恶的行径了，忍不住让人感叹。老张时常在嗟叹，生活之不易，可是却忘了，大家的生活都是不易的，他只顾着自己了，从没想过，在人生的路上，相互扶持，是他的无奈呢，还是他本无心。</p>
+<p>他，耐不了人与人之间的这些不真诚，便悄悄地决定走了，每天做着浪费生命的毫无意义的人际交往，这本也不是他期待的生活。其他人都说，搞工程四海为家，而他却觉得那个只是宿舍。换了新工作，他看到了希望，同时又出现了新的绝望。现在住的地方不叫宿舍了，但也不叫家，对于他来说那只是落脚点。他时常一个人发着呆，不胜感慨，诺大的城市，容得下他的，只有几个平米。没有经历过，便都是向往，以前的他，只知隔行如隔山，可是却不懂得，每座山中都有虎。生活的无奈，已经不是无病呻吟的句子，而是赤裸裸的现实。他也不知剩下的光阴是或喜，只是一步一步，走下去。</p>
+<p><strong>3 来世</strong> 若是有来世，他希望，一切都好。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>散文</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>想念挚友</title>
+    <url>/posts/2017/1AJP2Y0.html</url>
+    <content><![CDATA[<p>三毛说：“最好的爱情就是相处不累”。我觉得这句话也可以用来形容友谊，最好的友情也便是相处不累。</p>
+<span id="more"></span>
+<p>去年夏末的时候，我和他相识。他初给我的印象是很阳光，脸上的轮廓略显刚毅，戴着一副黑框眼镜，又显得很斯文。他说话时带着一点甘肃的口音，总是把”yun”读作“yong”，当时听到这个口音的时候，很是亲切，大约是大学有一个好友，也是甘肃的缘故吧。</p>
+<p>和他第一次见面是在施工现场的办公室，我不认识他，他也不认识我，虽然见了面，好像也没打招呼。就这样呆了一两个月，慢慢地变得熟悉，熟悉彼此的性格，熟悉彼此的价值观，熟悉对方有没有女朋友，然后就成为了好朋友。</p>
+<p>有句话说得很对，只有当失去了，你才会懂得珍惜。我离开之后，才发现那段青葱的岁月，如此值得怀念。自换了工作已有两月余，面对新环境，我战战兢兢的生活和工作着，一个人，一座城，默默地打拼。每天拼命的学习，认识了另外的人，做另外的事，一切，都很累。静下来的时候，总会很想念以前的日子。</p>
+<p>我和他的床是对着的，中间隔了一张桌子，是少强留下的，后来又有一张，好像是李伟的。我俩把它们拼在了一起，我在上面放了个简易书架，还养了一盆“小家碧玉”。有时候我会给它拍拍照，他会浇浇水，虽然是我买的，好像更是他的宝贝。</p>
+<p>夏天的时候，外面很热，他去买水的时候，总会捎上我的一份，有时候桌上的纸巾用完了，他会多拿出一卷，一卷放在他那儿，一卷放在我这边。上次出去把妹，他还和我商量着暗号，要是钱不够了，打个电话给他，他立马给我想办法，在电话里就问，拆迁怎么样了，拆了一栋就是一千，两栋就是两千，免得被姑娘听见自己借钱，很窘迫，我笑他，我这是举朋友之力追妹子啊。我知道，要是我真这样给他打电话，他肯定会马上帮我解决的。我们的交情不需要在意金钱，只是彼此肝胆相照。</p>
+<p>大学就很喜欢吃鱼，有一次，拽着他去了工艺美大旁边吃了那儿的纸包鱼，很鲜嫩，这是第一次吃纸包鱼，后来在其他地方也吃过，可是没那味道，好像从那时候起，他也迷上吃鱼了。有一天，咱俩就约着，把益阳的鱼尝个遍。为了吃一次鱼，我俩先是转了一趟公交，然后打了快半个小时的车，才到城院的小吃街那边，鱼店很多，觅着一家烤鱼店就窜进去了，那儿的鱼也很好吃。</p>
+<p>已经离开益阳有一段时间了，有一天晚上，微信振动，是他发来的消息，有一个定位，然后来了句想你了。初听这话，以为他是开玩笑的，居然写得那么肉麻，然后点开定位，突然发现，那是我们第一次吃鱼的位置，他在那边喝酒，应该是喝了有几分了，此时，虽然和他隔了一个省的距离，但仍能感受到那如浓酒般的思愁。我也非常怀念彼此共同度过的岁月，真挚而又轻松，快乐而又写意。人生又哪能轻易找到几个这样的知心朋友呢？</p>
+<p>等他来到我的地方，等我去到他的城市，等和他在远方遇见，不醉不归。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>散文</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>两个人的上海</title>
+    <url>/posts/2017/3B8ZFDY.html</url>
+    <content><![CDATA[<blockquote>
+<p>本文仅作纪念</p>
+</blockquote>
+<p>有一种旅行，不为跋涉千里的向往，只为漫无目的的闲逛，不为人山人海的名胜，只为怡然自乐的街景。或走，或停，都是美丽的心情，这就是我喜欢的旅行。</p>
+<span id="more"></span>
+<p>国庆之前，计划着去黄山，然后就问同行的伙伴的意愿，她是深圳的，祖国的南方了，我问她，咱们先去合肥，然后去黄山吧，她想都没想，就说：“好”，她当时都不知道合肥会有多远，她可能也不是很喜欢爬山，但就是那么干脆的答应了，我想，她也喜欢这样的旅行，不是走路，而是走心。后来，黄山的票没了，便改了行程，去了上海。</p>
+<p>到一个地方，总会想去看看最出名的学校，所以，我们的第一站，就是交大。步入交大，一种学府的厚重气息瞬间扑面而来，里面“康白渡式”的建筑风格处处透露着学府的严谨，散发着求知的精神，虽然它历史源远，但是又让人觉着亲切。只是，我和她对这个没一点研究，就是觉得想去看看交大，即使去看一眼校门，即使留下一个脚印在那片土地上，也是满足的。进了校园以后，她就是觉得好看，我也不问，问了怕她形容不出来，问了怕坏了景致，而我就是乱按一通快门，因为觉得每个角度，都是一幅画，直到后来，她惊讶的说，这是体育馆，你也拍？我就拍得没那么放肆了。现在想想，我当时脑袋应该是短路了，我怎么不拍啊，又不是像湖大，旁边还有一个厕所。不知道她当时为什么惊讶，难道是和我一样，想到了湖大的体育馆？</p>
+<p>就这样，两个人，四个脚印，从交大的一头到了另一头。现在的记忆，大部分已经落在了照片里，剩下的，只是一段蜿蜒的路，两个背着包的身影，还有那段静谧的时光。
+我和她去的第二个地方，算得上是偶遇吧。乘地铁到人民路站下车，她问我，要怎么走，我说，我也不清楚，那随便选一个吧，她欣然接受了，彼此都不在乎景点在哪儿，因为觉得行过的地方，就是最舒适的风景。出乎意料，我们的选择是一份惊喜，那个出口记录着大上海曾经的故事，拉黄包车的师傅，卖栀子花的小姑娘，还有很多，记不住了…让人如痴如醉。经过一个民国时期的火车站台时，她带着好奇，天真的看着泛着光晕的穹顶，那画面让人感动，我静静地站着，呼吸缓缓的，生怕残了那幅唯美的画，她的景，是那些光，而我的景，是她和光。</p>
+<p>穿过人民广场的时候，阳光还是浅浅的，斜着透过大厦，铺到地面，给人干净清新的感觉，看一眼，就着迷了，同行的她瞬间被感染，脚步无拘无束，时而欢快，时而袅袅，仿佛误入了仙境的公主，剩下的只有快乐。我端着相机，她就负责把快乐放在风景里。两个人，玩着玩着便忘了时间，忘了下一站是哪儿，等惊醒的时候，两人会心一笑，背着包，又消失在人海。
+后面还去了很多地方，</p>
+<p>到了外滩，看了万国建筑，还有东方明珠塔。每个景点都游得很浅，但我们不在乎，她饿了，就陪着她去吃饭，我想看夜景，她便耐心的同行，这已经就是旅行了。</p>
+<p>国庆的上海，风景和人各占了一半，而我们眼中的上海，就只有两个人。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>散文</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>缘起西塘</title>
+    <url>/posts/2017/3DKZM8Z.html</url>
+    <content><![CDATA[<p><img
 data-src="http://a2.qpic.cn/psb?/V118G3dh0IatwX/dLmA1CQbAy8TIWYz5sckfgkAwaXbKqXQX0zUOWOzK1A!/b/dIUBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=wAOAAgAAAAAREGY!&amp;t=5&amp;tl=3&amp;su=0188921169&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
+alt="图片" />3年前，初听到西塘这个名字的时候，便烙在了灵魂里，虽从未与她邂逅，但从那个时候开始，就已经喜欢上了西塘。印象中的西塘，应是庭院深深深几许的宁静，是夜船吹笛雨潇潇的惆怅，是巧笑倩兮，美目盼兮的温婉。三年间，去了很多的古镇，只为寻找心中的西塘。到过最大的古镇便是乌镇了，乌镇很美，但是却牵不起一丝记忆的涟漪，自那以后，每看一个古镇，便失望一分，天下的古镇好像都是那般，禁不住深情。</p>
+<span id="more"></span>
+<p>这个国庆，因为行程改到了上海，便顺道去了西塘，对于古镇，已经近乎失望成绝望，我想，三年前因西塘两字缘起古镇，此刻便从西塘结束吧。尽管烟雨朦胧，风细柳斜，但已心观赏，幸得朋友的陪伴和宽慰，也就不那么在意了。</p>
+<p>票是请青旅老板买的，便宜了很多，在老板的带领下，我们走进了西塘，步入古巷的那一瞬间，仿佛空间穿过了时间，回到了千年前的江南。小桥流水人家，古道白墙灰瓦，夕阳西下，佳人腮凝桃花，这才是心中的那个古镇，以前对西塘的误会瞬间释然了，一直误会了西塘这个美丽的地方，误会了西塘这么美的名字。</p>
+<p>西塘的美，不似乌镇的雕栏画栋，是一种天然去修饰的朴素。西塘的美，一个人赏，两个人赏，或者一群人，不管你是南方，还是来自北方，都是适宜的。西塘，完全满足了我对古镇的幻想，静若处子，动若脱兔。</p>
+<p>落住的的青旅很别致，入口处散落着很多盆栽，高的矮的，有的开着小花，有的松松懒懒的扶在墙上，好像是老板疏于打理，又像是盆栽自己任性，显得那么自由和轻松。推开暗红的大门，便是这间店的大厅，大厅右边一角是登记入住的柜台，不过更像是一个吧台，啤酒，白酒，红酒俱全，精致的玻璃杯，还有几支高脚凳，让人有一种坐上去，和朋友一醉方休，向老板谈天说地的冲动。挨着吧台不远处，摆放着一套茶具，如果喜欢，以茶会友，亦有一样风情。扭过头来，墙上挂着大大的屏幕，放着王者荣耀的比赛，惊险的对战，激情的解说，玩或不玩，都会立足几分钟，细细的感受那份青春的激情。还有一角，立着两个书柜，上面放着当下盛销的书籍。看到这个布局，让人惊讶和兴奋，相互矛盾的东西，在这儿自然的融为一体了。在这家深藏巷子里的店里，你可以自由自在的放纵自己，也可以安静的捧着书卷，心是怎样，就活成怎样，真是一种别样的享受。</p>
+<p>西塘的昼，小桥流水，轻舟翩翩，宛如散落在人间的桃源，又如豆蔻的少女，羞红了脸。而夜晚的西塘，性感而奔放，最著名的便是酒吧一条街，各富特色的酒吧挤满了一巷子。踏上这条街的瞬间，一股活力四射的狂野铺面而来，街道两侧，灯光妖娆，烟雾缭绕，音乐在巷子里肆意的宣泄，你可以喝着啤酒，装成失意的少年，搭讪身边的美女，你可以站在舞台上，酣畅的摇摆，你也可以染着爆炸头，穿着拖鞋，在大厅里嚎叫。此时此刻，你便是自己心中的，心底深处的自己。这条街会在晚上十一点准时关门，是想告诉往来的旅人，疯狂之后，及时回家。这便是这条街的魅力。</p>
+<p>绕过酒吧一条街，世界又一下子安静了，灯笼红彤彤的，静静的挂在长廊上，很多精致的小店傍水而卧，可以打尖，可以住店。有家店叫做“奶奶家客栈”，以前这位奶奶常被邻居欺负，于是倾尽毕生积蓄，开了这家店，有了生意，生活慢慢变好了，也少了人欺负。还有一家店叫做“西塘记忆”，店里面人很多，但一点也不喧闹，大家静静的听着歌，暖暖的感受着此刻宁静的心情。还有很多店，很多的名字，五姑娘客栈，猫的魔法城堡，声声慢……每一个名字，都有一个让人感动故事。此时，你可以觅一处石凳，静静的坐着，慢慢的品味西塘的夜，让时光随着灯光，留在西塘。</p>
+<p>西塘，宁静而淡雅，美好得似一幅泼墨的山水画，舒展在江南的烟雨里。她用一个名字，便醉了一世游人。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>生活感悟</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>无邪</title>
+    <url>/posts/2017/331FR19.html</url>
     <content><![CDATA[<figure>
-<img
 data-src="http://a2.qpic.cn/psb?/V118G3dh0IatwX/GrM3PWyhwsSSbbrE*X*grTq.3s9KKdyFt4JAkXTCRtk!/b/dCEBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=OARUBgAAAAARIHk!&amp;t=5&amp;tl=3&amp;su=087375409&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
+<img
 data-src="http://a3.qpic.cn/psb?/V118G3dh0IatwX/RFVyULh.H0c9rl6Ilz*0ceqAN62hc5Lww1yxWjGIswk!/b/dI4BAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=wAOAAgAAAAAREGY!&amp;t=5&amp;tl=3&amp;su=092052705&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
 alt="图片" />
 <figcaption aria-hidden="true">图片</figcaption>
 </figure>
-<p>薄海内外，无如徽之黄山，登黄山天下无山，观止矣！</p>
-<p>去年国庆之时，便心心念念地想一揽黄山美景，今清明时节，终如愿以偿。未至黄山，便被诗人的描述掳了所有的心思，峰峰寒列簇芙蕖，静想嵩阳秀不如。清明多雨，天公好似为了应景，举国降温。一下车，便是一股寒气扑面而来，透过衣裳，冷了每一寸肌肤。如此天气，有些让人失望，心想，虽然明天的黄山之旅可能无所收获了，但既来之，则安之，若不去走走，又空留遗憾。</p>
+<p>我痴痴的，寻寻觅觅，那扰人心弦的美。那种美，是一日不见，如三秋兮的思念，是力拔山兮气盖世的豪迈，是谈笑间，樯橹灰飞烟灭的壮阔，是一种，可以让心铭记的画面。</p>
 <span id="more"></span>
-<p>睡得早，起得也早。6：00左右就出发去了换乘中心，排了一小会儿队，买了票便乘大巴前往景区大门口。黄山上山有两条主流的路线，一是前山路线，另一条是后山路线。因为一个人，所以基本没有做攻略，只有一份不完全的地图，但人大胆子粗，任它天大地大，我亦仗剑天涯，稍一考量，就往后山奔去了。</p>
-<p>因为山大而时间紧，所以我选择索道上山，步行下山。刚下索道，所有风景便若大江决堤，奔腾汹涌而至。那一刻，我才真正体会到，黄山的美，不是清秀，不是婉约，而是波澜壮阔。下索道的第一个地方是白鹅岭，站在它的观光台向下远眺整个黄山，只见巨峰与天穹对峙，虽各有高低，但无一不巍峨雄伟，峰峰拔地而起，顶天立地。云雾穿梭缭绕，雾借山势，山依雾浑，风起而雾涌，只一眼，心中便顿生万丈豪情，人生纵是千磨万难，我当以一力破之。</p>
-<p>感谢路人朋友这么好的技术</p>
-<p>到的第一个著名景点是石笋是一个动人心魄的地方。石笋矼在黄山始信峰与仙人峰之间。矼上怪石参差，犹如雨后春笋。石笋缸的观景台削峰而成，上下皆虚空，不知几千丈。正当我惊叹于大自然的鬼斧神工之时，突然生起一阵狂风，风势比山势更险，转瞬之间，谷底云雾上涌，无边无际，于上观景，真是飘飘然如遗世独立，羽化而登仙。</p>
-<p>[图片](http://a3.qpic.cn/psb?/V118G3dh0IatwX/YK3fQrxUz9oOaG1SuMXpo*zIz4VuD2JhzZdA6OQhSHw!/b/dCIBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=gAc4BAAAAAAREJw!&amp;t=5&amp;tl=3&amp;su=0144353185&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9
-“石笋缸云雾汹涌”）</p>
-<p>从石笋缸往前走一小段，便是著名的始信峰。入画境，似幻而真，凸起于绝壑之上“”</p>
-<p>黄山另一处胜景是西海大峡谷。峡谷步道多是在险峻的崖壁上人工挑梁，然后铺以面板而成。其险可比华山，但又不让人生惧，你可以坦坦然行立，施施然观景。在谷中放眼四顾，只见山依山、山套山，层次分明、壮阔奇特，令人叹为观止。初至此地，初见此景时，心中不禁万分欢喜，风景太美了，刚揽一处胜景，又迫不及待地期待前面的惊喜，一不留神便从山顶走到了谷底，最后只能一步一步从谷底爬回到山顶。</p>
-<p>[图片](http://a3.qpic.cn/psb?/V118G3dh0IatwX/vnTQhNNiNr4hkLQcW2dtORfN2W4a9qwcNEgfwsjRDjw!/b/dCIBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=VAY4BAAAAAAREEk!&amp;t=5&amp;tl=3&amp;su=0228506593&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9
-“西海大峡谷”）</p>
-<p>到黄山，飞来石是必须要去的地方。女娲补天，红楼梦，天外之石，一个个尘封的记忆便瞬间喷涌而出，时空倒转，本是虚幻，却又那么真实，你与它千载轮回修得。倚于飞来石，俯仰之间，不禁相叹，人力有尽，造化无穷绝。</p>
-<p>黄山另一特色便是它的水。山间清泉叮咚，山伴水的温柔，水染山的苍翠，移步间，或是清泉侧畔，或是潺潺声绕耳，即便是人工开凿的小道旁，也会偶尔拾得一泓泉水。要是渴了，便掬几捧山泉，痛饮而下，它是那么地甘甜，清冽，夹着自然的清新。游黄山，便当是这样，身与心与之交融，这比任何纪念品都有意义，让人永远地记住了它的味道。</p>
-<p>每登一座山，便是一个故事。登徵之黄山，若红尘入仙境，洗涤心灵，又好似在那泼墨的山水画中惊世一梦，如梦幻泡影，美得流连忘返。</p>
+<p>生命中，见过很多的美，但总是昙花一现，让人抓不住，留不下，又念不起。夕阳西下时分，一对老人相互依偎着，身后的影子，随着斜阳，拖得老长老长，却始终形影不离，这是岁月的美；自习室里，女孩安静的写着作业，风乱了发，男孩瞧见了，便宠溺的将女孩的发丝揽回耳畔，这是青春的美；三两岁的小孩，得到一颗糖就可以开心很久，笑的时候无拘无束，哭的时候撕心裂肺，这是天真的美.…..美无形无相，它可以是感动，可以是伤情，可以是一幅画，也可以是一阵风。</p>
+<p>以前，见到美的物或人，便是心旷神怡，然后感叹一句“好美啊”，随后就丢在了记忆的角落里。闲下来的时候，就思考着，究竟什么是美？周末的时候，云儿在天上睡着了，丝丝缕缕阳光便遛了下来，于是决定到昙华林走走。很幸运，遇到了两份让人难忘的美好，瞬间明白了美的真谛。</p>
+<p>路过一个小店门前，一只灰色的小猫正匍在地上，头快耷拉到了地板，心情很低落，一点也不搭理路过的人。一位女生从店里准备离开，看到了它，便蹲下身，用手抚摸着猫的脑袋，宽慰这只小猫，似乎感受到了猫的心情，她的神情带着淡淡的忧伤。过了一会儿，小猫扭过头来，心情好了很多，女生收回手，小猫静静地看着她，她也温柔看着小猫，最后，小猫耐不住羞，喵了一声，把头撇了过去，女孩忍俊不禁，扑哧一下笑出来了声。这弯笑容，穿过午后的空气，涤荡在我的心头，至今萦绕在脑海中，不曾消散。我想，这便是一份美，一份善良的美。</p>
+<p>女孩后来和同伴消失在了人海，我缓缓的踏着步子，认真的呼吸着每一口空气，收拾着刚刚的好心情，惬意地静静地享受着此刻的时光。走着走着，一家小店吸引了我，不是因为它的名字，而是店的门边栓了一直可爱的小狗。一身金黄色的卷卷的毛，搭着深灰色的流行款式，两只炯炯有神的眼眸，好奇的看着往来的行人，也不知它心里在想着些什么。这时，一个小孩看到了小狗，她手里拎着一小袋零食，准备和小狗分享。可是离得远，于是她想踏上台阶再递给小狗。虽然台阶不高，但对于才学会走路的她来说，很有难度，只能用两只手，平衡摇摇晃晃的身体。小狗见着了，露出期待，小女孩上了两级阶梯，可以够着了，但她想走到平坦的地方，专注的迈着最后一步。这时，小狗的脑袋有点转不动，呆呆的扭过头看着女孩，思考着，她为什么还不停下呢？这画面，虽然简简单单的，却觉得是另一番说不出的美。</p>
+<figure>
+<img
 data-src="http://a1.qpic.cn/psb?/V118G3dh0IatwX/sTp3n6IDydjCLq8BEElqDouWpFBLDU2ciN4Xe7Vj7Yc!/b/dOAAAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=wAOAAgAAAAAREGY!&amp;t=5&amp;tl=3&amp;su=059248945&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
+alt="图片" />
+<figcaption aria-hidden="true">图片</figcaption>
+</figure>
+<p>女生的眼中，只有猫的失落，她便留下来宽慰；女孩的世界，有台阶和小狗，她便先忘了小狗，小心仔细地踏着步子。美，大约就是如此，简单而专注，不参杂丝毫的杂质，天真无邪。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>生活感悟</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>七月与安生</title>
+    <url>/posts/2017/2P24YP8.html</url>
+    <content><![CDATA[<p>有一对闺蜜，一个叫七月，另一个是安生，七月安静，在大人面前表现得很乖，安生开朗，七月妈妈说她什么都好，只是缺了点运气。安生没考上大学，出去闯荡，换了很多男朋友，最后找了个老实人结了婚，过上了相夫教子的幸福生活，七月和男友同一所大学，毕业后谈婚论嫁，所有人都认为他们是最合适的一对，会很幸福，但是他不够爱她，在结婚的时候离去，七月终于找到借口出去闯荡。</p>
+<span id="more"></span>
+<p>七月过成了安生，安生活成了七月。</p>
+<p>恰好，我也有两个朋友，一个叫七月，另一个是安生，他俩是基友。七月成绩一直优秀，初中出去上通宵，第二天考试拿了年级第一，高中走路都在看小说，成绩也还不错，大学成绩差点保研，在所有人眼中他会很有出息；安生浪荡，也很贪玩儿，初中留了级，高中辍学出去潇洒，大学挂科，他有自己的想法，没毕业，自己赚钱买了一辆车。</p>
+<p>安生给七月打电话。</p>
+<p>“七月，工作怎么样？”</p>
+<p>“工作很累，没有休息的时间，感觉整天都在工作，不是我想要的生活。”</p>
+<p>“工资怎么样？”</p>
+<p>“不怎么样，有点低……”七月心里其实还有一点自豪，因为他的很多朋友工资没他高
+“确实有点低啊。我在学校旁边和人开了一个点，每天能赚个2000左右吧。”</p>
+<p>七月第一年工作回去和安生见了一面，是安生开车来接的他，安生的车技很好，放的歌不像七月听的那样安静，很激昂。安生很忙，他们吃了一碗面就分开了，安生给七月带去了震撼，七月也想要一辆车，想要安生的潇洒生活。</p>
+<p>安生活成了七月想的那样。</p>
+<p>七月想去环游世界，想有一辆车，一幢房子，想给父母好的生活......</p>
+<p>七月在挣脱。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2017年</category>
+      </categories>
+      <tags>
+        <tag>散文</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>兰州</title>
+    <url>/posts/2018/202BKMX.html</url>
+    <content><![CDATA[<p>未见得兰州，便已入了迷。单是念着这个名字，脑中便不自觉的浮现出她的身影，仿佛一位慧质兰心的女子，一袭碎花长裙，恬静地立在黄河边上。兰州，是和大理一样浪漫的地方，未识得时想念，遇见了眷念，离开后又是挂念。大理的浪漫是邂逅和放纵，多是妖娆。兰州的浪漫，则是细水源长，缠缠绵绵，秀气而清纯。</p>
+<span id="more"></span>
+<p>喜欢兰州，就像爱一个人，不是因为她美得惊艳，而是她懂你的心，她的味道是你喜欢的，她的样子是你喜欢的，她的性格也是你喜欢的。初到兰州时，天灰蒙蒙的，她就像伊斯兰教的女子，用头巾掩了自己的美丽，不想让人瞧见了。想到这儿，我不禁婉尔一笑，看来只能自己慢慢去体会了。</p>
+<p>第一个接触的是兰州拉面。拉面馆就餐的流程和南方不大一样。你需要先在前台为自己的食物埋单，然后服务员会根据你点的东西给你相应的小票，凭借小票到相应的区域领取食物。做拉面一般有三个伙计，一个揉面，一个拉面，最后一个负责煮面。揉面是一个体力活，有的伙计比较瘦小，便将面团放在案板上，左手按着面团，右手盖于左手，然后猛的跳起，借着落地的动能加成，将面团揉匀。拉面的师傅技术高超，往往一团面上手，一拉一折，面条就已经成形了，侧身便把它投入沸水中。煮面师傅估摸着时间捞面，然后两勺面汤，一把葱花，一撮牛肉，三勺辣椒油，一碗地地道道的兰州牛肉拉面便成了。</p>
+<p>在冬天里吃一碗牛肉面是最幸福的事情了。用筷子挑起几丝面条，还没送到嘴里，你的所有细胞便已被牛肉面的香味征服了。此时，也顾不得谦谦君子，窈窕淑女了，只想一口接一口地吃下去，末了，还得喝下去半碗汤才感觉到知足。兰州牛肉面就这样牵走了每一个陌生人的心。</p>
+<p>兰州的美食，大多为清蒸，这样的烹饪方法，保证了食材最天然的味道，清香又自然。手抓羊肉便是另一道美食，羊肉不加任何佐料，只是放了盐，但是却没有羊肉的膻味，惊叹兰州人可以把烹饪简化得如此极致。吃手抓肉也是有讲究的，剥一瓣生大蒜，挑一大块肉，一起放进嘴里，蒜去了羊肉的腻，羊肉则缓了蒜的辛辣，但又都保留着彼此的原汁原味，实在是一番美妙的体验。兰州的美食，不像南方总是藏在深巷子里，你只需找一家清蒸餐厅，便可揽尽大部分美食了。羊膝盖泡饭、凉拌小葱、牛奶煮鸡蛋、还有脏脏梨（这是一个朋友这样叫的，原名叫软儿梨）都让人回味无穷。</p>
+<p>谈到兰州，除了吃，一定少不了的就是中山桥了。对于桥，我总是有一份特别的感情，走在桥上时候，仿佛可以感受到它跨过一个又一个岁月的艰辛和倔强。长江上的大桥，冷得让人难以亲近，而中山桥，虽然是用冷冰冰的钢铁建成，但是它却用那厚重的历史，压住了钢桥的凌厉，一眼望去，便是它的浪漫和故事。明朝开始，人们便在这儿建起浮桥，把船码成一排连好，在上面钉上木板，方便人们的出行，在当时称为镇远浮桥。1907年，由陕甘总督升允牵头，美国人设计，德国人制造材料，中国人建造，历时三年，耗费三十万六千两白银终于建成了当时黄河上真正意义上的现代桥梁，素有“天下黄河第一桥”的美称。</p>
+<p>中山桥从风雨飘摇的晚清走到了现在，他亲眼见证了泱泱大清的坠落，和苦难的中国人民一起经历着漫长的销烟和战火，看着一个又一个熟悉的人辞世，剩下了他一个人失落和寂寞，我想，今后再也没人能够绘声绘色地讲中山桥的故事了。一座桥，走过苍桑的岁月，一座桥，跨越百年的历史，当你缓缓地走在上面，手指轻轻拂过一颗颗螺钉，仿佛时光倒转，你能够切切真真地感受到已经翻过去的一页页历史。</p>
+<p>兰州另一个让人忘不掉的地方要数五泉山了，五泉山全部由黄土堆积而成，但却呈山之宏伟之势，绵延起伏，雄伟壮阔。未亲至，是很难想象得出它的震撼。五泉山因有五口山泉而得名，五泉之中，数摸子泉最为有趣。摸子泉位于摸子洞中，洞深14米，两侧石壁上凿有佛龛，到洞最里面之后，再下5级台阶，就到了泉边。泉为方形，水深约半米。以前寺内僧人在泉中置石子和瓦片，求子者摸到石子生男，摸到瓦片生女。常有信男善女钻进洞中，用手在泉水中摸索，刘尔炘曾在洞门口书一对联，嘲讽这种迷信行为是“糊糊涂涂将佛脚抱来，求为父母；明明白白把石头拿去，说是儿孙。”</p>
+<p>五泉山的建筑多为佛教古建筑，层楼叠阁，采用歇山式屋顶，建筑斗拱飞檐，雕梁画栋，结构精巧，气势庄严。楼阁依山而建，错落有致地立在黄土坡上。每一处都是一幅精美的画，初见时，总会想挑最好的先看了，但又觉得每一处都有各自和妙处，舍不得落下任何一个角落。</p>
+<p>兰州，最让作为南方人的我欢喜的便是在太阳高挂的时候，还可以看到厚厚的冰了。有的冰很薄，你可以一边沐着阳光，一边踩着冰，一脚下去，冰便伴着呲呲的声音，脆裂开来，此时心中所有的思绪都跟着冰的破裂化了，纯净又无拘无束，真想一直就这样挥洒着烂漫的时光。</p>
+<p>去到兰州，一定要感受一次西北的烈酒，一口下去，那种粗犷豪放的味道，拔动你的灵魂，你心中只剩下一个念头，喝不过我还吐不过吗。一方水土养一方人，这句话一点也没错，才到兰州两天，我就已经迷恋上了大口吃肉，大口喝酒的畅快了。到主人家做客时，动筷之前，热情的主人会用一个盘子，盛好6杯烈酒，端至你面前，表达他们对客人欢迎和祝福。如果席间恰好有兰州姑娘在，她们便会打着节拍，用兰州话唱着简单的调子，为客人助兴，宜杯呀宜杯…量杯呀量杯…
+三杯呀三杯……盛情难却，只好一杯接一本杯，不负主人家的热情。</p>
+<p>兰州的魅力，在山里，在水里，在可爱的文化里。轻轻至兰州，浅浅地邂逅，魂牵梦萦
+。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
@@ -17388,32 +17588,41 @@ alt="图片" />
       </categories>
       <tags>
         <tag>生活感悟</tag>
-        <tag>黄山</tag>
       </tags>
   </entry>
   <entry>
-    <title>表演</title>
-    <url>/posts/2018/2E319BV.html</url>
-    <content><![CDATA[<p>刚好凌晨，往窗外一瞥，在玻璃里便遇见了思考的自己。我和他安安静静地对视着，他模仿的我表情，我复制他的动作，在这无尽的黑夜里，倒也是有趣。</p>
-<p>他对我说，他在思考，假如现在即将死去，那生前的经历，是否足以瞑目？</p>
+    <title>一生一世相依</title>
+    <url>/posts/2018/36GBYZE.html</url>
+    <content><![CDATA[<p>哐铛哐铛……绿皮火车缓缓地往北驶去。我和老伯坐在小板凳上，静静地听他回忆着自家大壮和妞妞的故事，渐渐地入了迷。</p>
+<figure>
+<img
 data-src="http://a3.qpic.cn/psb?/V118G3dh0IatwX/vZdnSXHuXlmDjOP*1p25nzis9X1HeDgfZ.r*d646w*w!/b/dHYBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=dwJkAXcCZAEDIAU!&amp;tl=1&amp;su=0171831425&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
+alt="图片" />
+<figcaption aria-hidden="true">图片</figcaption>
+</figure>
+<p>那年初夏，春刚走，还未来得及带走绵绵的细雨，他正欲拢上窗子时，两只鸽子扑腾着翅膀从眼前掠过，匆匆地赶到了对面的飘窗下避着雨。一只鸽子的体型稍小，雪白的羽毛，应该是雌鸽，另一只是雄鸽，体型很壮，羽毛也很漂亮。雄鸽落地后，警惕地左右张望着，等确认安全了才放松下来，它往雌鸽边上挪了几步，雌鸽也向它的身边紧了紧。雌鸽的羽毛被雨扰得有些乱了，它便用嘴给雌鸽梳理羽毛，雌鸽会偶尔抖抖身子，然后又亲昵地蹭蹭雄鸽的脖子。</p>
 <span id="more"></span>
-<p>我也在沉思这个问题，并努力地回想前二十几年的记忆，恍惚间，忽然发现我就像一名演员，一直在一个剧本中兜兜转转，吃饭，喝水，学习，工作，过着浅薄，空虚和充满麻烦的生活，本色地出演着红尘这部大戏。直至死亡时，可能自己都认为这就是人生。</p>
-<p>越细想越觉得甚是恐怖，如果我们维度以外还有第四维的生物，那么我们存在的作用就像是在绘制一幅画卷而已。在四维生物的眼中，若把空间当作时间的因变量，那么每个人便仿佛一枝画笔，他的人生，只是一条弯弯扭扭，来回曲折的线条，出生是线条的起点，死亡是线条的终点，一个人，一条线，线的结束，于他们来说，只是画卷的一笔，对我们来说，却是人生的终止。</p>
-<p>但又有线条不一样，同为线条，有的是五颜六色，引导着其他线条的走向，有的则是平平淡淡，碌碌无为，只能化为笔墨下的点缀。生命只有那么长，有的生命逝去了，就像他不留恋这世间一样，世间也渐渐抹去了他的痕迹；有的生命虽然消逝，但是他的印记却耐住了时间的磨炼，恒远流长。</p>
-<p>究竟是什么造就了这么大的差异？是思想，是境界，是精神。</p>
-<p>一代诗人屈原，虽然死在了几千年前，但却永远的活在了人们的心里，他的死亡，只是肉体的消散。而那个时代更多的人，死亡了，便就永远不在了。这就是自身精神境界的不一样，屈原的思想在肉体存在的时候，便可通透万古，最后化为千古绝叹，留传世间。</p>
-<p>想起一个朋友曾经说过，每个人的精神应该要一直在远行，我觉得这很有道理，人除了在现实生活中存在，还应该构建自己的精神国度，在精神国度中活着。虽然我们是一条线，身不由己，但是我们可以选择在精神的国度灿烂。</p>
-<p>这让我想起一件往事：有一次和同事一起回家，路上偶然抬头看了一眼天空，当时晚霞和白云齐放，让我不禁欢喜，掏出手机，便拍了一张。同事问我“你很喜欢拍照啊？”。我当时镇了一下，他为什么对这么美的景致视而不见呢？现在我大约明白了，一个人要是只跟着原始意识生活，而少了了精神上的生活，即便是置之美也浑然不知。相反，有精神生活的人，生活的艰难也难以在他的身上刻下烙印。</p>
-<p>阅读是精神生活的一部分，读万卷书犹如行万里路，生命短暂，没有什么是比阅读更快的交通工具了，在有限的生命里，我们用阅读来延伸生命，用思考给精神提供远行的动力，让行过时间，行过空间，最后抵达永恒。</p>
-<p>假如我现在逝去，只能含恨了，原来只是个演员。</p>
-<p>渡过今晚，便要重活一世。</p>
+<p>他以为雨停了，这两只鸽子便会离开。可是不久后，两只鸽子却叼来树枝和小草，开始筑巢。筑巢安家是很辛苦的，但它们还是很开心，累了便依在一起，靠着自己的小窝，幸福地期待着。过了些日子，他突然发现鸽子夫妇俩已经开始孵窝了，这说明它们已经结下了爱情的种子，白天鸽爸爸留在巢里孵卵，让鸽妈妈出去觅食，天快黑的时候，鸽妈妈便来替它。</p>
+<p>这样的日子平平淡淡，但是也洋溢着幸福。这天，鸽爸爸如往常一样，一边细心地呵护着宝宝，一边期待着妻子归来，太阳已经完全落下了，鸽妈妈的身影还是未出现，鸽爸爸等着等着，便着急了。夜里，他只听见振翅声无数次焦急地划破夜空，还有归巢后的哽咽。第二天起床打开窗户看去，鸽爸爸已然憔悴了，身上的羽毛乱乱的，早已经无心打理，只是呆呆地孵着它们共同的宝宝，眼里满是神伤，鸽妈妈应该是遇难了。它偶尔会出去觅食，但几分钟便又回来了。</p>
+<p>他是爱鸽人，也养鸽，看着这对野生的鸽子夫妇，原本美满的生活就这样支离破碎，凄凄惨惨，他不禁惋伤。有时候打开窗子，一看就是几个小时。这天他如往常一样，走到窗前准备打开窗子，鸽爸爸见到他出现后，扑腾一下，落在了他家的窗子前，看着他，然后扭过头去看看自己的宝宝，又对着他咕咕两声，便飞回巢去了。一会儿，鸽爸爸起身，好像是去觅食，但才飞到半空，盘旋着又飞了回来，看了一眼未出生的宝宝，又朝着他看了一眼，然后一声凄鸣，冲天而去，再也没回来。</p>
+<p>听到这儿，我很是震惊，原来鸽子的爱情是这么坚贞。回过神来，我问到：“那大壮和妞妞是它们俩的名字吗？”</p>
+<p>“大壮和妞妞啊，不是。大壮是它们俩的孩子，妞妞是大壮的伴侣”。我知道故事还有很长，便听着他断续讲下去。</p>
+<p>那天他见鸽爸爸久久没回来，大概也猜到了，可能它是再也不回来了。他想，毕竟看着这俩孩子在这儿成家立业，一起度过了那么久的时光，也是有些感情，鸽爸爸也算是临终遗孤，便去对面邻居家，把那两个鸽蛋取了回来，让自家的鸽子帮着孵化。</p>
+<p>几天之后，一个蛋的壳破裂了，那对鸽子夫妇的生命终于得到了延续。而另一个蛋则再也没有动静，大约已经见到它的父母了。他见到这个小家伙出生，很是欣喜，给它取了个名字，叫大壮，希望它能够健康地长大。</p>
+<p>大壮是个好孩子，一个月之后就可以在天空飞翔了。他给大壮做了一个名字的二维码，系在它的脚踝上，养鸽子的一般都会这么做，只是别的鸽子的二维码信息都备注有父母是谁，而大壮却是没有。大壮很争气，它对于新技能总是能很快的掌握，从熟悉巢房到信号辨识，从掌握飞翔到识别方向归巢，它总能很快地学会。令他印象深刻的是，还未满一周岁，它已经能够从300公里之外自行回家了。</p>
+<p>鸽子能够飞300公里，说明血统很优秀了，于是他寻思着是给它找个优秀的伴侣，便把妞妞介绍给了大壮，他把它们放在一个鸽舍里，促进彼此交流。大壮和妞妞第一次见面，便一见钟情，但彼此都很羞涩，呆立在笼中一动不动，谁也不先搭理对方。这时，他想到一个好办法，分别在他们俩身上洒上一些水，大壮和妞妞觉得身上不舒服，都梳理着自己的羽毛，我抬头看看你，你抬头看看我，两只鸽子看着对方的举动，都觉得对方对自己有意思，然后这就成了。</p>
+<p>从此，他们成双成对，形影不离。闲的时候，彼此拾掇着羽毛，调皮的妞妞会偶尔啄一下大壮的头，等大壮正要怒时，又把整个身体凑过去，给一个安慰的拥抱。大壮在放飞训练中，总会照顾着妞妞，总是一直跟着妞妞，怕它找不到回家的方向。放飞时间，是它们最浪漫的旅行。在那段时光里，大壮和妞妞是鸽群中最幸福的一对了。</p>
+<p>我打断他的话问到：“你养了那么多鸽子，他们不会去找别的鸽子相好吗？”</p>
+<p>“鸽子和我们一样，也是一夫一妻制的。”说完他继续回忆着。</p>
+<p>他家在山东，一次受朋友之邀去重庆的时候，他便把大壮和妞妞带在身边，到了重庆，就让它们各自飞回家。等他回到家时，只有妞妞一只鸽在鸽笼里神情郁郁，含泪伤心。过了一个月，再也没见到大壮的影子，他知道，大壮是在途中遇难了。而此时的妞妞，连叫唤也不会了，身体也越来越虚弱，不久，它便满足地离开了这个世界。</p>
+<p>至此，他的故事讲完了，随着火车的哐铛声，缓缓睡去，而我则久久地沉默了。它们没有法律的约束，没有道德的谴责，却忠诚着爱情，一生一世，至死不渝。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
         <category>2018年</category>
       </categories>
       <tags>
-        <tag>散文</tag>
+        <tag>生活感悟</tag>
+        <tag>鸽子的爱情</tag>
       </tags>
   </entry>
   <entry>
@@ -17449,25 +17658,61 @@ alt="图片" />
       </tags>
   </entry>
   <entry>
-    <title>张家界游记</title>
-    <url>/posts/2018/DRBTMR.html</url>
-    <content><![CDATA[<p>2017
-年的年假还没过完，便买了车票奔向项目部，因为年初的原因，直达的票很难买，我便取了个折中的办法，从黔江坐汽车，经过秀山，再途径张家界，最后坐火车到项目部。</p>
+    <title>即使再微末，也要幸福的活着</title>
+    <url>/posts/2018/38WXA9N.html</url>
+    <content><![CDATA[<p>蝼蚁尚且偷生，可偷来的生命有何意义，只是活着吗？</p>
+<p>俯仰天地，大地和星空一样寂静。车如流，来来往往，从归处去，便又从去处归；人若蜉蝣，纷纷扰扰，用百年光阴，在历史中苦苦争渡；苍生无力，沧海桑田，只任大势起起落落。太多的活着，最后都是轻轻地走了。</p>
+<span id="more"></span>
+<p>我有些恐惧了，恐惧平凡而没有思想地活着。假如时光可以跳跃，我希望去我离开的那天，问问自己：“这一生，是否溅起了生命的涟漪”。</p>
+<p>春节回家时，遇到了两件事，仿佛晴天霹雳，霹散了心中一直的迷惑，让我明白，生命的意义不在于活得重，而是活得幸福。</p>
+<p>一个文静的女孩，扎着精致的马尾，独自拖着不大不小的行李箱，走到一家周黑鸭的店前停了下来，服务员微笑着问道：“您好！请问需要什么？”女孩点了下头，没有接话，而是扫了一眼柜台，发现一张清单台卡，径直地走过去认真地看了几秒钟。见服务员等着自己，她便用手指着两个名称，示意她的需求。服务员会意，把东西打包好之后，礼貌地递给女孩，然后露出询问的表情说到“一共44块，支付宝还是微信？”，女孩失了听力，不能听见，但是很郑重地点了下头，好像在说“好的，我知道了”。接着掏出手机，扫了码之后，又让服务员输入金额，顺利地完成了这次购物。</p>
+<p>我从未敢想，一个失聪的女孩可以如此独立和坚强。她眼眸中的那份宁静，浸人心扉，让人有一种感觉，仿佛在她的心里，有她自己的一方国。那个国度，纯净，安宁，幸福。</p>
+<p>在排队取票时，又一幕画面扣动了我的心弦。一位清洁工老爷爷，正在收拾栏杆旁边的垃圾，他大约6旬有余了，胡渣和头发都有些花白，岁月在他身上留下了深深地痕迹。这时一位老奶奶，蹒跚着向着他走去，老奶奶一只脚以前受过伤，左脚偏低，走路有些吃力。他抬头间不经意看到了她，于是放下手里的活儿，一手扶着扫把，立在那儿一直看着她，眼神中是柔情，又是担心。</p>
+<p>老奶奶走到跟前，从衣兜里掏出一瓶酸奶递给他，他推脱不肯要，她就佯装不悦，他一下没法了，笑了笑，只好把它放进衣兜里，她见了，一下子笑逐颜开，又跛着脚去忙了。等我取完票，见他正坐在旁边的凳子上，喝着酸奶，静静地看着她离开的方向，嘴角偶尔勾起一弯会心的微笑。</p>
+<p>他们虽然干着脏乱的工作，拿着微末的工资，过着紧巴巴日子，但是他们相互温暖、相互给予、相濡以沫，又相守一生。</p>
+<p>以前觉得幸福是在天上，站高了才够得着，现在发现幸福其实就在身边。即使再微末，活得认真了，便是幸福。读一本书是幸福，行一里路是幸福，发一阵呆也是幸福……</p>
+<p>我想，假如我是一只蝼蚁，我也会想要活着。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2018年</category>
+      </categories>
+      <tags>
+        <tag>生活感悟</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>黄山游记</title>
+    <url>/posts/2018/2TJN1ZF.html</url>
+    <content><![CDATA[<figure>
+<img
 data-src="http://a2.qpic.cn/psb?/V118G3dh0IatwX/GrM3PWyhwsSSbbrE*X*grTq.3s9KKdyFt4JAkXTCRtk!/b/dCEBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=OARUBgAAAAARIHk!&amp;t=5&amp;tl=3&amp;su=087375409&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
+alt="图片" />
+<figcaption aria-hidden="true">图片</figcaption>
+</figure>
+<p>薄海内外，无如徽之黄山，登黄山天下无山，观止矣！</p>
+<p>去年国庆之时，便心心念念地想一揽黄山美景，今清明时节，终如愿以偿。未至黄山，便被诗人的描述掳了所有的心思，峰峰寒列簇芙蕖，静想嵩阳秀不如。清明多雨，天公好似为了应景，举国降温。一下车，便是一股寒气扑面而来，透过衣裳，冷了每一寸肌肤。如此天气，有些让人失望，心想，虽然明天的黄山之旅可能无所收获了，但既来之，则安之，若不去走走，又空留遗憾。</p>
 <span id="more"></span>
-<p>自从毕业之后，就没有正正经经的出去玩过，趁着假期，到心心念念的张家界看看。为了这个心愿，特意买了一个单反，然后就坐着车抵达了。初五的下午抵达张家界，安顿好到之后，便一个人出去觅食，打了个的士，在地图上很近，但是居然要我10块钱，有一点不愿，但是想想，自己是出来玩儿的，为嘛那么斤斤计较，开心就好，便很高兴的上车了。</p>
-<p>来到步行街，走了一大圈，居然都没有发现一个比较平民的能填饱肚子的地方。最后地儿是找到了，但是真的贼贵，一个茄子要10块，这导致我今天的晚餐就是一个茄子。</p>
-<p>最后去超市买了一堆零食，然后看看时间还挺早的，就去网吧呆到11点的样子，玩儿了一会儿天刀，玩儿了几把英雄联盟，唯一的感受就是，卡蜜儿有时候厉害，有时候又是弱鸡。</p>
-<p>回到住的地方已经12点了，折腾折腾wifi，看看电视剧，居然已经到3点了。心想，明天还要去天门山呢？这个状态怎么能够醒得来啊！简直了，然后设了两个闹钟，一个6:45的，一个7:10的，可是后面的一个闹钟没响，导致睡到了9点，起床洗漱，然后准备出发天门山。</p>
-<p>来到售票大厅，我的天，那么长的队，得到天黑啊……干脆算了，去报个团，明天游一天吧，今天就回去上网好了。来到旅行社一了解，得知张家界森林公园这一个地方，于是又坐车到张家界森林公园。这儿的风景确实不错，一张门票可以使用四天，可是当我看到地图的时候，四天哪能够游完啊！沿着台阶，慢慢的登顶。因为天气冷，又下雨，地很滑，走得很慢，沿途的风景很美，山也很壮观。来到黄石寨顶的时候，眼前豁然开朗，有一种千里冰封，万里雪飘的爽飒和壮阔，有一种白装素裹的妖娆，有一种海阔天空的舒畅。</p>
-<p>下山坐了一次索道，这是我人生中第一次坐索道，感觉很好，不是很怕，但是天气原因，雾气太重，看不清下面的风景，我想，夏天应该会很好。</p>
-<p>晚上回到住处，发现没什么事儿干，去网吧happy到00:00，可是钱没用完，但也得走了，否则明天肯定起不来了，回去还是看看电视剧，又到3点了。起来得很晚，不过睡得还不错，第二天入口都已经14:00了，随便看看就回去吧，地图害了我，本来觉得一会儿就到的地方，要走很久，买的是18:16的票，最后几经周折，终于赶上火车，完美的结束了张家界之行。</p>
+<p>睡得早，起得也早。6：00左右就出发去了换乘中心，排了一小会儿队，买了票便乘大巴前往景区大门口。黄山上山有两条主流的路线，一是前山路线，另一条是后山路线。因为一个人，所以基本没有做攻略，只有一份不完全的地图，但人大胆子粗，任它天大地大，我亦仗剑天涯，稍一考量，就往后山奔去了。</p>
+<p>因为山大而时间紧，所以我选择索道上山，步行下山。刚下索道，所有风景便若大江决堤，奔腾汹涌而至。那一刻，我才真正体会到，黄山的美，不是清秀，不是婉约，而是波澜壮阔。下索道的第一个地方是白鹅岭，站在它的观光台向下远眺整个黄山，只见巨峰与天穹对峙，虽各有高低，但无一不巍峨雄伟，峰峰拔地而起，顶天立地。云雾穿梭缭绕，雾借山势，山依雾浑，风起而雾涌，只一眼，心中便顿生万丈豪情，人生纵是千磨万难，我当以一力破之。</p>
+<p>感谢路人朋友这么好的技术</p>
+<p>到的第一个著名景点是石笋是一个动人心魄的地方。石笋矼在黄山始信峰与仙人峰之间。矼上怪石参差，犹如雨后春笋。石笋缸的观景台削峰而成，上下皆虚空，不知几千丈。正当我惊叹于大自然的鬼斧神工之时，突然生起一阵狂风，风势比山势更险，转瞬之间，谷底云雾上涌，无边无际，于上观景，真是飘飘然如遗世独立，羽化而登仙。</p>
+<p>[图片](http://a3.qpic.cn/psb?/V118G3dh0IatwX/YK3fQrxUz9oOaG1SuMXpo*zIz4VuD2JhzZdA6OQhSHw!/b/dCIBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=gAc4BAAAAAAREJw!&amp;t=5&amp;tl=3&amp;su=0144353185&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9
+“石笋缸云雾汹涌”）</p>
+<p>从石笋缸往前走一小段，便是著名的始信峰。入画境，似幻而真，凸起于绝壑之上“”</p>
+<p>黄山另一处胜景是西海大峡谷。峡谷步道多是在险峻的崖壁上人工挑梁，然后铺以面板而成。其险可比华山，但又不让人生惧，你可以坦坦然行立，施施然观景。在谷中放眼四顾，只见山依山、山套山，层次分明、壮阔奇特，令人叹为观止。初至此地，初见此景时，心中不禁万分欢喜，风景太美了，刚揽一处胜景，又迫不及待地期待前面的惊喜，一不留神便从山顶走到了谷底，最后只能一步一步从谷底爬回到山顶。</p>
+<p>[图片](http://a3.qpic.cn/psb?/V118G3dh0IatwX/vnTQhNNiNr4hkLQcW2dtORfN2W4a9qwcNEgfwsjRDjw!/b/dCIBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=VAY4BAAAAAAREEk!&amp;t=5&amp;tl=3&amp;su=0228506593&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9
+“西海大峡谷”）</p>
+<p>到黄山，飞来石是必须要去的地方。女娲补天，红楼梦，天外之石，一个个尘封的记忆便瞬间喷涌而出，时空倒转，本是虚幻，却又那么真实，你与它千载轮回修得。倚于飞来石，俯仰之间，不禁相叹，人力有尽，造化无穷绝。</p>
+<p>黄山另一特色便是它的水。山间清泉叮咚，山伴水的温柔，水染山的苍翠，移步间，或是清泉侧畔，或是潺潺声绕耳，即便是人工开凿的小道旁，也会偶尔拾得一泓泉水。要是渴了，便掬几捧山泉，痛饮而下，它是那么地甘甜，清冽，夹着自然的清新。游黄山，便当是这样，身与心与之交融，这比任何纪念品都有意义，让人永远地记住了它的味道。</p>
+<p>每登一座山，便是一个故事。登徵之黄山，若红尘入仙境，洗涤心灵，又好似在那泼墨的山水画中惊世一梦，如梦幻泡影，美得流连忘返。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
         <category>2018年</category>
       </categories>
       <tags>
-        <tag>散文</tag>
+        <tag>生活感悟</tag>
+        <tag>黄山</tag>
       </tags>
   </entry>
   <entry>
@@ -17501,17 +17746,21 @@ alt="图片" /></p>
       </tags>
   </entry>
   <entry>
-    <title>倾心音乐</title>
-    <url>/posts/2018/268TABM.html</url>
-    <content><![CDATA[<p>许久未听音乐了，今天一时兴起，带上耳机，当音乐响起的那瞬间，整颗心一下子被那久违的旋律掳了去，沉浸在音乐的世界里无法自拔，忽然有种喜极而泣的感动，那种感觉，就像吃了很久的清水煮白菜，突然吃到一次柠檬酸汤鱼，幸福感扑面而来。</p>
+    <title>假如即将死去</title>
+    <url>/posts/2018/27Y513A.html</url>
+    <content><![CDATA[<p>刚好凌晨，往窗外一瞥，在玻璃里便遇见了思考的自己。我和他安安静静地对视着，他模仿的我表情，我复制他的动作，在这无尽的黑夜里，倒也是有趣。
+<img
 data-src="http://a3.qpic.cn/psb?/V118G3dh0IatwX/2uWcjCUJex6gbl25TPAYR7dtIDIpfSyETOn6.gO9E0o!/b/dCIBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=VAY4BAAAAAAREEk!&amp;t=5&amp;tl=3&amp;su=023370129&amp;tm=1566108000&amp;sce=0-12-12&amp;rf=2-9"
+alt="图片" /></p>
+<p>他对我说，他在思考，假如现在即将死去，那生前的经历，是否足以瞑目？</p>
 <span id="more"></span>
-<p>我喜欢音乐，对于喜欢的歌曲，一首就可以听到手机换代，可是说来也奇怪，听了几十上百遍的歌曲，记不住歌词，记不得旋律，就连歌名也只是有个模糊的印象。后来仔细想了想这个问题，发现自己听歌的时候，心思根本不在它上面，而是思绪到处飘啊飘，天马行空，悠哉游哉。</p>
-<p>音乐，有这么一种魔力，让我在纷纷挠挠的世界里，觅得一片自由自在。每当音乐响起时，周遭的一切在悠悠扬扬的旋律中，便渐行渐远，灵魂缓缓地从身体中剥离出来，穿过厚厚的混凝土墙壁，在大自然中无拘无束地徜徉。身于一隅，心无羁绊，这便是音乐的魅力，它为心灵构筑了一片纯净而自由的世界。</p>
-<p>音乐于我，就像酒于诗人般，让人灵感迸发。诗人们喜欢饮酒作诗，大概是酒醉人心，让人再无余力旁念，遂得灵感吧。音乐的作用，和酒有异曲同工之妙，音乐一起，本是躁动的心便渐渐安静了下来，被杂念染了的思绪，如墨入宣，慢慢晕散开来，散而不乱，反倒是更兼神韵。此时的心，空灵纯净，一念一感，或是忧国忧民，或是文思泉涌，又或是壮志凌云，大有执一凡心，兼济天下的豪情。因为心净，是以对周围的物与景，有更真切的感受，思考更为发散，同时也兼备了一定的创造性。大家都不喜欢夏天，可是当我听着音乐，走在盛夏正午的太阳下时，却是另一番感受，不由得喜欢上了夏天。</p>
-<p>音乐，一般代表着吵闹，但在我看来，音乐却是安静的，它让身边的本是喧嚣的世界，如流水般涓涓流淌，结庐在人境，而无车马喧。音乐的静，浸人心扉，让人察觉不出时间的流逝。</p>
-<p>记忆比较深的是，去年元旦从泰山返汉在列车上的感受。从泰安到武汉，大约要16个小时，坐这么久的车，很多人可能会觉得无聊无趣，受不了这种长途跋涉，但我却很享受这种时光。上车的时候是凌晨，醒来时，天已渐亮，便找了个靠窗的位置，带上耳机，让音乐相伴，看着窗外的蒙眬的景致掠过，仿佛自己成了一辆奔驰的列车，从黎明到下一个黎明，从一片田野到另一片田野，从一个城市到下一个城市。</p>
-<p>列车一直哐铛哐铛地驶向人们心中的方向，我在音乐的浸染下，念头不断蔓延，时而化作青山，被绿水萦绕，时而躺在田野，饱饱地沐浴阳光，到站台时，又挤进人群，感受人们的依依惜别与近乡情切。是音乐，给了我如此无拘无束的洒脱，让我第一次感受到，他人笔下描述的旅途。等到下车时，突然发现，时间过得很快，居然不知不觉过去了16个小时，有些意犹未尽之感。</p>
-<p>不同的人对音乐，大概是不同的诠释，但有音乐相伴，定是美好的，我想，音乐也是这样想。</p>
+<p>我也在沉思这个问题，并努力地回想前二十几年的记忆，恍惚间，忽然发现我就像一名演员，一直在一个剧本中兜兜转转，吃饭，喝水，学习，工作，过着浅薄，空虚和充满麻烦的生活，本色地出演着红尘这部大戏。直至死亡时，可能自己都认为这就是人生。</p>
+<p>越细想越觉得甚是恐怖，如果我们维度以外还有第四维的生物，那么我们存在的作用就像是在绘制一幅画卷而已。在四维生物的眼中，若把空间当作时间的因变量，那么每个人便仿佛一枝画笔，他的人生，只是一条弯弯扭扭，来回曲折的线条，出生是线条的起点，死亡是线条的终点，一个人，一条线，线的结束，于他们来说，只是画卷的一笔，对我们来说，却是人生的终止。</p>
+<p>但又有线条不一样，同为线条，有的是五颜六色，引导着其他线条的走向，有的则是平平淡淡，碌碌无为，只能化为笔墨下的点缀。生命只有那么长，有的生命逝去了，就像他不留恋这世间一样，世间也渐渐抹去了他的痕迹；有的生命虽然消逝，但是他的印记却耐住了时间的磨炼，恒远流长。</p>
+<p>究竟是什么造就了这么大的差异？是思想，是境界，是精神。</p>
+<p>一代诗人屈原，虽然死在了几千年前，但却永远的活在了人们的心里，他的死亡，只是肉体的消散。而那个时代更多的人，死亡了，便就永远不在了。这就是自身精神境界的不一样，屈原的思想在肉体存在的时候，便可通透万古，最后化为千古绝叹，留传世间。想起一个朋友曾经说过，每个人的精神应该要一直在远行，我觉得这很有道理，人除了在现实生活中存在，还应该构建自己的精神国度，在精神国度中活着。虽然我们是一条线，身不由己，但是我们可以选择在自己的精神国度灿烂。</p>
+<p>这让我想起一件往事：有一次和同事一起回家，路上偶然抬头看了一眼天空，只见晚霞和白云一齐落在天际，我不禁欢喜，掏出手机，拍了一张。同事问我“你很喜欢拍照啊？”。我当时镇了一下，他为什么问我这个问题，而不是被这个美景所感动呢？现在我大约明白了，一个人若是只跟着原始意识生活，而少了了精神上的生活，即便是置之美也浑然不知。相反，有精神生活的人，生活的艰难也难以在他的身上刻下烙印。</p>
+<p>阅读则可以丰富我们的精神生活，读万卷书犹如行万里路，生命短暂，没有什么是比阅读更快的交通工具了，在有限的生命里，我们用阅读来延伸生命，用思考给精神提供远行的动力，让思想行过时间，行过空间，最后抵达永恒。</p>
+<p>假如即将死去，我该要含恨了。庆幸的是，人生距离终点还很远，我可以好好走下去。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
@@ -17522,12 +17771,18 @@ alt="图片" /></p>
       </tags>
   </entry>
   <entry>
-    <title>被一颗无垢之心净化</title>
-    <url>/posts/2018/1GY6GF5.html</url>
-    <content><![CDATA[<p>在这一期的极限挑战里，读到了候媛丽小朋友写的一篇未完成的文章：一天晚上近处的花园里，传来了淡淡的青草香味。我寻着清香走到一块偏僻的角落，哎呀，这不是我最爱的百合花吗？看！它们波浪的花瓣，一片一片优雅的伸着。我贪婪地望着那一朵朵百合花，眼里充满了清香，它们纯洁优雅，不像牡丹那样爱夸耀自己，向来平平静静地看着人世……</p>
+    <title>张家界游记</title>
+    <url>/posts/2018/DRBTMR.html</url>
+    <content><![CDATA[<p>2017
+年的年假还没过完，便买了车票奔向项目部，因为年初的原因，直达的票很难买，我便取了个折中的办法，从黔江坐汽车，经过秀山，再途径张家界，最后坐火车到项目部。</p>
 <span id="more"></span>
-<p>虽仅百余字，但却极为传神，你会情不自禁地走进她笔下的夜晚，去发现那美极了的百合花。我初次看到这篇文章时，真是不胜感慨，备受触动，字里行间中，感受到的，是小女孩最真挚的情感流露，若清水出芙蓉，洁净无瑕，未沾染一丝岁月的无病呻吟。读罢，自己心灵深处好似有一颗种子，忽然间挣破混沌，吐出了新芽。这种感觉，就像是一身污垢生活了很久，突然有一天，变得清清爽爽，这时，你会觉得，满世界的味道，都那么让人满足，充满希望。</p>
-<p>未完...</p>
+<p>自从毕业之后，就没有正正经经的出去玩过，趁着假期，到心心念念的张家界看看。为了这个心愿，特意买了一个单反，然后就坐着车抵达了。初五的下午抵达张家界，安顿好到之后，便一个人出去觅食，打了个的士，在地图上很近，但是居然要我10块钱，有一点不愿，但是想想，自己是出来玩儿的，为嘛那么斤斤计较，开心就好，便很高兴的上车了。</p>
+<p>来到步行街，走了一大圈，居然都没有发现一个比较平民的能填饱肚子的地方。最后地儿是找到了，但是真的贼贵，一个茄子要10块，这导致我今天的晚餐就是一个茄子。</p>
+<p>最后去超市买了一堆零食，然后看看时间还挺早的，就去网吧呆到11点的样子，玩儿了一会儿天刀，玩儿了几把英雄联盟，唯一的感受就是，卡蜜儿有时候厉害，有时候又是弱鸡。</p>
+<p>回到住的地方已经12点了，折腾折腾wifi，看看电视剧，居然已经到3点了。心想，明天还要去天门山呢？这个状态怎么能够醒得来啊！简直了，然后设了两个闹钟，一个6:45的，一个7:10的，可是后面的一个闹钟没响，导致睡到了9点，起床洗漱，然后准备出发天门山。</p>
+<p>来到售票大厅，我的天，那么长的队，得到天黑啊……干脆算了，去报个团，明天游一天吧，今天就回去上网好了。来到旅行社一了解，得知张家界森林公园这一个地方，于是又坐车到张家界森林公园。这儿的风景确实不错，一张门票可以使用四天，可是当我看到地图的时候，四天哪能够游完啊！沿着台阶，慢慢的登顶。因为天气冷，又下雨，地很滑，走得很慢，沿途的风景很美，山也很壮观。来到黄石寨顶的时候，眼前豁然开朗，有一种千里冰封，万里雪飘的爽飒和壮阔，有一种白装素裹的妖娆，有一种海阔天空的舒畅。</p>
+<p>下山坐了一次索道，这是我人生中第一次坐索道，感觉很好，不是很怕，但是天气原因，雾气太重，看不清下面的风景，我想，夏天应该会很好。</p>
+<p>晚上回到住处，发现没什么事儿干，去网吧happy到00:00，可是钱没用完，但也得走了，否则明天肯定起不来了，回去还是看看电视剧，又到3点了。起来得很晚，不过睡得还不错，第二天入口都已经14:00了，随便看看就回去吧，地图害了我，本来觉得一会儿就到的地方，要走很久，买的是18:16的票，最后几经周折，终于赶上火车，完美的结束了张家界之行。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
@@ -17538,42 +17793,58 @@ alt="图片" /></p>
       </tags>
   </entry>
   <entry>
-    <title>假如即将死去</title>
-    <url>/posts/2018/27Y513A.html</url>
-    <content><![CDATA[<p>刚好凌晨，往窗外一瞥，在玻璃里便遇见了思考的自己。我和他安安静静地对视着，他模仿的我表情，我复制他的动作，在这无尽的黑夜里，倒也是有趣。
-<img
 data-src="http://a3.qpic.cn/psb?/V118G3dh0IatwX/2uWcjCUJex6gbl25TPAYR7dtIDIpfSyETOn6.gO9E0o!/b/dCIBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=VAY4BAAAAAAREEk!&amp;t=5&amp;tl=3&amp;su=023370129&amp;tm=1566108000&amp;sce=0-12-12&amp;rf=2-9"
-alt="图片" /></p>
+    <title>表演</title>
+    <url>/posts/2018/2E319BV.html</url>
+    <content><![CDATA[<p>刚好凌晨，往窗外一瞥，在玻璃里便遇见了思考的自己。我和他安安静静地对视着，他模仿的我表情，我复制他的动作，在这无尽的黑夜里，倒也是有趣。</p>
 <p>他对我说，他在思考，假如现在即将死去，那生前的经历，是否足以瞑目？</p>
 <span id="more"></span>
 <p>我也在沉思这个问题，并努力地回想前二十几年的记忆，恍惚间，忽然发现我就像一名演员，一直在一个剧本中兜兜转转，吃饭，喝水，学习，工作，过着浅薄，空虚和充满麻烦的生活，本色地出演着红尘这部大戏。直至死亡时，可能自己都认为这就是人生。</p>
 <p>越细想越觉得甚是恐怖，如果我们维度以外还有第四维的生物，那么我们存在的作用就像是在绘制一幅画卷而已。在四维生物的眼中，若把空间当作时间的因变量，那么每个人便仿佛一枝画笔，他的人生，只是一条弯弯扭扭，来回曲折的线条，出生是线条的起点，死亡是线条的终点，一个人，一条线，线的结束，于他们来说，只是画卷的一笔，对我们来说，却是人生的终止。</p>
 <p>但又有线条不一样，同为线条，有的是五颜六色，引导着其他线条的走向，有的则是平平淡淡，碌碌无为，只能化为笔墨下的点缀。生命只有那么长，有的生命逝去了，就像他不留恋这世间一样，世间也渐渐抹去了他的痕迹；有的生命虽然消逝，但是他的印记却耐住了时间的磨炼，恒远流长。</p>
 <p>究竟是什么造就了这么大的差异？是思想，是境界，是精神。</p>
-<p>一代诗人屈原，虽然死在了几千年前，但却永远的活在了人们的心里，他的死亡，只是肉体的消散。而那个时代更多的人，死亡了，便就永远不在了。这就是自身精神境界的不一样，屈原的思想在肉体存在的时候，便可通透万古，最后化为千古绝叹，留传世间。想起一个朋友曾经说过，每个人的精神应该要一直在远行，我觉得这很有道理，人除了在现实生活中存在，还应该构建自己的精神国度，在精神国度中活着。虽然我们是一条线，身不由己，但是我们可以选择在自己的精神国度灿烂。</p>
-<p>这让我想起一件往事：有一次和同事一起回家，路上偶然抬头看了一眼天空，只见晚霞和白云一齐落在天际，我不禁欢喜，掏出手机，拍了一张。同事问我“你很喜欢拍照啊？”。我当时镇了一下，他为什么问我这个问题，而不是被这个美景所感动呢？现在我大约明白了，一个人若是只跟着原始意识生活，而少了了精神上的生活，即便是置之美也浑然不知。相反，有精神生活的人，生活的艰难也难以在他的身上刻下烙印。</p>
-<p>阅读则可以丰富我们的精神生活，读万卷书犹如行万里路，生命短暂，没有什么是比阅读更快的交通工具了，在有限的生命里，我们用阅读来延伸生命，用思考给精神提供远行的动力，让思想行过时间，行过空间，最后抵达永恒。</p>
-<p>假如即将死去，我该要含恨了。庆幸的是，人生距离终点还很远，我可以好好走下去。</p>
+<p>一代诗人屈原，虽然死在了几千年前，但却永远的活在了人们的心里，他的死亡，只是肉体的消散。而那个时代更多的人，死亡了，便就永远不在了。这就是自身精神境界的不一样，屈原的思想在肉体存在的时候，便可通透万古，最后化为千古绝叹，留传世间。</p>
+<p>想起一个朋友曾经说过，每个人的精神应该要一直在远行，我觉得这很有道理，人除了在现实生活中存在，还应该构建自己的精神国度，在精神国度中活着。虽然我们是一条线，身不由己，但是我们可以选择在精神的国度灿烂。</p>
+<p>这让我想起一件往事：有一次和同事一起回家，路上偶然抬头看了一眼天空，当时晚霞和白云齐放，让我不禁欢喜，掏出手机，便拍了一张。同事问我“你很喜欢拍照啊？”。我当时镇了一下，他为什么对这么美的景致视而不见呢？现在我大约明白了，一个人要是只跟着原始意识生活，而少了了精神上的生活，即便是置之美也浑然不知。相反，有精神生活的人，生活的艰难也难以在他的身上刻下烙印。</p>
+<p>阅读是精神生活的一部分，读万卷书犹如行万里路，生命短暂，没有什么是比阅读更快的交通工具了，在有限的生命里，我们用阅读来延伸生命，用思考给精神提供远行的动力，让行过时间，行过空间，最后抵达永恒。</p>
+<p>假如我现在逝去，只能含恨了，原来只是个演员。</p>
+<p>渡过今晚，便要重活一世。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
         <category>2018年</category>
       </categories>
       <tags>
-        <tag>生活感悟</tag>
+        <tag>散文</tag>
       </tags>
   </entry>
   <entry>
-    <title>转角恋上夏天</title>
-    <url>/posts/2018/JW1J07.html</url>
-    <content><![CDATA[<p>这个城市里的夏天，没有“人散后，一钩淡月天如水”的夜色，也没有“绿树阴浓夏日长，楼台倒影入池塘”的夏景，更没有“落落疏帘邀月影，嘈嘈虚枕纳溪声”的闲适，有的，是铺天盖地的热和南方那如溺水般的闷。</p>
+    <title>被一颗无垢之心净化</title>
+    <url>/posts/2018/1GY6GF5.html</url>
+    <content><![CDATA[<p>在这一期的极限挑战里，读到了候媛丽小朋友写的一篇未完成的文章：一天晚上近处的花园里，传来了淡淡的青草香味。我寻着清香走到一块偏僻的角落，哎呀，这不是我最爱的百合花吗？看！它们波浪的花瓣，一片一片优雅的伸着。我贪婪地望着那一朵朵百合花，眼里充满了清香，它们纯洁优雅，不像牡丹那样爱夸耀自己，向来平平静静地看着人世……</p>
 <span id="more"></span>
-<p>盛夏是最热的时候，阳光肆意地从穹顶洒下来，夹着暴躁的热，摊铺到整个大地上。空气中混合着的水汽和热，把光扰得露了身影，远远朝着沥青路面看去，气浪层层叠叠，若隐若现。只一眼，便热去了一身的精气神，恰似古人之言，“天地一大窑，阳炭烹六月”。</p>
-<p>如果从物理的角度来体验夏天，确实如炉火那般，热得实实在在，但你若是怀着一颗欣赏的心，慢慢地契合夏天的韵律，一定会情不自禁地爱上这个季节。</p>
-<p>感受夏天的狂野，在炙热的中午是最好的。喝上一两升水，收拾好心情，就可以出门了。踏出小区的瞬间，强烈的阳光从四面八方蜂拥而至，每颗阳光的活力直透每一寸肌肤，让人觉得仿佛置身于圣洁的海洋，心中的负面能量犹如光明遇上黑暗，无处藏匿，消散一空。在你还未来得及感受内心的变化的时候，那无穷无尽的热浪便如龙卷风般，疯狂向你奔袭而来，一下侵袭了你的意识。此时，你只需深深地呼吸一口这原始的空气，细细地去口味，便一下子就喜欢上它的味道了。</p>
-<p>夏天的空气，在高温和紫外线的照射下，空气中掺杂的其它成分被过滤，留下了最自然的味道，草地旁，空气是青草味的，田野里，空气是稻香味的，湖泊旁，空气又是清新的味道。品一口夏天的空气，如掇一口碳火温过的酒，裹着醇醇的芳香，暖暖入心脾。</p>
-<p>行走在盛夏里，也是一番别样的感受，仿佛大厨烹小鲜，以天地为器，以人为材，选用最好的阳光，辅以热而不烫的火候，让每颗体表细胞都充分吸收日光的活力。你能够清晰地感受到，出门前喝下去的水，仿佛在身体里游走，焕发出勃勃生机。只需在日光下一小会儿，毛孔便开始舒张开来，身体里的水分顺着毛细孔，漫在体表，在阳光的照射下，晶莹剔透，此时的状态，就如打开了奇经八脉那般，通体舒畅。</p>
-<p>夏是一个有生命力的季节。“接天莲叶无穷碧，映日荷花别样红”是莲在绽放自己的风采；“漠漠水田飞白鹭，阴阴夏木啭黄鹂”是飞鸟在展示自己的魅力；“梅子留酸软齿牙，芭蕉分绿与窗纱”是自然在表达夏季的到来。在夏天，我们也应当做一件有生命力的事情，可以在最热的时候，吃一顿最辣的火锅，跑一次最长的步，又或者喝一次最烈的酒，如此才不枉这大好的时节。</p>
-<p>走进夏天，方觉迷上夏天。</p>
+<p>虽仅百余字，但却极为传神，你会情不自禁地走进她笔下的夜晚，去发现那美极了的百合花。我初次看到这篇文章时，真是不胜感慨，备受触动，字里行间中，感受到的，是小女孩最真挚的情感流露，若清水出芙蓉，洁净无瑕，未沾染一丝岁月的无病呻吟。读罢，自己心灵深处好似有一颗种子，忽然间挣破混沌，吐出了新芽。这种感觉，就像是一身污垢生活了很久，突然有一天，变得清清爽爽，这时，你会觉得，满世界的味道，都那么让人满足，充满希望。</p>
+<p>未完...</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2018年</category>
+      </categories>
+      <tags>
+        <tag>散文</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>倾心音乐</title>
+    <url>/posts/2018/268TABM.html</url>
+    <content><![CDATA[<p>许久未听音乐了，今天一时兴起，带上耳机，当音乐响起的那瞬间，整颗心一下子被那久违的旋律掳了去，沉浸在音乐的世界里无法自拔，忽然有种喜极而泣的感动，那种感觉，就像吃了很久的清水煮白菜，突然吃到一次柠檬酸汤鱼，幸福感扑面而来。</p>
+<span id="more"></span>
+<p>我喜欢音乐，对于喜欢的歌曲，一首就可以听到手机换代，可是说来也奇怪，听了几十上百遍的歌曲，记不住歌词，记不得旋律，就连歌名也只是有个模糊的印象。后来仔细想了想这个问题，发现自己听歌的时候，心思根本不在它上面，而是思绪到处飘啊飘，天马行空，悠哉游哉。</p>
+<p>音乐，有这么一种魔力，让我在纷纷挠挠的世界里，觅得一片自由自在。每当音乐响起时，周遭的一切在悠悠扬扬的旋律中，便渐行渐远，灵魂缓缓地从身体中剥离出来，穿过厚厚的混凝土墙壁，在大自然中无拘无束地徜徉。身于一隅，心无羁绊，这便是音乐的魅力，它为心灵构筑了一片纯净而自由的世界。</p>
+<p>音乐于我，就像酒于诗人般，让人灵感迸发。诗人们喜欢饮酒作诗，大概是酒醉人心，让人再无余力旁念，遂得灵感吧。音乐的作用，和酒有异曲同工之妙，音乐一起，本是躁动的心便渐渐安静了下来，被杂念染了的思绪，如墨入宣，慢慢晕散开来，散而不乱，反倒是更兼神韵。此时的心，空灵纯净，一念一感，或是忧国忧民，或是文思泉涌，又或是壮志凌云，大有执一凡心，兼济天下的豪情。因为心净，是以对周围的物与景，有更真切的感受，思考更为发散，同时也兼备了一定的创造性。大家都不喜欢夏天，可是当我听着音乐，走在盛夏正午的太阳下时，却是另一番感受，不由得喜欢上了夏天。</p>
+<p>音乐，一般代表着吵闹，但在我看来，音乐却是安静的，它让身边的本是喧嚣的世界，如流水般涓涓流淌，结庐在人境，而无车马喧。音乐的静，浸人心扉，让人察觉不出时间的流逝。</p>
+<p>记忆比较深的是，去年元旦从泰山返汉在列车上的感受。从泰安到武汉，大约要16个小时，坐这么久的车，很多人可能会觉得无聊无趣，受不了这种长途跋涉，但我却很享受这种时光。上车的时候是凌晨，醒来时，天已渐亮，便找了个靠窗的位置，带上耳机，让音乐相伴，看着窗外的蒙眬的景致掠过，仿佛自己成了一辆奔驰的列车，从黎明到下一个黎明，从一片田野到另一片田野，从一个城市到下一个城市。</p>
+<p>列车一直哐铛哐铛地驶向人们心中的方向，我在音乐的浸染下，念头不断蔓延，时而化作青山，被绿水萦绕，时而躺在田野，饱饱地沐浴阳光，到站台时，又挤进人群，感受人们的依依惜别与近乡情切。是音乐，给了我如此无拘无束的洒脱，让我第一次感受到，他人笔下描述的旅途。等到下车时，突然发现，时间过得很快，居然不知不觉过去了16个小时，有些意犹未尽之感。</p>
+<p>不同的人对音乐，大概是不同的诠释，但有音乐相伴，定是美好的，我想，音乐也是这样想。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
@@ -17584,18 +17855,17 @@ alt="图片" /></p>
       </tags>
   </entry>
   <entry>
-    <title>岁月静好，便是幸福</title>
-    <url>/posts/2018/WHDN7Q.html</url>
-    <content><![CDATA[<p>今天看到一个朋友在朋友圈中分享这样一个故事:妈妈说外公的手机里连表姐的电话号码都没存，就存了我的。他这两天在练习打电话，非要给我打。虽然讲话还很混乱，还是很努力地和我讲，最后还对我说，要过好日子。</p>
+    <title>转角恋上夏天</title>
+    <url>/posts/2018/JW1J07.html</url>
+    <content><![CDATA[<p>这个城市里的夏天，没有“人散后，一钩淡月天如水”的夜色，也没有“绿树阴浓夏日长，楼台倒影入池塘”的夏景，更没有“落落疏帘邀月影，嘈嘈虚枕纳溪声”的闲适，有的，是铺天盖地的热和南方那如溺水般的闷。</p>
 <span id="more"></span>
-<p>读完这条分享的时候，虽未亲身感受，但却也觉得特别温馨，感动欲浸透心房。短短几语，便勾勒出了祖孙深深地感情，长者慈，幼者孝，和谐美满。我在想，她当时是怎样的心情呢，是幸福，是感动，还是未能陪伴的憾然？</p>
-<p>幸福是怎样的？这位朋友定很幸福，有人惦记，有人关心，也刚刚好，她发现了这份幸福。芸芸众生中，有的人，一生幸福，也有的人，却半生凄苦半生难，而有的人，身于福中而觉苦。何谓幸福，幸福，是心的一种感觉，各人各不相同的理解。</p>
-<p>幸福很小，有时候是暖暖地一杯水，有时候是脉脉的一回眸，有时候是浅浅地一声叮咛，幸福也很大，它是勇往直前地奋斗，是百折不挠地坚持，是一生一世地呵护。</p>
-<p>7月初，挚友林结婚，便借此机会，与相知10多年的好友，好好聚了一番。当时天色已晚，乌云摭住了月光，夜色掩了乌云下的雨，我们从中学便相识相知的几个挚友，择了一清吧，点一壶铁观音，伴着缕缕茶香，共诉衷肠。有些老友，好几载未得相遇，有些老友，平日间从未互通安好，只一面，便依然如中学那般，情谊浓长。大家毕业后，去向了不同的岗位，承担着不一样的责任，有了不同的发展，再聚首，你依然是你，我还是我，彼此，还是熟悉的那个人。得一知己，共同走过漫长的岁月，是一种幸福。</p>
-<p>一次中午回家，在一家清蒸餐厅吃饭时，见几个工人正在这家店吃饭。他们的工服沾满了建筑涂料，发丛中藏着缕缕白发，虽上了年纪，但很是硬朗。他们各自点了一大碗面，三三两两地坐在一起，也不讲话，就那么安安静静的大口吃着。做工程甚是辛苦，淋最大的雨，晒最烈的太阳，受着最冷的风，呼吸着糟糕的空气，还有永无休止的力气活。他们许是累了，但眼睛却炯炯有神，充满着执着和希冀。我想，他们心底是幸福的，有挂念的人，有人挂念，为家人努力着，岁月漫长，却有一个值得相守的希望。</p>
-<p>上个夏天，在光谷等公交时，偶然收获了一份幸福的画面。一位母亲正带着她大约两岁的小孩在等车，母亲正在玩手机，此时，一只苍蝇停在了母亲的鞋上，孩子见到后，便蹲下去，一直守在母亲的脚边，苍蝇一过来，就被他赶走了，这位母亲直到上车也没发现她的孩子在帮她驱赶苍蝇。幸福很小，小到被忽略。</p>
-<p>如果我外公仍在世，可能也开始学用手机了，会不会打一通电话，从一个省到另一个省，然后在我的耳边喃喃，嘱咐别委屈了自己。</p>
-<p>岁月静好，珍惜拥有，拥有的便是幸福。</p>
+<p>盛夏是最热的时候，阳光肆意地从穹顶洒下来，夹着暴躁的热，摊铺到整个大地上。空气中混合着的水汽和热，把光扰得露了身影，远远朝着沥青路面看去，气浪层层叠叠，若隐若现。只一眼，便热去了一身的精气神，恰似古人之言，“天地一大窑，阳炭烹六月”。</p>
+<p>如果从物理的角度来体验夏天，确实如炉火那般，热得实实在在，但你若是怀着一颗欣赏的心，慢慢地契合夏天的韵律，一定会情不自禁地爱上这个季节。</p>
+<p>感受夏天的狂野，在炙热的中午是最好的。喝上一两升水，收拾好心情，就可以出门了。踏出小区的瞬间，强烈的阳光从四面八方蜂拥而至，每颗阳光的活力直透每一寸肌肤，让人觉得仿佛置身于圣洁的海洋，心中的负面能量犹如光明遇上黑暗，无处藏匿，消散一空。在你还未来得及感受内心的变化的时候，那无穷无尽的热浪便如龙卷风般，疯狂向你奔袭而来，一下侵袭了你的意识。此时，你只需深深地呼吸一口这原始的空气，细细地去口味，便一下子就喜欢上它的味道了。</p>
+<p>夏天的空气，在高温和紫外线的照射下，空气中掺杂的其它成分被过滤，留下了最自然的味道，草地旁，空气是青草味的，田野里，空气是稻香味的，湖泊旁，空气又是清新的味道。品一口夏天的空气，如掇一口碳火温过的酒，裹着醇醇的芳香，暖暖入心脾。</p>
+<p>行走在盛夏里，也是一番别样的感受，仿佛大厨烹小鲜，以天地为器，以人为材，选用最好的阳光，辅以热而不烫的火候，让每颗体表细胞都充分吸收日光的活力。你能够清晰地感受到，出门前喝下去的水，仿佛在身体里游走，焕发出勃勃生机。只需在日光下一小会儿，毛孔便开始舒张开来，身体里的水分顺着毛细孔，漫在体表，在阳光的照射下，晶莹剔透，此时的状态，就如打开了奇经八脉那般，通体舒畅。</p>
+<p>夏是一个有生命力的季节。“接天莲叶无穷碧，映日荷花别样红”是莲在绽放自己的风采；“漠漠水田飞白鹭，阴阴夏木啭黄鹂”是飞鸟在展示自己的魅力；“梅子留酸软齿牙，芭蕉分绿与窗纱”是自然在表达夏季的到来。在夏天，我们也应当做一件有生命力的事情，可以在最热的时候，吃一顿最辣的火锅，跑一次最长的步，又或者喝一次最烈的酒，如此才不枉这大好的时节。</p>
+<p>走进夏天，方觉迷上夏天。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
@@ -17630,57 +17900,22 @@ alt="图片" /> 又是一年，又是新的困惑。</p>
       </tags>
   </entry>
   <entry>
-    <title>一次思想的旅行</title>
-    <url>/posts/2017/3T2T8EN.html</url>
-    <content><![CDATA[<p>这个梦发生在今天下午，因为周日，下午无事，便睡了个饱觉，于是，诞生了一个神奇的梦，我称之为思想的旅行。</p>
-<span id="more"></span>
-<p>睡了一会儿，醒了，便起床去洗把脸，发现脸是麻木的，有一种不真实的感觉，不论怎么用水洗都是这样，瞬间觉得不对，反应过来，应该这是一个梦，我应该还没醒。然后就挣扎着起来，换了个睡觉的姿势，奋力直腰，最后终于起了，当洗脸的时候，脸还是麻木，我知道，这是又没起来…挣扎了很多次，每次都没能真正的醒，每次都在重复相同的事情，然后再挣扎着。渐渐的，没了起床的心思，睡熟了。</p>
-<p>这次做了另一个梦，和朋友趁着周末，来到了伦敦。我们出现的地方是泰晤士河旁边，朋友说：“这条河好熟悉啊！”我立马回答了一句：“这是莱茵河”。</p>
-<p>游着游着，朋友觉得有些困，便提前回去休息了，我趁着夕阳西下的时光，欣赏着两侧的风景。第一印象便是这儿有一座桥，没看到叫什么名字，是一座拱桥，拱座外面贴了灰色的瓷砖，瓷砖与瓷砖之间的缝隙刚刚好，错落有致，仔细看，每一块砖的砌筑，不多一寸，不偏一分，这才代表工匠的水平。还有一个印象是，这儿的景观布局也很精致，柳条垂落，不论从哪个角度看，都那么整齐，赏心悦目。</p>
-<p>朋友有一个好友，叫做Toms ---
-Timy,中间还有一个字，记不清了。在我给这个桥拍照的时候，他找到了我，然后还用中文和我交流，我当时想，至少得用英文问一下名字，然后脑袋就在搜索“请问怎么称呼”用英文怎么讲呢，思考无果，只得讲中文，有点尴尬。他给我讲，这条河叫做泰晤士河，然后领着我在旁边走了走。</p>
-<p>这儿的建筑也是很精致，充满着历史感和独特的人文气息。每一栋房子，虽然有着浓浓的历史痕迹，但仔细一看，每一个细节，都那么吸引人，其中的工艺更是不得不让人佩服，我随手用手机量了下，每一块板的厚度都完全一样，让人觉得不可思议，让人震撼，让人佩服。</p>
-<p>游着游着，天色渐晚，夕阳缓缓西下，此时另有一番风景，夕阳的光线很柔，逆光更是美到极致。难得的景致，我拿出手机，横着屏幕拍下了这美好的一瞬。</p>
-<figure>
-<img
 data-src="http://a2.qpic.cn/psb?/V118G3dh0IatwX/9GmnsmHxJnxtQhxBKNsGCGgnXgS6giAvXOoV5aOYfco!/b/dD0BAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=kAEAAZABAAEDIAU!&amp;tl=1&amp;su=0132749553&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
-alt="图片来自网络" />
-<figcaption aria-hidden="true">图片来自网络</figcaption>
-</figure>
-<p>（光和图片类似，但是当时太阳更低）</p>
-<p>接下来的事情便是几经波折，回到酒店休息，结束了这美好的一天。</p>
-<p>梦到这儿就结束了，醒来之后，一切历历在目，无比清晰，翻了下手机相册，略有失望。</p>
-<p>我在思考，旅行，究竟是为了什么，答案应该是去一个美好的地方，放松自己的心灵，这个梦，让思想进行了一次旅行。</p>
-<p>身在闹市，不为车马喧，我们自己的世界，应由自己来丰富。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>生活感悟</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>因为匆匆</title>
-    <url>/posts/2017/3C2G7GH.html</url>
-    <content><![CDATA[<p>又是一次天色渐晚，吃过晚饭，听着音乐，打发闲着的时间，只有在这一刻，我才感觉到，光阴是在身边流淌。工作的时候，时间逝得很快，快得都分不出来是时间超过了我们，还是我们越过了时间。</p>
-<p>我想，大概是我们走得太快，时间也跟不上了。</p>
+    <title>岁月静好，便是幸福</title>
+    <url>/posts/2018/WHDN7Q.html</url>
+    <content><![CDATA[<p>今天看到一个朋友在朋友圈中分享这样一个故事:妈妈说外公的手机里连表姐的电话号码都没存，就存了我的。他这两天在练习打电话，非要给我打。虽然讲话还很混乱，还是很努力地和我讲，最后还对我说，要过好日子。</p>
 <span id="more"></span>
-<p>走得太快，便错过了路上的风景。昨天出门没有看天气预报，便没有带伞，出了门，回家的时候，天突然下起了淅淅沥沥的小雨，淋着雨，一路跑了回来，换了身衣服，略有后悔，要是早一点回来，就不会淋湿了。今天回想起来，昨日的自己却是错了一场浪漫的雨。</p>
-<p>从前的自己，很喜欢下雨。让雨落在头发上，打在湿了的衣服上，脚踩在路边的小水洼里，然后溅起一滩泥水，随性而为的放松，让人痴迷。现在因为匆匆的自己，下了雨，却没了感受的心，遗憾的错了雨的一厢情愿。</p>
-<p>不知道这是不是很多人的感觉，当阳光透过窗子，照在你的桌子上，你用笔尖在阳光下写着承载着自己思想的文字，这一刻，世界是那么安静，一刻好似永恒。而现在，因为匆匆，已经有很长一段时间没有见过黄昏了。家里的玻璃，成了冰冷的窗户，窗帘，埋葬了如诗的生活。</p>
-<p>庆幸自己偶然慢了下来，可以让思想驰骋去更广阔的世界。</p>
-<p>听着舒缓的音乐，闭着眼睛，细细品味着每个音符的跳动，一切的烦恼和压力，随之消散，此时的声音，便是最好的天籁。走得慢了，也就走进心里去了。这让我想起了一个朋友曾经讲过的一句话，“真不敢相信自己是在西安旅游，感觉就是在家旁边逛了一个古镇”。是的，走心的生活，一行一亍，都是美好，空间里没了时间。</p>
-<p>天快黑了，夜晚开始慢慢苏醒，天上稀稀落落的星慢慢探出头来，他们来到地球，是走得快还是慢呢？</p>
-<figure>
-<img
 data-src="http://a1.qpic.cn/psb?/V118G3dh0IatwX/9L6Ke8THGDn7r6fjRXzbOHSLv9*IpLvG.H2cJFj5*ks!/b/dDwBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=2wFYAgAAAAABELc!&amp;t=5&amp;tl=3&amp;su=0159330929&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
-alt="图片" />
-<figcaption aria-hidden="true">图片</figcaption>
-</figure>
+<p>读完这条分享的时候，虽未亲身感受，但却也觉得特别温馨，感动欲浸透心房。短短几语，便勾勒出了祖孙深深地感情，长者慈，幼者孝，和谐美满。我在想，她当时是怎样的心情呢，是幸福，是感动，还是未能陪伴的憾然？</p>
+<p>幸福是怎样的？这位朋友定很幸福，有人惦记，有人关心，也刚刚好，她发现了这份幸福。芸芸众生中，有的人，一生幸福，也有的人，却半生凄苦半生难，而有的人，身于福中而觉苦。何谓幸福，幸福，是心的一种感觉，各人各不相同的理解。</p>
+<p>幸福很小，有时候是暖暖地一杯水，有时候是脉脉的一回眸，有时候是浅浅地一声叮咛，幸福也很大，它是勇往直前地奋斗，是百折不挠地坚持，是一生一世地呵护。</p>
+<p>7月初，挚友林结婚，便借此机会，与相知10多年的好友，好好聚了一番。当时天色已晚，乌云摭住了月光，夜色掩了乌云下的雨，我们从中学便相识相知的几个挚友，择了一清吧，点一壶铁观音，伴着缕缕茶香，共诉衷肠。有些老友，好几载未得相遇，有些老友，平日间从未互通安好，只一面，便依然如中学那般，情谊浓长。大家毕业后，去向了不同的岗位，承担着不一样的责任，有了不同的发展，再聚首，你依然是你，我还是我，彼此，还是熟悉的那个人。得一知己，共同走过漫长的岁月，是一种幸福。</p>
+<p>一次中午回家，在一家清蒸餐厅吃饭时，见几个工人正在这家店吃饭。他们的工服沾满了建筑涂料，发丛中藏着缕缕白发，虽上了年纪，但很是硬朗。他们各自点了一大碗面，三三两两地坐在一起，也不讲话，就那么安安静静的大口吃着。做工程甚是辛苦，淋最大的雨，晒最烈的太阳，受着最冷的风，呼吸着糟糕的空气，还有永无休止的力气活。他们许是累了，但眼睛却炯炯有神，充满着执着和希冀。我想，他们心底是幸福的，有挂念的人，有人挂念，为家人努力着，岁月漫长，却有一个值得相守的希望。</p>
+<p>上个夏天，在光谷等公交时，偶然收获了一份幸福的画面。一位母亲正带着她大约两岁的小孩在等车，母亲正在玩手机，此时，一只苍蝇停在了母亲的鞋上，孩子见到后，便蹲下去，一直守在母亲的脚边，苍蝇一过来，就被他赶走了，这位母亲直到上车也没发现她的孩子在帮她驱赶苍蝇。幸福很小，小到被忽略。</p>
+<p>如果我外公仍在世，可能也开始学用手机了，会不会打一通电话，从一个省到另一个省，然后在我的耳边喃喃，嘱咐别委屈了自己。</p>
+<p>岁月静好，珍惜拥有，拥有的便是幸福。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
-        <category>2017年</category>
+        <category>2018年</category>
       </categories>
       <tags>
         <tag>生活感悟</tag>
@@ -17765,168 +18000,6 @@ alt="你好，2020" /> ## 你好，新年；你好，2020</p>
         <tag>散文</tag>
       </tags>
   </entry>
-  <entry>
-    <title>五分钟的世界</title>
-    <url>/posts/2017/3Y49VDP.html</url>
-    <content><![CDATA[<p>不久前，搬来了新的住处，离公司比较近，便喜欢在午饭之后，回家小憩。于是中午定了一个
-13:45
-的闹钟，但这个时间却是有点尴尬，上班的时候，如果运气好，楼下可以找到“小黄车”，那么就会准时到达公司，但如果不被眷顾，就只能跑着去了，生怕来不及，只有到达公司楼下的时候，忐忑的心才能放下。当然，被眷顾的概率极低，通常我都是在做跑步运动。</p>
-<span id="more"></span>
-<p>有时候，不禁好奇，这些人都是什么时候去上班的呢，为什么回来的时候那么多“小黄”，而走的时候却一辆也没了，难道他们都不用午休吗？我带着纳闷，保持着几乎每天跑步上班的节奏，“坚持”了快一个月，直到今天。</p>
-<p>今天很惊喜，比闹钟早醒了5分钟，下楼之后，门口居然惊现一辆“小橙”，赶快扫码，心情瞬间大好。走了几步，左边一辆，右边还有一辆。心里有点莫名，今天发生了什么，居然还有这么多空车。因为早了5分钟，上班也不用急着赶，慢悠悠的踩着脚踏板，沐着阳光，把心灵放空虚，听着风语，思考今天的安排，编织着放假的精彩，不用狂野的奔跑，不用担心迟到，一切很惬意。而路上行人或匆匆，或焦虑，或笑逐言开，走着的有，小跑着的亦有，千姿百态，红尘人生，这好像就是从前的自己。</p>
-<p>这种感觉甚是奇妙，他们是自己，又不是自己，站在他们的角度折射生活，站在自己的角度思考未来。仔细一琢磨，每个人都在自己的圈子忙碌着，这个圈子只有那么几个名字，只有那么几件东西，有的人，一直在这个圈子往返，直到生命消散，有的人，知道何处是远方，往返皆是精彩。</p>
-<p>惊奇的发现，自己与所好奇的人的世界，只是隔了5分钟的距离。因为这5分钟，便是一册不一样的人生，两个迥异的世界。拥有它的人，从容而淡定，睿智而优雅，失去它的人，无奈和落寞。但即便是这么短的距离，我亦靠着偶然堪破。</p>
-<p>这个事实让我醍醐灌顶，或许我们离所追求的人生也只有一个5分钟，走上巅峰，只是需要比现在多努力那么一点。</p>
-<p>5分钟的差距，星星与星空的格局。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>生活感悟</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>三世</title>
-    <url>/posts/2017/BPMA7E.html</url>
-    <content><![CDATA[<p>期望有轮回，却一直在轮回。</p>
-<span id="more"></span>
-<p><strong>1 前世</strong></p>
-<p>前世，他出生在偏僻的小山村。只有一条泥泞的小路，穿过小河，然后从这个村子旁边经过，在他的记忆中，这条路，承载了整个村子的故事，塞满了他的童年。村落中的人家，如果算上脚趾头，那就是屈指可数了，村子里也没什么文物之类的，上了年纪的，除了老人，就是屋顶一片片的青瓦了，还有在山里头老李家的牛。</p>
-<p>他的年纪小，脑袋里放不住记忆，每天似乎过得很平淡，但也似乎很快乐，那个时候没有时间的概念，连年龄都是爸爸妈妈帮着保管。他每天有一个任务，就是把家里的小牛牵到草长得好的山坡上，让它饱饱的，好好的吃一顿，这头牛很挑剔，但是很喜欢和他在一起。有时候，他会想，这牛一点也不好养，草老了不吃，树叶也不吃，要是养只羊该多好，什么都吃，有时候也很喜欢，因为可以把它丢到山上，等到时间差不多了，就“哞～哞…”的学着叫几声，带着起伏，它就自己回来了。牛也很有脾气，一般不让人骑，他想到一个好法子，出门的时候，憋一泡尿，等走的时候撒在草地上，牛会吃得很开心，恨不得把泥土也吃进去，这时候，他的愿望就实现了。不过，快到家了，还是得下来，被人看到了回去肯定要挨一顿家长的狠揍。</p>
-<p>就这样过了几年，村里迎来了第一台电视机，是黑白的，电视机很古老，调频没有遥控器，需要手去拧上面的按钮。跟着电视机一起到来的，是孙悟空，是腾云驾雾，是肝胆相照，是外面精彩的世界。每天晚上，是他最期待的时间，因为可以去电视的主人家那儿看电视。如果去得晚了，就倚在门边，从大人们之间的空隙去发现外面的故事。他觉得生命真是渺小，拍一部电视剧有那么多人死亡和受伤。</p>
-<p>那时候的他，很认真，很单纯，没有人告诉他们电视里的真假，不过这都不打紧，因为它开始向往外面的世界了。大人告诉他，只要努力读书，就会一步步的走出去的。在村里读小学，在镇里念初中，在城里上高中，然后到市里读大学，他想不到然后要到哪儿去，要去干什么了。所以，他就一直走一直走，越走越远，越走越远，走过了一生。</p>
-<p><strong>2 今生</strong>
-今生，他穿越成一个毕业的小伙子。彷徨的在没有家的地方沉浮，好像是生于这个世界，但又融不进任何一个地方。他的第一份工作是在建设的前线。到公司报到之后，有一个为期七天的培训，这七天过得很充实，有讲座，有素质拓展，还有各种丰富的活动，他以为这便是工作。培训到最后一天，团委书记很怜惜的对他和新同事讲，你们要好好珍惜此时此刻，这可能将会是你们今后唯一一次参与这样的活动了。当时的他满怀着一腔热血，不怕苦，不怕难。</p>
-<p>工作中的人，有的可爱，有的又是可恨，有的紧着小家，但却失了大家。工作环境的复杂，不是外部，而是人心。老张是施工队的负责人，在他的眼中，大多数时候只有利益。在需要别人的时候，卑躬屈膝，当找他帮忙时，便笑里藏刀，表面答应得好好的，可是转身就抛之脑后。这是最为可恶的行径了，忍不住让人感叹。老张时常在嗟叹，生活之不易，可是却忘了，大家的生活都是不易的，他只顾着自己了，从没想过，在人生的路上，相互扶持，是他的无奈呢，还是他本无心。</p>
-<p>他，耐不了人与人之间的这些不真诚，便悄悄地决定走了，每天做着浪费生命的毫无意义的人际交往，这本也不是他期待的生活。其他人都说，搞工程四海为家，而他却觉得那个只是宿舍。换了新工作，他看到了希望，同时又出现了新的绝望。现在住的地方不叫宿舍了，但也不叫家，对于他来说那只是落脚点。他时常一个人发着呆，不胜感慨，诺大的城市，容得下他的，只有几个平米。没有经历过，便都是向往，以前的他，只知隔行如隔山，可是却不懂得，每座山中都有虎。生活的无奈，已经不是无病呻吟的句子，而是赤裸裸的现实。他也不知剩下的光阴是或喜，只是一步一步，走下去。</p>
-<p><strong>3 来世</strong> 若是有来世，他希望，一切都好。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>散文</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>向心而行</title>
-    <url>/posts/2017/218KCWH.html</url>
-    <content><![CDATA[<p>从益阳到武昌，再次踏上了去武汉的旅途，这是六月份第二次奔赴武汉。</p>
-<span id="more"></span>
-<p>清晰的记得6月1号，我瞒着所有人，包里塞着一套西装，就登上了去武汉的列车。这是工作以后买的第一张硬座，仿佛又回到了读书的时候，天南海北的人挤在一个车厢里，三连座的位置总会留一个屁股给陌生人，列车员说着麻利的顺口溜，宣传着自己的产品，一切那么的熟悉。车厢里的我，工作已经快一年了，但对于面试，依旧紧张和青涩。我心底是迷茫的，不知道面试自己的公司是什么样的，我要选择什么样的公司，我想，我只是为了证明，自己有实力可以进设计院。</p>
-<p>在武汉呆了10多个小时，匆匆的去，匆匆的回，面试完之后，没有期待，暗暗告诉自己，这次你终于任性了一把，随性而为，释放了内心的想法，现在心愿已了，可以回去踏踏实实工作了。</p>
-<p>现在又一次奔赴武汉，心情很平静，迈出这一步，我知道今后的生活会很艰辛。从今以后，得考虑柴米油盐这些问题，打的会心疼，吃肯德基会心疼，过节会心疼，再也没有足够的资金支撑自己旅游的愿望了。自己又将从一个小虾米开始奋斗，将职业生涯用橡皮擦擦掉，一切，又从头开始。</p>
-<p>这样做，我不清楚究竟好或不好，但是我知道，一旦选择，将再无退路，今后不论如何艰辛，我也必须咬牙扛过去，选择了就不后悔，我愿用十倍的努力，弥补这一年的青春。</p>
-<p>曾经看过一部电影，七月与安生。七月活成了安生，安生却成了七月。我想，我就那个七月，内心向往着自由豪放的生活，期待着激情似火的世界，爱好充满无限可能和挑战的生活，但是环境影响，我把它们都埋在了心底。</p>
-<p>这应该就是自己选择更换工作的原因。寻着心的呼唤，努力走好每一步。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>散文</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>老卓的礼物</title>
-    <url>/posts/2017/05KG8X.html</url>
-    <content><![CDATA[<p>一个来自银城益阳，一个则来自山城重庆；一个沉默寡言，一个却活泼开朗，50岁的电梯操作手老卓与24岁的技术员小甘于中交二航局益阳大桥项目部入职半年也相识了半年，性格迥异的二人谈笑间在旁人看来关系密切的很。春节前，二人约定在节后复工后互相送给对方一份新年礼物。</p>
-<span id="more"></span>
-<p>节后二人相遇几句嘘寒问暖后，均立马投身到了紧张的岗位工作中，并把玩笑似的约定抛在了脑后。小甘负责10号主塔虽已封顶，可下塔柱还有一些后期工作需完善，每天仍有许多施工人员在塔上作业。而老卓的主要工作便是通过操纵施工电梯，把包括甘明昔在内的建设者们安全送达目的地。</p>
-<p>老卓言语不多，他的工作责任心也如此，如他人有意让其违规操作，也是不必多言。根据项目规定，益阳大桥施工电梯限载九人，硕大的“九”字贴在电梯狭小的空间内，是老卓始终的坚守。这天天色已晚，本想着站完最后一班岗就可以换班回宿舍休息，速去速回是最好了，小甘就带领着包括他在内的一行10人进入了电梯门。</p>
-<p>“老卓，上去吧！”说完甘明昔已经关上了电梯门。</p>
-<p>心存侥幸的一行人沉默了足有两分多钟，电梯依然不见启动。其实谁都知道这班电梯也许是开不了了，但有老卓的好友小甘在也许会不一样。众人期盼中小甘终于开了口：“老卓啊，你让大家早点做完早点下班，就多一个，不要紧的，走吧！”</p>
-<p>友情在原则面前并无一丝作用-电梯仍无任何声响。小甘心中顿生不悦，正当他准备找老卓理论时，不擅言辞的老卓却挤出一句话来：“限载九人你们看不到吗？多一个人我都不会载你们上去，你们自己下去一个，等下我再跑一趟。”言语朴实又坚定，众人还未听完便开始商量着谁先下去，因为他们知道面对这种情况老卓自然是不会让步一寸的。</p>
-<p>还未等大家商议出来，小甘自己打开电梯门走了出去。包括老卓在内，大家都认为小甘肯定是怒不可竭，要去告他老卓的状了。而众人也不愿意多猜测，还是赶紧上去做好手头的事情当作什么也没发生为上策。</p>
-<p>事情就这样过去了，老卓后来的几天工作虽照常，但谁都看得出来是有心事。最后他鼓起勇气拿着自己从老家带来特产趁着下班时间敲开了小甘的房门：“这不是答应了过年来给你一份新年礼物吗？你瞧，我拿来了，那天的事情你知道我嘴笨......”</p>
-<p>还没等老卓说完，小甘哭笑不得，“老卓，你并没有做错什么，错的是我咧！”</p>
-<p>原来那天老卓说出口的话并没有让小甘生气，而是震惊了许久。面对着眼前的老卓，小甘继续补充到：“做人做事要有原则、有底线，施工安全更是如此，任何时候都不能动摇，感谢你通过这样的一句话教会我了这个道理，这个新年礼物来的比什么都要珍贵哩！”</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>散文</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>游沅江有感</title>
-    <url>/posts/2017/HPBWTD.html</url>
-    <content><![CDATA[<p>今天是2017年4月15日。</p>
-<p>本周轮到我值夜班，今天早早的就起来了，也没有了平时的睡意。我记得睁开眼大约是8:30
-分左右，懒了一会儿床，起来就9点了。本想着做一篇西安的攻略，可是想想，好像时间还蛮多，应该出去走走。在益阳的半年里，很多地方都已经去了，漫无目的在网上浏览者，在地图上惊鸿一瞥，发现沅江是个好地方。洗漱完，想做个攻略再走，但是担心时间不够，所以直接拎着包和相机就出门了。</p>
-<span id="more"></span>
-<p>到达车站之前，我都不知道车票是多少，后来一买票才知道，只需要10块。心里还是蛮高兴，走对了，应该不远，一天来来回回够了。</p>
-<p>约3刻钟的样子，就到了沅江。初识的沅江给人印象并不是很好，车站很破，楼房全部散布着暮年的气息，慵懒的在街边立着。沅江的交通我最是不喜欢，公交不会报站，特别是在网上查不到公交的信息，对于我一个陌生人来讲，这是比较麻烦的事。</p>
-<p>但沅江有她自己的魅力。每一块土地拥抱着湖泊，每一个湖泊躺在一块土地上。多水的沅江，尽是柔柔的美。这儿的人过得很惬意，面里总是带着欢快，在他们的身上看不到生活的压力，舒缓的节奏，那么自然。</p>
-<p><strong>后记：</strong></p>
-<p>这篇游记并未完成，但是却反应了才毕业不久的自己不甘工地的平淡生活，从时间缝里去拥抱世界的精神，这也为后来的辞职作下了铺垫。</p>
-<p>同时，这种精神，都值得现在的自己学习：心有抱负，积极阳光。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>散文</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>缘起西塘</title>
-    <url>/posts/2017/3DKZM8Z.html</url>
-    <content><![CDATA[<p><img
 data-src="http://a2.qpic.cn/psb?/V118G3dh0IatwX/dLmA1CQbAy8TIWYz5sckfgkAwaXbKqXQX0zUOWOzK1A!/b/dIUBAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=wAOAAgAAAAAREGY!&amp;t=5&amp;tl=3&amp;su=0188921169&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
-alt="图片" />3年前，初听到西塘这个名字的时候，便烙在了灵魂里，虽从未与她邂逅，但从那个时候开始，就已经喜欢上了西塘。印象中的西塘，应是庭院深深深几许的宁静，是夜船吹笛雨潇潇的惆怅，是巧笑倩兮，美目盼兮的温婉。三年间，去了很多的古镇，只为寻找心中的西塘。到过最大的古镇便是乌镇了，乌镇很美，但是却牵不起一丝记忆的涟漪，自那以后，每看一个古镇，便失望一分，天下的古镇好像都是那般，禁不住深情。</p>
-<span id="more"></span>
-<p>这个国庆，因为行程改到了上海，便顺道去了西塘，对于古镇，已经近乎失望成绝望，我想，三年前因西塘两字缘起古镇，此刻便从西塘结束吧。尽管烟雨朦胧，风细柳斜，但已心观赏，幸得朋友的陪伴和宽慰，也就不那么在意了。</p>
-<p>票是请青旅老板买的，便宜了很多，在老板的带领下，我们走进了西塘，步入古巷的那一瞬间，仿佛空间穿过了时间，回到了千年前的江南。小桥流水人家，古道白墙灰瓦，夕阳西下，佳人腮凝桃花，这才是心中的那个古镇，以前对西塘的误会瞬间释然了，一直误会了西塘这个美丽的地方，误会了西塘这么美的名字。</p>
-<p>西塘的美，不似乌镇的雕栏画栋，是一种天然去修饰的朴素。西塘的美，一个人赏，两个人赏，或者一群人，不管你是南方，还是来自北方，都是适宜的。西塘，完全满足了我对古镇的幻想，静若处子，动若脱兔。</p>
-<p>落住的的青旅很别致，入口处散落着很多盆栽，高的矮的，有的开着小花，有的松松懒懒的扶在墙上，好像是老板疏于打理，又像是盆栽自己任性，显得那么自由和轻松。推开暗红的大门，便是这间店的大厅，大厅右边一角是登记入住的柜台，不过更像是一个吧台，啤酒，白酒，红酒俱全，精致的玻璃杯，还有几支高脚凳，让人有一种坐上去，和朋友一醉方休，向老板谈天说地的冲动。挨着吧台不远处，摆放着一套茶具，如果喜欢，以茶会友，亦有一样风情。扭过头来，墙上挂着大大的屏幕，放着王者荣耀的比赛，惊险的对战，激情的解说，玩或不玩，都会立足几分钟，细细的感受那份青春的激情。还有一角，立着两个书柜，上面放着当下盛销的书籍。看到这个布局，让人惊讶和兴奋，相互矛盾的东西，在这儿自然的融为一体了。在这家深藏巷子里的店里，你可以自由自在的放纵自己，也可以安静的捧着书卷，心是怎样，就活成怎样，真是一种别样的享受。</p>
-<p>西塘的昼，小桥流水，轻舟翩翩，宛如散落在人间的桃源，又如豆蔻的少女，羞红了脸。而夜晚的西塘，性感而奔放，最著名的便是酒吧一条街，各富特色的酒吧挤满了一巷子。踏上这条街的瞬间，一股活力四射的狂野铺面而来，街道两侧，灯光妖娆，烟雾缭绕，音乐在巷子里肆意的宣泄，你可以喝着啤酒，装成失意的少年，搭讪身边的美女，你可以站在舞台上，酣畅的摇摆，你也可以染着爆炸头，穿着拖鞋，在大厅里嚎叫。此时此刻，你便是自己心中的，心底深处的自己。这条街会在晚上十一点准时关门，是想告诉往来的旅人，疯狂之后，及时回家。这便是这条街的魅力。</p>
-<p>绕过酒吧一条街，世界又一下子安静了，灯笼红彤彤的，静静的挂在长廊上，很多精致的小店傍水而卧，可以打尖，可以住店。有家店叫做“奶奶家客栈”，以前这位奶奶常被邻居欺负，于是倾尽毕生积蓄，开了这家店，有了生意，生活慢慢变好了，也少了人欺负。还有一家店叫做“西塘记忆”，店里面人很多，但一点也不喧闹，大家静静的听着歌，暖暖的感受着此刻宁静的心情。还有很多店，很多的名字，五姑娘客栈，猫的魔法城堡，声声慢……每一个名字，都有一个让人感动故事。此时，你可以觅一处石凳，静静的坐着，慢慢的品味西塘的夜，让时光随着灯光，留在西塘。</p>
-<p>西塘，宁静而淡雅，美好得似一幅泼墨的山水画，舒展在江南的烟雨里。她用一个名字，便醉了一世游人。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>生活感悟</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>无邪</title>
-    <url>/posts/2017/331FR19.html</url>
-    <content><![CDATA[<figure>
-<img
 data-src="http://a3.qpic.cn/psb?/V118G3dh0IatwX/RFVyULh.H0c9rl6Ilz*0ceqAN62hc5Lww1yxWjGIswk!/b/dI4BAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=wAOAAgAAAAAREGY!&amp;t=5&amp;tl=3&amp;su=092052705&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
-alt="图片" />
-<figcaption aria-hidden="true">图片</figcaption>
-</figure>
-<p>我痴痴的，寻寻觅觅，那扰人心弦的美。那种美，是一日不见，如三秋兮的思念，是力拔山兮气盖世的豪迈，是谈笑间，樯橹灰飞烟灭的壮阔，是一种，可以让心铭记的画面。</p>
-<span id="more"></span>
-<p>生命中，见过很多的美，但总是昙花一现，让人抓不住，留不下，又念不起。夕阳西下时分，一对老人相互依偎着，身后的影子，随着斜阳，拖得老长老长，却始终形影不离，这是岁月的美；自习室里，女孩安静的写着作业，风乱了发，男孩瞧见了，便宠溺的将女孩的发丝揽回耳畔，这是青春的美；三两岁的小孩，得到一颗糖就可以开心很久，笑的时候无拘无束，哭的时候撕心裂肺，这是天真的美.…..美无形无相，它可以是感动，可以是伤情，可以是一幅画，也可以是一阵风。</p>
-<p>以前，见到美的物或人，便是心旷神怡，然后感叹一句“好美啊”，随后就丢在了记忆的角落里。闲下来的时候，就思考着，究竟什么是美？周末的时候，云儿在天上睡着了，丝丝缕缕阳光便遛了下来，于是决定到昙华林走走。很幸运，遇到了两份让人难忘的美好，瞬间明白了美的真谛。</p>
-<p>路过一个小店门前，一只灰色的小猫正匍在地上，头快耷拉到了地板，心情很低落，一点也不搭理路过的人。一位女生从店里准备离开，看到了它，便蹲下身，用手抚摸着猫的脑袋，宽慰这只小猫，似乎感受到了猫的心情，她的神情带着淡淡的忧伤。过了一会儿，小猫扭过头来，心情好了很多，女生收回手，小猫静静地看着她，她也温柔看着小猫，最后，小猫耐不住羞，喵了一声，把头撇了过去，女孩忍俊不禁，扑哧一下笑出来了声。这弯笑容，穿过午后的空气，涤荡在我的心头，至今萦绕在脑海中，不曾消散。我想，这便是一份美，一份善良的美。</p>
-<p>女孩后来和同伴消失在了人海，我缓缓的踏着步子，认真的呼吸着每一口空气，收拾着刚刚的好心情，惬意地静静地享受着此刻的时光。走着走着，一家小店吸引了我，不是因为它的名字，而是店的门边栓了一直可爱的小狗。一身金黄色的卷卷的毛，搭着深灰色的流行款式，两只炯炯有神的眼眸，好奇的看着往来的行人，也不知它心里在想着些什么。这时，一个小孩看到了小狗，她手里拎着一小袋零食，准备和小狗分享。可是离得远，于是她想踏上台阶再递给小狗。虽然台阶不高，但对于才学会走路的她来说，很有难度，只能用两只手，平衡摇摇晃晃的身体。小狗见着了，露出期待，小女孩上了两级阶梯，可以够着了，但她想走到平坦的地方，专注的迈着最后一步。这时，小狗的脑袋有点转不动，呆呆的扭过头看着女孩，思考着，她为什么还不停下呢？这画面，虽然简简单单的，却觉得是另一番说不出的美。</p>
-<figure>
-<img
 data-src="http://a1.qpic.cn/psb?/V118G3dh0IatwX/sTp3n6IDydjCLq8BEElqDouWpFBLDU2ciN4Xe7Vj7Yc!/b/dOAAAAAAAAAA&amp;ek=1&amp;kp=1&amp;pt=0&amp;bo=wAOAAgAAAAAREGY!&amp;t=5&amp;tl=3&amp;su=059248945&amp;tm=1566104400&amp;sce=0-12-12&amp;rf=2-9"
-alt="图片" />
-<figcaption aria-hidden="true">图片</figcaption>
-</figure>
-<p>女生的眼中，只有猫的失落，她便留下来宽慰；女孩的世界，有台阶和小狗，她便先忘了小狗，小心仔细地踏着步子。美，大约就是如此，简单而专注，不参杂丝毫的杂质，天真无邪。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>生活感悟</tag>
-      </tags>
-  </entry>
   <entry>
     <title>个人经验总结</title>
     <url>/posts/2020/3905HA6.html</url>
@@ -17955,28 +18028,6 @@ alt="图片" />
         <tag>加密</tag>
       </tags>
   </entry>
-  <entry>
-    <title>想念挚友</title>
-    <url>/posts/2017/1AJP2Y0.html</url>
-    <content><![CDATA[<p>三毛说：“最好的爱情就是相处不累”。我觉得这句话也可以用来形容友谊，最好的友情也便是相处不累。</p>
-<span id="more"></span>
-<p>去年夏末的时候，我和他相识。他初给我的印象是很阳光，脸上的轮廓略显刚毅，戴着一副黑框眼镜，又显得很斯文。他说话时带着一点甘肃的口音，总是把”yun”读作“yong”，当时听到这个口音的时候，很是亲切，大约是大学有一个好友，也是甘肃的缘故吧。</p>
-<p>和他第一次见面是在施工现场的办公室，我不认识他，他也不认识我，虽然见了面，好像也没打招呼。就这样呆了一两个月，慢慢地变得熟悉，熟悉彼此的性格，熟悉彼此的价值观，熟悉对方有没有女朋友，然后就成为了好朋友。</p>
-<p>有句话说得很对，只有当失去了，你才会懂得珍惜。我离开之后，才发现那段青葱的岁月，如此值得怀念。自换了工作已有两月余，面对新环境，我战战兢兢的生活和工作着，一个人，一座城，默默地打拼。每天拼命的学习，认识了另外的人，做另外的事，一切，都很累。静下来的时候，总会很想念以前的日子。</p>
-<p>我和他的床是对着的，中间隔了一张桌子，是少强留下的，后来又有一张，好像是李伟的。我俩把它们拼在了一起，我在上面放了个简易书架，还养了一盆“小家碧玉”。有时候我会给它拍拍照，他会浇浇水，虽然是我买的，好像更是他的宝贝。</p>
-<p>夏天的时候，外面很热，他去买水的时候，总会捎上我的一份，有时候桌上的纸巾用完了，他会多拿出一卷，一卷放在他那儿，一卷放在我这边。上次出去把妹，他还和我商量着暗号，要是钱不够了，打个电话给他，他立马给我想办法，在电话里就问，拆迁怎么样了，拆了一栋就是一千，两栋就是两千，免得被姑娘听见自己借钱，很窘迫，我笑他，我这是举朋友之力追妹子啊。我知道，要是我真这样给他打电话，他肯定会马上帮我解决的。我们的交情不需要在意金钱，只是彼此肝胆相照。</p>
-<p>大学就很喜欢吃鱼，有一次，拽着他去了工艺美大旁边吃了那儿的纸包鱼，很鲜嫩，这是第一次吃纸包鱼，后来在其他地方也吃过，可是没那味道，好像从那时候起，他也迷上吃鱼了。有一天，咱俩就约着，把益阳的鱼尝个遍。为了吃一次鱼，我俩先是转了一趟公交，然后打了快半个小时的车，才到城院的小吃街那边，鱼店很多，觅着一家烤鱼店就窜进去了，那儿的鱼也很好吃。</p>
-<p>已经离开益阳有一段时间了，有一天晚上，微信振动，是他发来的消息，有一个定位，然后来了句想你了。初听这话，以为他是开玩笑的，居然写得那么肉麻，然后点开定位，突然发现，那是我们第一次吃鱼的位置，他在那边喝酒，应该是喝了有几分了，此时，虽然和他隔了一个省的距离，但仍能感受到那如浓酒般的思愁。我也非常怀念彼此共同度过的岁月，真挚而又轻松，快乐而又写意。人生又哪能轻易找到几个这样的知心朋友呢？</p>
-<p>等他来到我的地方，等我去到他的城市，等和他在远方遇见，不醉不归。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>散文</tag>
-      </tags>
-  </entry>
   <entry>
     <title>静夜随笔</title>
     <url>/posts/2020/2RT0R7Q.html</url>
@@ -17996,6 +18047,27 @@ alt="图片" />
         <tag>散文</tag>
       </tags>
   </entry>
+  <entry>
+    <title>让心驰骋在木兰草原之上</title>
+    <url>/posts/2021/8Z3TAG.html</url>
+    <content><![CDATA[<p>2021年11月27日，设计四所、BIM中心和经营部在木兰草原联合举办了具有草原风情的团建活动。滑草、骑马、射箭，不论老少，玩得不亦乐乎。</p>
+<p><strong>合照</strong></p>
+<p>一进入木兰草原，一股厚重的苍茫感就迎面扑来，它挟着初冬的一丝凛冽，将春夏的苍翠，华作漫天枯黄。走在小道上，呼吸着微风中淡淡的青草味，看着远山上朦朦胧胧的牛马食草，感受着四周无边无际的草原，木兰草原在这一刻，仿佛有了生命，一下子将我们拉进了
+“天似穹庐，笼盖四野”
+的壮阔草原里，置身此情此景，我们不禁惊叹住了，这正是我们想象中的草原的样子：“天苍苍，野茫茫，风吹草低见牛羊”</p>
+<p><strong>写大家释放激情</strong></p>
+<p><strong>写大家放松与交流</strong></p>
+<p>本次活动，似湖面上溅起的一缕涟漪，荡漾起了大家内心深处的激情澎湃；又如冬日里绽放的暖阳，治愈了每个人精神上的紧绷与疲惫；也像大地上溪流汇成的江河，消融了彼此间的陌生，增进了彼此的感情，在未来，我们将携手同行，扬帆大海。</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>2021年</category>
+      </categories>
+      <tags>
+        <tag>散文</tag>
+        <tag>团建</tag>
+      </tags>
+  </entry>
   <entry>
     <title>孙少安的人格魅力</title>
     <url>/posts/2020/QQM15G.html</url>
@@ -18051,49 +18123,78 @@ alt="图片" />
       </tags>
   </entry>
   <entry>
-    <title>两个人的上海</title>
-    <url>/posts/2017/3B8ZFDY.html</url>
-    <content><![CDATA[<blockquote>
-<p>本文仅作纪念</p>
-</blockquote>
-<p>有一种旅行，不为跋涉千里的向往，只为漫无目的的闲逛，不为人山人海的名胜，只为怡然自乐的街景。或走，或停，都是美丽的心情，这就是我喜欢的旅行。</p>
+    <title>浮沉喧嚣不惊觉，一朝醒来入凡心</title>
+    <url>/posts/2023/1N11HYC.html</url>
+    <content><![CDATA[<p>很长一段时间没有提笔了，今日突然心有所感，借此机会便将脑中那飘渺的灵感记录下来，摘一段时光，以供未来思忆。</p>
 <span id="more"></span>
-<p>国庆之前，计划着去黄山，然后就问同行的伙伴的意愿，她是深圳的，祖国的南方了，我问她，咱们先去合肥，然后去黄山吧，她想都没想，就说：“好”，她当时都不知道合肥会有多远，她可能也不是很喜欢爬山，但就是那么干脆的答应了，我想，她也喜欢这样的旅行，不是走路，而是走心。后来，黄山的票没了，便改了行程，去了上海。</p>
-<p>到一个地方，总会想去看看最出名的学校，所以，我们的第一站，就是交大。步入交大，一种学府的厚重气息瞬间扑面而来，里面“康白渡式”的建筑风格处处透露着学府的严谨，散发着求知的精神，虽然它历史源远，但是又让人觉着亲切。只是，我和她对这个没一点研究，就是觉得想去看看交大，即使去看一眼校门，即使留下一个脚印在那片土地上，也是满足的。进了校园以后，她就是觉得好看，我也不问，问了怕她形容不出来，问了怕坏了景致，而我就是乱按一通快门，因为觉得每个角度，都是一幅画，直到后来，她惊讶的说，这是体育馆，你也拍？我就拍得没那么放肆了。现在想想，我当时脑袋应该是短路了，我怎么不拍啊，又不是像湖大，旁边还有一个厕所。不知道她当时为什么惊讶，难道是和我一样，想到了湖大的体育馆？</p>
-<p>就这样，两个人，四个脚印，从交大的一头到了另一头。现在的记忆，大部分已经落在了照片里，剩下的，只是一段蜿蜒的路，两个背着包的身影，还有那段静谧的时光。
-我和她去的第二个地方，算得上是偶遇吧。乘地铁到人民路站下车，她问我，要怎么走，我说，我也不清楚，那随便选一个吧，她欣然接受了，彼此都不在乎景点在哪儿，因为觉得行过的地方，就是最舒适的风景。出乎意料，我们的选择是一份惊喜，那个出口记录着大上海曾经的故事，拉黄包车的师傅，卖栀子花的小姑娘，还有很多，记不住了…让人如痴如醉。经过一个民国时期的火车站台时，她带着好奇，天真的看着泛着光晕的穹顶，那画面让人感动，我静静地站着，呼吸缓缓的，生怕残了那幅唯美的画，她的景，是那些光，而我的景，是她和光。</p>
-<p>穿过人民广场的时候，阳光还是浅浅的，斜着透过大厦，铺到地面，给人干净清新的感觉，看一眼，就着迷了，同行的她瞬间被感染，脚步无拘无束，时而欢快，时而袅袅，仿佛误入了仙境的公主，剩下的只有快乐。我端着相机，她就负责把快乐放在风景里。两个人，玩着玩着便忘了时间，忘了下一站是哪儿，等惊醒的时候，两人会心一笑，背着包，又消失在人海。
-后面还去了很多地方，</p>
-<p>到了外滩，看了万国建筑，还有东方明珠塔。每个景点都游得很浅，但我们不在乎，她饿了，就陪着她去吃饭，我想看夜景，她便耐心的同行，这已经就是旅行了。</p>
-<p>国庆的上海，风景和人各占了一半，而我们眼中的上海，就只有两个人。</p>
+<p>新冠疫情终于渐渐淡化，笼罩在心头的无尽的阴霾也慢慢散去，这个周末，春光正好，于是和老婆小孩一起，到东湖赏梅散心。</p>
+<p>我们是开车去的，快到东湖入口时，便已经堵着走不动了，我便留意起从旁边经过的行人，他们之中有的是情侣，有的是一家人，有的是大学生，三五成群，或是步行，或是骑着自行车，有说有笑，朝着东湖前行。</p>
+<p>我面无表情地坐在车里，感受着他们的喜悦，脑海深处仿佛有一股躁动正在挣脱束缚，想要喷涌而出。我循着这似曾相识的场景渐渐回忆，霎那间，仿佛大江决堤，山崩地裂，那股躁动终于奔腾而出，熟悉的感觉重回身体，我心中突然明悟了：曾经的自己也和他们一样，生命在热烈地绽放，曾几何时，我却丢掉了它们。</p>
+<p>以前，自己也和他们一样，喜欢用脚丈量大地，喜欢微风轻拂面颊，喜欢享受旅途风景，喜欢用真诚去体悟生命。</p>
+<p>曾经的自己，可以一念起，横空数千公里，南下丽江赏秋雪；可以心意动，恕爬十几小时，登顶峨嵋观云海；可以兴致至，跨越千万山水，西行茶卡照天镜。</p>
+<p>然而，随着新冠的出现，连续几年的抗疫，再加 2022
+年底防疫的彻底放开，全家感染，自己渐渐疲于奔命，迷失在了忙忙碌碌地的生活里，虽然每天依然吃饭喝水、上班下班、买菜做饭，但总感觉少了些什么。直到今天，我突然明悟过来，是少了一缕光，一缕绽放生命的光。</p>
+<p>真是浮沉喧嚣不惊觉，一朝醒来入凡心，好在重拾初心志犹在，上揽苍穹下关月。</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
-        <category>2017年</category>
+        <category>2023年</category>
       </categories>
       <tags>
         <tag>散文</tag>
+        <tag>心有所感</tag>
       </tags>
   </entry>
   <entry>
-    <title>让心驰骋在木兰草原之上</title>
-    <url>/posts/2021/8Z3TAG.html</url>
-    <content><![CDATA[<p>2021年11月27日，设计四所、BIM中心和经营部在木兰草原联合举办了具有草原风情的团建活动。滑草、骑马、射箭，不论老少，玩得不亦乐乎。</p>
-<p><strong>合照</strong></p>
-<p>一进入木兰草原，一股厚重的苍茫感就迎面扑来，它挟着初冬的一丝凛冽，将春夏的苍翠，华作漫天枯黄。走在小道上，呼吸着微风中淡淡的青草味，看着远山上朦朦胧胧的牛马食草，感受着四周无边无际的草原，木兰草原在这一刻，仿佛有了生命，一下子将我们拉进了
-“天似穹庐，笼盖四野”
-的壮阔草原里，置身此情此景，我们不禁惊叹住了，这正是我们想象中的草原的样子：“天苍苍，野茫茫，风吹草低见牛羊”</p>
-<p><strong>写大家释放激情</strong></p>
-<p><strong>写大家放松与交流</strong></p>
-<p>本次活动，似湖面上溅起的一缕涟漪，荡漾起了大家内心深处的激情澎湃；又如冬日里绽放的暖阳，治愈了每个人精神上的紧绷与疲惫；也像大地上溪流汇成的江河，消融了彼此间的陌生，增进了彼此的感情，在未来，我们将携手同行，扬帆大海。</p>
+    <title>为她守护一束桅子花开</title>
+    <url>/posts/2023/21AX3JT.html</url>
+    <content><![CDATA[<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230717000711448.png"
+alt="image-20230717000711448" />
+<figcaption aria-hidden="true">image-20230717000711448</figcaption>
+</figure>
+<p>今天是周五，如往常一样，是徒步回家的一天。出发的时候，几滴小雨已经开始孤零零地落着，我没理会它们，循着回家的路，就在小道上“噔噔噔”地小跑起来。</p>
+<p>跑出几公里后，在一个路口处，刚好遇到了红灯，就停了下来，霎那间，我觉自己仿佛一台过载地的发动机，从内到外都是如火地滚烫，不断地吭哧吭哧地向外冒着热气，空气一吸进肺里，就变得焦灼起来。突然间，一阵花香飘来，香气中带有一丝齁甜，浓郁而沁人心脾。</p>
+<span id="more"></span>
+<p>这种味道让我回忆起了中学的时候，每当春夏之际，路边总会有许许多多的游商，担着一个担子，担子两端分别系着一竹篓，里面盛着一满满篓筐的桅子花，当他们走过的时候，整条街都萦绕香甜的味道。那个时候，很想去买，但又没多少零钱，因此通常就只会饱饱地吸几口，然后就走了。长大后，有时又遇到卖桅子花的，还是小时候的味道，但是也不会去买，因为买了，也没有承载这份美好和欢喜的人。</p>
+<p>但是，今天终于可以买一束桅子花了，我想将这束带着美好回忆的，象征着守候和坚持的花朵，送给如花香般甜蜜的爱情，送给亲爱的老婆。</p>
+<p>这束花，只有几朵绽放得热烈，其它的都是含苞待放，我将它们拿在手里，小心地呵护着。因为还要继续小跑回家，便将花举到胸前，跑步的时候，就一直稳稳地端着。闻着阵阵的花香，我的嘴角不由地浮现出一窝浅笑，一弯幸福的笑。</p>
+<p>我脑中开始萦绕出一幅幅深动的画面，老婆抱着小宝宝，望着回家的方向，正盼着自己回来，我将花藏在身后，出现在他们面前，故作神秘地道：“是不是发现有一种好闻的香味，嘿嘿~”，然后借着老婆转移注意力的时候，将花送到她面前，我想，她一定会非常开心，高兴得手舞足蹈，像个大小孩。然后我就抱着娃，一起看着她自己忙忙碌碌地倒腾着心爱的花花。</p>
+<p>想着想着，不知不觉就跑了几公里，所过之处，尽皆残留着淡淡的桅子花香，每一阵花香，都是一段美好的记忆。</p>
+<p>接近半程时，雨渐渐变得密集起来，一小会儿的功夫，就开始转为狂风暴雨。这雨转换得太突然，完全找不到避雨的地方，我只好一只手将T恤的领口撑开，另一只手将花从下向上放进衣服里护着，避免被大风大雨给打落了花瓣。就这样，我在瓢泼大雨中缓缓地前行着，有好几次想将花儿给拿出来，因为这样走路会轻松些，可以早点回家，但当闻到从领口传出来的花香，想到被风吹得光凸凸的花枝，就又放弃了这个念头，爱是需要被呵护的。</p>
+<p>我护着这束桅子花，终于走到了小区门口。突然发现有两朵新花正在盛情绽放，花瓣亭亭玉立，香味浓郁幽长。看着这两朵惊艳的花，我会心地笑了，这一路走来，很值，我想她一定会很喜欢！</p>
 ]]></content>
       <categories>
         <category>Inspiration</category>
-        <category>2021年</category>
+        <category>2023年</category>
       </categories>
       <tags>
         <tag>散文</tag>
-        <tag>团建</tag>
+        <tag>生活</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>梦之阴阳相望</title>
+    <url>/posts/2017/BSTRJW.html</url>
+    <content><![CDATA[<p><strong>2017-2-7 晚</strong></p>
+<p>昨晚做了这样一个神奇的梦：</p>
+<p>梦里我有两个妹妹，一个是现在的妹妹，一个是难产出生的妹妹。这个妹妹很特殊，妈妈说，生她的时候难产，身体损坏了，医生把她的灵魂渡入到一个
+iPad
+里面。家里人很喜欢这个小家伙的出生，虽然不幸，但是很开心她能够陪伴在我们身边。</p>
+<span id="more"></span>
+<p>父亲每天对着平板聊天，呵护小孩子一样，我们也会时不时的去逗几句。有一天，我看到父亲在平板上写字，我问他在干嘛，他说他在教女儿写字。因为妹妹的特殊性，她其实是生活在阴间，但是可以通过这个
+pad
+沟通阳间，我就问她，你在那边生活得怎么样？她说，她和爹爹生活在一起，起码有亲人陪伴，还有爷爷奶奶们也都在。我当时想，原来人逝去时候也会在一起的。</p>
+<p>然后我问，给你烧的钱你那儿能用吗？因为现实中自己经济拮据，我希望这个妹妹在另一个地方不用为经济而烦恼，我想多给她烧一些纸钱。她说，她生活的地方和我们住的地方一样，纸钱可以用，但是阳间是什么样子，阴间也就是什么样子！</p>
+<p>我当时感觉好内疚，作为大哥，不能给弟弟妹妹们好的生活，去了之后还因为自己的原因而住的那么破旧。很难受，为了改变阳间，阴间的生活，我必须得加油奋斗了！</p>
+]]></content>
+      <categories>
+        <category>Inspiration</category>
+        <category>梦</category>
+      </categories>
+      <tags>
+        <tag>梦</tag>
       </tags>
   </entry>
   <entry>
@@ -18126,52 +18227,6 @@ alt="图片" />
         <tag>梦</tag>
       </tags>
   </entry>
-  <entry>
-    <title>浮沉喧嚣不惊觉，一朝醒来入凡心</title>
-    <url>/posts/2023/1N11HYC.html</url>
-    <content><![CDATA[<p>很长一段时间没有提笔了，今日突然心有所感，借此机会便将脑中那飘渺的灵感记录下来，摘一段时光，以供未来思忆。</p>
-<span id="more"></span>
-<p>新冠疫情终于渐渐淡化，笼罩在心头的无尽的阴霾也慢慢散去，这个周末，春光正好，于是和老婆小孩一起，到东湖赏梅散心。</p>
-<p>我们是开车去的，快到东湖入口时，便已经堵着走不动了，我便留意起从旁边经过的行人，他们之中有的是情侣，有的是一家人，有的是大学生，三五成群，或是步行，或是骑着自行车，有说有笑，朝着东湖前行。</p>
-<p>我面无表情地坐在车里，感受着他们的喜悦，脑海深处仿佛有一股躁动正在挣脱束缚，想要喷涌而出。我循着这似曾相识的场景渐渐回忆，霎那间，仿佛大江决堤，山崩地裂，那股躁动终于奔腾而出，熟悉的感觉重回身体，我心中突然明悟了：曾经的自己也和他们一样，生命在热烈地绽放，曾几何时，我却丢掉了它们。</p>
-<p>以前，自己也和他们一样，喜欢用脚丈量大地，喜欢微风轻拂面颊，喜欢享受旅途风景，喜欢用真诚去体悟生命。</p>
-<p>曾经的自己，可以一念起，横空数千公里，南下丽江赏秋雪；可以心意动，恕爬十几小时，登顶峨嵋观云海；可以兴致至，跨越千万山水，西行茶卡照天镜。</p>
-<p>然而，随着新冠的出现，连续几年的抗疫，再加 2022
-年底防疫的彻底放开，全家感染，自己渐渐疲于奔命，迷失在了忙忙碌碌地的生活里，虽然每天依然吃饭喝水、上班下班、买菜做饭，但总感觉少了些什么。直到今天，我突然明悟过来，是少了一缕光，一缕绽放生命的光。</p>
-<p>真是浮沉喧嚣不惊觉，一朝醒来入凡心，好在重拾初心志犹在，上揽苍穹下关月。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2023年</category>
-      </categories>
-      <tags>
-        <tag>散文</tag>
-        <tag>心有所感</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>梦之阴阳相望</title>
-    <url>/posts/2017/BSTRJW.html</url>
-    <content><![CDATA[<p><strong>2017-2-7 晚</strong></p>
-<p>昨晚做了这样一个神奇的梦：</p>
-<p>梦里我有两个妹妹，一个是现在的妹妹，一个是难产出生的妹妹。这个妹妹很特殊，妈妈说，生她的时候难产，身体损坏了，医生把她的灵魂渡入到一个
-iPad
-里面。家里人很喜欢这个小家伙的出生，虽然不幸，但是很开心她能够陪伴在我们身边。</p>
-<span id="more"></span>
-<p>父亲每天对着平板聊天，呵护小孩子一样，我们也会时不时的去逗几句。有一天，我看到父亲在平板上写字，我问他在干嘛，他说他在教女儿写字。因为妹妹的特殊性，她其实是生活在阴间，但是可以通过这个
-pad
-沟通阳间，我就问她，你在那边生活得怎么样？她说，她和爹爹生活在一起，起码有亲人陪伴，还有爷爷奶奶们也都在。我当时想，原来人逝去时候也会在一起的。</p>
-<p>然后我问，给你烧的钱你那儿能用吗？因为现实中自己经济拮据，我希望这个妹妹在另一个地方不用为经济而烦恼，我想多给她烧一些纸钱。她说，她生活的地方和我们住的地方一样，纸钱可以用，但是阳间是什么样子，阴间也就是什么样子！</p>
-<p>我当时感觉好内疚，作为大哥，不能给弟弟妹妹们好的生活，去了之后还因为自己的原因而住的那么破旧。很难受，为了改变阳间，阴间的生活，我必须得加油奋斗了！</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>梦</category>
-      </categories>
-      <tags>
-        <tag>梦</tag>
-      </tags>
-  </entry>
   <entry>
     <title>一腔热血夜雪山，奇灵怪异退堂鼓</title>
     <url>/posts/2023/2BPZ3DJ.html</url>
@@ -18208,32 +18263,6 @@ alt="image-20230717005034407" />
         <tag>galens</tag>
       </tags>
   </entry>
-  <entry>
-    <title>七月与安生</title>
-    <url>/posts/2017/2P24YP8.html</url>
-    <content><![CDATA[<p>有一对闺蜜，一个叫七月，另一个是安生，七月安静，在大人面前表现得很乖，安生开朗，七月妈妈说她什么都好，只是缺了点运气。安生没考上大学，出去闯荡，换了很多男朋友，最后找了个老实人结了婚，过上了相夫教子的幸福生活，七月和男友同一所大学，毕业后谈婚论嫁，所有人都认为他们是最合适的一对，会很幸福，但是他不够爱她，在结婚的时候离去，七月终于找到借口出去闯荡。</p>
-<span id="more"></span>
-<p>七月过成了安生，安生活成了七月。</p>
-<p>恰好，我也有两个朋友，一个叫七月，另一个是安生，他俩是基友。七月成绩一直优秀，初中出去上通宵，第二天考试拿了年级第一，高中走路都在看小说，成绩也还不错，大学成绩差点保研，在所有人眼中他会很有出息；安生浪荡，也很贪玩儿，初中留了级，高中辍学出去潇洒，大学挂科，他有自己的想法，没毕业，自己赚钱买了一辆车。</p>
-<p>安生给七月打电话。</p>
-<p>“七月，工作怎么样？”</p>
-<p>“工作很累，没有休息的时间，感觉整天都在工作，不是我想要的生活。”</p>
-<p>“工资怎么样？”</p>
-<p>“不怎么样，有点低……”七月心里其实还有一点自豪，因为他的很多朋友工资没他高
-“确实有点低啊。我在学校旁边和人开了一个点，每天能赚个2000左右吧。”</p>
-<p>七月第一年工作回去和安生见了一面，是安生开车来接的他，安生的车技很好，放的歌不像七月听的那样安静，很激昂。安生很忙，他们吃了一碗面就分开了，安生给七月带去了震撼，七月也想要一辆车，想要安生的潇洒生活。</p>
-<p>安生活成了七月想的那样。</p>
-<p>七月想去环游世界，想有一辆车，一幢房子，想给父母好的生活......</p>
-<p>七月在挣脱。</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2017年</category>
-      </categories>
-      <tags>
-        <tag>散文</tag>
-      </tags>
-  </entry>
   <entry>
     <title>《非暴力沟通》读书笔记</title>
     <url>/posts/2023/3KQXHMP.html</url>
@@ -18609,6 +18638,181 @@ class="math inline">\(\beta_{gz}\)</span>，即高度 z
         <tag>考试</tag>
       </tags>
   </entry>
+  <entry>
+    <title>免费的视频剪辑素材资源</title>
+    <url>/posts/2023/1YG7ZB2.html</url>
+    <content><![CDATA[<p>最近在工作上要制作几个微课，平时感觉制作一个视频还挺简单的，当到实际上手的时候，才发现力不从心，特别是素材，无从找起，因此本文对如何收集素材进行一个简要总结，以便今后更加高效的使用。</p>
+<blockquote>
+<p>本文随着视频剪辑的熟练度增加，会不定期进行更新</p>
+</blockquote>
+<span id="more"></span>
+<h2 id="汇总">汇总</h2>
+<table>
+<colgroup>
+<col style="width: 52%" />
+<col style="width: 27%" />
+<col style="width: 20%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>名称</th>
+<th>特点</th>
+<th>下载方式</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td><a href="https://www.pexels.com/videos/">Pexels video</a></td>
+<td>视频数量种类多</td>
+<td>无需注册</td>
+</tr>
+<tr class="even">
+<td><a href="https://pixabay.com/zh/videos/">Pixabay视频</a></td>
+<td>视频数量种类多</td>
+<td>无需注册，免费商用</td>
+</tr>
+<tr class="odd">
+<td><a href="https://mixkit.co/">Mixkit</a></td>
+<td>视频、音乐素材多</td>
+<td>部分可商用</td>
+</tr>
+<tr class="even">
+<td><a href="https://www.videvo.net/">Videvo</a></td>
+<td>免费视频、音乐、音效素材</td>
+<td>无需注册</td>
+</tr>
+<tr class="odd">
+<td><a href="https://www.ignitemotion.com/">IgniteMotion</a></td>
+<td>仅背景视屏</td>
+<td></td>
+</tr>
+<tr class="even">
+<td><a href="https://coverr.co/">Coverr</a></td>
+<td>多样素材</td>
+<td>部分商用</td>
+</tr>
+<tr class="odd">
+<td><a href="https://mazwai.com/">Mazwai</a></td>
+<td>多样素材</td>
+<td>可商用</td>
+</tr>
+<tr class="even">
+<td><a href="https://www.videezy.com/">Videezy</a></td>
+<td>多样素材</td>
+<td></td>
+</tr>
+</tbody>
+</table>
+<p>鉴于经济实力，本文仅推荐一些免费的视屏资源。</p>
+<h2 id="pexels-video">Pexels video</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224172111-1024x371.jpg"
+alt="Pexels 免费视频下载" />
+<figcaption aria-hidden="true">Pexels 免费视频下载</figcaption>
+</figure>
+<p>经常找图片的人相信都听说过Pexels，它是一个非常有名的免费图片素材站，后来Pexels又推出了视频
+Pexels video，同样是免费下载</p>
+<p><a href="https://www.pexels.com/videos/">Pexels video</a>
+上的视频数量种类多，有自然风景相关，也有人物会议等视频，视频展示采用瀑布流的方式，可以直接当前窗口预览视频，无需注册就能下载</p>
+<h2 id="pixabay-视频素材库">Pixabay 视频素材库</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224180821-1024x387.jpg"
+alt="Pixabay 视频素材库" />
+<figcaption aria-hidden="true">Pixabay 视频素材库</figcaption>
+</figure>
+<p>同Pexels一样，Pixabay也是非常有名的免费图片网站，它也提供了免费无版权的视频</p>
+<p><a
+href="https://pixabay.com/zh/videos/">Pixabay视频</a>不仅数量多，还提供了非常多的信息，你可以在下载前预览视频，也可以查看视频的各种参数，包括视频分辨率、时长、格式、上传时间等，无需注册就可以下载，无需署名可以商业用途</p>
+<h2 id="mixkit">Mixkit</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224181136-1024x486.jpg"
+alt="Mixkit创意视频免费下载" />
+<figcaption aria-hidden="true">Mixkit创意视频免费下载</figcaption>
+</figure>
+<p><a href="https://mixkit.co/">Mixkit</a>
+是Envato去年推出的一个视频、音乐的素材平台，和Envatomarket、Envato
+Elements等付费产品不同，Mixkit
+的所有内容都是完全免费的，网站提供了免费的视频、音乐素材、Premiere
+Pro模版，你可以免费下载视频，支持个人和商业使用</p>
+<p>Mixkit平台的视频质量都非常高，你可以根据类别进行查找，包括城市、咖啡、天空、人物、海滩、办公、食物等，每个视频都清晰独特，适合制作创意视频使用</p>
+<h2 id="videvo">Videvo</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224181329-1024x392.jpg"
+alt="Videvo专业视频素材库" />
+<figcaption aria-hidden="true">Videvo专业视频素材库</figcaption>
+</figure>
+<p><a
+href="https://www.videvo.net/">Videvo</a>是一个专业的视频素材网站，提供成千上万的免费视频、音乐、音效素材，旨在成为你的唯一资料库。Videvo
+把视频分成了很多类别，有动物、商业、办公室、工业、医疗、视觉特效等，你可以通过类别标签快速找到需要的视频，找到合适的视频可以直接下载，无需注册</p>
+<p>唯一需要注意一点是有些视频是付费的，带有PREMIUM标志的需要加入会员才可以下载，如果你只是想找一些免费视频，有一个技巧就是可以点击过滤器，只看免费的视频就不会被干扰了，而且即使是免费的都有1万以上，对于个人使用完全足够了</p>
+<h2 id="ignitemotion">IgniteMotion</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224181512-1024x385.jpg"
+alt="IgniteMotion 免费视频背景素材网站" />
+<figcaption aria-hidden="true">IgniteMotion
+免费视频背景素材网站</figcaption>
+</figure>
+<p><a href="https://www.ignitemotion.com/">IgniteMotion</a>
+是一个以特效和背景视频为主题的素材网站，它不像其他网站提供各种各样的素材，就是单纯的背景视频。</p>
+<p>IgniteMotion
+的背景视频有几个明确的类别，比如云朵、地球、火焰、抽象、水、科幻等，数量不多，但都适合做为素材使用，如果你在IgniteMotion
+中找一个视频，无需搜索就能快速找到</p>
+<h2 id="coverr">Coverr</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224181654-1024x547.jpg"
+alt="Coverr 无版权视频库" />
+<figcaption aria-hidden="true">Coverr 无版权视频库</figcaption>
+</figure>
+<p><a href="https://coverr.co/">Coverr</a>
+是一个全面的视频素材网站，它提供了技术、心情、自然、人物、动物、都市等多种类别的无版权视频素材，你可以直接从网站下载，无需询问，可用作个人和商业用途</p>
+<h2 id="dareful">Dareful</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224182124-1024x460.jpg"
+alt="Dareful免费4K视频素材网站" />
+<figcaption aria-hidden="true">Dareful免费4K视频素材网站</figcaption>
+</figure>
+<p><a
+href="https://www.dareful.com/">Dareful</a>是一个免费的4K视频素材站点，所有视频都是4K高清格式，完全免费，无需署名，可以商业使用，缺点是下载比较麻烦，需要用邮箱注册，而且下载链接需要到邮箱中找</p>
+<h2 id="life-of-vids">Life of Vids</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224182303-1024x531.jpg"
+alt="Life of Vids 无版权视频网站" />
+<figcaption aria-hidden="true">Life of Vids 无版权视频网站</figcaption>
+</figure>
+<p><a href="https://lifeofvids.com/">Life of Vids</a>
+是一个风格独特的视频网站，有点类似博客风格，但确实提供了很多免费的视频，你可以在顶部搜索框中输入关键词搜索视频，也可以查看它的视频集合，集合中提供了多套视频素材，包括城市、自然、小镇、食物、办公等几个类别，你可以免费下载用在自己的视频中</p>
+<h2 id="videezy">Videezy</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224182437-1024x485.jpg"
+alt="Videezy 免费高清4K视频下载" />
+<figcaption aria-hidden="true">Videezy 免费高清4K视频下载</figcaption>
+</figure>
+<p><a href="https://www.videezy.com/">Videezy</a>
+是一个很全面的视频素材网站，视频和类别都非常全面，在它的分类中，不仅有像天空、自然、动物这样的分类，每个大分类下还有对应的分支，比如都市里面就有伦敦和纽约这样的城市分类，通过细致的分类，你可以快速找到需要的视频</p>
+<p>使用Videezy这样网站，不要看首页很多都是付费视频，按分类打开，里面大部分的视频素材都是免费的，可以找到很多优秀的视频</p>
+<h2 id="mazwai">Mazwai</h2>
+<figure>
+<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224182639-1024x388.jpg"
+alt="Mazwai免费的视频素材库" />
+<figcaption aria-hidden="true">Mazwai免费的视频素材库</figcaption>
+</figure>
+<p><a
+href="https://mazwai.com/">Mazwai</a>是一个完全免费的视频素材库，包括各种类型的视频，其创建的目的就是让全世界的人都能免费获得视频素材，所有的视频都是网站精心挑选，并且得到作者允许，可以放心使用</p>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><a
+href="https://www.v1tx.com/post/best-free-stock-video-sites/">2023年10个免费的视频素材网站推荐</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Skill</category>
+        <category>Video</category>
+      </categories>
+      <tags>
+        <tag>Skill</tag>
+        <tag>Video</tag>
+      </tags>
+  </entry>
   <entry>
     <title>如何解决 Adguard 拖慢网速问题</title>
     <url>/posts/2020/1W2Z51R.html</url>
@@ -18640,35 +18844,6 @@ You should try to disable that option.</p>
         <tag>Adguard</tag>
       </tags>
   </entry>
-  <entry>
-    <title>为她守护一束桅子花开</title>
-    <url>/posts/2023/21AX3JT.html</url>
-    <content><![CDATA[<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230717000711448.png"
-alt="image-20230717000711448" />
-<figcaption aria-hidden="true">image-20230717000711448</figcaption>
-</figure>
-<p>今天是周五，如往常一样，是徒步回家的一天。出发的时候，几滴小雨已经开始孤零零地落着，我没理会它们，循着回家的路，就在小道上“噔噔噔”地小跑起来。</p>
-<p>跑出几公里后，在一个路口处，刚好遇到了红灯，就停了下来，霎那间，我觉自己仿佛一台过载地的发动机，从内到外都是如火地滚烫，不断地吭哧吭哧地向外冒着热气，空气一吸进肺里，就变得焦灼起来。突然间，一阵花香飘来，香气中带有一丝齁甜，浓郁而沁人心脾。</p>
-<span id="more"></span>
-<p>这种味道让我回忆起了中学的时候，每当春夏之际，路边总会有许许多多的游商，担着一个担子，担子两端分别系着一竹篓，里面盛着一满满篓筐的桅子花，当他们走过的时候，整条街都萦绕香甜的味道。那个时候，很想去买，但又没多少零钱，因此通常就只会饱饱地吸几口，然后就走了。长大后，有时又遇到卖桅子花的，还是小时候的味道，但是也不会去买，因为买了，也没有承载这份美好和欢喜的人。</p>
-<p>但是，今天终于可以买一束桅子花了，我想将这束带着美好回忆的，象征着守候和坚持的花朵，送给如花香般甜蜜的爱情，送给亲爱的老婆。</p>
-<p>这束花，只有几朵绽放得热烈，其它的都是含苞待放，我将它们拿在手里，小心地呵护着。因为还要继续小跑回家，便将花举到胸前，跑步的时候，就一直稳稳地端着。闻着阵阵的花香，我的嘴角不由地浮现出一窝浅笑，一弯幸福的笑。</p>
-<p>我脑中开始萦绕出一幅幅深动的画面，老婆抱着小宝宝，望着回家的方向，正盼着自己回来，我将花藏在身后，出现在他们面前，故作神秘地道：“是不是发现有一种好闻的香味，嘿嘿~”，然后借着老婆转移注意力的时候，将花送到她面前，我想，她一定会非常开心，高兴得手舞足蹈，像个大小孩。然后我就抱着娃，一起看着她自己忙忙碌碌地倒腾着心爱的花花。</p>
-<p>想着想着，不知不觉就跑了几公里，所过之处，尽皆残留着淡淡的桅子花香，每一阵花香，都是一段美好的记忆。</p>
-<p>接近半程时，雨渐渐变得密集起来，一小会儿的功夫，就开始转为狂风暴雨。这雨转换得太突然，完全找不到避雨的地方，我只好一只手将T恤的领口撑开，另一只手将花从下向上放进衣服里护着，避免被大风大雨给打落了花瓣。就这样，我在瓢泼大雨中缓缓地前行着，有好几次想将花儿给拿出来，因为这样走路会轻松些，可以早点回家，但当闻到从领口传出来的花香，想到被风吹得光凸凸的花枝，就又放弃了这个念头，爱是需要被呵护的。</p>
-<p>我护着这束桅子花，终于走到了小区门口。突然发现有两朵新花正在盛情绽放，花瓣亭亭玉立，香味浓郁幽长。看着这两朵惊艳的花，我会心地笑了，这一路走来，很值，我想她一定会很喜欢！</p>
-]]></content>
-      <categories>
-        <category>Inspiration</category>
-        <category>2023年</category>
-      </categories>
-      <tags>
-        <tag>散文</tag>
-        <tag>生活</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
   <entry>
     <title>AdGuard 语法</title>
     <url>/posts/2020/K2C2JM.html</url>
@@ -18747,80 +18922,6 @@ Adugard 过滤规则的简要解释。</p>
         <tag>Software</tag>
       </tags>
   </entry>
-  <entry>
-    <title>DockerCompose 搭建 MongoDB 副本集</title>
-    <url>/posts/2023/2HA8DCX.html</url>
-    <content><![CDATA[<p>本文介绍如何在 windows 环境中通过 docker-compose 创建 MongoDB
-副本集。</p>
-<span id="more"></span>
-<h2 id="生成-keyfile">生成 keyFile</h2>
-<ul>
-<li>MongoDB使用keyfile认证，副本集中的每个mongod实例使用keyfile内容作为认证其他成员的共享密码。mongod实例只有拥有正确的keyfile才可以加入副本集。</li>
-<li>keyFile的内容必须是6到1024个字符的长度，且副本集所有成员的keyFile内容必须相同。</li>
-<li>有一点要注意是的：在UNIX系统中，keyFile必须没有组权限或完全权限（也就是权限要设置成X00的形式）。Windows系统中，keyFile权限没有被检查。</li>
-<li>可以使用任意方法生成keyFile。例如，如下操作使用 openssl
-生成复杂的随机的1024个字符串。</li>
-</ul>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">cd key</span><br><span class="line">openssl rand -base64 756 &gt; mongodb.key</span><br></pre></td></tr></table></figure>
-<h2
-id="详细的docker-compose.yml">详细的<code>docker-compose.yml</code></h2>
-<figure class="highlight yaml"><table><tr><td class="code"><pre><span class="line"><span class="comment"># yaml 配置</span></span><br><span class="line"></span><br><span class="line"><span class="attr">version:</span> <span class="string">&quot;3.9&quot;</span></span><br><span class="line"></span><br><span class="line"><span class="attr">services:</span></span><br><span class="line">  <span class="comment"># 管理 redis 的可视化工具</span></span><br><span class="line">  <span class="attr">redis-commander:</span></span><br><span class="line">    <span class="attr">image:</span> <span class="string">rediscommander/redis-commander:latest</span></span><br><span class="line">    <span class="attr">container_name:</span> <span class="string">redis-commander</span></span><br><span class="line">    <span class="attr">restart:</span> <span class="string">always</span></span><br><span class="line">    <span class="attr">ports:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">8081</span><span class="string">:8081</span></span><br><span class="line">    <span class="attr">environment:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">REDIS_HOSTS=redis</span></span><br><span class="line">    <span class="attr">networks:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">redis-net</span></span><br><span class="line"></span><br><span class="line">  <span class="comment"># iepc mongodb 服务</span></span><br><span class="line">  <span class="comment"># 主节点</span></span><br><span class="line">  <span class="attr">mongodb27018:</span></span><br><span class="line">    <span class="attr">hostname:</span> <span class="string">mongodb27018</span></span><br><span class="line">    <span class="attr">container_name:</span> <span class="string">mongodb27018</span></span><br><span class="line">    <span class="attr">image:</span> <span class="string">mongo:latest</span></span><br><span class="line">    <span class="attr">expose:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27018</span></span><br><span class="line">    <span class="attr">ports:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27018</span><span class="string">:27017</span></span><br><span class="line">    <span class="attr">restart:</span> <span class="string">always</span></span><br><span class="line">    <span class="attr">environment:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_USERNAME=root</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_PASSWORD=yourPassword</span></span><br><span class="line">    <span class="attr">command:</span> <span class="string">mongod</span> <span class="string">--bind_ip_all</span> <span class="string">--replSet</span> <span class="string">rs_share</span> <span class="string">--keyFile</span> <span class="string">/mongodb.key</span></span><br><span class="line">    <span class="attr">volumes:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\data:/data/db</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\configdb:/data/configdb</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\mongodb.key:/mongodb.key</span></span><br><span class="line">    <span class="attr">networks:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MongoDB-net</span></span><br><span class="line">    <span class="attr">entrypoint:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">bash</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">-c</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">|</span></span><br><span class="line"><span class="string">        chmod 400 /mongodb.key</span></span><br><span class="line"><span class="string">        chown 999:999 /mongodb.key</span></span><br><span class="line"><span class="string">        exec docker-entrypoint.sh $$@</span></span><br><span class="line"><span class="string"></span></span><br><span class="line">  <span class="comment"># 副节点</span></span><br><span class="line">  <span class="attr">mongodb27019:</span></span><br><span class="line">    <span class="attr">hostname:</span> <span class="string">mongodb27019</span></span><br><span class="line">    <span class="attr">container_name:</span> <span class="string">mongodb27019</span></span><br><span class="line">    <span class="attr">image:</span> <span class="string">mongo:latest</span></span><br><span class="line">    <span class="attr">expose:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27019</span></span><br><span class="line">    <span class="attr">ports:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27019</span><span class="string">:27017</span></span><br><span class="line">    <span class="attr">restart:</span> <span class="string">always</span></span><br><span class="line">    <span class="attr">environment:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_USERNAME=root</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_PASSWORD=yourPassword</span></span><br><span class="line">    <span class="attr">command:</span> <span class="string">mongod</span> <span class="string">--bind_ip_all</span> <span class="string">--replSet</span> <span class="string">rs_share</span> <span class="string">--keyFile</span> <span class="string">/mongodb.key</span></span><br><span class="line">    <span class="attr">volumes:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs2\data:/data/db</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs2\configdb:/data/configdb</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\mongodb.key:/mongodb.key</span></span><br><span class="line">    <span class="attr">networks:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MongoDB-net</span></span><br><span class="line">    <span class="attr">entrypoint:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">bash</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">-c</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">|</span></span><br><span class="line"><span class="string">        chmod 400 /mongodb.key</span></span><br><span class="line"><span class="string">        chown 999:999 /mongodb.key</span></span><br><span class="line"><span class="string">        exec docker-entrypoint.sh $$@</span></span><br><span class="line"><span class="string"></span>    <span class="attr">depends_on:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">mongodb27018</span></span><br><span class="line"></span><br><span class="line">  <span class="attr">mongodb27020:</span></span><br><span class="line">    <span class="comment"># Host name = Container name</span></span><br><span class="line">    <span class="attr">hostname:</span> <span class="string">mongodb27020</span></span><br><span class="line">    <span class="attr">container_name:</span> <span class="string">mongodb27020</span></span><br><span class="line">    <span class="attr">image:</span> <span class="string">mongo:latest</span></span><br><span class="line">    <span class="attr">expose:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27020</span></span><br><span class="line">    <span class="attr">ports:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27020</span><span class="string">:27017</span></span><br><span class="line">    <span class="attr">restart:</span> <span class="string">always</span></span><br><span class="line">    <span class="attr">environment:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_USERNAME=root</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_PASSWORD=yourPassword</span></span><br><span class="line">    <span class="attr">command:</span> <span class="string">mongod</span> <span class="string">--bind_ip_all</span> <span class="string">--replSet</span> <span class="string">rs_share</span> <span class="string">--keyFile</span> <span class="string">/mongodb.key</span></span><br><span class="line">    <span class="attr">volumes:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs3\data:/data/db</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs3\configdb:/data/configdb</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\mongodb.key:/mongodb.key</span></span><br><span class="line">    <span class="attr">networks:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MongoDB-net</span></span><br><span class="line">    <span class="attr">entrypoint:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">bash</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">-c</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">|</span></span><br><span class="line"><span class="string">        chmod 400 /mongodb.key</span></span><br><span class="line"><span class="string">        chown 999:999 /mongodb.key</span></span><br><span class="line"><span class="string">        exec docker-entrypoint.sh $$@</span></span><br><span class="line"><span class="string"></span>    <span class="attr">depends_on:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">mongodb27019</span></span><br><span class="line"></span><br><span class="line"><span class="attr">networks:</span></span><br><span class="line">  <span class="comment"># 设置 mongodb-net 为 bridge 模式，参考：https://zhuanlan.zhihu.com/p/212772001</span></span><br><span class="line">  <span class="attr">mongodb-net:</span></span><br><span class="line">    <span class="attr">driver:</span> <span class="string">bridge</span></span><br></pre></td></tr></table></figure>
-<h2 id="创建挂载目录">创建挂载目录</h2>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">z D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc</span><br><span class="line">mkdir <span class="literal">-p</span> rs1/<span class="keyword">data</span>,rs1/configdb,rs2/<span class="keyword">data</span>,rs2/configdb,rs3/<span class="keyword">data</span>,rs1/configdb</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>其中 z 命令是安装了 z.lua 获取，mkdir 命令安装 busybox 获取</p>
-</blockquote>
-<p>复制 mongodb.key 到配置中的指定位置。</p>
-<h2 id="部署容器">部署容器</h2>
-<p>进入到 docker-compose.yml 目录，终端中执行
-<code>docker compose up -d</code> 或者 <code>docker-compose up -d</code>
-来部署容器。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230416124522790.png"
-alt="image-20230416124522790" />
-<figcaption aria-hidden="true">image-20230416124522790</figcaption>
-</figure>
-<h3 id="错误处理">错误处理</h3>
-<p>错误 1：error during connect: in the default daemon configuration on
-Windows, the docker client must be run with elevated privileges to
-connect</p>
-<blockquote>
-<p>docker desktop 没有启动，先启动，再运行</p>
-</blockquote>
-<h2 id="配置副本集">配置副本集</h2>
-<h3 id="进入-mongodb">进入 mongodb</h3>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment">#进入 mongodb27018 的容器内</span></span><br><span class="line">docker exec <span class="literal">-it</span> mongodb27018 bash</span><br><span class="line"></span><br><span class="line"><span class="comment"># 进入mongo shell</span></span><br><span class="line"><span class="comment"># MongoDB 之前使用 mongo,之后使用 mongosh</span></span><br><span class="line">mongosh <span class="literal">-u</span> root <span class="literal">-p</span> yourPassword</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>The <a
-href="https://www.mongodb.com/docs/manual/release-notes/6.0-compatibility/#legacy-mongo-shell-removed">mongo
-shell is removed from MongoDB 6.0</a>. The replacement is <a
-href="https://www.mongodb.com/docs/mongodb-shell/">mongosh</a>.</p>
-</blockquote>
-<h3 id="初始化副本集">初始化副本集</h3>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 切换到 admin</span></span><br><span class="line">use admin</span><br><span class="line"></span><br><span class="line"><span class="comment"># 进行授权认证</span></span><br><span class="line"><span class="comment"># 返回 &#123; ok: 1 &#125; 表示成功</span></span><br><span class="line">db.auth(<span class="string">&quot;root&quot;</span>,<span class="string">&quot;yourPassword&quot;</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment"># 定义配置文件</span></span><br><span class="line"><span class="comment"># 配置中的 host 必须是本机实际的 ip，不能是 127.0.0.1，否则局域网内无法访问</span></span><br><span class="line"><span class="comment"># 如果要通过域名访问，则必须是域名</span></span><br><span class="line">rsconf = &#123;</span><br><span class="line">  _id: <span class="string">&quot;rs_share&quot;</span>,</span><br><span class="line">  members: [</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="type">_id</span>: <span class="number">0</span>,</span><br><span class="line">      <span class="type">host</span>: <span class="string">&quot;192.168.3.240:27018&quot;</span></span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="type">_id</span>: <span class="number">1</span>,</span><br><span class="line">      <span class="type">host</span>: <span class="string">&quot;192.168.3.240:27019&quot;</span></span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="type">_id</span>: <span class="number">2</span>,</span><br><span class="line">      <span class="type">host</span>: <span class="string">&quot;192.168.3.240:27020&quot;</span></span><br><span class="line">    &#125;</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment"># 初始化副本集</span></span><br><span class="line">rs.initiate(rsconf)</span><br></pre></td></tr></table></figure>
-<p>当出现如下提示时，说明成功了：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">&#123; <span class="string">&quot;ok&quot;</span> : <span class="number">1</span> &#125;</span><br><span class="line">rs_auth:SECONDARY&gt;</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>单主机模式部署 <code>3副本集</code>
-添加节点必须使用宿主机IP+PORT，使用容器内部IP的情况下代码层面连接到
-<code>mongodb-cluster</code> 集群，获取到的集群地址信息为
-<code>docker</code> 容器内部 <code>IP</code>，若业务代码没有部署在
-<code>mongodb</code> 主机则无法访问</p>
-</blockquote>
-<h2 id="参考">参考</h2>
-<p><a href="https://www.cnblogs.com/evescn/p/16203350.html">MongoDB 3
-副本集群（Docker-compose部署）（单机模式）</a></p>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>Docker</category>
-      </categories>
-      <tags>
-        <tag>MongoDB</tag>
-        <tag>Docker</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
   <entry>
     <title>Github Copilot 的免费替代软件</title>
     <url>/posts/2023/1T84381.html</url>
@@ -19085,6 +19186,80 @@ href="https://blog.51cto.com/u_14129797/5201531">全网最详细的Docker-Compos
         <tag>galens</tag>
       </tags>
   </entry>
+  <entry>
+    <title>DockerCompose 搭建 MongoDB 副本集</title>
+    <url>/posts/2023/2HA8DCX.html</url>
+    <content><![CDATA[<p>本文介绍如何在 windows 环境中通过 docker-compose 创建 MongoDB
+副本集。</p>
+<span id="more"></span>
+<h2 id="生成-keyfile">生成 keyFile</h2>
+<ul>
+<li>MongoDB使用keyfile认证，副本集中的每个mongod实例使用keyfile内容作为认证其他成员的共享密码。mongod实例只有拥有正确的keyfile才可以加入副本集。</li>
+<li>keyFile的内容必须是6到1024个字符的长度，且副本集所有成员的keyFile内容必须相同。</li>
+<li>有一点要注意是的：在UNIX系统中，keyFile必须没有组权限或完全权限（也就是权限要设置成X00的形式）。Windows系统中，keyFile权限没有被检查。</li>
+<li>可以使用任意方法生成keyFile。例如，如下操作使用 openssl
+生成复杂的随机的1024个字符串。</li>
+</ul>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">cd key</span><br><span class="line">openssl rand -base64 756 &gt; mongodb.key</span><br></pre></td></tr></table></figure>
+<h2
+id="详细的docker-compose.yml">详细的<code>docker-compose.yml</code></h2>
+<figure class="highlight yaml"><table><tr><td class="code"><pre><span class="line"><span class="comment"># yaml 配置</span></span><br><span class="line"></span><br><span class="line"><span class="attr">version:</span> <span class="string">&quot;3.9&quot;</span></span><br><span class="line"></span><br><span class="line"><span class="attr">services:</span></span><br><span class="line">  <span class="comment"># 管理 redis 的可视化工具</span></span><br><span class="line">  <span class="attr">redis-commander:</span></span><br><span class="line">    <span class="attr">image:</span> <span class="string">rediscommander/redis-commander:latest</span></span><br><span class="line">    <span class="attr">container_name:</span> <span class="string">redis-commander</span></span><br><span class="line">    <span class="attr">restart:</span> <span class="string">always</span></span><br><span class="line">    <span class="attr">ports:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">8081</span><span class="string">:8081</span></span><br><span class="line">    <span class="attr">environment:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">REDIS_HOSTS=redis</span></span><br><span class="line">    <span class="attr">networks:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">redis-net</span></span><br><span class="line"></span><br><span class="line">  <span class="comment"># iepc mongodb 服务</span></span><br><span class="line">  <span class="comment"># 主节点</span></span><br><span class="line">  <span class="attr">mongodb27018:</span></span><br><span class="line">    <span class="attr">hostname:</span> <span class="string">mongodb27018</span></span><br><span class="line">    <span class="attr">container_name:</span> <span class="string">mongodb27018</span></span><br><span class="line">    <span class="attr">image:</span> <span class="string">mongo:latest</span></span><br><span class="line">    <span class="attr">expose:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27018</span></span><br><span class="line">    <span class="attr">ports:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27018</span><span class="string">:27017</span></span><br><span class="line">    <span class="attr">restart:</span> <span class="string">always</span></span><br><span class="line">    <span class="attr">environment:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_USERNAME=root</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_PASSWORD=yourPassword</span></span><br><span class="line">    <span class="attr">command:</span> <span class="string">mongod</span> <span class="string">--bind_ip_all</span> <span class="string">--replSet</span> <span class="string">rs_share</span> <span class="string">--keyFile</span> <span class="string">/mongodb.key</span></span><br><span class="line">    <span class="attr">volumes:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\data:/data/db</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\configdb:/data/configdb</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\mongodb.key:/mongodb.key</span></span><br><span class="line">    <span class="attr">networks:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MongoDB-net</span></span><br><span class="line">    <span class="attr">entrypoint:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">bash</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">-c</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">|</span></span><br><span class="line"><span class="string">        chmod 400 /mongodb.key</span></span><br><span class="line"><span class="string">        chown 999:999 /mongodb.key</span></span><br><span class="line"><span class="string">        exec docker-entrypoint.sh $$@</span></span><br><span class="line"><span class="string"></span></span><br><span class="line">  <span class="comment"># 副节点</span></span><br><span class="line">  <span class="attr">mongodb27019:</span></span><br><span class="line">    <span class="attr">hostname:</span> <span class="string">mongodb27019</span></span><br><span class="line">    <span class="attr">container_name:</span> <span class="string">mongodb27019</span></span><br><span class="line">    <span class="attr">image:</span> <span class="string">mongo:latest</span></span><br><span class="line">    <span class="attr">expose:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27019</span></span><br><span class="line">    <span class="attr">ports:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27019</span><span class="string">:27017</span></span><br><span class="line">    <span class="attr">restart:</span> <span class="string">always</span></span><br><span class="line">    <span class="attr">environment:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_USERNAME=root</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_PASSWORD=yourPassword</span></span><br><span class="line">    <span class="attr">command:</span> <span class="string">mongod</span> <span class="string">--bind_ip_all</span> <span class="string">--replSet</span> <span class="string">rs_share</span> <span class="string">--keyFile</span> <span class="string">/mongodb.key</span></span><br><span class="line">    <span class="attr">volumes:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs2\data:/data/db</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs2\configdb:/data/configdb</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\mongodb.key:/mongodb.key</span></span><br><span class="line">    <span class="attr">networks:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MongoDB-net</span></span><br><span class="line">    <span class="attr">entrypoint:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">bash</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">-c</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">|</span></span><br><span class="line"><span class="string">        chmod 400 /mongodb.key</span></span><br><span class="line"><span class="string">        chown 999:999 /mongodb.key</span></span><br><span class="line"><span class="string">        exec docker-entrypoint.sh $$@</span></span><br><span class="line"><span class="string"></span>    <span class="attr">depends_on:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">mongodb27018</span></span><br><span class="line"></span><br><span class="line">  <span class="attr">mongodb27020:</span></span><br><span class="line">    <span class="comment"># Host name = Container name</span></span><br><span class="line">    <span class="attr">hostname:</span> <span class="string">mongodb27020</span></span><br><span class="line">    <span class="attr">container_name:</span> <span class="string">mongodb27020</span></span><br><span class="line">    <span class="attr">image:</span> <span class="string">mongo:latest</span></span><br><span class="line">    <span class="attr">expose:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27020</span></span><br><span class="line">    <span class="attr">ports:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="number">27020</span><span class="string">:27017</span></span><br><span class="line">    <span class="attr">restart:</span> <span class="string">always</span></span><br><span class="line">    <span class="attr">environment:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_USERNAME=root</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MONGO_INITDB_ROOT_PASSWORD=yourPassword</span></span><br><span class="line">    <span class="attr">command:</span> <span class="string">mongod</span> <span class="string">--bind_ip_all</span> <span class="string">--replSet</span> <span class="string">rs_share</span> <span class="string">--keyFile</span> <span class="string">/mongodb.key</span></span><br><span class="line">    <span class="attr">volumes:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs3\data:/data/db</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs3\configdb:/data/configdb</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc\rs1\mongodb.key:/mongodb.key</span></span><br><span class="line">    <span class="attr">networks:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">MongoDB-net</span></span><br><span class="line">    <span class="attr">entrypoint:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">bash</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">-c</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">|</span></span><br><span class="line"><span class="string">        chmod 400 /mongodb.key</span></span><br><span class="line"><span class="string">        chown 999:999 /mongodb.key</span></span><br><span class="line"><span class="string">        exec docker-entrypoint.sh $$@</span></span><br><span class="line"><span class="string"></span>    <span class="attr">depends_on:</span></span><br><span class="line">      <span class="bullet">-</span> <span class="string">mongodb27019</span></span><br><span class="line"></span><br><span class="line"><span class="attr">networks:</span></span><br><span class="line">  <span class="comment"># 设置 mongodb-net 为 bridge 模式，参考：https://zhuanlan.zhihu.com/p/212772001</span></span><br><span class="line">  <span class="attr">mongodb-net:</span></span><br><span class="line">    <span class="attr">driver:</span> <span class="string">bridge</span></span><br></pre></td></tr></table></figure>
+<h2 id="创建挂载目录">创建挂载目录</h2>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">z D:\Verysync\SoftwareSettings\Docker\MongoDB\iepc</span><br><span class="line">mkdir <span class="literal">-p</span> rs1/<span class="keyword">data</span>,rs1/configdb,rs2/<span class="keyword">data</span>,rs2/configdb,rs3/<span class="keyword">data</span>,rs1/configdb</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>其中 z 命令是安装了 z.lua 获取，mkdir 命令安装 busybox 获取</p>
+</blockquote>
+<p>复制 mongodb.key 到配置中的指定位置。</p>
+<h2 id="部署容器">部署容器</h2>
+<p>进入到 docker-compose.yml 目录，终端中执行
+<code>docker compose up -d</code> 或者 <code>docker-compose up -d</code>
+来部署容器。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230416124522790.png"
+alt="image-20230416124522790" />
+<figcaption aria-hidden="true">image-20230416124522790</figcaption>
+</figure>
+<h3 id="错误处理">错误处理</h3>
+<p>错误 1：error during connect: in the default daemon configuration on
+Windows, the docker client must be run with elevated privileges to
+connect</p>
+<blockquote>
+<p>docker desktop 没有启动，先启动，再运行</p>
+</blockquote>
+<h2 id="配置副本集">配置副本集</h2>
+<h3 id="进入-mongodb">进入 mongodb</h3>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment">#进入 mongodb27018 的容器内</span></span><br><span class="line">docker exec <span class="literal">-it</span> mongodb27018 bash</span><br><span class="line"></span><br><span class="line"><span class="comment"># 进入mongo shell</span></span><br><span class="line"><span class="comment"># MongoDB 之前使用 mongo,之后使用 mongosh</span></span><br><span class="line">mongosh <span class="literal">-u</span> root <span class="literal">-p</span> yourPassword</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>The <a
+href="https://www.mongodb.com/docs/manual/release-notes/6.0-compatibility/#legacy-mongo-shell-removed">mongo
+shell is removed from MongoDB 6.0</a>. The replacement is <a
+href="https://www.mongodb.com/docs/mongodb-shell/">mongosh</a>.</p>
+</blockquote>
+<h3 id="初始化副本集">初始化副本集</h3>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 切换到 admin</span></span><br><span class="line">use admin</span><br><span class="line"></span><br><span class="line"><span class="comment"># 进行授权认证</span></span><br><span class="line"><span class="comment"># 返回 &#123; ok: 1 &#125; 表示成功</span></span><br><span class="line">db.auth(<span class="string">&quot;root&quot;</span>,<span class="string">&quot;yourPassword&quot;</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment"># 定义配置文件</span></span><br><span class="line"><span class="comment"># 配置中的 host 必须是本机实际的 ip，不能是 127.0.0.1，否则局域网内无法访问</span></span><br><span class="line"><span class="comment"># 如果要通过域名访问，则必须是域名</span></span><br><span class="line">rsconf = &#123;</span><br><span class="line">  _id: <span class="string">&quot;rs_share&quot;</span>,</span><br><span class="line">  members: [</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="type">_id</span>: <span class="number">0</span>,</span><br><span class="line">      <span class="type">host</span>: <span class="string">&quot;192.168.3.240:27018&quot;</span></span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="type">_id</span>: <span class="number">1</span>,</span><br><span class="line">      <span class="type">host</span>: <span class="string">&quot;192.168.3.240:27019&quot;</span></span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="type">_id</span>: <span class="number">2</span>,</span><br><span class="line">      <span class="type">host</span>: <span class="string">&quot;192.168.3.240:27020&quot;</span></span><br><span class="line">    &#125;</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment"># 初始化副本集</span></span><br><span class="line">rs.initiate(rsconf)</span><br></pre></td></tr></table></figure>
+<p>当出现如下提示时，说明成功了：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">&#123; <span class="string">&quot;ok&quot;</span> : <span class="number">1</span> &#125;</span><br><span class="line">rs_auth:SECONDARY&gt;</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>单主机模式部署 <code>3副本集</code>
+添加节点必须使用宿主机IP+PORT，使用容器内部IP的情况下代码层面连接到
+<code>mongodb-cluster</code> 集群，获取到的集群地址信息为
+<code>docker</code> 容器内部 <code>IP</code>，若业务代码没有部署在
+<code>mongodb</code> 主机则无法访问</p>
+</blockquote>
+<h2 id="参考">参考</h2>
+<p><a href="https://www.cnblogs.com/evescn/p/16203350.html">MongoDB 3
+副本集群（Docker-compose部署）（单机模式）</a></p>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>Docker</category>
+      </categories>
+      <tags>
+        <tag>Docker</tag>
+        <tag>MongoDB</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
   <entry>
     <title>如何获取 docker 容器 IP</title>
     <url>/posts/2023/2Z6QFVS.html</url>
@@ -19124,6 +19299,87 @@ Docker 容器的 IP 地址</a></p>
         <tag>Docker</tag>
       </tags>
   </entry>
+  <entry>
+    <title>Docker 设置代理</title>
+    <url>/posts/2023/3R4JKDX.html</url>
+    <content><![CDATA[<p>在 windows 中使用 docker
+拉取镜像时，有时候国内镜像源无法使用，需要使用 docker
+官方的镜像源这时需要给 docker 设置代理来提升下载速度。</p>
+<p>本文记录了在 docker desktop 中设置代理的方法和注意事项。</p>
+<span id="more"></span>
+<p><strong>设置方法：</strong></p>
+<p>在【设置】-&gt;【Resources】-&gt;【Proxies】来设置代理，如下图所示：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230621154906732.png"
+alt="image-20230621154906732" />
+<figcaption aria-hidden="true">image-20230621154906732</figcaption>
+</figure>
+<p><strong>特别注意：</strong></p>
+<p>在设置代理地址时，<code>不需要前面的协议(http://或https://)</code></p>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>Docker</category>
+      </categories>
+      <tags>
+        <tag>Docker</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>新版 Edge 取消圆角样式</title>
+    <url>/posts/2023/77AD03.html</url>
+    <content><![CDATA[<p>新版 Edge 浏览器引入了圆角的样式，可以通过以下方式进行关闭：</p>
+<ol type="1">
+<li>在地址栏中输入：edge://flags</li>
+<li>搜索 Microsoft Edge rounded corners，将其修改成
+<code>Disabled</code> 即可。</li>
+</ol>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>Edge</category>
+      </categories>
+      <tags>
+        <tag>Edge</tag>
+        <tag>software</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>Frp客户端实现反向代理</title>
+    <url>/posts/2021/3H6CDHV.html</url>
+    <content><![CDATA[<p>当我们使用公益的Frp服务端时，我们对Frp服务器没有管理权限，此时，我们可用的端口可能就只有一个，为了能够在内网机器部署多个应用，我们就需要在内网机实现反向代理和Https。那么要如何实现呢？请听我娓娓道来。</p>
+<span id="more"></span>
+<h2 id="域名购买">域名购买</h2>
+<p>要实现反向代理，必须要有一个域名，建议在阿里云购买域名，因为阿里云域名可以很方便的实现
+Let's Encrypt 证书 DNS 认证及自动更新。</p>
+<h2 id="安装-frp-客户端">安装 Frp 客户端</h2>
+<p>软件安装教程，请自行在网上获取，本人采用 scoop 安装，可以使用
+<code>scoop install frp</code> 进行安装。</p>
+<p><strong>配置：</strong></p>
+<figure class="highlight yaml"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 连接frp服务器</span></span><br><span class="line">[<span class="string">common</span>]</span><br><span class="line"><span class="string">server_addr</span> <span class="string">=</span> <span class="string">xxx.xxx.xxx.xxx</span></span><br><span class="line"><span class="comment"># frp 服务连接的端口</span></span><br><span class="line"><span class="string">server_port</span> <span class="string">=</span> <span class="number">4431</span></span><br><span class="line"><span class="string">token=</span> <span class="string">asfsdf32894sdf</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 网站1</span></span><br><span class="line">[<span class="string">http1</span>]</span><br><span class="line"><span class="string">type</span> <span class="string">=</span> <span class="string">https</span></span><br><span class="line"><span class="string">custom_domains</span> <span class="string">=</span> <span class="string">web1.example.com</span></span><br><span class="line"><span class="string">local_port</span> <span class="string">=</span> <span class="number">443</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 网站2</span></span><br><span class="line">[<span class="string">http2</span>]</span><br><span class="line"><span class="string">type</span> <span class="string">=</span> <span class="string">https</span></span><br><span class="line"><span class="string">custom_domains</span> <span class="string">=</span> <span class="string">web2.example.com</span></span><br><span class="line"><span class="string">local_port</span> <span class="string">=</span> <span class="number">443</span></span><br></pre></td></tr></table></figure>
+<p>客户端这样设置，是为了将所有流量原封不动的转发到本机的443端口，然后再由本机的宝塔面板安装反向代理软件（推荐
+nginx）来反向代理请求。</p>
+<h2 id="安装宝塔面板">安装宝塔面板</h2>
+<p>不论是 Linux 或者 Windows
+Server，都可以安装宝塔面板。宝塔面板可以很方便搭建网络环境，也可以很方便实现
+SSL 证书的自动更新。对于新手来说，非常友好。</p>
+<p>下载地址：https://www.bt.cn</p>
+<p>宝塔面板安装完成后，就可以在上面建立网站了，由于所有流量都聚集在本机的
+443
+端口，所以，宝塔面板首先要安装反向代理软件，然后再将请求代理到不同的网站。</p>
+<p>由于 frp 原封不动地转发了 https 流量，所以 https
+的证书就可以在反向代理软件中配置了。宝塔面板网站安装及申请 SSL
+教程请在网上自行查找。</p>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>Frp</category>
+      </categories>
+      <tags>
+        <tag>frp</tag>
+      </tags>
+  </entry>
   <entry>
     <title>git 常用命令总结</title>
     <url>/posts/2020/189RMV7.html</url>
@@ -19286,53 +19542,7 @@ tag 并没有，如果把 tag 推送到远程分支上，需要另外执行 tag
         <category>Git</category>
       </categories>
       <tags>
-        <tag>Git</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>新版 Edge 取消圆角样式</title>
-    <url>/posts/2023/77AD03.html</url>
-    <content><![CDATA[<p>新版 Edge 浏览器引入了圆角的样式，可以通过以下方式进行关闭：</p>
-<ol type="1">
-<li>在地址栏中输入：edge://flags</li>
-<li>搜索 Microsoft Edge rounded corners，将其修改成
-<code>Disabled</code> 即可。</li>
-</ol>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>Edge</category>
-      </categories>
-      <tags>
-        <tag>Edge</tag>
-        <tag>software</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Docker 设置代理</title>
-    <url>/posts/2023/3R4JKDX.html</url>
-    <content><![CDATA[<p>在 windows 中使用 docker
-拉取镜像时，有时候国内镜像源无法使用，需要使用 docker
-官方的镜像源这时需要给 docker 设置代理来提升下载速度。</p>
-<p>本文记录了在 docker desktop 中设置代理的方法和注意事项。</p>
-<span id="more"></span>
-<p><strong>设置方法：</strong></p>
-<p>在【设置】-&gt;【Resources】-&gt;【Proxies】来设置代理，如下图所示：</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230621154906732.png"
-alt="image-20230621154906732" />
-<figcaption aria-hidden="true">image-20230621154906732</figcaption>
-</figure>
-<p><strong>特别注意：</strong></p>
-<p>在设置代理地址时，<code>不需要前面的协议(http://或https://)</code></p>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>Docker</category>
-      </categories>
-      <tags>
-        <tag>Docker</tag>
-        <tag>galens</tag>
+        <tag>Git</tag>
       </tags>
   </entry>
   <entry>
@@ -19429,41 +19639,6 @@ code设置保存时自动将CRLF 转换成 LF</a></li>
         <tag>galens</tag>
       </tags>
   </entry>
-  <entry>
-    <title>Frp客户端实现反向代理</title>
-    <url>/posts/2021/3H6CDHV.html</url>
-    <content><![CDATA[<p>当我们使用公益的Frp服务端时，我们对Frp服务器没有管理权限，此时，我们可用的端口可能就只有一个，为了能够在内网机器部署多个应用，我们就需要在内网机实现反向代理和Https。那么要如何实现呢？请听我娓娓道来。</p>
-<span id="more"></span>
-<h2 id="域名购买">域名购买</h2>
-<p>要实现反向代理，必须要有一个域名，建议在阿里云购买域名，因为阿里云域名可以很方便的实现
-Let's Encrypt 证书 DNS 认证及自动更新。</p>
-<h2 id="安装-frp-客户端">安装 Frp 客户端</h2>
-<p>软件安装教程，请自行在网上获取，本人采用 scoop 安装，可以使用
-<code>scoop install frp</code> 进行安装。</p>
-<p><strong>配置：</strong></p>
-<figure class="highlight yaml"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 连接frp服务器</span></span><br><span class="line">[<span class="string">common</span>]</span><br><span class="line"><span class="string">server_addr</span> <span class="string">=</span> <span class="string">xxx.xxx.xxx.xxx</span></span><br><span class="line"><span class="comment"># frp 服务连接的端口</span></span><br><span class="line"><span class="string">server_port</span> <span class="string">=</span> <span class="number">4431</span></span><br><span class="line"><span class="string">token=</span> <span class="string">asfsdf32894sdf</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 网站1</span></span><br><span class="line">[<span class="string">http1</span>]</span><br><span class="line"><span class="string">type</span> <span class="string">=</span> <span class="string">https</span></span><br><span class="line"><span class="string">custom_domains</span> <span class="string">=</span> <span class="string">web1.example.com</span></span><br><span class="line"><span class="string">local_port</span> <span class="string">=</span> <span class="number">443</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 网站2</span></span><br><span class="line">[<span class="string">http2</span>]</span><br><span class="line"><span class="string">type</span> <span class="string">=</span> <span class="string">https</span></span><br><span class="line"><span class="string">custom_domains</span> <span class="string">=</span> <span class="string">web2.example.com</span></span><br><span class="line"><span class="string">local_port</span> <span class="string">=</span> <span class="number">443</span></span><br></pre></td></tr></table></figure>
-<p>客户端这样设置，是为了将所有流量原封不动的转发到本机的443端口，然后再由本机的宝塔面板安装反向代理软件（推荐
-nginx）来反向代理请求。</p>
-<h2 id="安装宝塔面板">安装宝塔面板</h2>
-<p>不论是 Linux 或者 Windows
-Server，都可以安装宝塔面板。宝塔面板可以很方便搭建网络环境，也可以很方便实现
-SSL 证书的自动更新。对于新手来说，非常友好。</p>
-<p>下载地址：https://www.bt.cn</p>
-<p>宝塔面板安装完成后，就可以在上面建立网站了，由于所有流量都聚集在本机的
-443
-端口，所以，宝塔面板首先要安装反向代理软件，然后再将请求代理到不同的网站。</p>
-<p>由于 frp 原封不动地转发了 https 流量，所以 https
-的证书就可以在反向代理软件中配置了。宝塔面板网站安装及申请 SSL
-教程请在网上自行查找。</p>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>Frp</category>
-      </categories>
-      <tags>
-        <tag>frp</tag>
-      </tags>
-  </entry>
   <entry>
     <title>Git 中自己常用别名总结</title>
     <url>/posts/2022/18J366C.html</url>
@@ -19557,502 +19732,33 @@ git 中的 <code>git:</code> 协议改成 <code>https:</code>
 <code>git pull</code>更新，查看<code>git log</code>查看相应提交。</p>
 <p>完成后返回到项目目录，可以看到子模块有待提交的更新，使用<code>git add</code>，提交即可。</p>
 <h2 id="删除子模块">删除子模块</h2>
-<p>时子模块的项目维护地址发生了变化，或者需要替换子模块，就需要删除原有的子模块。</p>
-<p>删除子模块较复杂，步骤如下：</p>
-<ol type="1">
-<li><code>rm -rf 子模块目录</code> 删除子模块目录及源码</li>
-<li><code>vi .gitmodules</code>
-删除项目目录下.gitmodules文件中子模块相关条目</li>
-<li><code>vi .git/config</code> 删除配置项中子模块相关条目</li>
-<li><code>rm .git/module/*</code>
-删除模块下的子模块目录，每个子模块对应一个目录，注意只删除对应的子模块目录即可</li>
-</ol>
-<blockquote>
-<p>注意：删除完成后，先要 <code>git commit</code>
-提交一下，然后才可以再添加同名的子模块。</p>
-</blockquote>
-<p>如果仍然报错，执行如下：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">git rm --cached 子模块名称</span><br></pre></td></tr></table></figure>
-<p>完成删除后，提交到仓库即可。</p>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>Git</category>
-      </categories>
-      <tags>
-        <tag>Hexo</tag>
-        <tag>NexT</tag>
-        <tag>Software</tag>
-        <tag>Git</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>JitsiMeet 获取所有的房间列表</title>
-    <url>/posts/2023/220EMHS.html</url>
-    <content><![CDATA[<p>当部署 jitsi-meet
-后，若与现有的系统进行集成，需要获取当前所有活动的房间列表来方便管理。此时需要通过
-prosody 提供的 lua 插件来实现。</p>
-<blockquote>
-<p>本文基于 docker 部署 jitsi-meet</p>
-</blockquote>
-<span id="more"></span>
-<p>阅读本文时请保证有 <a href="/posts/2023/9Q7N69.html">JitsiMeet docker
-部署及设置 jw 授权</a> 相关知识作为前提。</p>
-<h2 id="配置">配置</h2>
-<p>使用 jitsi 提供的 <code>muc_census,muc_size</code>
-两个插件来实现，具体配置步骤如下：</p>
-<h3 id="映射-prosody-端口">映射 prosody 端口</h3>
-<p>在 prosody 配置中，添加 ports 端口映射</p>
-<figure class="highlight dockerfile"><table><tr><td class="code"><pre><span class="line"><span class="comment"># ...</span></span><br><span class="line">prosody:</span><br><span class="line">  ports:</span><br><span class="line">    - <span class="number">7280</span>:<span class="number">5280</span></span><br></pre></td></tr></table></figure>
-<h3 id="修改-.env-文件加载插件">修改 .env 文件加载插件</h3>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 添加如下配置</span></span><br><span class="line"><span class="comment"># prosody 额外加载的模块</span></span><br><span class="line">XMPP_MODULES=muc_census,muc_size</span><br><span class="line"><span class="comment"># room_name 完整名称的前缀，在 muc_size 中要用到</span></span><br><span class="line">XMPP_MUC_DOMAIN_PREFIX = muc</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>prosody 在 .env 中的所有配置可以通过
-<code>prosody\rootfs\defaults\conf.d\jitsi-meet.cfg.lua</code>
-来查看，里面以
-<code>$</code>+大写字母的变量都是配置变量，可以根据代码推理每个配置的作用。</p>
-</blockquote>
-<h3 id="防火墙放行-7280tcp-端口">防火墙放行 7280/tcp 端口</h3>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 开放 tcp</span></span><br><span class="line">netsh advfirewall firewall add rule name=jitsi<span class="literal">-prosody-tcp</span> <span class="built_in">dir</span>=<span class="keyword">in</span> action=allow protocol=TCP localport=<span class="number">7280</span></span><br></pre></td></tr></table></figure>
-<h3 id="nginx-反向代理">nginx 反向代理</h3>
-<figure class="highlight nginx"><table><tr><td class="code"><pre><span class="line"><span class="comment"># nginx.conf 主文件</span></span><br><span class="line"><span class="section">http</span> &#123;</span><br><span class="line">    <span class="attribute">include</span> mime.types;</span><br><span class="line">	</span><br><span class="line">    <span class="comment"># http_servers/jitsi.conf</span></span><br><span class="line">	<span class="comment"># jitsi 会议配置</span></span><br><span class="line">    <span class="section">server</span> &#123;</span><br><span class="line">        <span class="attribute">listen</span>       <span class="number">443</span> ssl;</span><br><span class="line">        <span class="attribute">server_name</span>  your-prosody-domain;</span><br><span class="line"></span><br><span class="line">        <span class="comment">#ssl_certificate      F:/encrypt/keys/web/iepc/iepc.shenweitech.cn-chain.pem;</span></span><br><span class="line">        <span class="comment">#ssl_certificate_key  F:/encrypt/keys/web/iepc/iepc.shenweitech.cn-key.pem;</span></span><br><span class="line"></span><br><span class="line">        <span class="attribute">ssl_certificate</span>      F:/encrypt/keys/root/fullchain.pem;</span><br><span class="line">        <span class="attribute">ssl_certificate_key</span>  F:/encrypt/keys/root/privkey.pem;</span><br><span class="line"></span><br><span class="line">        <span class="attribute">ssl_session_cache</span>    shared:SSL:<span class="number">1m</span>;</span><br><span class="line">        <span class="attribute">ssl_session_timeout</span>  <span class="number">5m</span>;</span><br><span class="line"></span><br><span class="line">        <span class="attribute">ssl_ciphers</span>  HIGH:!aNULL:!MD5;</span><br><span class="line">        <span class="attribute">ssl_prefer_server_ciphers</span>  <span class="literal">on</span>;</span><br><span class="line"></span><br><span class="line">        <span class="section">location</span> / &#123;			</span><br><span class="line">            <span class="attribute">proxy_pass</span>   http://服务器ip:7280;</span><br><span class="line">            <span class="attribute">proxy_connect_timeout</span> <span class="number">600</span>;</span><br><span class="line">            <span class="attribute">proxy_read_timeout</span> <span class="number">600</span>;			</span><br><span class="line">            <span class="attribute">proxy_set_header</span> Upgrade <span class="variable">$http_upgrade</span>;</span><br><span class="line">            <span class="attribute">proxy_set_header</span> Connection <span class="string">&quot;upgrade&quot;</span>;</span><br><span class="line">            <span class="attribute">proxy_set_header</span> X-Forwarded-For <span class="variable">$proxy_add_x_forwarded_for</span>;</span><br><span class="line">            <span class="attribute">proxy_set_header</span> Host <span class="variable">$host</span>;	   </span><br><span class="line">        &#125;</span><br><span class="line">	</span><br><span class="line">        <span class="attribute">add_header</span> Access-Control-Allow-Origin <span class="string">&quot;*&quot;</span>;</span><br><span class="line">        <span class="attribute">default_type</span> <span class="string">&#x27;text/html&#x27;</span>;</span><br><span class="line">        <span class="attribute">charset</span> utf-<span class="number">8</span>;</span><br><span class="line">	&#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="使用">使用</h2>
-<h3 id="获取当前所有房间">获取当前所有房间</h3>
-<ul>
-<li><p>url：get</p>
-<p><code>http://服务器ip:5280/room-census</code></p></li>
-<li><p>结果</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;room_census&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">    <span class="punctuation">&#123;</span></span><br><span class="line">      <span class="attr">&quot;room_name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test@muc.meet.jitsi&quot;</span><span class="punctuation">,</span></span><br><span class="line">      <span class="attr">&quot;participants&quot;</span><span class="punctuation">:</span> <span class="number">2</span><span class="punctuation">,</span></span><br><span class="line">      <span class="attr">&quot;created_time&quot;</span><span class="punctuation">:</span> <span class="number">1687876740000</span></span><br><span class="line">    <span class="punctuation">&#125;</span></span><br><span class="line">  <span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure></li>
-</ul>
-<h3 id="获取房间的成员">获取房间的成员</h3>
-<ul>
-<li><p>url：get</p>
-<p><code>http://192.168.3.240:5280/room?room=test&amp;domain=meet.jitsi</code></p>
-<p>其中 room 为需要查看的房间的名称，上述 room_name 中 @
-之前的部分</p></li>
-<li><p>结果</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">[</span></span><br><span class="line">  <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;display_name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test3&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;jid&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test@muc.meet.jitsi/8c5f7b20&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;email&quot;</span><span class="punctuation">:</span> <span class="string">&quot;&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;display_name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;galens&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;jid&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test@muc.meet.jitsi/adc31d69&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;email&quot;</span><span class="punctuation">:</span> <span class="string">&quot;&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span></span><br><span class="line"><span class="punctuation">]</span></span><br></pre></td></tr></table></figure></li>
-</ul>
-<p>如果设置了 jwt 认证，则需要传递一个 <code>token</code>
-参数，<code>token</code> 中 payload 的 room 值必须包含查询的房间名或者为
-<code>*</code> 号</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;context&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;user&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;avatar&quot;</span><span class="punctuation">:</span> <span class="string">&quot;https:/gravatar.com/avatar/abc123&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;John Doe&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;email&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jdoe@example.com&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;id&quot;</span><span class="punctuation">:</span> <span class="string">&quot;abcd:a1b2c3-d4e5f6-0abc1-23de-abcdef01fedcba&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">        <span class="attr">&quot;group&quot;</span><span class="punctuation">:</span> <span class="string">&quot;a123-123-456-789&quot;</span></span><br><span class="line">    <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;aud&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jitsi&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;iss&quot;</span><span class="punctuation">:</span> <span class="string">&quot;my_client&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;sub&quot;</span><span class="punctuation">:</span> <span class="string">&quot;meet.jit.si&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;room&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test,test-other,so-on&quot;</span><span class="punctuation">,</span> <span class="comment">// 或者 *</span></span><br><span class="line">    <span class="attr">&quot;exp&quot;</span><span class="punctuation">:</span> <span class="number">1500006923</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://community.jitsi.org/t/get-the-list-of-rooms/14895">Get the
-list of rooms - Developers / Jitsi Meet API - Jitsi Community Forum -
-developers &amp; users</a></p>
-<p><a
-href="https://github.com/jitsi/jitsi-meet/blob/master/resources/prosody-plugins/mod_muc_census.lua">jitsi-meet/resources/prosody-plugins/mod_muc_census.lua
-at master · jitsi/jitsi-meet · GitHub</a></p>
-<p><a
-href="https://github.com/jitsi/jitsi-meet/blob/master/resources/prosody-plugins/mod_muc_size.lua">jitsi-meet/resources/prosody-plugins/mod_muc_size.lua
-at master · jitsi/jitsi-meet · GitHub</a></p>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>JitsiMeet</category>
-      </categories>
-      <tags>
-        <tag>Software</tag>
-        <tag>Jitsi</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Markdown 语法使用手册</title>
-    <url>/posts/2019/3Y73VWH.html</url>
-    <content><![CDATA[<p>Markdown 语法。</p>
-<span id="more"></span>
-<h2 id="基本语法">基本语法</h2>
-<h3 id="斜体和粗体">1. 斜体和粗体</h3>
-<p>使用 * 和 ** 表示斜体和粗体。</p>
-<p>示例：</p>
-<p>这是 <em>斜体</em>，这是 <strong>粗体</strong>。</p>
-<h3 id="分级标题">2. 分级标题</h3>
-<p>使用 === 表示一级标题，使用 --- 表示二级标题。</p>
-<p>示例：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">这是一个一级标题</span><br><span class="line">============================</span><br><span class="line"></span><br><span class="line">这是一个二级标题</span><br><span class="line">----------------------------</span><br><span class="line"></span><br><span class="line">### 这是一个三级标题</span><br></pre></td></tr></table></figure>
-<p>你也可以选择在行首加井号表示不同级别的标题 (H1-H6)，例如：# H1, ##
-H2, ### H3，#### H4。</p>
-<h3 id="外链接">3. 外链接</h3>
-<p>使用 [描述](链接地址) 为文字增加外链接。</p>
-<p>示例：</p>
-<p>这是去往 <a href="https://noctiflorous.gitee.io/">本人博客</a>
-的链接。</p>
-<h3 id="无序列表">4. 无序列表</h3>
-<p>使用 *，+，- 表示无序列表。</p>
-<p>示例：</p>
-<ul>
-<li>无序列表项 一</li>
-<li>无序列表项 二</li>
-<li>无序列表项 三</li>
-</ul>
-<h3 id="有序列表">5. 有序列表</h3>
-<p>使用数字和点表示有序列表。</p>
-<p>示例：</p>
-<ol type="1">
-<li>有序列表项 一</li>
-<li>有序列表项 二</li>
-<li>有序列表项 三</li>
-</ol>
-<h3 id="文字引用">6. 文字引用</h3>
-<p>使用 &gt; 表示文字引用。</p>
-<p>示例：</p>
-<blockquote>
-<p>野火烧不尽，春风吹又生。</p>
-</blockquote>
-<h3 id="行内代码块">7. 行内代码块</h3>
-<p>使用 `代码` 表示行内代码块。</p>
-<p>示例：</p>
-<p>让我们聊聊 <code>html</code>。</p>
-<h3 id="代码块">8. 代码块</h3>
-<p>使用 四个缩进空格 表示代码块。</p>
-<p>示例：</p>
-<pre><code>这是一个代码块，此行左侧有四个不可见的空格。</code></pre>
-<h3 id="插入图像">9. 插入图像</h3>
-<p>使用 ![描述](图片链接地址) 插入图像。</p>
-<p>示例：</p>
-<figure>
-<img
 data-src="http://img.netbian.com/file/2019/0220/52ea84369dd40268d595766c76fda7f3.jpg"
-alt="山水" />
-<figcaption aria-hidden="true">山水</figcaption>
-</figure>
-<h2 id="高阶语法">高阶语法</h2>
-<h3 id="内容目录">1. 内容目录</h3>
-<p>在段落中填写 <code>[TOC]</code> 或者<code>&#123;:toc&#125;</code>
-以显示全文内容的目录结构。</p>
-<p>[TOC] {:toc}</p>
-<h3 id="标签分类">2. 标签分类</h3>
-<p>在编辑区任意行的列首位置输入以下代码给文稿标签：</p>
-<p>标签： 数学 英语 Markdown</p>
-<p>或者</p>
-<p>Tags： 数学 英语 Markdown</p>
-<h3 id="删除线">3. 删除线</h3>
-<p>使用 ~~ 表示删除线。</p>
-<p><del>这是一段错误的文本。</del></p>
-<h3 id="注脚">4. 注脚</h3>
-<p>使用 [^keyword] 表示注脚。</p>
-<p>这是一个注脚<a href="#fn1" class="footnote-ref" id="fnref1"
-role="doc-noteref"><sup>1</sup></a>的样例。</p>
-<p>这是第二个注脚<a href="#fn2" class="footnote-ref" id="fnref2"
-role="doc-noteref"><sup>2</sup></a>的样例。</p>
-<h3 id="latex-公式">5. LaTeX 公式</h3>
-<p>$ 表示行内公式：</p>
-<p>质能守恒方程可以用一个很简洁的方程式 <span
-class="math inline">\(E=mc^2\)</span> 来表达。</p>
-<p>$$ 表示整行公式：</p>
-<p><span class="math display">\[\sum_{i=1}^n a_i=0\]</span></p>
-<p><span class="math display">\[f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 +
-\cdots + x_n^2 \]</span></p>
-<p><span class="math display">\[\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj}
-z_k}\]</span></p>
-<p>访问 <a
-href="http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference">MathJax</a>
-参考更多使用方法。</p>
-<h3 id="加强的代码块">6. 加强的代码块</h3>
-<p>支持四十一种编程语言的语法高亮的显示，行号显示。</p>
-<p>非代码示例：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">$ sudo apt-get install vim-gnome</span><br></pre></td></tr></table></figure>
-<p>Python 示例：</p>
-<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="meta">@requires_authorization</span></span><br><span class="line"><span class="keyword">def</span> <span class="title function_">somefunc</span>(<span class="params">param1=<span class="string">&#x27;&#x27;</span>, param2=<span class="number">0</span></span>):</span><br><span class="line">    <span class="string">&#x27;&#x27;&#x27;A docstring&#x27;&#x27;&#x27;</span></span><br><span class="line">    <span class="keyword">if</span> param1 &gt; param2: <span class="comment"># interesting</span></span><br><span class="line">        <span class="built_in">print</span> <span class="string">&#x27;Greater&#x27;</span></span><br><span class="line">    <span class="keyword">return</span> (param2 - param1 + <span class="number">1</span>) <span class="keyword">or</span> <span class="literal">None</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">class</span> <span class="title class_">SomeClass</span>:</span><br><span class="line">    <span class="keyword">pass</span></span><br><span class="line"></span><br><span class="line"><span class="meta">&gt;&gt;&gt; </span>message = <span class="string">&#x27;&#x27;&#x27;interpreter</span></span><br><span class="line"><span class="string"><span class="meta">... </span>prompt&#x27;&#x27;&#x27;</span></span><br></pre></td></tr></table></figure>
-<p>JavaScript 示例：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">/**</span></span><br><span class="line"><span class="comment">* nth element in the fibonacci series.</span></span><br><span class="line"><span class="comment">* <span class="doctag">@param</span> n &gt;= 0</span></span><br><span class="line"><span class="comment">* <span class="doctag">@return</span> the nth element, &gt;= 0.</span></span><br><span class="line"><span class="comment">*/</span></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">fib</span>(<span class="params">n</span>) &#123;</span><br><span class="line">  <span class="keyword">var</span> a = <span class="number">1</span>, b = <span class="number">1</span>;</span><br><span class="line">  <span class="keyword">var</span> tmp;</span><br><span class="line">  <span class="keyword">while</span> (--n &gt;= <span class="number">0</span>) &#123;</span><br><span class="line">    tmp = a;</span><br><span class="line">    a += b;</span><br><span class="line">    b = tmp;</span><br><span class="line">  &#125;</span><br><span class="line">  <span class="keyword">return</span> a;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="variable language_">document</span>.<span class="title function_">write</span>(<span class="title function_">fib</span>(<span class="number">10</span>));</span><br></pre></td></tr></table></figure>
-<h3 id="流程图">7. 流程图</h3>
-<h4 id="示例">示例</h4>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">st=&gt;start: Start:&gt;https://www.zybuluo.com</span><br><span class="line">io=&gt;inputoutput: verification</span><br><span class="line">op=&gt;operation: Your Operation</span><br><span class="line">cond=&gt;condition: Yes or No?</span><br><span class="line">sub=&gt;subroutine: Your Subroutine</span><br><span class="line">e=&gt;end</span><br><span class="line"></span><br><span class="line">st-&gt;io-&gt;op-&gt;cond</span><br><span class="line">cond(yes)-&gt;e</span><br><span class="line">cond(no)-&gt;sub-&gt;io</span><br></pre></td></tr></table></figure>
-<h4 id="更多语法参考流程图语法参考">更多语法参考：<a
-href="http://adrai.github.io/flowchart.js/">流程图语法参考</a></h4>
-<h3 id="序列图">8. 序列图</h3>
-<h4 id="示例-1">示例 1</h4>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Alice-&gt;Bob: Hello Bob, how are you?</span><br><span class="line">Note right of Bob: Bob thinks</span><br><span class="line">Bob--&gt;Alice: I am good thanks!</span><br></pre></td></tr></table></figure>
-<h4 id="示例-2">示例 2</h4>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Title: Here is a title</span><br><span class="line">A-&gt;B: Normal line</span><br><span class="line">B--&gt;C: Dashed line</span><br><span class="line">C-&gt;&gt;D: Open arrow</span><br><span class="line">D--&gt;&gt;A: Dashed open arrow</span><br></pre></td></tr></table></figure>
-<h4 id="更多语法参考序列图语法参考">更多语法参考：<a
-href="http://bramp.github.io/js-sequence-diagrams/">序列图语法参考</a></h4>
-<h3 id="甘特图">9. 甘特图</h3>
-<p>甘特图内在思想简单。基本是一条线条图，横轴表示时间，纵轴表示活动（项目），线条表示在整个期间上计划和实际的活动完成情况。它直观地表明任务计划在什么时候进行，及实际进展与计划要求的对比。</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">title 项目开发流程</span><br><span class="line">section 项目确定</span><br><span class="line">    需求分析       :a1, 2016-06-22, 3d</span><br><span class="line">    可行性报告     :after a1, 5d</span><br><span class="line">    概念验证       : 5d</span><br><span class="line">section 项目实施</span><br><span class="line">    概要设计      :2016-07-05  , 5d</span><br><span class="line">    详细设计      :2016-07-08, 10d</span><br><span class="line">    编码          :2016-07-15, 10d</span><br><span class="line">    测试          :2016-07-22, 5d</span><br><span class="line">section 发布验收</span><br><span class="line">    发布: 2d</span><br><span class="line">    验收: 3d</span><br></pre></td></tr></table></figure>
-<h4 id="更多语法参考甘特图语法参考">更多语法参考：<a
-href="https://knsv.github.io/mermaid/#gant-diagrams">甘特图语法参考</a></h4>
-<h3 id="mermaid-流程图">10. Mermaid 流程图</h3>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">A[Hard edge] --&gt;|Link text| B(Round edge)</span><br><span class="line">B --&gt; C&#123;Decision&#125;</span><br><span class="line">C --&gt;|One| D[Result one]</span><br><span class="line">C --&gt;|Two| E[Result two]</span><br></pre></td></tr></table></figure>
-<h4 id="更多语法参考mermaid-流程图语法参考">更多语法参考：<a
-href="https://knsv.github.io/mermaid/#flowcharts-basic-syntax">Mermaid
-流程图语法参考</a></h4>
-<h3 id="mermaid-序列图">11. Mermaid 序列图</h3>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Alice-&gt;John: Hello John, how are you?</span><br><span class="line">loop every minute</span><br><span class="line">    John--&gt;Alice: Great!</span><br><span class="line">end</span><br></pre></td></tr></table></figure>
-<h4 id="更多语法参考mermaid-序列图语法参考">更多语法参考：<a
-href="https://knsv.github.io/mermaid/#sequence-diagrams">Mermaid
-序列图语法参考</a></h4>
-<h3 id="表格支持">12. 表格支持</h3>
-<p>Markdown 制作表格使用 | 来分隔不同的单元格，使用 -
-来分隔表头和其他行。</p>
-<p>语法格式如下：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">|  表头   | 表头  |</span><br><span class="line">|  ----  | ----  |</span><br><span class="line">| 单元格  | 单元格 |</span><br><span class="line">| 单元格  | 单元格 |</span><br></pre></td></tr></table></figure>
-<p>对齐方式</p>
-<p><strong>我们可以设置表格的对齐方式：</strong></p>
-<ul>
-<li>-: 设置内容和标题栏居右对齐。</li>
-<li>:- 设置内容和标题栏居左对齐。</li>
-<li>:-: 设置内容和标题栏居中对齐。</li>
-</ul>
-<p>实例如下：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">| 左对齐 | 右对齐 | 居中对齐 |</span><br><span class="line">| :-----| ----: | :----: |</span><br><span class="line">| 单元格 | 单元格 | 单元格 |</span><br><span class="line">| 单元格 | 单元格 | 单元格 |</span><br></pre></td></tr></table></figure>
-<p>效果如下：</p>
-<table>
-<thead>
-<tr class="header">
-<th>项目</th>
-<th style="text-align: right;">价格</th>
-<th style="text-align: center;">数量</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>计算机</td>
-<td style="text-align: right;">$1600</td>
-<td style="text-align: center;">5</td>
-</tr>
-<tr class="even">
-<td>手机</td>
-<td style="text-align: right;">$12</td>
-<td style="text-align: center;">12</td>
-</tr>
-<tr class="odd">
-<td>管线</td>
-<td style="text-align: right;">$1</td>
-<td style="text-align: center;">234</td>
-</tr>
-</tbody>
-</table>
-<h3 id="定义型列表">13. 定义型列表</h3>
-<dl>
-<dt>名词 1</dt>
-<dd>
-定义 1（左侧有一个可见的冒号和四个不可见的空格）
-</dd>
-<dt>代码块 2</dt>
-<dd>
-<p>这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）</p>
-<pre><code>代码块（左侧有八个不可见的空格）</code></pre>
-</dd>
-</dl>
-<h3 id="html-标签">14. Html 标签</h3>
-<p>本站支持在 Markdown 语法中嵌套 Html 标签，譬如，你可以用 Html
-写一个纵跨两行的表格：</p>
-<pre><code>&lt;table&gt;
-    &lt;tr&gt;
-        &lt;th rowspan=&quot;2&quot;&gt;值班人员&lt;/th&gt;
-        &lt;th&gt;星期一&lt;/th&gt;
-        &lt;th&gt;星期二&lt;/th&gt;
-        &lt;th&gt;星期三&lt;/th&gt;
-    &lt;/tr&gt;
-    &lt;tr&gt;
-        &lt;td&gt;李强&lt;/td&gt;
-        &lt;td&gt;张明&lt;/td&gt;
-        &lt;td&gt;王平&lt;/td&gt;
-    &lt;/tr&gt;
-&lt;/table&gt;</code></pre>
-<table>
-<tr>
-<th rowspan="2">
-值班人员
-</th>
-<th>
-星期一
-</th>
-<th>
-星期二
-</th>
-<th>
-星期三
-</th>
-</tr>
-<tr>
-<td>
-李强
-</td>
-<td>
-张明
-</td>
-<td>
-王平
-</td>
-</tr>
-</table>
-<h3 id="内嵌图标">15. 内嵌图标</h3>
-<p>本站的图标系统对外开放，在文档中输入</p>
-<pre><code>&lt;i class=&quot;icon-weibo&quot;&gt;&lt;/i&gt;</code></pre>
-<p>即显示微博的图标： <i class="icon-weibo icon-2x"></i></p>
-<p>替换 上述 <code>i 标签</code> 内的 <code>icon-weibo</code>
-以显示不同的图标，例如：</p>
-<pre><code>&lt;i class=&quot;icon-renren&quot;&gt;&lt;/i&gt;</code></pre>
-<p>即显示人人的图标： <i class="icon-renren icon-2x"></i></p>
-<p>更多的图标和玩法可以参看 <a
-href="http://fortawesome.github.io/Font-Awesome/3.2.1/icons/">font-awesome</a>
-官方网站。</p>
-<h3 id="待办事宜-todo-列表">16. 待办事宜 Todo 列表</h3>
-<p>使用带有 [ ] 或 [x]
-（未完成或已完成）项的列表语法撰写一个待办事宜列表，并且支持子列表嵌套以及混用Markdown语法，例如：</p>
-<pre><code>- [ ] **Cmd Markdown 开发**
-    - [ ] 改进 Cmd 渲染算法，使用局部渲染技术提高渲染效率
-    - [ ] 支持以 PDF 格式导出文稿
-    - [x] 新增Todo列表功能 [语法参考](https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments)
-    - [x] 改进 LaTex 功能
-        - [x] 修复 LaTex 公式渲染问题
-        - [x] 新增 LaTex 公式编号功能 [语法参考](http://docs.mathjax.org/en/latest/tex.html#tex-eq-numbers)
-- [ ] **七月旅行准备**
-    - [ ] 准备邮轮上需要携带的物品
-    - [ ] 浏览日本免税店的物品
-    - [x] 购买蓝宝石公主号七月一日的船票</code></pre>
-<p>对应显示如下待办事宜 Todo 列表：</p>
-<ul class="task-list">
-<li><input type="checkbox" /><strong>Cmd Markdown 开发</strong>
-<ul class="task-list">
-<li><input type="checkbox" />改进 Cmd
-渲染算法，使用局部渲染技术提高渲染效率</li>
-<li><input type="checkbox" />支持以 PDF 格式导出文稿</li>
-<li><input type="checkbox" checked="" />新增Todo列表功能 <a
-href="https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments">语法参考</a></li>
-<li><input type="checkbox" checked="" />改进 LaTex 功能
-<ul class="task-list">
-<li><input type="checkbox" checked="" />修复 LaTex 公式渲染问题</li>
-<li><input type="checkbox" checked="" />新增 LaTex 公式编号功能 <a
-href="http://docs.mathjax.org/en/latest/tex.html#tex-eq-numbers">语法参考</a></li>
-</ul></li>
-</ul></li>
-<li><input type="checkbox" /><strong>七月旅行准备</strong>
-<ul class="task-list">
-<li><input type="checkbox" />准备邮轮上需要携带的物品</li>
-<li><input type="checkbox" />浏览日本免税店的物品</li>
-<li><input type="checkbox"
-checked="" />购买蓝宝石公主号七月一日的船票</li>
-</ul></li>
-</ul>
-<aside id="footnotes" class="footnotes footnotes-end-of-document"
-role="doc-endnotes">
-<hr />
-<ol>
-<li id="fn1"><p>这是一个 <em>注脚</em> 的 <strong>文本</strong>。<a
-href="#fnref1" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
-<li id="fn2"><p>这是另一个 <em>注脚</em> 的 <strong>文本</strong>。<a
-href="#fnref2" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
-</ol>
-</aside>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>Markdown</category>
-      </categories>
-      <tags>
-        <tag>Markdown</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>JitsiMeet 中 Prosody 插件配置</title>
-    <url>/posts/2023/3G2MHZ7.html</url>
-    <content><![CDATA[<p>在私有化部署 jitsi-meet 后，通过配置其中的 prosody
-服务，可以实现更加多样化的功能，比如获取房间信息、获取房间用户信息、配置回调等等。</p>
-<p>本文将简要介绍 prosody 插件系统，方便读者快速上手。</p>
-<blockquote>
-<p>本文基于 docker 的安装方式来进行介绍</p>
-</blockquote>
-<span id="more"></span>
-<p>阅读本文时请保证有 <a href="/posts/2023/9Q7N69.html">JitsiMeet docker
-部署及设置 jw 授权</a> 相关知识作为前提。</p>
-<h2 id="简介">简介</h2>
-<p>prosody 使用的插件为 lua 脚本，可用 lua 插件位于 <a
-href="https://github.com/jitsi/jitsi-meet/tree/master/resources/prosody-plugins">jitsi-meet/resources/prosody-plugins</a>，可以查看源代码理解其功能。</p>
-<h2 id="加载插件">加载插件</h2>
-<p>prosody 的配置文件位于
-<code>prosody\rootfs\defaults\conf.d\jitsi-meet.cfg.lua</code> 中。</p>
-<h3 id="插件注册">插件注册</h3>
-<p>注册插件的格式如下，以 <a
-href="https://github.com/jitsi-contrib/prosody-plugins/blob/main/event_sync/README.md">event_sync_component</a>
-为例：</p>
-<figure class="highlight lua"><table><tr><td class="code"><pre><span class="line">Component <span class="string">&quot;event_sync.&#123;&#123; $XMPP_DOMAIN &#125;&#125;&quot;</span> <span class="string">&quot;event_sync_component&quot;</span></span><br><span class="line">    muc_component = <span class="string">&quot;conference.&#123;&#123; $XMPP_DOMAIN &#125;&#125;&quot;</span></span><br><span class="line">    api_prefix = <span class="string">&quot;http://127.0.0.1:7001/call-back/prosody&quot;</span></span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>注意：这个方式需要重新编译 prosody 镜像文件，如果觉得麻烦，可以使用第
-3 节中的在 docker 中使用自定义插件</p>
-</blockquote>
-<p><strong>Component 介绍：</strong></p>
-<p>在 Lua 中，<code>Component</code> 是 Prosody XMPP
-服务器中的一个模块，用于定义一个组件（component）。组件是一种特殊类型的
-XMPP 实体，可以与其他 XMPP 实体进行通信，但是它们通常不具有完整的 XMPP
-功能。组件通常用于扩展 XMPP
-服务器的功能，例如添加聊天室、文件传输等功能。</p>
-<p><code>Component</code> 模块用于定义一个组件，并将其添加到 Prosody
-XMPP 服务器中。它接受一个 Lua 表作为参数，该表包含组件的配置信息。</p>
-<p>在上例中，<code>"event_sync.&#123;&#123; $XMPP_DOMAIN &#125;&#125;"</code>
-表示注册的模块的名称，<code>"event_sync_component"</code>
-表示组件的名称，组件名称为组件定义的文件名
-<code>mod_event_sync_component.lua</code> 的中间部分。</p>
-<h3 id="插件变量">插件变量</h3>
-<p>插件中通过 <code>module:get_option("api_headers")</code> 来获取
-jitsi-meet.cfg.lua 中定义的变量。例：</p>
-<figure class="highlight lua"><table><tr><td class="code"><pre><span class="line"><span class="keyword">local</span> api_timeout = <span class="built_in">module</span>:get_option(<span class="string">&quot;api_timeout&quot;</span>, <span class="number">20</span>);</span><br><span class="line"><span class="keyword">local</span> api_headers = <span class="built_in">module</span>:get_option(<span class="string">&quot;api_headers&quot;</span>);</span><br><span class="line"><span class="keyword">local</span> api_retry_count = <span class="built_in">tonumber</span>(<span class="built_in">module</span>:get_option(<span class="string">&quot;api_retry_count&quot;</span>, <span class="number">3</span>));</span><br><span class="line"><span class="keyword">local</span> api_retry_delay = <span class="built_in">tonumber</span>(<span class="built_in">module</span>:get_option(<span class="string">&quot;api_retry_delay&quot;</span>, <span class="number">1</span>));</span><br></pre></td></tr></table></figure>
-<p>在 jitsi-meet.cfg.lua 中通过 <code>“&#123;&#123;.Env.fieldName&#125;&#125;”</code>
-的方式来获取 .env 文件中定义的变量，注意引号不要丢。例：</p>
-<figure class="highlight lua"><table><tr><td class="code"><pre><span class="line">external_service_secret = <span class="string">&quot;&#123;&#123;.Env.TURN_CREDENTIALS&#125;&#125;&quot;</span>;</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>特别注意：修改 <code>jitsi-meet.cfg.lua</code>
-内容并不会生效，因为重启 docker
-后会重置这个配置文件，该文件仅作为一个参考，仅在 <code>.env</code>
-文件中的修改才会生效。</p>
-</blockquote>
-<h2 id="在-docker-中使用自定义的插件">在 docker 中使用自定义的插件</h2>
-<p>若使用 docker 安装 jitsi-meet，每当 prosody 服务重启后都会重置
-<code>conf.d\jitsi-meet.cfg.lua</code> 文件，因此无法在
-<code>jitsi-meet.cfg.lua</code> 文件中通过 <code>Component</code>
-的方式来注册插件。</p>
-<p>可以使用以下的方法来解决：</p>
-<ol type="1">
-<li>将自定义插件保存到
-<code>.jitsi-meet-cfg\prosody\prosody-plugins-custom</code>
-目录中，这个目录被 prosody 所挂载</li>
-<li>修改插件的源文件，使其中的参数符合自己的使用环境</li>
-<li>在 <code>.env</code> 文件中使用
-<code>XMPP_MUC_MODULES=event_sync_component</code> 来启用
-<code>event_sync_component</code> 插件</li>
-</ol>
-<h2 id="在-docker-中修改插件">在 docker 中修改插件</h2>
-<p>使用 docker 安装后，如果需要修改 docker 中的 prosody
-插件，可以通过以下步骤修改：</p>
-<ol type="1">
-<li><p>打开 docker，切换到【Container】，进入到 <code>prosody</code>
-容器中</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230627230120904.png"
-alt="image-20230627230120904" />
-<figcaption aria-hidden="true">image-20230627230120904</figcaption>
-</figure></li>
-<li><p>找到【Files/prosody-plugins】，找到想要修改的插件，双击修改并保存，然后重启容器即可应用修改</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230627230335324.png"
-alt="image-20230627230335324" />
-<figcaption aria-hidden="true">image-20230627230335324</figcaption>
-</figure></li>
+<p>时子模块的项目维护地址发生了变化，或者需要替换子模块，就需要删除原有的子模块。</p>
+<p>删除子模块较复杂，步骤如下：</p>
+<ol type="1">
+<li><code>rm -rf 子模块目录</code> 删除子模块目录及源码</li>
+<li><code>vi .gitmodules</code>
+删除项目目录下.gitmodules文件中子模块相关条目</li>
+<li><code>vi .git/config</code> 删除配置项中子模块相关条目</li>
+<li><code>rm .git/module/*</code>
+删除模块下的子模块目录，每个子模块对应一个目录，注意只删除对应的子模块目录即可</li>
 </ol>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://github.com/jitsi/jitsi-meet/tree/master/resources/prosody-plugins">jitsi-meet/resources/prosody-plugins
-at master · jitsi/jitsi-meet · GitHub</a></p>
-<p><a
-href="https://jitsi.github.io/handbook/docs/community/third-party-software/#prosody-plugins">Third-Party
-Software | Jitsi Meet</a></p>
-<p><a
-href="https://github.com/jitsi-contrib/prosody-plugins">jitsi-contrib/prosody-plugins:
-Prosody plugins for Jitsi (github.com)</a></p>
+<blockquote>
+<p>注意：删除完成后，先要 <code>git commit</code>
+提交一下，然后才可以再添加同名的子模块。</p>
+</blockquote>
+<p>如果仍然报错，执行如下：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">git rm --cached 子模块名称</span><br></pre></td></tr></table></figure>
+<p>完成删除后，提交到仓库即可。</p>
 ]]></content>
       <categories>
         <category>Software</category>
-        <category>JitsiMeet</category>
+        <category>Git</category>
       </categories>
       <tags>
+        <tag>Hexo</tag>
+        <tag>NexT</tag>
         <tag>Software</tag>
-        <tag>jitsi</tag>
-        <tag>galens</tag>
+        <tag>Git</tag>
       </tags>
   </entry>
   <entry>
@@ -20189,6 +19895,215 @@ Web Token (JWT) authentication Prosody plugin</a></p>
         <tag>galens</tag>
       </tags>
   </entry>
+  <entry>
+    <title>JitsiMeet 获取所有的房间列表</title>
+    <url>/posts/2023/220EMHS.html</url>
+    <content><![CDATA[<p>当部署 jitsi-meet
+后，若与现有的系统进行集成，需要获取当前所有活动的房间列表来方便管理。此时需要通过
+prosody 提供的 lua 插件来实现。</p>
+<blockquote>
+<p>本文基于 docker 部署 jitsi-meet</p>
+</blockquote>
+<span id="more"></span>
+<p>阅读本文时请保证有 <a href="/posts/2023/9Q7N69.html">JitsiMeet docker
+部署及设置 jw 授权</a> 相关知识作为前提。</p>
+<h2 id="配置">配置</h2>
+<p>使用 jitsi 提供的 <code>muc_census,muc_size</code>
+两个插件来实现，具体配置步骤如下：</p>
+<h3 id="映射-prosody-端口">映射 prosody 端口</h3>
+<p>在 prosody 配置中，添加 ports 端口映射</p>
+<figure class="highlight dockerfile"><table><tr><td class="code"><pre><span class="line"><span class="comment"># ...</span></span><br><span class="line">prosody:</span><br><span class="line">  ports:</span><br><span class="line">    - <span class="number">7280</span>:<span class="number">5280</span></span><br></pre></td></tr></table></figure>
+<h3 id="修改-.env-文件加载插件">修改 .env 文件加载插件</h3>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 添加如下配置</span></span><br><span class="line"><span class="comment"># prosody 额外加载的模块</span></span><br><span class="line">XMPP_MODULES=muc_census,muc_size</span><br><span class="line"><span class="comment"># room_name 完整名称的前缀，在 muc_size 中要用到</span></span><br><span class="line">XMPP_MUC_DOMAIN_PREFIX = muc</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>prosody 在 .env 中的所有配置可以通过
+<code>prosody\rootfs\defaults\conf.d\jitsi-meet.cfg.lua</code>
+来查看，里面以
+<code>$</code>+大写字母的变量都是配置变量，可以根据代码推理每个配置的作用。</p>
+</blockquote>
+<h3 id="防火墙放行-7280tcp-端口">防火墙放行 7280/tcp 端口</h3>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 开放 tcp</span></span><br><span class="line">netsh advfirewall firewall add rule name=jitsi<span class="literal">-prosody-tcp</span> <span class="built_in">dir</span>=<span class="keyword">in</span> action=allow protocol=TCP localport=<span class="number">7280</span></span><br></pre></td></tr></table></figure>
+<h3 id="nginx-反向代理">nginx 反向代理</h3>
+<figure class="highlight nginx"><table><tr><td class="code"><pre><span class="line"><span class="comment"># nginx.conf 主文件</span></span><br><span class="line"><span class="section">http</span> &#123;</span><br><span class="line">    <span class="attribute">include</span> mime.types;</span><br><span class="line">	</span><br><span class="line">    <span class="comment"># http_servers/jitsi.conf</span></span><br><span class="line">	<span class="comment"># jitsi 会议配置</span></span><br><span class="line">    <span class="section">server</span> &#123;</span><br><span class="line">        <span class="attribute">listen</span>       <span class="number">443</span> ssl;</span><br><span class="line">        <span class="attribute">server_name</span>  your-prosody-domain;</span><br><span class="line"></span><br><span class="line">        <span class="comment">#ssl_certificate      F:/encrypt/keys/web/iepc/iepc.shenweitech.cn-chain.pem;</span></span><br><span class="line">        <span class="comment">#ssl_certificate_key  F:/encrypt/keys/web/iepc/iepc.shenweitech.cn-key.pem;</span></span><br><span class="line"></span><br><span class="line">        <span class="attribute">ssl_certificate</span>      F:/encrypt/keys/root/fullchain.pem;</span><br><span class="line">        <span class="attribute">ssl_certificate_key</span>  F:/encrypt/keys/root/privkey.pem;</span><br><span class="line"></span><br><span class="line">        <span class="attribute">ssl_session_cache</span>    shared:SSL:<span class="number">1m</span>;</span><br><span class="line">        <span class="attribute">ssl_session_timeout</span>  <span class="number">5m</span>;</span><br><span class="line"></span><br><span class="line">        <span class="attribute">ssl_ciphers</span>  HIGH:!aNULL:!MD5;</span><br><span class="line">        <span class="attribute">ssl_prefer_server_ciphers</span>  <span class="literal">on</span>;</span><br><span class="line"></span><br><span class="line">        <span class="section">location</span> / &#123;			</span><br><span class="line">            <span class="attribute">proxy_pass</span>   http://服务器ip:7280;</span><br><span class="line">            <span class="attribute">proxy_connect_timeout</span> <span class="number">600</span>;</span><br><span class="line">            <span class="attribute">proxy_read_timeout</span> <span class="number">600</span>;			</span><br><span class="line">            <span class="attribute">proxy_set_header</span> Upgrade <span class="variable">$http_upgrade</span>;</span><br><span class="line">            <span class="attribute">proxy_set_header</span> Connection <span class="string">&quot;upgrade&quot;</span>;</span><br><span class="line">            <span class="attribute">proxy_set_header</span> X-Forwarded-For <span class="variable">$proxy_add_x_forwarded_for</span>;</span><br><span class="line">            <span class="attribute">proxy_set_header</span> Host <span class="variable">$host</span>;	   </span><br><span class="line">        &#125;</span><br><span class="line">	</span><br><span class="line">        <span class="attribute">add_header</span> Access-Control-Allow-Origin <span class="string">&quot;*&quot;</span>;</span><br><span class="line">        <span class="attribute">default_type</span> <span class="string">&#x27;text/html&#x27;</span>;</span><br><span class="line">        <span class="attribute">charset</span> utf-<span class="number">8</span>;</span><br><span class="line">	&#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="使用">使用</h2>
+<h3 id="获取当前所有房间">获取当前所有房间</h3>
+<ul>
+<li><p>url：get</p>
+<p><code>http://服务器ip:5280/room-census</code></p></li>
+<li><p>结果</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;room_census&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">    <span class="punctuation">&#123;</span></span><br><span class="line">      <span class="attr">&quot;room_name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test@muc.meet.jitsi&quot;</span><span class="punctuation">,</span></span><br><span class="line">      <span class="attr">&quot;participants&quot;</span><span class="punctuation">:</span> <span class="number">2</span><span class="punctuation">,</span></span><br><span class="line">      <span class="attr">&quot;created_time&quot;</span><span class="punctuation">:</span> <span class="number">1687876740000</span></span><br><span class="line">    <span class="punctuation">&#125;</span></span><br><span class="line">  <span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure></li>
+</ul>
+<h3 id="获取房间的成员">获取房间的成员</h3>
+<ul>
+<li><p>url：get</p>
+<p><code>http://192.168.3.240:5280/room?room=test&amp;domain=meet.jitsi</code></p>
+<p>其中 room 为需要查看的房间的名称，上述 room_name 中 @
+之前的部分</p></li>
+<li><p>结果</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">[</span></span><br><span class="line">  <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;display_name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test3&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;jid&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test@muc.meet.jitsi/8c5f7b20&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;email&quot;</span><span class="punctuation">:</span> <span class="string">&quot;&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;display_name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;galens&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;jid&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test@muc.meet.jitsi/adc31d69&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;email&quot;</span><span class="punctuation">:</span> <span class="string">&quot;&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span></span><br><span class="line"><span class="punctuation">]</span></span><br></pre></td></tr></table></figure></li>
+</ul>
+<p>如果设置了 jwt 认证，则需要传递一个 <code>token</code>
+参数，<code>token</code> 中 payload 的 room 值必须包含查询的房间名或者为
+<code>*</code> 号</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;context&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;user&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;avatar&quot;</span><span class="punctuation">:</span> <span class="string">&quot;https:/gravatar.com/avatar/abc123&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;John Doe&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;email&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jdoe@example.com&quot;</span><span class="punctuation">,</span></span><br><span class="line">            <span class="attr">&quot;id&quot;</span><span class="punctuation">:</span> <span class="string">&quot;abcd:a1b2c3-d4e5f6-0abc1-23de-abcdef01fedcba&quot;</span></span><br><span class="line">        <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">        <span class="attr">&quot;group&quot;</span><span class="punctuation">:</span> <span class="string">&quot;a123-123-456-789&quot;</span></span><br><span class="line">    <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;aud&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jitsi&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;iss&quot;</span><span class="punctuation">:</span> <span class="string">&quot;my_client&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;sub&quot;</span><span class="punctuation">:</span> <span class="string">&quot;meet.jit.si&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;room&quot;</span><span class="punctuation">:</span> <span class="string">&quot;test,test-other,so-on&quot;</span><span class="punctuation">,</span> <span class="comment">// 或者 *</span></span><br><span class="line">    <span class="attr">&quot;exp&quot;</span><span class="punctuation">:</span> <span class="number">1500006923</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://community.jitsi.org/t/get-the-list-of-rooms/14895">Get the
+list of rooms - Developers / Jitsi Meet API - Jitsi Community Forum -
+developers &amp; users</a></p>
+<p><a
+href="https://github.com/jitsi/jitsi-meet/blob/master/resources/prosody-plugins/mod_muc_census.lua">jitsi-meet/resources/prosody-plugins/mod_muc_census.lua
+at master · jitsi/jitsi-meet · GitHub</a></p>
+<p><a
+href="https://github.com/jitsi/jitsi-meet/blob/master/resources/prosody-plugins/mod_muc_size.lua">jitsi-meet/resources/prosody-plugins/mod_muc_size.lua
+at master · jitsi/jitsi-meet · GitHub</a></p>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>JitsiMeet</category>
+      </categories>
+      <tags>
+        <tag>Software</tag>
+        <tag>Jitsi</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>JitsiMeet 进行压力测试</title>
+    <url>/posts/2023/3G78E45.html</url>
+    <content><![CDATA[<p>当私有化部署 jitsi-meet
+后，需要对它进行压力测试来评估其性能，通过官方提供的 <a
+href="https://github.com/jitsi/jitsi-meet-torture">jitsi/jitsi-meet-torture</a>
+工具来进行测试评估。</p>
+<span id="more"></span>
+<h2 id="操作步骤">操作步骤</h2>
+<h3 id="下载jitsi-meet-torture">下载jitsi-meet-torture</h3>
+<h3 id="安装环境">安装环境</h3>
+<h3 id="配置测试文件">配置测试文件</h3>
+<h3 id="开始测试">开始测试</h3>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://segmentfault.com/a/1190000023034386">jitsi压力测试安装并使用
+- 个人文章 - SegmentFault 思否</a></p>
+<p><a
+href="https://github.com/jitsi/jitsi-meet-torture">jitsi/jitsi-meet-torture
+(github.com)</a></p>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>JitsiMeet</category>
+      </categories>
+      <tags>
+        <tag>Software</tag>
+        <tag>Jitsi</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>JitsiMeet 中 Prosody 插件配置</title>
+    <url>/posts/2023/3G2MHZ7.html</url>
+    <content><![CDATA[<p>在私有化部署 jitsi-meet 后，通过配置其中的 prosody
+服务，可以实现更加多样化的功能，比如获取房间信息、获取房间用户信息、配置回调等等。</p>
+<p>本文将简要介绍 prosody 插件系统，方便读者快速上手。</p>
+<blockquote>
+<p>本文基于 docker 的安装方式来进行介绍</p>
+</blockquote>
+<span id="more"></span>
+<p>阅读本文时请保证有 <a href="/posts/2023/9Q7N69.html">JitsiMeet docker
+部署及设置 jw 授权</a> 相关知识作为前提。</p>
+<h2 id="简介">简介</h2>
+<p>prosody 使用的插件为 lua 脚本，可用 lua 插件位于 <a
+href="https://github.com/jitsi/jitsi-meet/tree/master/resources/prosody-plugins">jitsi-meet/resources/prosody-plugins</a>，可以查看源代码理解其功能。</p>
+<h2 id="加载插件">加载插件</h2>
+<p>prosody 的配置文件位于
+<code>prosody\rootfs\defaults\conf.d\jitsi-meet.cfg.lua</code> 中。</p>
+<h3 id="插件注册">插件注册</h3>
+<p>注册插件的格式如下，以 <a
+href="https://github.com/jitsi-contrib/prosody-plugins/blob/main/event_sync/README.md">event_sync_component</a>
+为例：</p>
+<figure class="highlight lua"><table><tr><td class="code"><pre><span class="line">Component <span class="string">&quot;event_sync.&#123;&#123; $XMPP_DOMAIN &#125;&#125;&quot;</span> <span class="string">&quot;event_sync_component&quot;</span></span><br><span class="line">    muc_component = <span class="string">&quot;conference.&#123;&#123; $XMPP_DOMAIN &#125;&#125;&quot;</span></span><br><span class="line">    api_prefix = <span class="string">&quot;http://127.0.0.1:7001/call-back/prosody&quot;</span></span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>注意：这个方式需要重新编译 prosody 镜像文件，如果觉得麻烦，可以使用第
+3 节中的在 docker 中使用自定义插件</p>
+</blockquote>
+<p><strong>Component 介绍：</strong></p>
+<p>在 Lua 中，<code>Component</code> 是 Prosody XMPP
+服务器中的一个模块，用于定义一个组件（component）。组件是一种特殊类型的
+XMPP 实体，可以与其他 XMPP 实体进行通信，但是它们通常不具有完整的 XMPP
+功能。组件通常用于扩展 XMPP
+服务器的功能，例如添加聊天室、文件传输等功能。</p>
+<p><code>Component</code> 模块用于定义一个组件，并将其添加到 Prosody
+XMPP 服务器中。它接受一个 Lua 表作为参数，该表包含组件的配置信息。</p>
+<p>在上例中，<code>"event_sync.&#123;&#123; $XMPP_DOMAIN &#125;&#125;"</code>
+表示注册的模块的名称，<code>"event_sync_component"</code>
+表示组件的名称，组件名称为组件定义的文件名
+<code>mod_event_sync_component.lua</code> 的中间部分。</p>
+<h3 id="插件变量">插件变量</h3>
+<p>插件中通过 <code>module:get_option("api_headers")</code> 来获取
+jitsi-meet.cfg.lua 中定义的变量。例：</p>
+<figure class="highlight lua"><table><tr><td class="code"><pre><span class="line"><span class="keyword">local</span> api_timeout = <span class="built_in">module</span>:get_option(<span class="string">&quot;api_timeout&quot;</span>, <span class="number">20</span>);</span><br><span class="line"><span class="keyword">local</span> api_headers = <span class="built_in">module</span>:get_option(<span class="string">&quot;api_headers&quot;</span>);</span><br><span class="line"><span class="keyword">local</span> api_retry_count = <span class="built_in">tonumber</span>(<span class="built_in">module</span>:get_option(<span class="string">&quot;api_retry_count&quot;</span>, <span class="number">3</span>));</span><br><span class="line"><span class="keyword">local</span> api_retry_delay = <span class="built_in">tonumber</span>(<span class="built_in">module</span>:get_option(<span class="string">&quot;api_retry_delay&quot;</span>, <span class="number">1</span>));</span><br></pre></td></tr></table></figure>
+<p>在 jitsi-meet.cfg.lua 中通过 <code>“&#123;&#123;.Env.fieldName&#125;&#125;”</code>
+的方式来获取 .env 文件中定义的变量，注意引号不要丢。例：</p>
+<figure class="highlight lua"><table><tr><td class="code"><pre><span class="line">external_service_secret = <span class="string">&quot;&#123;&#123;.Env.TURN_CREDENTIALS&#125;&#125;&quot;</span>;</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>特别注意：修改 <code>jitsi-meet.cfg.lua</code>
+内容并不会生效，因为重启 docker
+后会重置这个配置文件，该文件仅作为一个参考，仅在 <code>.env</code>
+文件中的修改才会生效。</p>
+</blockquote>
+<h2 id="在-docker-中使用自定义的插件">在 docker 中使用自定义的插件</h2>
+<p>若使用 docker 安装 jitsi-meet，每当 prosody 服务重启后都会重置
+<code>conf.d\jitsi-meet.cfg.lua</code> 文件，因此无法在
+<code>jitsi-meet.cfg.lua</code> 文件中通过 <code>Component</code>
+的方式来注册插件。</p>
+<p>可以使用以下的方法来解决：</p>
+<ol type="1">
+<li>将自定义插件保存到
+<code>.jitsi-meet-cfg\prosody\prosody-plugins-custom</code>
+目录中，这个目录被 prosody 所挂载</li>
+<li>修改插件的源文件，使其中的参数符合自己的使用环境</li>
+<li>在 <code>.env</code> 文件中使用
+<code>XMPP_MUC_MODULES=event_sync_component</code> 来启用
+<code>event_sync_component</code> 插件</li>
+</ol>
+<h2 id="在-docker-中修改插件">在 docker 中修改插件</h2>
+<p>使用 docker 安装后，如果需要修改 docker 中的 prosody
+插件，可以通过以下步骤修改：</p>
+<ol type="1">
+<li><p>打开 docker，切换到【Container】，进入到 <code>prosody</code>
+容器中</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230627230120904.png"
+alt="image-20230627230120904" />
+<figcaption aria-hidden="true">image-20230627230120904</figcaption>
+</figure></li>
+<li><p>找到【Files/prosody-plugins】，找到想要修改的插件，双击修改并保存，然后重启容器即可应用修改</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230627230335324.png"
+alt="image-20230627230335324" />
+<figcaption aria-hidden="true">image-20230627230335324</figcaption>
+</figure></li>
+</ol>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://github.com/jitsi/jitsi-meet/tree/master/resources/prosody-plugins">jitsi-meet/resources/prosody-plugins
+at master · jitsi/jitsi-meet · GitHub</a></p>
+<p><a
+href="https://jitsi.github.io/handbook/docs/community/third-party-software/#prosody-plugins">Third-Party
+Software | Jitsi Meet</a></p>
+<p><a
+href="https://github.com/jitsi-contrib/prosody-plugins">jitsi-contrib/prosody-plugins:
+Prosody plugins for Jitsi (github.com)</a></p>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>JitsiMeet</category>
+      </categories>
+      <tags>
+        <tag>Software</tag>
+        <tag>jitsi</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
   <entry>
     <title>JitsiMeet 私有化部署获取事件回调</title>
     <url>/posts/2023/2QBX38K.html</url>
@@ -20246,6 +20161,43 @@ developers &amp; users</a></p>
 <p><a
 href="https://github.com/jitsi-contrib/prosody-plugins/blob/main/event_sync/README.md#event-sync">prosody-plugins/event_sync/README.md
 at main · jitsi-contrib/prosody-plugins · GitHub</a></p>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>JitsiMeet</category>
+      </categories>
+      <tags>
+        <tag>Software</tag>
+        <tag>jitsi</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>JitsiMeet 为房间添加描述</title>
+    <url>/posts/2023/3JD9V8X.html</url>
+    <content><![CDATA[<p>在搭建 jitsi-meet
+后，有时候希望会议中不显示房间名称，而是显示自定义的主题，可以通过以下方法实现。</p>
+<span id="more"></span>
+<h2 id="在-url-中配置">在 url 中配置</h2>
+<p>在 url 中添加 <code>#config.subject="your subject"</code>
+配置，如下：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">https://meet.jit.si/abbe961f<span class="literal">-53a0-44de-84e2-177df24cd16</span><span class="comment">#config.subject=&quot;TestMeeting&quot;</span></span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>注意：</p>
+<ul>
+<li>房间 id 后面有一个 # 号</li>
+<li>主题要用双引号括起来</li>
+</ul>
+</blockquote>
+<h2 id="使用租户模式">使用租户模式</h2>
+<p>租户模式格式如下：</p>
+<p><code>https://domain.com/tenant/roomname</code></p>
+<p>tenant 代表租户名称，可以通过创建不同的租户来隔离同名的房间</p>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://community.jitsi.org/t/solved-is-there-any-way-to-add-room-name-description/73250/7">Is
+there any way to add room name/description</a></p>
+<p><a
+href="https://community.jitsi.org/t/jitsi-prefix-room-name/113814/15">jitsi-prefix-room-name</a></p>
 ]]></content>
       <categories>
         <category>Software</category>
@@ -20305,40 +20257,293 @@ based on token contents (github.com)</a></p>
       </tags>
   </entry>
   <entry>
-    <title>JitsiMeet 为房间添加描述</title>
-    <url>/posts/2023/3JD9V8X.html</url>
-    <content><![CDATA[<p>在搭建 jitsi-meet
-后，有时候希望会议中不显示房间名称，而是显示自定义的主题，可以通过以下方法实现。</p>
+    <title>Markdown 语法使用手册</title>
+    <url>/posts/2019/3Y73VWH.html</url>
+    <content><![CDATA[<p>Markdown 语法。</p>
 <span id="more"></span>
-<h2 id="在-url-中配置">在 url 中配置</h2>
-<p>在 url 中添加 <code>#config.subject="your subject"</code>
-配置，如下：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">https://meet.jit.si/abbe961f<span class="literal">-53a0-44de-84e2-177df24cd16</span><span class="comment">#config.subject=&quot;TestMeeting&quot;</span></span><br></pre></td></tr></table></figure>
+<h2 id="基本语法">基本语法</h2>
+<h3 id="斜体和粗体">1. 斜体和粗体</h3>
+<p>使用 * 和 ** 表示斜体和粗体。</p>
+<p>示例：</p>
+<p>这是 <em>斜体</em>，这是 <strong>粗体</strong>。</p>
+<h3 id="分级标题">2. 分级标题</h3>
+<p>使用 === 表示一级标题，使用 --- 表示二级标题。</p>
+<p>示例：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">这是一个一级标题</span><br><span class="line">============================</span><br><span class="line"></span><br><span class="line">这是一个二级标题</span><br><span class="line">----------------------------</span><br><span class="line"></span><br><span class="line">### 这是一个三级标题</span><br></pre></td></tr></table></figure>
+<p>你也可以选择在行首加井号表示不同级别的标题 (H1-H6)，例如：# H1, ##
+H2, ### H3，#### H4。</p>
+<h3 id="外链接">3. 外链接</h3>
+<p>使用 [描述](链接地址) 为文字增加外链接。</p>
+<p>示例：</p>
+<p>这是去往 <a href="https://noctiflorous.gitee.io/">本人博客</a>
+的链接。</p>
+<h3 id="无序列表">4. 无序列表</h3>
+<p>使用 *，+，- 表示无序列表。</p>
+<p>示例：</p>
+<ul>
+<li>无序列表项 一</li>
+<li>无序列表项 二</li>
+<li>无序列表项 三</li>
+</ul>
+<h3 id="有序列表">5. 有序列表</h3>
+<p>使用数字和点表示有序列表。</p>
+<p>示例：</p>
+<ol type="1">
+<li>有序列表项 一</li>
+<li>有序列表项 二</li>
+<li>有序列表项 三</li>
+</ol>
+<h3 id="文字引用">6. 文字引用</h3>
+<p>使用 &gt; 表示文字引用。</p>
+<p>示例：</p>
 <blockquote>
-<p>注意：</p>
+<p>野火烧不尽，春风吹又生。</p>
+</blockquote>
+<h3 id="行内代码块">7. 行内代码块</h3>
+<p>使用 `代码` 表示行内代码块。</p>
+<p>示例：</p>
+<p>让我们聊聊 <code>html</code>。</p>
+<h3 id="代码块">8. 代码块</h3>
+<p>使用 四个缩进空格 表示代码块。</p>
+<p>示例：</p>
+<pre><code>这是一个代码块，此行左侧有四个不可见的空格。</code></pre>
+<h3 id="插入图像">9. 插入图像</h3>
+<p>使用 ![描述](图片链接地址) 插入图像。</p>
+<p>示例：</p>
+<figure>
+<img
 data-src="http://img.netbian.com/file/2019/0220/52ea84369dd40268d595766c76fda7f3.jpg"
+alt="山水" />
+<figcaption aria-hidden="true">山水</figcaption>
+</figure>
+<h2 id="高阶语法">高阶语法</h2>
+<h3 id="内容目录">1. 内容目录</h3>
+<p>在段落中填写 <code>[TOC]</code> 或者<code>&#123;:toc&#125;</code>
+以显示全文内容的目录结构。</p>
+<p>[TOC] {:toc}</p>
+<h3 id="标签分类">2. 标签分类</h3>
+<p>在编辑区任意行的列首位置输入以下代码给文稿标签：</p>
+<p>标签： 数学 英语 Markdown</p>
+<p>或者</p>
+<p>Tags： 数学 英语 Markdown</p>
+<h3 id="删除线">3. 删除线</h3>
+<p>使用 ~~ 表示删除线。</p>
+<p><del>这是一段错误的文本。</del></p>
+<h3 id="注脚">4. 注脚</h3>
+<p>使用 [^keyword] 表示注脚。</p>
+<p>这是一个注脚<a href="#fn1" class="footnote-ref" id="fnref1"
+role="doc-noteref"><sup>1</sup></a>的样例。</p>
+<p>这是第二个注脚<a href="#fn2" class="footnote-ref" id="fnref2"
+role="doc-noteref"><sup>2</sup></a>的样例。</p>
+<h3 id="latex-公式">5. LaTeX 公式</h3>
+<p>$ 表示行内公式：</p>
+<p>质能守恒方程可以用一个很简洁的方程式 <span
+class="math inline">\(E=mc^2\)</span> 来表达。</p>
+<p>$$ 表示整行公式：</p>
+<p><span class="math display">\[\sum_{i=1}^n a_i=0\]</span></p>
+<p><span class="math display">\[f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 +
+\cdots + x_n^2 \]</span></p>
+<p><span class="math display">\[\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj}
+z_k}\]</span></p>
+<p>访问 <a
+href="http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference">MathJax</a>
+参考更多使用方法。</p>
+<h3 id="加强的代码块">6. 加强的代码块</h3>
+<p>支持四十一种编程语言的语法高亮的显示，行号显示。</p>
+<p>非代码示例：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">$ sudo apt-get install vim-gnome</span><br></pre></td></tr></table></figure>
+<p>Python 示例：</p>
+<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="meta">@requires_authorization</span></span><br><span class="line"><span class="keyword">def</span> <span class="title function_">somefunc</span>(<span class="params">param1=<span class="string">&#x27;&#x27;</span>, param2=<span class="number">0</span></span>):</span><br><span class="line">    <span class="string">&#x27;&#x27;&#x27;A docstring&#x27;&#x27;&#x27;</span></span><br><span class="line">    <span class="keyword">if</span> param1 &gt; param2: <span class="comment"># interesting</span></span><br><span class="line">        <span class="built_in">print</span> <span class="string">&#x27;Greater&#x27;</span></span><br><span class="line">    <span class="keyword">return</span> (param2 - param1 + <span class="number">1</span>) <span class="keyword">or</span> <span class="literal">None</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">class</span> <span class="title class_">SomeClass</span>:</span><br><span class="line">    <span class="keyword">pass</span></span><br><span class="line"></span><br><span class="line"><span class="meta">&gt;&gt;&gt; </span>message = <span class="string">&#x27;&#x27;&#x27;interpreter</span></span><br><span class="line"><span class="string"><span class="meta">... </span>prompt&#x27;&#x27;&#x27;</span></span><br></pre></td></tr></table></figure>
+<p>JavaScript 示例：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">/**</span></span><br><span class="line"><span class="comment">* nth element in the fibonacci series.</span></span><br><span class="line"><span class="comment">* <span class="doctag">@param</span> n &gt;= 0</span></span><br><span class="line"><span class="comment">* <span class="doctag">@return</span> the nth element, &gt;= 0.</span></span><br><span class="line"><span class="comment">*/</span></span><br><span class="line"><span class="keyword">function</span> <span class="title function_">fib</span>(<span class="params">n</span>) &#123;</span><br><span class="line">  <span class="keyword">var</span> a = <span class="number">1</span>, b = <span class="number">1</span>;</span><br><span class="line">  <span class="keyword">var</span> tmp;</span><br><span class="line">  <span class="keyword">while</span> (--n &gt;= <span class="number">0</span>) &#123;</span><br><span class="line">    tmp = a;</span><br><span class="line">    a += b;</span><br><span class="line">    b = tmp;</span><br><span class="line">  &#125;</span><br><span class="line">  <span class="keyword">return</span> a;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="variable language_">document</span>.<span class="title function_">write</span>(<span class="title function_">fib</span>(<span class="number">10</span>));</span><br></pre></td></tr></table></figure>
+<h3 id="流程图">7. 流程图</h3>
+<h4 id="示例">示例</h4>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">st=&gt;start: Start:&gt;https://www.zybuluo.com</span><br><span class="line">io=&gt;inputoutput: verification</span><br><span class="line">op=&gt;operation: Your Operation</span><br><span class="line">cond=&gt;condition: Yes or No?</span><br><span class="line">sub=&gt;subroutine: Your Subroutine</span><br><span class="line">e=&gt;end</span><br><span class="line"></span><br><span class="line">st-&gt;io-&gt;op-&gt;cond</span><br><span class="line">cond(yes)-&gt;e</span><br><span class="line">cond(no)-&gt;sub-&gt;io</span><br></pre></td></tr></table></figure>
+<h4 id="更多语法参考流程图语法参考">更多语法参考：<a
+href="http://adrai.github.io/flowchart.js/">流程图语法参考</a></h4>
+<h3 id="序列图">8. 序列图</h3>
+<h4 id="示例-1">示例 1</h4>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Alice-&gt;Bob: Hello Bob, how are you?</span><br><span class="line">Note right of Bob: Bob thinks</span><br><span class="line">Bob--&gt;Alice: I am good thanks!</span><br></pre></td></tr></table></figure>
+<h4 id="示例-2">示例 2</h4>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Title: Here is a title</span><br><span class="line">A-&gt;B: Normal line</span><br><span class="line">B--&gt;C: Dashed line</span><br><span class="line">C-&gt;&gt;D: Open arrow</span><br><span class="line">D--&gt;&gt;A: Dashed open arrow</span><br></pre></td></tr></table></figure>
+<h4 id="更多语法参考序列图语法参考">更多语法参考：<a
+href="http://bramp.github.io/js-sequence-diagrams/">序列图语法参考</a></h4>
+<h3 id="甘特图">9. 甘特图</h3>
+<p>甘特图内在思想简单。基本是一条线条图，横轴表示时间，纵轴表示活动（项目），线条表示在整个期间上计划和实际的活动完成情况。它直观地表明任务计划在什么时候进行，及实际进展与计划要求的对比。</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">title 项目开发流程</span><br><span class="line">section 项目确定</span><br><span class="line">    需求分析       :a1, 2016-06-22, 3d</span><br><span class="line">    可行性报告     :after a1, 5d</span><br><span class="line">    概念验证       : 5d</span><br><span class="line">section 项目实施</span><br><span class="line">    概要设计      :2016-07-05  , 5d</span><br><span class="line">    详细设计      :2016-07-08, 10d</span><br><span class="line">    编码          :2016-07-15, 10d</span><br><span class="line">    测试          :2016-07-22, 5d</span><br><span class="line">section 发布验收</span><br><span class="line">    发布: 2d</span><br><span class="line">    验收: 3d</span><br></pre></td></tr></table></figure>
+<h4 id="更多语法参考甘特图语法参考">更多语法参考：<a
+href="https://knsv.github.io/mermaid/#gant-diagrams">甘特图语法参考</a></h4>
+<h3 id="mermaid-流程图">10. Mermaid 流程图</h3>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">A[Hard edge] --&gt;|Link text| B(Round edge)</span><br><span class="line">B --&gt; C&#123;Decision&#125;</span><br><span class="line">C --&gt;|One| D[Result one]</span><br><span class="line">C --&gt;|Two| E[Result two]</span><br></pre></td></tr></table></figure>
+<h4 id="更多语法参考mermaid-流程图语法参考">更多语法参考：<a
+href="https://knsv.github.io/mermaid/#flowcharts-basic-syntax">Mermaid
+流程图语法参考</a></h4>
+<h3 id="mermaid-序列图">11. Mermaid 序列图</h3>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Alice-&gt;John: Hello John, how are you?</span><br><span class="line">loop every minute</span><br><span class="line">    John--&gt;Alice: Great!</span><br><span class="line">end</span><br></pre></td></tr></table></figure>
+<h4 id="更多语法参考mermaid-序列图语法参考">更多语法参考：<a
+href="https://knsv.github.io/mermaid/#sequence-diagrams">Mermaid
+序列图语法参考</a></h4>
+<h3 id="表格支持">12. 表格支持</h3>
+<p>Markdown 制作表格使用 | 来分隔不同的单元格，使用 -
+来分隔表头和其他行。</p>
+<p>语法格式如下：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">|  表头   | 表头  |</span><br><span class="line">|  ----  | ----  |</span><br><span class="line">| 单元格  | 单元格 |</span><br><span class="line">| 单元格  | 单元格 |</span><br></pre></td></tr></table></figure>
+<p>对齐方式</p>
+<p><strong>我们可以设置表格的对齐方式：</strong></p>
 <ul>
-<li>房间 id 后面有一个 # 号</li>
-<li>主题要用双引号括起来</li>
+<li>-: 设置内容和标题栏居右对齐。</li>
+<li>:- 设置内容和标题栏居左对齐。</li>
+<li>:-: 设置内容和标题栏居中对齐。</li>
+</ul>
+<p>实例如下：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">| 左对齐 | 右对齐 | 居中对齐 |</span><br><span class="line">| :-----| ----: | :----: |</span><br><span class="line">| 单元格 | 单元格 | 单元格 |</span><br><span class="line">| 单元格 | 单元格 | 单元格 |</span><br></pre></td></tr></table></figure>
+<p>效果如下：</p>
+<table>
+<thead>
+<tr class="header">
+<th>项目</th>
+<th style="text-align: right;">价格</th>
+<th style="text-align: center;">数量</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>计算机</td>
+<td style="text-align: right;">$1600</td>
+<td style="text-align: center;">5</td>
+</tr>
+<tr class="even">
+<td>手机</td>
+<td style="text-align: right;">$12</td>
+<td style="text-align: center;">12</td>
+</tr>
+<tr class="odd">
+<td>管线</td>
+<td style="text-align: right;">$1</td>
+<td style="text-align: center;">234</td>
+</tr>
+</tbody>
+</table>
+<h3 id="定义型列表">13. 定义型列表</h3>
+<dl>
+<dt>名词 1</dt>
+<dd>
+定义 1（左侧有一个可见的冒号和四个不可见的空格）
+</dd>
+<dt>代码块 2</dt>
+<dd>
+<p>这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）</p>
+<pre><code>代码块（左侧有八个不可见的空格）</code></pre>
+</dd>
+</dl>
+<h3 id="html-标签">14. Html 标签</h3>
+<p>本站支持在 Markdown 语法中嵌套 Html 标签，譬如，你可以用 Html
+写一个纵跨两行的表格：</p>
+<pre><code>&lt;table&gt;
+    &lt;tr&gt;
+        &lt;th rowspan=&quot;2&quot;&gt;值班人员&lt;/th&gt;
+        &lt;th&gt;星期一&lt;/th&gt;
+        &lt;th&gt;星期二&lt;/th&gt;
+        &lt;th&gt;星期三&lt;/th&gt;
+    &lt;/tr&gt;
+    &lt;tr&gt;
+        &lt;td&gt;李强&lt;/td&gt;
+        &lt;td&gt;张明&lt;/td&gt;
+        &lt;td&gt;王平&lt;/td&gt;
+    &lt;/tr&gt;
+&lt;/table&gt;</code></pre>
+<table>
+<tr>
+<th rowspan="2">
+值班人员
+</th>
+<th>
+星期一
+</th>
+<th>
+星期二
+</th>
+<th>
+星期三
+</th>
+</tr>
+<tr>
+<td>
+李强
+</td>
+<td>
+张明
+</td>
+<td>
+王平
+</td>
+</tr>
+</table>
+<h3 id="内嵌图标">15. 内嵌图标</h3>
+<p>本站的图标系统对外开放，在文档中输入</p>
+<pre><code>&lt;i class=&quot;icon-weibo&quot;&gt;&lt;/i&gt;</code></pre>
+<p>即显示微博的图标： <i class="icon-weibo icon-2x"></i></p>
+<p>替换 上述 <code>i 标签</code> 内的 <code>icon-weibo</code>
+以显示不同的图标，例如：</p>
+<pre><code>&lt;i class=&quot;icon-renren&quot;&gt;&lt;/i&gt;</code></pre>
+<p>即显示人人的图标： <i class="icon-renren icon-2x"></i></p>
+<p>更多的图标和玩法可以参看 <a
+href="http://fortawesome.github.io/Font-Awesome/3.2.1/icons/">font-awesome</a>
+官方网站。</p>
+<h3 id="待办事宜-todo-列表">16. 待办事宜 Todo 列表</h3>
+<p>使用带有 [ ] 或 [x]
+（未完成或已完成）项的列表语法撰写一个待办事宜列表，并且支持子列表嵌套以及混用Markdown语法，例如：</p>
+<pre><code>- [ ] **Cmd Markdown 开发**
+    - [ ] 改进 Cmd 渲染算法，使用局部渲染技术提高渲染效率
+    - [ ] 支持以 PDF 格式导出文稿
+    - [x] 新增Todo列表功能 [语法参考](https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments)
+    - [x] 改进 LaTex 功能
+        - [x] 修复 LaTex 公式渲染问题
+        - [x] 新增 LaTex 公式编号功能 [语法参考](http://docs.mathjax.org/en/latest/tex.html#tex-eq-numbers)
+- [ ] **七月旅行准备**
+    - [ ] 准备邮轮上需要携带的物品
+    - [ ] 浏览日本免税店的物品
+    - [x] 购买蓝宝石公主号七月一日的船票</code></pre>
+<p>对应显示如下待办事宜 Todo 列表：</p>
+<ul class="task-list">
+<li><input type="checkbox" /><strong>Cmd Markdown 开发</strong>
+<ul class="task-list">
+<li><input type="checkbox" />改进 Cmd
+渲染算法，使用局部渲染技术提高渲染效率</li>
+<li><input type="checkbox" />支持以 PDF 格式导出文稿</li>
+<li><input type="checkbox" checked="" />新增Todo列表功能 <a
+href="https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments">语法参考</a></li>
+<li><input type="checkbox" checked="" />改进 LaTex 功能
+<ul class="task-list">
+<li><input type="checkbox" checked="" />修复 LaTex 公式渲染问题</li>
+<li><input type="checkbox" checked="" />新增 LaTex 公式编号功能 <a
+href="http://docs.mathjax.org/en/latest/tex.html#tex-eq-numbers">语法参考</a></li>
+</ul></li>
+</ul></li>
+<li><input type="checkbox" /><strong>七月旅行准备</strong>
+<ul class="task-list">
+<li><input type="checkbox" />准备邮轮上需要携带的物品</li>
+<li><input type="checkbox" />浏览日本免税店的物品</li>
+<li><input type="checkbox"
+checked="" />购买蓝宝石公主号七月一日的船票</li>
+</ul></li>
 </ul>
-</blockquote>
-<h2 id="使用租户模式">使用租户模式</h2>
-<p>租户模式格式如下：</p>
-<p><code>https://domain.com/tenant/roomname</code></p>
-<p>tenant 代表租户名称，可以通过创建不同的租户来隔离同名的房间</p>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://community.jitsi.org/t/solved-is-there-any-way-to-add-room-name-description/73250/7">Is
-there any way to add room name/description</a></p>
-<p><a
-href="https://community.jitsi.org/t/jitsi-prefix-room-name/113814/15">jitsi-prefix-room-name</a></p>
+<aside id="footnotes" class="footnotes footnotes-end-of-document"
+role="doc-endnotes">
+<hr />
+<ol>
+<li id="fn1"><p>这是一个 <em>注脚</em> 的 <strong>文本</strong>。<a
+href="#fnref1" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
+<li id="fn2"><p>这是另一个 <em>注脚</em> 的 <strong>文本</strong>。<a
+href="#fnref2" class="footnote-back" role="doc-backlink">↩︎</a></p></li>
+</ol>
+</aside>
 ]]></content>
       <categories>
         <category>Software</category>
-        <category>JitsiMeet</category>
+        <category>Markdown</category>
       </categories>
       <tags>
-        <tag>Software</tag>
-        <tag>jitsi</tag>
+        <tag>Markdown</tag>
       </tags>
   </entry>
   <entry>
@@ -20427,77 +20632,187 @@ href="https://github.com/minio/minio-js/issues/842#issuecomment-810282099">minio
       </tags>
   </entry>
   <entry>
-    <title>z.lua 安装</title>
-    <url>/posts/2023/1JSFERW.html</url>
-    <content><![CDATA[<p>z.lua 是一个快速路径切换工具，它会跟踪你在 shell
-下访问过的路径，通过一套称为 Frecent 的机制（源自
-FireFox），经过一段简短的学习之后，z.lua
-会帮你跳转到所有匹配正则关键字的路径里 Frecent 值最高的那条路径去。</p>
+    <title>Minio-js的正确安装与使用</title>
+    <url>/posts/2022/2N5VCDY.html</url>
+    <content><![CDATA[<p>本文主要介绍 <code>minio-js</code>
+的正确安装与使用。在网上搜了好久，都没有找到一个能正常运行
+<code>minio-js</code> 的使用教程，包括官网。所以本文对此进行总结。</p>
 <span id="more"></span>
-<h2 id="安装-lua-环境">安装 lua 环境</h2>
-<p>使用 <code>scoop install lua</code> 安装 lua 环境</p>
-<h2 id="下载-z.lua">下载 z.lua</h2>
-<p>可以直接下载 z.lua 整个 git 仓库，方便后续升级。</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">git clone https://github.com/skywind3000/z.lua.git</span><br></pre></td></tr></table></figure>
-<h2 id="powershell-配置">powershell 配置</h2>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 打开配置文件</span></span><br><span class="line">notepad <span class="variable">$profile</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加如下配置</span></span><br><span class="line"><span class="comment"># z.lua 配置</span></span><br><span class="line"><span class="comment"># once 表示只有当前路径改变，才会将新路径添加到数据库</span></span><br><span class="line"><span class="comment"># enhanced 表示使用增强匹配算法，具体参考其官方说明</span></span><br><span class="line"><span class="built_in">Invoke-Expression</span> (&amp; &#123; (lua D:/Application/z.lua/z.lua <span class="literal">--init</span> powershell once enhanced) <span class="operator">-join</span> <span class="string">&quot;`n&quot;</span> &#125;)</span><br></pre></td></tr></table></figure>
-<p><code>-i</code> 参数仅在有多个候选项时才会出现，<code>enhanced</code>
-状态下，一般只会匹配到一个数据。</p>
-<h2 id="增强模式匹配逻辑">增强模式匹配逻辑</h2>
-<p>对于一个给定的正则关键字序列（即 z
-命令后面的参数），只有同时满足两个条件才算匹配成功：</p>
+<h2 id="正文">正文</h2>
+<h3 id="node-环境安装">node 环境安装</h3>
+<p>运行该示例包，需要在 node 环境下，一般使用这个包的，都有 node
+环境，此处不再赘述。</p>
+<blockquote>
+<p>如果没有 node 环境，可以使用 scoop 安装，很是方便。</p>
+<p>scoop 安装方法：https://galens.uamazing.cn/2020/14XXNWG.html</p>
+</blockquote>
+<h3 id="下载源码">下载源码</h3>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">git clone https://github.com/minio/minio<span class="literal">-js</span></span><br><span class="line"><span class="built_in">cd</span> minio<span class="literal">-js</span></span><br><span class="line"><span class="comment"># 安装依赖包</span></span><br><span class="line">npm install</span><br><span class="line"><span class="comment"># 下面的步骤可选</span></span><br><span class="line"><span class="comment"># 代表将 minio-js 作为一个包安装到 nodejs 全局的 node_modules 中</span></span><br><span class="line"><span class="comment"># 由于是本地目录，所以 node_modules 中的 minio-js 相当于一个快捷方式</span></span><br><span class="line">npm install <span class="literal">-g</span></span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>暂时没有发现 <code>npm install -g</code>
+之后对于测试有什么方便的地方，所以本文就不运行该行命令</p>
+</blockquote>
+<h3 id="安装-minio">安装 minio</h3>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">--save</span> minio</span><br></pre></td></tr></table></figure>
+<h2 id="怎么运行示例">怎么运行示例</h2>
+<p>在项目的 examples
+目录下，我们可以看到有很多的例子，如果要运行某个示例，运行如下命令：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 格式</span></span><br><span class="line">node relativePath</span><br><span class="line"></span><br><span class="line"><span class="comment"># 如果当前在 minio-js 目录，要运行 bucket-exists.js 示例</span></span><br><span class="line">node examples/bucket<span class="literal">-exists</span></span><br></pre></td></tr></table></figure>
+<h3 id="自定义测试">自定义测试</h3>
+<p>当然，自己也可以自定义 minio
+运行脚本来进行测试。参考示例中的文件编写即可。</p>
+<blockquote>
+<p><strong>注意：</strong></p>
+<p>只支持 CommonJs 语法，不支持 ES6 语法。</p>
+</blockquote>
+<h2 id="参考">参考</h2>
 <ol type="1">
-<li>正则关键字将按顺序进行匹配（这条和默认匹配法相同）。</li>
-<li>最后一个关键字可以和路径名的最后一段相匹配。</li>
-<li>如果两条规则同时启用找不到任何结果，那么将会退回到只用规则 1
-进行筛选。</li>
+<li><a href="https://github.com/minio/minio-js">github 官方文档</a></li>
 </ol>
-<p>详细查看：<a
-href="https://www.bookstack.cn/read/z.lua-zh/spilt.9.README.cn.md">增强匹配算法</a></p>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://github.com/skywind3000/z.lua/blob/master/README.cn.md">z.lua
-官方说明(中文)</a></p>
-<p><a href="https://www.bookstack.cn/read/z.lua-zh/README.cn.md">z.lua
-中文文档</a></p>
 ]]></content>
       <categories>
         <category>Software</category>
-        <category>Powershell</category>
+        <category>Minio</category>
       </categories>
       <tags>
-        <tag>Software</tag>
-        <tag>Powershell</tag>
+        <tag>Minio</tag>
+        <tag>Minio-js</tag>
+        <tag>Javalscript</tag>
+        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
-    <title>JitsiMeet 进行压力测试</title>
-    <url>/posts/2023/3G78E45.html</url>
-    <content><![CDATA[<p>当私有化部署 jitsi-meet
-后，需要对它进行压力测试来评估其性能，通过官方提供的 <a
-href="https://github.com/jitsi/jitsi-meet-torture">jitsi/jitsi-meet-torture</a>
-工具来进行测试评估。</p>
+    <title>Windows 中部署 Minio 独立对象存储服务</title>
+    <url>/posts/2022/1M5FEQF.html</url>
+    <content><![CDATA[<figure>
+<img
 data-src="https://raw.githubusercontent.com/minio/minio/master/.github/logo.svg?sanitize=true"
+alt="https://min.io/" />
+<figcaption aria-hidden="true">https://min.io/</figcaption>
+</figure>
+<p>本文主要记录在 windows x64 位系统上安装 minio
+独立对象存储服务的流程。</p>
 <span id="more"></span>
-<h2 id="操作步骤">操作步骤</h2>
-<h3 id="下载jitsi-meet-torture">下载jitsi-meet-torture</h3>
-<h3 id="安装环境">安装环境</h3>
-<h3 id="配置测试文件">配置测试文件</h3>
-<h3 id="开始测试">开始测试</h3>
+<h2 id="下载">下载</h2>
+<ol type="1">
+<li><p>使用 scoop 下载</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">scoop install minio</span><br></pre></td></tr></table></figure></li>
+<li><p>下载 release 版本</p>
+<p>从下载地址下载：<code>https://dl.min.io/server/minio/release/windows-amd64/minio.exe</code></p></li>
+</ol>
+<h2 id="安装">安装</h2>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>Minio</category>
+      </categories>
+      <tags>
+        <tag>minio</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>使用 OfficeToolPlus 安装和激活 Office</title>
+    <url>/posts/2023/3H07Q23.html</url>
+    <content><![CDATA[<p><a href="https://otp.landian.vip/zh-cn/">Office Tool Plus</a>
+是一个强大且实用的 Office 部署工具。</p>
+<p>Office Tool Plus 基于 <a href="https://aka.ms/ODT">Office
+部署工具</a> 和 <a
+href="https://docs.microsoft.com/en-us/DeployOffice/vlactivation/tools-to-manage-volume-activation-of-office">OSPP</a>
+制作，可以很方便的部署 Office，其内置迅雷引擎可帮助您更快地下载
+Office，当然，你也可以使用 Office Tool Plus
+内置的各种小工具或者功能快捷、方便地激活和管理 Office 哦！</p>
+<blockquote>
+<p>系统要求：Windows 10 或更高版本，不支持其他操作系统（例如 Linux 或
+macOS）。</p>
+</blockquote>
+<span id="more"></span>
+<p>若是 win10 以下的系统，推荐使用手动激活的方式：<a
+href="https://v0v.bid/kms.php">Windows/Office一键激活</a></p>
+<h2 id="软件下载">软件下载</h2>
+<p>打开下载界面: <a
+href="https://otp.landian.vip/zh-cn/download.html">下载 | Office Tool
+Plus 官方网站 (landian.vip)</a></p>
+<p>按图中所示选择版本进行下载。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605092738025.png"
+alt="image-20230605092738025" />
+<figcaption aria-hidden="true">image-20230605092738025</figcaption>
+</figure>
+<h2 id="office-安装">Office 安装</h2>
+<p>下载完成后，将压缩包解压，然后单击 <code>Office Tool Plus.exe</code>
+打开安装界面</p>
+<ol type="1">
+<li><p>选择【部署】</p></li>
+<li><p>选择安装 office 版本</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605093617556.png"
+alt="image-20230605093617556" />
+<figcaption aria-hidden="true">image-20230605093617556</figcaption>
+</figure>
+<blockquote>
+<p>建议选择带有年份的升级版本，比如 Office 2021
+企业长期版本，下方将以该版本为例进行安装</p>
+</blockquote></li>
+<li><p>选择要安装的产品</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605093736350.png"
+alt="image-20230605093736350" />
+<figcaption aria-hidden="true">image-20230605093736350</figcaption>
+</figure></li>
+<li><p>添加语言</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605093819077.png"
+alt="image-20230605093819077" />
+<figcaption aria-hidden="true">image-20230605093819077</figcaption>
+</figure></li>
+<li><p>开始部署</p>
+<p>单击【开始部署】进行下载和安装<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605093932995.png"
+alt="image-20230605093932995" /></p></li>
+</ol>
+<h2 id="office-激活">Office 激活</h2>
+<p>当提示安装完成后，单击左侧菜单【激活】跳转到激活页面。</p>
+<p>可按下图的步骤进行安装：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605094214932.png"
+alt="image-20230605094214932" />
+<figcaption aria-hidden="true">image-20230605094214932</figcaption>
+</figure>
+<p>安装详细步骤如下：</p>
+<ol type="1">
+<li><p>展开许可证管理</p></li>
+<li><p>安装许可证</p>
+<p>选择在部署步骤中安装的 Office 版本，然后单击【确定(O)】安装许可证</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605094445942.png"
+alt="image-20230605094445942" />
+<figcaption aria-hidden="true">image-20230605094445942</figcaption>
+</figure></li>
+<li><p>设置 KMS 激活服务器</p>
+<p>可以在 https://www.kms.pub/rank.html 处查询 KMS
+服务器，推荐使用检测成功次数较多的服务器，比如：<code>win.kms.pub</code></p>
+<p>将激活服务器网址输入到 KMS
+主机名称框中，然后单击【设置主机(S)】</p></li>
+<li><p>单击【激(A)】进行激活</p>
+<p>出现如下提示则代表激活成功：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605094921072.png"
+alt="image-20230605094921072" />
+<figcaption aria-hidden="true">image-20230605094921072</figcaption>
+</figure></li>
+</ol>
 <h2 id="参考">参考</h2>
-<p><a
-href="https://segmentfault.com/a/1190000023034386">jitsi压力测试安装并使用
-- 个人文章 - SegmentFault 思否</a></p>
-<p><a
-href="https://github.com/jitsi/jitsi-meet-torture">jitsi/jitsi-meet-torture
-(github.com)</a></p>
+<ol type="1">
+<li><a href="https://otp.landian.vip/zh-cn/">Office Tool Plus</a></li>
+<li><a href="https://www.coolhub.top/">Yerong™ | NekoNeko</a></li>
+</ol>
 ]]></content>
       <categories>
         <category>Software</category>
-        <category>JitsiMeet</category>
+        <category>Office</category>
       </categories>
       <tags>
         <tag>Software</tag>
-        <tag>Jitsi</tag>
+        <tag>Office</tag>
+        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
@@ -20550,53 +20865,47 @@ href="https://github.com/skywind3000/z.lua/blob/master/README.cn.md">z.lua</a></
       </tags>
   </entry>
   <entry>
-    <title>Minio-js的正确安装与使用</title>
-    <url>/posts/2022/2N5VCDY.html</url>
-    <content><![CDATA[<p>本文主要介绍 <code>minio-js</code>
-的正确安装与使用。在网上搜了好久，都没有找到一个能正常运行
-<code>minio-js</code> 的使用教程，包括官网。所以本文对此进行总结。</p>
+    <title>z.lua 安装</title>
+    <url>/posts/2023/1JSFERW.html</url>
+    <content><![CDATA[<p>z.lua 是一个快速路径切换工具，它会跟踪你在 shell
+下访问过的路径，通过一套称为 Frecent 的机制（源自
+FireFox），经过一段简短的学习之后，z.lua
+会帮你跳转到所有匹配正则关键字的路径里 Frecent 值最高的那条路径去。</p>
 <span id="more"></span>
-<h2 id="正文">正文</h2>
-<h3 id="node-环境安装">node 环境安装</h3>
-<p>运行该示例包，需要在 node 环境下，一般使用这个包的，都有 node
-环境，此处不再赘述。</p>
-<blockquote>
-<p>如果没有 node 环境，可以使用 scoop 安装，很是方便。</p>
-<p>scoop 安装方法：https://galens.uamazing.cn/2020/14XXNWG.html</p>
-</blockquote>
-<h3 id="下载源码">下载源码</h3>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">git clone https://github.com/minio/minio<span class="literal">-js</span></span><br><span class="line"><span class="built_in">cd</span> minio<span class="literal">-js</span></span><br><span class="line"><span class="comment"># 安装依赖包</span></span><br><span class="line">npm install</span><br><span class="line"><span class="comment"># 下面的步骤可选</span></span><br><span class="line"><span class="comment"># 代表将 minio-js 作为一个包安装到 nodejs 全局的 node_modules 中</span></span><br><span class="line"><span class="comment"># 由于是本地目录，所以 node_modules 中的 minio-js 相当于一个快捷方式</span></span><br><span class="line">npm install <span class="literal">-g</span></span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>暂时没有发现 <code>npm install -g</code>
-之后对于测试有什么方便的地方，所以本文就不运行该行命令</p>
-</blockquote>
-<h3 id="安装-minio">安装 minio</h3>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">--save</span> minio</span><br></pre></td></tr></table></figure>
-<h2 id="怎么运行示例">怎么运行示例</h2>
-<p>在项目的 examples
-目录下，我们可以看到有很多的例子，如果要运行某个示例，运行如下命令：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 格式</span></span><br><span class="line">node relativePath</span><br><span class="line"></span><br><span class="line"><span class="comment"># 如果当前在 minio-js 目录，要运行 bucket-exists.js 示例</span></span><br><span class="line">node examples/bucket<span class="literal">-exists</span></span><br></pre></td></tr></table></figure>
-<h3 id="自定义测试">自定义测试</h3>
-<p>当然，自己也可以自定义 minio
-运行脚本来进行测试。参考示例中的文件编写即可。</p>
-<blockquote>
-<p><strong>注意：</strong></p>
-<p>只支持 CommonJs 语法，不支持 ES6 语法。</p>
-</blockquote>
-<h2 id="参考">参考</h2>
+<h2 id="安装-lua-环境">安装 lua 环境</h2>
+<p>使用 <code>scoop install lua</code> 安装 lua 环境</p>
+<h2 id="下载-z.lua">下载 z.lua</h2>
+<p>可以直接下载 z.lua 整个 git 仓库，方便后续升级。</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">git clone https://github.com/skywind3000/z.lua.git</span><br></pre></td></tr></table></figure>
+<h2 id="powershell-配置">powershell 配置</h2>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 打开配置文件</span></span><br><span class="line">notepad <span class="variable">$profile</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加如下配置</span></span><br><span class="line"><span class="comment"># z.lua 配置</span></span><br><span class="line"><span class="comment"># once 表示只有当前路径改变，才会将新路径添加到数据库</span></span><br><span class="line"><span class="comment"># enhanced 表示使用增强匹配算法，具体参考其官方说明</span></span><br><span class="line"><span class="built_in">Invoke-Expression</span> (&amp; &#123; (lua D:/Application/z.lua/z.lua <span class="literal">--init</span> powershell once enhanced) <span class="operator">-join</span> <span class="string">&quot;`n&quot;</span> &#125;)</span><br></pre></td></tr></table></figure>
+<p><code>-i</code> 参数仅在有多个候选项时才会出现，<code>enhanced</code>
+状态下，一般只会匹配到一个数据。</p>
+<h2 id="增强模式匹配逻辑">增强模式匹配逻辑</h2>
+<p>对于一个给定的正则关键字序列（即 z
+命令后面的参数），只有同时满足两个条件才算匹配成功：</p>
 <ol type="1">
-<li><a href="https://github.com/minio/minio-js">github 官方文档</a></li>
+<li>正则关键字将按顺序进行匹配（这条和默认匹配法相同）。</li>
+<li>最后一个关键字可以和路径名的最后一段相匹配。</li>
+<li>如果两条规则同时启用找不到任何结果，那么将会退回到只用规则 1
+进行筛选。</li>
 </ol>
+<p>详细查看：<a
+href="https://www.bookstack.cn/read/z.lua-zh/spilt.9.README.cn.md">增强匹配算法</a></p>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://github.com/skywind3000/z.lua/blob/master/README.cn.md">z.lua
+官方说明(中文)</a></p>
+<p><a href="https://www.bookstack.cn/read/z.lua-zh/README.cn.md">z.lua
+中文文档</a></p>
 ]]></content>
       <categories>
         <category>Software</category>
-        <category>Minio</category>
+        <category>Powershell</category>
       </categories>
       <tags>
-        <tag>Minio</tag>
-        <tag>Minio-js</tag>
-        <tag>Javalscript</tag>
-        <tag>galens</tag>
+        <tag>Software</tag>
+        <tag>Powershell</tag>
       </tags>
   </entry>
   <entry>
@@ -20649,6 +20958,30 @@ alt="image-20230614001020595" />
         <tag>galens</tag>
       </tags>
   </entry>
+  <entry>
+    <title>Redis6 及以后版本安装为 windows 服务</title>
+    <url>/posts/2023/2N7QY7C.html</url>
+    <content><![CDATA[<p>网上安装 redis 为 windows 服务的教程大多基于 redis3
+编写的，然而这并不适用于 redis 更高的版本。redis
+高版本安装为服务应使用如下方法：</p>
+<span id="more"></span>
+<p>一定要安在 <a
+href="https://github.com/redis-windows/redis-windows/releases">Redis for
+Windows Release</a> 中下载 <code>xxx-Service 版本</code> 来安装。</p>
+<p>以管理员身份运行终端：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 创建 redis 服务</span></span><br><span class="line"><span class="built_in">sc</span> create Redis binpath=C:\Software\Redis\RedisService.exe <span class="built_in">start</span>=auto</span><br><span class="line"></span><br><span class="line"><span class="comment"># 启动服务</span></span><br><span class="line">net <span class="built_in">start</span> Redis</span><br><span class="line"></span><br><span class="line"><span class="comment"># 关闭服务</span></span><br><span class="line">net stop Redis</span><br><span class="line"></span><br><span class="line"><span class="comment"># 卸载服务</span></span><br><span class="line"><span class="built_in">sc</span> delete Redis</span><br></pre></td></tr></table></figure>
+<p><strong>参考：</strong></p>
+<p>https://github.com/redis-windows/redis-windows</p>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>Redis</category>
+      </categories>
+      <tags>
+        <tag>Software</tag>
+        <tag>Redis</tag>
+      </tags>
+  </entry>
   <entry>
     <title>scoop 安装与重置</title>
     <url>/posts/2020/WCF13S.html</url>
@@ -20714,6 +21047,72 @@ Framework，下载地址：https://www.microsoft.com/en-us/download/details.aspx
         <tag>galens</tag>
       </tags>
   </entry>
+  <entry>
+    <title>vscode 个人常用快捷键</title>
+    <url>/posts/2020/1G6WK1H.html</url>
+    <content><![CDATA[<p>总结一下 vscode 的常用快捷键，避免在今后的开发中遗忘，同时，也减少从
+google 查询相关资料的时间。</p>
+<span id="more"></span>
+<h2 id="快捷键">快捷键</h2>
+<h3 id="基本">基本</h3>
+<table>
+<thead>
+<tr class="header">
+<th>功能</th>
+<th>快捷键</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>F1</td>
+<td>Show Command Palette</td>
+</tr>
+<tr class="even">
+<td>Ctrl+,</td>
+<td>User Settings</td>
+</tr>
+<tr class="odd">
+<td>Ctrl+K Ctrl+S</td>
+<td>Keyboard Shortcuts</td>
+</tr>
+</tbody>
+</table>
+<h3 id="编辑">编辑</h3>
+<table>
+<thead>
+<tr class="header">
+<th>功能</th>
+<th>快捷键</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>Ctrl+/</td>
+<td>Toggle line comment</td>
+</tr>
+<tr class="even">
+<td>Ctrl+ left click</td>
+<td>jump to definition</td>
+</tr>
+</tbody>
+</table>
+<h2 id="设置">设置</h2>
+<h3 id="右侧预览小地图">右侧预览小地图</h3>
+<p>右侧预览要地图要的名称叫 Minimap, 如果要打开或者关闭，在设置里面搜索
+minimap，然后在 enable 那项打上钩就可以了。</p>
+<h2 id="更多">更多</h2>
+<p>All: https://code.visualstudio.com/docs/getstarted/keybindings</p>
+<p>windows：
+https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf</p>
+]]></content>
+      <categories>
+        <category>Software</category>
+        <category>VSCode</category>
+      </categories>
+      <tags>
+        <tag>vscode</tag>
+      </tags>
+  </entry>
   <entry>
     <title>vscode 中使用 prettier 格式化代码和 eslint 校验语法</title>
     <url>/posts/2021/2VC1G0D.html</url>
@@ -20890,72 +21289,6 @@ terminal 官方文档</a></p>
         <tag>WindowsTerminal</tag>
       </tags>
   </entry>
-  <entry>
-    <title>vscode 个人常用快捷键</title>
-    <url>/posts/2020/1G6WK1H.html</url>
-    <content><![CDATA[<p>总结一下 vscode 的常用快捷键，避免在今后的开发中遗忘，同时，也减少从
-google 查询相关资料的时间。</p>
-<span id="more"></span>
-<h2 id="快捷键">快捷键</h2>
-<h3 id="基本">基本</h3>
-<table>
-<thead>
-<tr class="header">
-<th>功能</th>
-<th>快捷键</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>F1</td>
-<td>Show Command Palette</td>
-</tr>
-<tr class="even">
-<td>Ctrl+,</td>
-<td>User Settings</td>
-</tr>
-<tr class="odd">
-<td>Ctrl+K Ctrl+S</td>
-<td>Keyboard Shortcuts</td>
-</tr>
-</tbody>
-</table>
-<h3 id="编辑">编辑</h3>
-<table>
-<thead>
-<tr class="header">
-<th>功能</th>
-<th>快捷键</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>Ctrl+/</td>
-<td>Toggle line comment</td>
-</tr>
-<tr class="even">
-<td>Ctrl+ left click</td>
-<td>jump to definition</td>
-</tr>
-</tbody>
-</table>
-<h2 id="设置">设置</h2>
-<h3 id="右侧预览小地图">右侧预览小地图</h3>
-<p>右侧预览要地图要的名称叫 Minimap, 如果要打开或者关闭，在设置里面搜索
-minimap，然后在 enable 那项打上钩就可以了。</p>
-<h2 id="更多">更多</h2>
-<p>All: https://code.visualstudio.com/docs/getstarted/keybindings</p>
-<p>windows：
-https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf</p>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>VSCode</category>
-      </categories>
-      <tags>
-        <tag>vscode</tag>
-      </tags>
-  </entry>
   <entry>
     <title>Windows Terminal 终端安装及美化</title>
     <url>/posts/2021/3APEE3Y.html</url>
@@ -21249,31 +21582,83 @@ href="https://dotnet.microsoft.com/download/dotnet-framework">&gt;&gt;&gt;传送
       </tags>
   </entry>
   <entry>
-    <title>Windows 中部署 Minio 独立对象存储服务</title>
-    <url>/posts/2022/1M5FEQF.html</url>
+    <title>iEPC 设计协同使用教程</title>
+    <url>/posts/2023/2W88WG9.html</url>
     <content><![CDATA[<figure>
-<img
 data-src="https://raw.githubusercontent.com/minio/minio/master/.github/logo.svg?sanitize=true"
-alt="https://min.io/" />
-<figcaption aria-hidden="true">https://min.io/</figcaption>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809125317359.png"
+alt="image-20230809125317359" />
+<figcaption aria-hidden="true">image-20230809125317359</figcaption>
 </figure>
-<p>本文主要记录在 windows x64 位系统上安装 minio
-独立对象存储服务的流程。</p>
+<p>iEPC数字化全过程工程管理平台（以下简称
+iEPC）是一个集项目管理、OA办公、BIM生命周期应用、工程AI
+等多功能于一体的综合性平台，它打通了从设计到施工和运营的工程项目全生命周期管理流程，为工程建设进行高效的数字化赋能。</p>
+<p>本文将介绍如何基于该平台实现设计协同。</p>
 <span id="more"></span>
-<h2 id="下载">下载</h2>
-<ol type="1">
-<li><p>使用 scoop 下载</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">scoop install minio</span><br></pre></td></tr></table></figure></li>
-<li><p>下载 release 版本</p>
-<p>从下载地址下载：<code>https://dl.min.io/server/minio/release/windows-amd64/minio.exe</code></p></li>
-</ol>
-<h2 id="安装">安装</h2>
+<h2 id="软件安装">软件安装</h2>
+<p>软件安装参考：<a href="/posts/2022/R23RB6.html">iEPC 安装教程</a></p>
+<blockquote>
+<p>设计人员必须要使用 iEPC 桌面端才可使用设计协同的高级功能</p>
+</blockquote>
+<h2 id="设计协同介绍">设计协同介绍</h2>
+<h3 id="项目创建及任务安排">项目创建及任务安排</h3>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809130745354.png"
+alt="image-20230809130745354" />
+<figcaption aria-hidden="true">image-20230809130745354</figcaption>
+</figure>
+<h3 id="协同流程">协同流程</h3>
+<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809131000633.png" alt="image-20230809131000633" style="height:450px" /></p>
+<h2 id="详细使用文档">详细使用文档</h2>
+<p>在日常的使用中，可以按下列的流程，一步一步来操作。</p>
+<h3 id="iepc-登陆">iEPC 登陆</h3>
+<p>单击打开 iEPC 桌面端安装包中的
+<code>iEPCDesktop.exe</code>，输入账号密码登陆。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809125317359.png"
+alt="image-20230809125317359" />
+<figcaption aria-hidden="true">image-20230809125317359</figcaption>
+</figure>
+<h3 id="新建本地工作目录">新建本地工作目录</h3>
+<p>什么是本地工作目录？</p>
+<p>本地工作目录是指在自己电脑上，项目文件保存的目录位置，且该目录中必须有以自己名字命名的目录。</p>
+<p>今后属于自己设计文件都放到自己名字的目录下，自己名字目录中的子目录可以按项目或自己的风格进行自行管理。</p>
+<p>为了方便演示，新建一个工作目录
+<code>C:\Users\galens\Desktop\temp\协同平台测试\施工图</code>，同时在该目录下创建一个以设计人员
+<code>甘明昔</code> 为名称的目录，如下图所示：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809133109020.png"
+alt="image-20230809133109020" />
+<figcaption aria-hidden="true">image-20230809133109020</figcaption>
+</figure>
+<h3 id="项目登陆">项目登陆</h3>
+<p>登陆系统后，会进入到【首页】，点击【请登陆项目】打开项目登陆界面。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809131648409.png"
+alt="image-20230809131648409" />
+<figcaption aria-hidden="true">image-20230809131648409</figcaption>
+</figure>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809132233140.png"
+alt="image-20230809132233140" />
+<figcaption aria-hidden="true">image-20230809132233140</figcaption>
+</figure>
+<p>点击【登陆】后，会提示 "登陆成功" 表示已经成功登陆项目了。</p>
+<blockquote>
+<p>复制本地目录时需注意：</p>
+<p>目录的最后一级不能有  号</p>
+</blockquote>
+<h3 id="上传设计文件">上传设计文件</h3>
+<h3 id="提交校审">提交校审</h3>
+<p>校审的主要流程下图所示：</p>
 ]]></content>
       <categories>
         <category>Software</category>
-        <category>Minio</category>
+        <category>iEPC</category>
       </categories>
       <tags>
-        <tag>minio</tag>
+        <tag>Software</tag>
+        <tag>iEPC</tag>
+        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
@@ -21628,270 +22013,60 @@ Docker 官网下载 Docker Desktop
 <figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="built_in">Restart-Computer</span></span><br></pre></td></tr></table></figure></li>
 <li><p>重启后，打开 PowerShell</p>
 <figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 查看docker安装版本</span></span><br><span class="line">docker version</span><br><span class="line"></span><br><span class="line"><span class="comment"># 启动容器</span></span><br><span class="line">net <span class="built_in">start</span> docker</span><br></pre></td></tr></table></figure></li>
-<li><p>修改镜像源</p>
-<p>在 <code>C:\ProgramData\docker\config\daemon.json</code>
-文件（如果不存在，则新建一个）中添加下列内容：</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;registry-mirrors&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;https://letnjuzg.mirror.aliyuncs.com&quot;</span><span class="punctuation">,</span><span class="string">&quot;https://registry.cn-hangzhou.aliyuncs.com&quot;</span><span class="punctuation">,</span><span class="string">&quot;https://mirror.ccs.tencentyun.com&quot;</span><span class="punctuation">,</span><span class="string">&quot;https://registry.docker-cn.com&quot;</span><span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure></li>
-<li><p>通过运行<code>hello-world</code>容器来测试Docker
-Engine-Enterprise安装</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">docker run -p 52780:80 hello-world</span><br></pre></td></tr></table></figure></li>
-</ol>
-<h2 id="手动安装">手动安装</h2>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="built_in">cd</span> C:\Users\Administrator\AppData\Local\Temp\<span class="number">2</span>\DockerProvider</span><br><span class="line"></span><br><span class="line"><span class="comment"># 打开配置文件 Docker_DockerSearchIndex.json 找到 preview 版本的 docker 链接进行下载，然后将下载的压缩包放到上面的目录中</span></span><br><span class="line"></span><br><span class="line"><span class="built_in">Start-BitsTransfer</span> <span class="literal">-Source</span> https://dockermsft.blob.core.windows.net/dockercontainer/docker<span class="literal">-18-09-0</span>.zip <span class="literal">-Destination</span> docker<span class="literal">-18-09-0</span>.zip</span><br><span class="line"></span><br><span class="line"><span class="built_in">Get-FileHash</span> <span class="literal">-Path</span> docker<span class="literal">-18-09-0</span>.zip <span class="literal">-Algorithm</span> SHA256</span><br><span class="line"></span><br><span class="line"><span class="built_in">Install-Package</span> <span class="literal">-Name</span> docker <span class="literal">-ProviderName</span> DockerMsftProvider <span class="literal">-Verbose</span></span><br><span class="line"></span><br><span class="line"><span class="built_in">Restart-Computer</span> <span class="literal">-Force</span></span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>下载地址可以查看 C:\2目录中的 json 文件</p>
-</blockquote>
-<h2 id="更新">更新</h2>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="built_in">Install-Package</span> <span class="literal">-Name</span> docker <span class="literal">-ProviderName</span> DockerProvider <span class="literal">-RequiredVersion</span> preview <span class="literal">-Update</span> <span class="literal">-Force</span></span><br></pre></td></tr></table></figure>
-<h2 id="使用">使用</h2>
-<p>在使用的过程中可能遇到一些问题，总结如下：</p>
-<ol type="1">
-<li><p><code>In the default daemon configuration on Windows, the docker client must be run with elevated privileges to connect.</code></p>
-<p>有可能是 docker 没有启动，输入 <code>net start docker</code> 启动
-docker 就可以 了。</p></li>
-<li><p>提示
-<code>image: operating system linux cannot be used on this platform windows</code></p>
-<p>此种情况，需要切换为 linux 容器，使用如下命令切换：</p>
-<p><figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">[<span class="type">Environment</span>]::SetEnvironmentVariable(<span class="string">&quot;LCOW_SUPPORTED&quot;</span>, <span class="string">&quot;1&quot;</span>, <span class="string">&quot;Machine&quot;</span>)</span><br><span class="line"><span class="built_in">Restart-Service</span> docker</span><br></pre></td></tr></table></figure></p>
-<p><strong>如何切换回windows容器呢？</strong></p>
-<p><figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">[<span class="type">Environment</span>]::SetEnvironmentVariable(<span class="string">&quot;LCOW_SUPPORTED&quot;</span>, <span class="string">&quot;<span class="variable">$null</span>&quot;</span>, <span class="string">&quot;Machine&quot;</span>)</span><br></pre></td></tr></table></figure></p></li>
-<li><p>容器进行端口映射后无法通过 <code>127.0.0.1:port</code>
-方式访问</p>
-<p>未解决</p></li>
-</ol>
-<h2 id="致谢">致谢</h2>
-<p>本方法来自：</p>
-<ol type="1">
-<li><p><a href="https://www.youtube.com/watch?v=mDlxN9w4Iho">Learn
-Computer Technologies</a></p></li>
-<li><p><a
-href="https://computingforgeeks.com/how-to-run-docker-containers-on-windows-server-2019">Run
-Docker Containers on Windows Server 2019</a></p></li>
-<li><p><a
-href="http://man.hubwiz.com/docset/Docker.docset/Contents/Resources/Documents/docs.docker.com/install/windows/docker-ee.html">卸载docker</a></p></li>
-<li><p>https://www.altaro.com/msp-dojo/linux-containers-windows-server-2019/</p></li>
-<li><p>https://docs.microsoft.com/en-us/virtualization/windowscontainers/quick-start/set-up-environment?tabs=Windows-Server</p></li>
-<li><p>https://github.com/MicrosoftDocs/Virtualization-Documentation/issues/919#issuecomment-444717316</p></li>
-</ol>
-<p>诚挚感谢！</p>
-]]></content>
-      <categories>
-        <category>System</category>
-        <category>Docker</category>
-      </categories>
-      <tags>
-        <tag>Docker</tag>
-        <tag>Windows Server</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Redis6 及以后版本安装为 windows 服务</title>
-    <url>/posts/2023/2N7QY7C.html</url>
-    <content><![CDATA[<p>网上安装 redis 为 windows 服务的教程大多基于 redis3
-编写的，然而这并不适用于 redis 更高的版本。redis
-高版本安装为服务应使用如下方法：</p>
-<span id="more"></span>
-<p>一定要安在 <a
-href="https://github.com/redis-windows/redis-windows/releases">Redis for
-Windows Release</a> 中下载 <code>xxx-Service 版本</code> 来安装。</p>
-<p>以管理员身份运行终端：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 创建 redis 服务</span></span><br><span class="line"><span class="built_in">sc</span> create Redis binpath=C:\Software\Redis\RedisService.exe <span class="built_in">start</span>=auto</span><br><span class="line"></span><br><span class="line"><span class="comment"># 启动服务</span></span><br><span class="line">net <span class="built_in">start</span> Redis</span><br><span class="line"></span><br><span class="line"><span class="comment"># 关闭服务</span></span><br><span class="line">net stop Redis</span><br><span class="line"></span><br><span class="line"><span class="comment"># 卸载服务</span></span><br><span class="line"><span class="built_in">sc</span> delete Redis</span><br></pre></td></tr></table></figure>
-<p><strong>参考：</strong></p>
-<p>https://github.com/redis-windows/redis-windows</p>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>Redis</category>
-      </categories>
-      <tags>
-        <tag>Software</tag>
-        <tag>Redis</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>iEPC 设计协同使用教程</title>
-    <url>/posts/2023/2W88WG9.html</url>
-    <content><![CDATA[<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809125317359.png"
-alt="image-20230809125317359" />
-<figcaption aria-hidden="true">image-20230809125317359</figcaption>
-</figure>
-<p>iEPC数字化全过程工程管理平台（以下简称
-iEPC）是一个集项目管理、OA办公、BIM生命周期应用、工程AI
-等多功能于一体的综合性平台，它打通了从设计到施工和运营的工程项目全生命周期管理流程，为工程建设进行高效的数字化赋能。</p>
-<p>本文将介绍如何基于该平台实现设计协同。</p>
-<span id="more"></span>
-<h2 id="软件安装">软件安装</h2>
-<p>软件安装参考：<a href="/posts/2022/R23RB6.html">iEPC 安装教程</a></p>
-<blockquote>
-<p>设计人员必须要使用 iEPC 桌面端才可使用设计协同的高级功能</p>
-</blockquote>
-<h2 id="设计协同介绍">设计协同介绍</h2>
-<h3 id="项目创建及任务安排">项目创建及任务安排</h3>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809130745354.png"
-alt="image-20230809130745354" />
-<figcaption aria-hidden="true">image-20230809130745354</figcaption>
-</figure>
-<h3 id="协同流程">协同流程</h3>
-<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809131000633.png" alt="image-20230809131000633" style="height:450px" /></p>
-<h2 id="详细使用文档">详细使用文档</h2>
-<p>在日常的使用中，可以按下列的流程，一步一步来操作。</p>
-<h3 id="iepc-登陆">iEPC 登陆</h3>
-<p>单击打开 iEPC 桌面端安装包中的
-<code>iEPCDesktop.exe</code>，输入账号密码登陆。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809125317359.png"
-alt="image-20230809125317359" />
-<figcaption aria-hidden="true">image-20230809125317359</figcaption>
-</figure>
-<h3 id="新建本地工作目录">新建本地工作目录</h3>
-<p>什么是本地工作目录？</p>
-<p>本地工作目录是指在自己电脑上，项目文件保存的目录位置，且该目录中必须有以自己名字命名的目录。</p>
-<p>今后属于自己设计文件都放到自己名字的目录下，自己名字目录中的子目录可以按项目或自己的风格进行自行管理。</p>
-<p>为了方便演示，新建一个工作目录
-<code>C:\Users\galens\Desktop\temp\协同平台测试\施工图</code>，同时在该目录下创建一个以设计人员
-<code>甘明昔</code> 为名称的目录，如下图所示：</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809133109020.png"
-alt="image-20230809133109020" />
-<figcaption aria-hidden="true">image-20230809133109020</figcaption>
-</figure>
-<h3 id="项目登陆">项目登陆</h3>
-<p>登陆系统后，会进入到【首页】，点击【请登陆项目】打开项目登陆界面。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809131648409.png"
-alt="image-20230809131648409" />
-<figcaption aria-hidden="true">image-20230809131648409</figcaption>
-</figure>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230809132233140.png"
-alt="image-20230809132233140" />
-<figcaption aria-hidden="true">image-20230809132233140</figcaption>
-</figure>
-<p>点击【登陆】后，会提示 "登陆成功" 表示已经成功登陆项目了。</p>
-<blockquote>
-<p>复制本地目录时需注意：</p>
-<p>目录的最后一级不能有  号</p>
-</blockquote>
-<h3 id="上传设计文件">上传设计文件</h3>
-<h3 id="提交校审">提交校审</h3>
-<p>校审的主要流程下图所示：</p>
-]]></content>
-      <categories>
-        <category>Software</category>
-        <category>iEPC</category>
-      </categories>
-      <tags>
-        <tag>Software</tag>
-        <tag>iEPC</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>使用 OfficeToolPlus 安装和激活 Office</title>
-    <url>/posts/2023/3H07Q23.html</url>
-    <content><![CDATA[<p><a href="https://otp.landian.vip/zh-cn/">Office Tool Plus</a>
-是一个强大且实用的 Office 部署工具。</p>
-<p>Office Tool Plus 基于 <a href="https://aka.ms/ODT">Office
-部署工具</a> 和 <a
-href="https://docs.microsoft.com/en-us/DeployOffice/vlactivation/tools-to-manage-volume-activation-of-office">OSPP</a>
-制作，可以很方便的部署 Office，其内置迅雷引擎可帮助您更快地下载
-Office，当然，你也可以使用 Office Tool Plus
-内置的各种小工具或者功能快捷、方便地激活和管理 Office 哦！</p>
-<blockquote>
-<p>系统要求：Windows 10 或更高版本，不支持其他操作系统（例如 Linux 或
-macOS）。</p>
-</blockquote>
-<span id="more"></span>
-<p>若是 win10 以下的系统，推荐使用手动激活的方式：<a
-href="https://v0v.bid/kms.php">Windows/Office一键激活</a></p>
-<h2 id="软件下载">软件下载</h2>
-<p>打开下载界面: <a
-href="https://otp.landian.vip/zh-cn/download.html">下载 | Office Tool
-Plus 官方网站 (landian.vip)</a></p>
-<p>按图中所示选择版本进行下载。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605092738025.png"
-alt="image-20230605092738025" />
-<figcaption aria-hidden="true">image-20230605092738025</figcaption>
-</figure>
-<h2 id="office-安装">Office 安装</h2>
-<p>下载完成后，将压缩包解压，然后单击 <code>Office Tool Plus.exe</code>
-打开安装界面</p>
-<ol type="1">
-<li><p>选择【部署】</p></li>
-<li><p>选择安装 office 版本</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605093617556.png"
-alt="image-20230605093617556" />
-<figcaption aria-hidden="true">image-20230605093617556</figcaption>
-</figure>
-<blockquote>
-<p>建议选择带有年份的升级版本，比如 Office 2021
-企业长期版本，下方将以该版本为例进行安装</p>
-</blockquote></li>
-<li><p>选择要安装的产品</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605093736350.png"
-alt="image-20230605093736350" />
-<figcaption aria-hidden="true">image-20230605093736350</figcaption>
-</figure></li>
-<li><p>添加语言</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605093819077.png"
-alt="image-20230605093819077" />
-<figcaption aria-hidden="true">image-20230605093819077</figcaption>
-</figure></li>
-<li><p>开始部署</p>
-<p>单击【开始部署】进行下载和安装<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605093932995.png"
-alt="image-20230605093932995" /></p></li>
-</ol>
-<h2 id="office-激活">Office 激活</h2>
-<p>当提示安装完成后，单击左侧菜单【激活】跳转到激活页面。</p>
-<p>可按下图的步骤进行安装：</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605094214932.png"
-alt="image-20230605094214932" />
-<figcaption aria-hidden="true">image-20230605094214932</figcaption>
-</figure>
-<p>安装详细步骤如下：</p>
-<ol type="1">
-<li><p>展开许可证管理</p></li>
-<li><p>安装许可证</p>
-<p>选择在部署步骤中安装的 Office 版本，然后单击【确定(O)】安装许可证</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605094445942.png"
-alt="image-20230605094445942" />
-<figcaption aria-hidden="true">image-20230605094445942</figcaption>
-</figure></li>
-<li><p>设置 KMS 激活服务器</p>
-<p>可以在 https://www.kms.pub/rank.html 处查询 KMS
-服务器，推荐使用检测成功次数较多的服务器，比如：<code>win.kms.pub</code></p>
-<p>将激活服务器网址输入到 KMS
-主机名称框中，然后单击【设置主机(S)】</p></li>
-<li><p>单击【激(A)】进行激活</p>
-<p>出现如下提示则代表激活成功：</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230605094921072.png"
-alt="image-20230605094921072" />
-<figcaption aria-hidden="true">image-20230605094921072</figcaption>
-</figure></li>
+<li><p>修改镜像源</p>
+<p>在 <code>C:\ProgramData\docker\config\daemon.json</code>
+文件（如果不存在，则新建一个）中添加下列内容：</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;registry-mirrors&quot;</span><span class="punctuation">:</span><span class="punctuation">[</span><span class="string">&quot;https://letnjuzg.mirror.aliyuncs.com&quot;</span><span class="punctuation">,</span><span class="string">&quot;https://registry.cn-hangzhou.aliyuncs.com&quot;</span><span class="punctuation">,</span><span class="string">&quot;https://mirror.ccs.tencentyun.com&quot;</span><span class="punctuation">,</span><span class="string">&quot;https://registry.docker-cn.com&quot;</span><span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure></li>
+<li><p>通过运行<code>hello-world</code>容器来测试Docker
+Engine-Enterprise安装</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">docker run -p 52780:80 hello-world</span><br></pre></td></tr></table></figure></li>
 </ol>
-<h2 id="参考">参考</h2>
+<h2 id="手动安装">手动安装</h2>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="built_in">cd</span> C:\Users\Administrator\AppData\Local\Temp\<span class="number">2</span>\DockerProvider</span><br><span class="line"></span><br><span class="line"><span class="comment"># 打开配置文件 Docker_DockerSearchIndex.json 找到 preview 版本的 docker 链接进行下载，然后将下载的压缩包放到上面的目录中</span></span><br><span class="line"></span><br><span class="line"><span class="built_in">Start-BitsTransfer</span> <span class="literal">-Source</span> https://dockermsft.blob.core.windows.net/dockercontainer/docker<span class="literal">-18-09-0</span>.zip <span class="literal">-Destination</span> docker<span class="literal">-18-09-0</span>.zip</span><br><span class="line"></span><br><span class="line"><span class="built_in">Get-FileHash</span> <span class="literal">-Path</span> docker<span class="literal">-18-09-0</span>.zip <span class="literal">-Algorithm</span> SHA256</span><br><span class="line"></span><br><span class="line"><span class="built_in">Install-Package</span> <span class="literal">-Name</span> docker <span class="literal">-ProviderName</span> DockerMsftProvider <span class="literal">-Verbose</span></span><br><span class="line"></span><br><span class="line"><span class="built_in">Restart-Computer</span> <span class="literal">-Force</span></span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>下载地址可以查看 C:\2目录中的 json 文件</p>
+</blockquote>
+<h2 id="更新">更新</h2>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="built_in">Install-Package</span> <span class="literal">-Name</span> docker <span class="literal">-ProviderName</span> DockerProvider <span class="literal">-RequiredVersion</span> preview <span class="literal">-Update</span> <span class="literal">-Force</span></span><br></pre></td></tr></table></figure>
+<h2 id="使用">使用</h2>
+<p>在使用的过程中可能遇到一些问题，总结如下：</p>
 <ol type="1">
-<li><a href="https://otp.landian.vip/zh-cn/">Office Tool Plus</a></li>
-<li><a href="https://www.coolhub.top/">Yerong™ | NekoNeko</a></li>
+<li><p><code>In the default daemon configuration on Windows, the docker client must be run with elevated privileges to connect.</code></p>
+<p>有可能是 docker 没有启动，输入 <code>net start docker</code> 启动
+docker 就可以 了。</p></li>
+<li><p>提示
+<code>image: operating system linux cannot be used on this platform windows</code></p>
+<p>此种情况，需要切换为 linux 容器，使用如下命令切换：</p>
+<p><figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">[<span class="type">Environment</span>]::SetEnvironmentVariable(<span class="string">&quot;LCOW_SUPPORTED&quot;</span>, <span class="string">&quot;1&quot;</span>, <span class="string">&quot;Machine&quot;</span>)</span><br><span class="line"><span class="built_in">Restart-Service</span> docker</span><br></pre></td></tr></table></figure></p>
+<p><strong>如何切换回windows容器呢？</strong></p>
+<p><figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">[<span class="type">Environment</span>]::SetEnvironmentVariable(<span class="string">&quot;LCOW_SUPPORTED&quot;</span>, <span class="string">&quot;<span class="variable">$null</span>&quot;</span>, <span class="string">&quot;Machine&quot;</span>)</span><br></pre></td></tr></table></figure></p></li>
+<li><p>容器进行端口映射后无法通过 <code>127.0.0.1:port</code>
+方式访问</p>
+<p>未解决</p></li>
+</ol>
+<h2 id="致谢">致谢</h2>
+<p>本方法来自：</p>
+<ol type="1">
+<li><p><a href="https://www.youtube.com/watch?v=mDlxN9w4Iho">Learn
+Computer Technologies</a></p></li>
+<li><p><a
+href="https://computingforgeeks.com/how-to-run-docker-containers-on-windows-server-2019">Run
+Docker Containers on Windows Server 2019</a></p></li>
+<li><p><a
+href="http://man.hubwiz.com/docset/Docker.docset/Contents/Resources/Documents/docs.docker.com/install/windows/docker-ee.html">卸载docker</a></p></li>
+<li><p>https://www.altaro.com/msp-dojo/linux-containers-windows-server-2019/</p></li>
+<li><p>https://docs.microsoft.com/en-us/virtualization/windowscontainers/quick-start/set-up-environment?tabs=Windows-Server</p></li>
+<li><p>https://github.com/MicrosoftDocs/Virtualization-Documentation/issues/919#issuecomment-444717316</p></li>
 </ol>
+<p>诚挚感谢！</p>
 ]]></content>
       <categories>
-        <category>Software</category>
-        <category>Office</category>
+        <category>System</category>
+        <category>Docker</category>
       </categories>
       <tags>
-        <tag>Software</tag>
-        <tag>Office</tag>
-        <tag>galens</tag>
+        <tag>Docker</tag>
+        <tag>Windows Server</tag>
       </tags>
   </entry>
   <entry>
@@ -21976,6 +22151,32 @@ DS3617（企业版本）。如果机器性能好，可以考虑使用企业版
         <tag>黑群晖</tag>
       </tags>
   </entry>
+  <entry>
+    <title>Windows下右键新建.md文件</title>
+    <url>/posts/2020/26DVEVG.html</url>
+    <content><![CDATA[<p>如何在 windows 中添加右键新建 .md 文件功能？</p>
+<span id="more"></span>
+<h2 id="正文">正文</h2>
+<p>新建一个 <code>.reg</code>
+的文本文件，将下列代码拷贝到里面，然后双击运行即可</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Windows Registry Editor Version 5.00</span><br><span class="line">[HKEY_CLASSES_ROOT\.md]</span><br><span class="line">@=&quot;Typora.exe&quot;</span><br><span class="line">[HKEY_CLASSES_ROOT\.md\ShellNew]</span><br><span class="line">&quot;NullFile&quot;=&quot;&quot;</span><br><span class="line">[HKEY_CLASSES_ROOT\Typora.exe]</span><br><span class="line">@=&quot;Markdown&quot;</span><br></pre></td></tr></table></figure>
+<p>解释</p>
+<p><code>@="Typora.exe"</code> 代表的是指定 .md 文件的运行程序
+<code>@="Markdown"</code> 代表的是右键时默认的文件名字，这样写新建为
+<code>新建Markdown.md</code> 文件，而且右键菜单中显示
+<code>MarkDown</code>。</p>
+<h2 id="致谢">致谢</h2>
+<p>原谅链接：https://stepneverstop.github.io/win-rightclick-create-md.html</p>
+]]></content>
+      <categories>
+        <category>System</category>
+        <category>Windows</category>
+      </categories>
+      <tags>
+        <tag>Markdown</tag>
+        <tag>windows优化</tag>
+      </tags>
+  </entry>
   <entry>
     <title>重置 winsock 解决电脑网络问题</title>
     <url>/posts/2021/31B2ZF5.html</url>
@@ -22027,29 +22228,28 @@ layered service privider 分层服务提供商。LSP是TCP/IP等协议的接口
       </tags>
   </entry>
   <entry>
-    <title>Windows下右键新建.md文件</title>
-    <url>/posts/2020/26DVEVG.html</url>
-    <content><![CDATA[<p>如何在 windows 中添加右键新建 .md 文件功能？</p>
+    <title>win10无法连接其它电脑共享的打印机</title>
+    <url>/posts/2021/2H6XD5B.html</url>
+    <content><![CDATA[<p>今天（2021-10-18）有些同事更新了windows，然后发现由其它电脑共享的打印机无法使用了。</p>
 <span id="more"></span>
-<h2 id="正文">正文</h2>
-<p>新建一个 <code>.reg</code>
-的文本文件，将下列代码拷贝到里面，然后双击运行即可</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Windows Registry Editor Version 5.00</span><br><span class="line">[HKEY_CLASSES_ROOT\.md]</span><br><span class="line">@=&quot;Typora.exe&quot;</span><br><span class="line">[HKEY_CLASSES_ROOT\.md\ShellNew]</span><br><span class="line">&quot;NullFile&quot;=&quot;&quot;</span><br><span class="line">[HKEY_CLASSES_ROOT\Typora.exe]</span><br><span class="line">@=&quot;Markdown&quot;</span><br></pre></td></tr></table></figure>
-<p>解释</p>
-<p><code>@="Typora.exe"</code> 代表的是指定 .md 文件的运行程序
-<code>@="Markdown"</code> 代表的是右键时默认的文件名字，这样写新建为
-<code>新建Markdown.md</code> 文件，而且右键菜单中显示
-<code>MarkDown</code>。</p>
-<h2 id="致谢">致谢</h2>
-<p>原谅链接：https://stepneverstop.github.io/win-rightclick-create-md.html</p>
+<p>其间，采用了下列方式，都不成功：</p>
+<ol type="1">
+<li>重启 Print Spooler</li>
+<li>修改注册表权限</li>
+</ol>
+<p>最后猜想是更新的问题，于是在windows更新中将 KB5006670
+更新给卸载后，就恢复正常了。</p>
+<p>卸载更新可以输入下列命令行卸载：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">wusa /uninstall /kb:5006670</span><br></pre></td></tr></table></figure>
+<p><strong>参考</strong></p>
+<p>https://www.youtube.com/watch?v=bIdlB1iPYQQ</p>
 ]]></content>
       <categories>
         <category>System</category>
         <category>Windows</category>
       </categories>
       <tags>
-        <tag>Markdown</tag>
-        <tag>windows优化</tag>
+        <tag>windows经验</tag>
       </tags>
   </entry>
   <entry>
@@ -22136,70 +22336,97 @@ key management</a></li>
       </tags>
   </entry>
   <entry>
-    <title>win10无法连接其它电脑共享的打印机</title>
-    <url>/posts/2021/2H6XD5B.html</url>
-    <content><![CDATA[<p>今天（2021-10-18）有些同事更新了windows，然后发现由其它电脑共享的打印机无法使用了。</p>
+    <title>windows 8.1/10/11 系统激活</title>
+    <url>/posts/2022/2ZJ91KM.html</url>
+    <content><![CDATA[<p>本文记录了 windows 和 office 的激活方法。</p>
 <span id="more"></span>
-<p>其间，采用了下列方式，都不成功：</p>
+<h2 id="windows-激活">windows 激活</h2>
+<h3 id="一键激活">一键激活</h3>
+<p>用管理员身份打开 PowerShell，执行
+<code>irm https://massgrave.dev/get | iex</code>，然后输入
+<code>1</code> 开始激活</p>
+<blockquote>
+<p>推荐使用</p>
+</blockquote>
+<h3 id="手动激活">手动激活</h3>
+<p>下载激活脚本工具按提示激活</p>
+<p>脚本链接：https://cloud.uamazing.cn:52443/#s/7ukOXakg</p>
+<h2 id="office-激活">Office 激活</h2>
+<h3 id="office-tool-plus-激活">Office Tool Plus 激活</h3>
+<p>详细参考 <a href="/posts/2023/3H07Q23.html">使用 OfficeToolPlus
+安装和激活 Office | 星辰大海</a></p>
+<blockquote>
+<p>推荐使用</p>
+</blockquote>
+<h3 id="脚本激活">脚本激活</h3>
+<p>脚本链接：https://cloud.uamazing.cn:52443/#s/7ukOXakg</p>
+<p>office激活也是采用上面的工具，如果激活失败，可以使用上述链接中的
+office 脚本转换 office 的版本。</p>
+<h2 id="致谢">致谢</h2>
+<p>本文参考：</p>
 <ol type="1">
-<li>重启 Print Spooler</li>
-<li>修改注册表权限</li>
+<li>https://v0v.bid/kms.html</li>
+<li>https://github.com/massgravel/Microsoft-Activation-Scripts</li>
 </ol>
-<p>最后猜想是更新的问题，于是在windows更新中将 KB5006670
-更新给卸载后，就恢复正常了。</p>
-<p>卸载更新可以输入下列命令行卸载：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">wusa /uninstall /kb:5006670</span><br></pre></td></tr></table></figure>
-<p><strong>参考</strong></p>
-<p>https://www.youtube.com/watch?v=bIdlB1iPYQQ</p>
+<p>在此致以诚挚谢意！</p>
 ]]></content>
       <categories>
         <category>System</category>
         <category>Windows</category>
       </categories>
       <tags>
-        <tag>windows经验</tag>
+        <tag>windows</tag>
+        <tag>星辰大海</tag>
       </tags>
   </entry>
   <entry>
-    <title>取消当你连接时将向你询问凭据</title>
-    <url>/posts/2022/1S9QPH9.html</url>
-    <content><![CDATA[<p>在 windows 中远程其它电脑时，有时候会出现
-<code>当你连接时向你询问凭据</code> 这个提示，如下图：</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220923164736037.png"
-alt="image-20220923164736037" />
-<figcaption aria-hidden="true">image-20220923164736037</figcaption>
-</figure>
-<p>这种情况会导致点击 <code>连接(N)</code>
-后需要输入输入用户名密码，在使用命令行连接的时候，影响使用体验。</p>
+    <title>ventoy安装系统时无法选择MBR分区的盘</title>
+    <url>/posts/2022/X71YPD.html</url>
+    <content><![CDATA[<p>ventoy 是一款超级方便的系统安装软件。在利用 ventoy
+给一些老电脑安装系统时，发现无法选择安装盘符，提示无法安装在 MBR
+分区上。</p>
 <span id="more"></span>
+<h2 id="分区格式区别">分区格式区别</h2>
+<h3 id="mbr分区表">MBR分区表</h3>
+<p>Master Boot Record，即硬盘主引导记录分区表，只支持容量在 2.1TB
+以下的硬盘，超过2.1TB的硬盘只能管理2.1TB，最多只支持4个主分区或三个主分区和一个扩展分区，扩展分区下可以有多个逻辑分区。</p>
+<h3 id="gpt分区表">GPT分区表</h3>
+<p>GPT，全局唯一标识分区表(GUID Partition
+Table)，与MBR最大4个分区表项的限制相比，GPT对分区数量没有限制，但Windows最大仅支持128个GPT分区，GPT可管理硬盘大小达到了18EB。只有基于UEFI平台的主板才支持GPT分区引导启动。</p>
+<h2 id="故障原因">故障原因</h2>
+<p>硬盘分区格式为MBR格式时，启动模式应该为Legacy。</p>
+<p>硬盘分区格式为GUID（GPT）格式时，启动模式应该为UEFI。</p>
+<p>所以，出现无法安装的原因就是在启动的时候，选择了 UEFI
+启动。为了解决这个问题，可以修改 Bios 中的启动设置。</p>
+<h2 id="legacy启动设置常见的选项">legacy启动设置常见的选项</h2>
+<blockquote>
+<p>如果有以下选项，就需要修改，没有就略过</p>
+</blockquote>
 <ol type="1">
-<li><p>展开 <code>显示选项(O)</code></p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230208213715770.png"
-alt="image-20230208213715770" />
-<figcaption aria-hidden="true">image-20230208213715770</figcaption>
-</figure></li>
-<li><p>勾选 <code>允许我保存凭据(R)</code></p></li>
-<li><p>单击 <code>连接(N)</code> 后，就会出现输入密码框</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230208213850412.png"
-alt="image-20230208213850412" />
-<figcaption aria-hidden="true">image-20230208213850412</figcaption>
-</figure>
-<p>输入密码后，下次再登陆就不会再要求输入用户密码了。</p></li>
+<li><code>Secure Boot</code> 改成
+<code>Disabled</code>，禁用安全启动，部分机型需先设置 BIOS
+密码才有权限修改 Secure Boot，通常是找到
+<code>Set Supervisor Password</code> 设置密码</li>
+<li><code>CSM</code> 改成 <code>Enable</code> 或 <code>Yes</code> 或
+<code>ALWAYS</code>，表示兼容模式</li>
+<li><code>OS Mode Selection</code> 设置为
+<code>CSM OS</code>，表示兼容模式</li>
+<li><code>Boot mode</code> 或 <code>UEFI mode</code> 或
+<code>Boot List Option</code> 改成
+<code>Legacy</code>，表示传统启动方式</li>
+<li><code>OS Optimized Defaults</code> 改成 <code>Disabled</code> 或
+<code>Other OS</code>，禁用默认系统优先设置</li>
+<li><code>Advanced</code> 选项下 <code>Fast BIOS Mode</code> 设置为
+<code>Disabled</code>，关闭快速启动，有些电脑需要关闭快速启动才能识别U盘，比如三星</li>
 </ol>
-<p>至此，每次连接时要输入用户名密码的问题就解决了，可以使用命令行愉快地登陆了。</p>
-<p>命令行远程连接方式：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 192.168.1.1 换成自己需要远程的 IP 地址即可</span></span><br><span class="line">mstsc /v:<span class="number">192.168</span>.<span class="number">1.1</span></span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>System</category>
         <category>Windows</category>
       </categories>
       <tags>
-        <tag>Windows</tag>
-        <tag>galens</tag>
+        <tag>windows</tag>
+        <tag>ventoy</tag>
       </tags>
   </entry>
   <entry>
@@ -22275,53 +22502,45 @@ href="https://github.com/skywind3000/z.lua/issues/168">添加环境变量</a>
       </tags>
   </entry>
   <entry>
-    <title>ventoy安装系统时无法选择MBR分区的盘</title>
-    <url>/posts/2022/X71YPD.html</url>
-    <content><![CDATA[<p>ventoy 是一款超级方便的系统安装软件。在利用 ventoy
-给一些老电脑安装系统时，发现无法选择安装盘符，提示无法安装在 MBR
-分区上。</p>
+    <title>取消当你连接时将向你询问凭据</title>
+    <url>/posts/2022/1S9QPH9.html</url>
+    <content><![CDATA[<p>在 windows 中远程其它电脑时，有时候会出现
+<code>当你连接时向你询问凭据</code> 这个提示，如下图：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220923164736037.png"
+alt="image-20220923164736037" />
+<figcaption aria-hidden="true">image-20220923164736037</figcaption>
+</figure>
+<p>这种情况会导致点击 <code>连接(N)</code>
+后需要输入输入用户名密码，在使用命令行连接的时候，影响使用体验。</p>
 <span id="more"></span>
-<h2 id="分区格式区别">分区格式区别</h2>
-<h3 id="mbr分区表">MBR分区表</h3>
-<p>Master Boot Record，即硬盘主引导记录分区表，只支持容量在 2.1TB
-以下的硬盘，超过2.1TB的硬盘只能管理2.1TB，最多只支持4个主分区或三个主分区和一个扩展分区，扩展分区下可以有多个逻辑分区。</p>
-<h3 id="gpt分区表">GPT分区表</h3>
-<p>GPT，全局唯一标识分区表(GUID Partition
-Table)，与MBR最大4个分区表项的限制相比，GPT对分区数量没有限制，但Windows最大仅支持128个GPT分区，GPT可管理硬盘大小达到了18EB。只有基于UEFI平台的主板才支持GPT分区引导启动。</p>
-<h2 id="故障原因">故障原因</h2>
-<p>硬盘分区格式为MBR格式时，启动模式应该为Legacy。</p>
-<p>硬盘分区格式为GUID（GPT）格式时，启动模式应该为UEFI。</p>
-<p>所以，出现无法安装的原因就是在启动的时候，选择了 UEFI
-启动。为了解决这个问题，可以修改 Bios 中的启动设置。</p>
-<h2 id="legacy启动设置常见的选项">legacy启动设置常见的选项</h2>
-<blockquote>
-<p>如果有以下选项，就需要修改，没有就略过</p>
-</blockquote>
 <ol type="1">
-<li><code>Secure Boot</code> 改成
-<code>Disabled</code>，禁用安全启动，部分机型需先设置 BIOS
-密码才有权限修改 Secure Boot，通常是找到
-<code>Set Supervisor Password</code> 设置密码</li>
-<li><code>CSM</code> 改成 <code>Enable</code> 或 <code>Yes</code> 或
-<code>ALWAYS</code>，表示兼容模式</li>
-<li><code>OS Mode Selection</code> 设置为
-<code>CSM OS</code>，表示兼容模式</li>
-<li><code>Boot mode</code> 或 <code>UEFI mode</code> 或
-<code>Boot List Option</code> 改成
-<code>Legacy</code>，表示传统启动方式</li>
-<li><code>OS Optimized Defaults</code> 改成 <code>Disabled</code> 或
-<code>Other OS</code>，禁用默认系统优先设置</li>
-<li><code>Advanced</code> 选项下 <code>Fast BIOS Mode</code> 设置为
-<code>Disabled</code>，关闭快速启动，有些电脑需要关闭快速启动才能识别U盘，比如三星</li>
+<li><p>展开 <code>显示选项(O)</code></p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230208213715770.png"
+alt="image-20230208213715770" />
+<figcaption aria-hidden="true">image-20230208213715770</figcaption>
+</figure></li>
+<li><p>勾选 <code>允许我保存凭据(R)</code></p></li>
+<li><p>单击 <code>连接(N)</code> 后，就会出现输入密码框</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230208213850412.png"
+alt="image-20230208213850412" />
+<figcaption aria-hidden="true">image-20230208213850412</figcaption>
+</figure>
+<p>输入密码后，下次再登陆就不会再要求输入用户密码了。</p></li>
 </ol>
+<p>至此，每次连接时要输入用户名密码的问题就解决了，可以使用命令行愉快地登陆了。</p>
+<p>命令行远程连接方式：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 192.168.1.1 换成自己需要远程的 IP 地址即可</span></span><br><span class="line">mstsc /v:<span class="number">192.168</span>.<span class="number">1.1</span></span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>System</category>
         <category>Windows</category>
       </categories>
       <tags>
-        <tag>ventoy</tag>
-        <tag>windows</tag>
+        <tag>Windows</tag>
+        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
@@ -22385,225 +22604,6 @@ CAD2010。</p>
         <tag>Win11</tag>
       </tags>
   </entry>
-  <entry>
-    <title>免费的视频剪辑素材资源</title>
-    <url>/posts/2023/1YG7ZB2.html</url>
-    <content><![CDATA[<p>最近在工作上要制作几个微课，平时感觉制作一个视频还挺简单的，当到实际上手的时候，才发现力不从心，特别是素材，无从找起，因此本文对如何收集素材进行一个简要总结，以便今后更加高效的使用。</p>
-<blockquote>
-<p>本文随着视频剪辑的熟练度增加，会不定期进行更新</p>
-</blockquote>
-<span id="more"></span>
-<h2 id="汇总">汇总</h2>
-<table>
-<colgroup>
-<col style="width: 52%" />
-<col style="width: 27%" />
-<col style="width: 20%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>名称</th>
-<th>特点</th>
-<th>下载方式</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td><a href="https://www.pexels.com/videos/">Pexels video</a></td>
-<td>视频数量种类多</td>
-<td>无需注册</td>
-</tr>
-<tr class="even">
-<td><a href="https://pixabay.com/zh/videos/">Pixabay视频</a></td>
-<td>视频数量种类多</td>
-<td>无需注册，免费商用</td>
-</tr>
-<tr class="odd">
-<td><a href="https://mixkit.co/">Mixkit</a></td>
-<td>视频、音乐素材多</td>
-<td>部分可商用</td>
-</tr>
-<tr class="even">
-<td><a href="https://www.videvo.net/">Videvo</a></td>
-<td>免费视频、音乐、音效素材</td>
-<td>无需注册</td>
-</tr>
-<tr class="odd">
-<td><a href="https://www.ignitemotion.com/">IgniteMotion</a></td>
-<td>仅背景视屏</td>
-<td></td>
-</tr>
-<tr class="even">
-<td><a href="https://coverr.co/">Coverr</a></td>
-<td>多样素材</td>
-<td>部分商用</td>
-</tr>
-<tr class="odd">
-<td><a href="https://mazwai.com/">Mazwai</a></td>
-<td>多样素材</td>
-<td>可商用</td>
-</tr>
-<tr class="even">
-<td><a href="https://www.videezy.com/">Videezy</a></td>
-<td>多样素材</td>
-<td></td>
-</tr>
-</tbody>
-</table>
-<p>鉴于经济实力，本文仅推荐一些免费的视屏资源。</p>
-<h2 id="pexels-video">Pexels video</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224172111-1024x371.jpg"
-alt="Pexels 免费视频下载" />
-<figcaption aria-hidden="true">Pexels 免费视频下载</figcaption>
-</figure>
-<p>经常找图片的人相信都听说过Pexels，它是一个非常有名的免费图片素材站，后来Pexels又推出了视频
-Pexels video，同样是免费下载</p>
-<p><a href="https://www.pexels.com/videos/">Pexels video</a>
-上的视频数量种类多，有自然风景相关，也有人物会议等视频，视频展示采用瀑布流的方式，可以直接当前窗口预览视频，无需注册就能下载</p>
-<h2 id="pixabay-视频素材库">Pixabay 视频素材库</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224180821-1024x387.jpg"
-alt="Pixabay 视频素材库" />
-<figcaption aria-hidden="true">Pixabay 视频素材库</figcaption>
-</figure>
-<p>同Pexels一样，Pixabay也是非常有名的免费图片网站，它也提供了免费无版权的视频</p>
-<p><a
-href="https://pixabay.com/zh/videos/">Pixabay视频</a>不仅数量多，还提供了非常多的信息，你可以在下载前预览视频，也可以查看视频的各种参数，包括视频分辨率、时长、格式、上传时间等，无需注册就可以下载，无需署名可以商业用途</p>
-<h2 id="mixkit">Mixkit</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224181136-1024x486.jpg"
-alt="Mixkit创意视频免费下载" />
-<figcaption aria-hidden="true">Mixkit创意视频免费下载</figcaption>
-</figure>
-<p><a href="https://mixkit.co/">Mixkit</a>
-是Envato去年推出的一个视频、音乐的素材平台，和Envatomarket、Envato
-Elements等付费产品不同，Mixkit
-的所有内容都是完全免费的，网站提供了免费的视频、音乐素材、Premiere
-Pro模版，你可以免费下载视频，支持个人和商业使用</p>
-<p>Mixkit平台的视频质量都非常高，你可以根据类别进行查找，包括城市、咖啡、天空、人物、海滩、办公、食物等，每个视频都清晰独特，适合制作创意视频使用</p>
-<h2 id="videvo">Videvo</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224181329-1024x392.jpg"
-alt="Videvo专业视频素材库" />
-<figcaption aria-hidden="true">Videvo专业视频素材库</figcaption>
-</figure>
-<p><a
-href="https://www.videvo.net/">Videvo</a>是一个专业的视频素材网站，提供成千上万的免费视频、音乐、音效素材，旨在成为你的唯一资料库。Videvo
-把视频分成了很多类别，有动物、商业、办公室、工业、医疗、视觉特效等，你可以通过类别标签快速找到需要的视频，找到合适的视频可以直接下载，无需注册</p>
-<p>唯一需要注意一点是有些视频是付费的，带有PREMIUM标志的需要加入会员才可以下载，如果你只是想找一些免费视频，有一个技巧就是可以点击过滤器，只看免费的视频就不会被干扰了，而且即使是免费的都有1万以上，对于个人使用完全足够了</p>
-<h2 id="ignitemotion">IgniteMotion</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224181512-1024x385.jpg"
-alt="IgniteMotion 免费视频背景素材网站" />
-<figcaption aria-hidden="true">IgniteMotion
-免费视频背景素材网站</figcaption>
-</figure>
-<p><a href="https://www.ignitemotion.com/">IgniteMotion</a>
-是一个以特效和背景视频为主题的素材网站，它不像其他网站提供各种各样的素材，就是单纯的背景视频。</p>
-<p>IgniteMotion
-的背景视频有几个明确的类别，比如云朵、地球、火焰、抽象、水、科幻等，数量不多，但都适合做为素材使用，如果你在IgniteMotion
-中找一个视频，无需搜索就能快速找到</p>
-<h2 id="coverr">Coverr</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224181654-1024x547.jpg"
-alt="Coverr 无版权视频库" />
-<figcaption aria-hidden="true">Coverr 无版权视频库</figcaption>
-</figure>
-<p><a href="https://coverr.co/">Coverr</a>
-是一个全面的视频素材网站，它提供了技术、心情、自然、人物、动物、都市等多种类别的无版权视频素材，你可以直接从网站下载，无需询问，可用作个人和商业用途</p>
-<h2 id="dareful">Dareful</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224182124-1024x460.jpg"
-alt="Dareful免费4K视频素材网站" />
-<figcaption aria-hidden="true">Dareful免费4K视频素材网站</figcaption>
-</figure>
-<p><a
-href="https://www.dareful.com/">Dareful</a>是一个免费的4K视频素材站点，所有视频都是4K高清格式，完全免费，无需署名，可以商业使用，缺点是下载比较麻烦，需要用邮箱注册，而且下载链接需要到邮箱中找</p>
-<h2 id="life-of-vids">Life of Vids</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224182303-1024x531.jpg"
-alt="Life of Vids 无版权视频网站" />
-<figcaption aria-hidden="true">Life of Vids 无版权视频网站</figcaption>
-</figure>
-<p><a href="https://lifeofvids.com/">Life of Vids</a>
-是一个风格独特的视频网站，有点类似博客风格，但确实提供了很多免费的视频，你可以在顶部搜索框中输入关键词搜索视频，也可以查看它的视频集合，集合中提供了多套视频素材，包括城市、自然、小镇、食物、办公等几个类别，你可以免费下载用在自己的视频中</p>
-<h2 id="videezy">Videezy</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224182437-1024x485.jpg"
-alt="Videezy 免费高清4K视频下载" />
-<figcaption aria-hidden="true">Videezy 免费高清4K视频下载</figcaption>
-</figure>
-<p><a href="https://www.videezy.com/">Videezy</a>
-是一个很全面的视频素材网站，视频和类别都非常全面，在它的分类中，不仅有像天空、自然、动物这样的分类，每个大分类下还有对应的分支，比如都市里面就有伦敦和纽约这样的城市分类，通过细致的分类，你可以快速找到需要的视频</p>
-<p>使用Videezy这样网站，不要看首页很多都是付费视频，按分类打开，里面大部分的视频素材都是免费的，可以找到很多优秀的视频</p>
-<h2 id="mazwai">Mazwai</h2>
-<figure>
-<img
 data-src="https://www.v1tx.com/wp-content/uploads/2020/02/20200224182639-1024x388.jpg"
-alt="Mazwai免费的视频素材库" />
-<figcaption aria-hidden="true">Mazwai免费的视频素材库</figcaption>
-</figure>
-<p><a
-href="https://mazwai.com/">Mazwai</a>是一个完全免费的视频素材库，包括各种类型的视频，其创建的目的就是让全世界的人都能免费获得视频素材，所有的视频都是网站精心挑选，并且得到作者允许，可以放心使用</p>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><a
-href="https://www.v1tx.com/post/best-free-stock-video-sites/">2023年10个免费的视频素材网站推荐</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Skill</category>
-        <category>Video</category>
-      </categories>
-      <tags>
-        <tag>Skill</tag>
-        <tag>Video</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>windows 8.1/10/11 系统激活</title>
-    <url>/posts/2022/2ZJ91KM.html</url>
-    <content><![CDATA[<p>本文记录了 windows 和 office 的激活方法。</p>
-<span id="more"></span>
-<h2 id="windows-激活">windows 激活</h2>
-<h3 id="一键激活">一键激活</h3>
-<p>用管理员身份打开 PowerShell，执行
-<code>irm https://massgrave.dev/get | iex</code>，然后输入
-<code>1</code> 开始激活</p>
-<blockquote>
-<p>推荐使用</p>
-</blockquote>
-<h3 id="手动激活">手动激活</h3>
-<p>下载激活脚本工具按提示激活</p>
-<p>脚本链接：https://cloud.uamazing.cn:52443/#s/7ukOXakg</p>
-<h2 id="office-激活">Office 激活</h2>
-<h3 id="office-tool-plus-激活">Office Tool Plus 激活</h3>
-<p>详细参考 <a href="/posts/2023/3H07Q23.html">使用 OfficeToolPlus
-安装和激活 Office | 星辰大海</a></p>
-<blockquote>
-<p>推荐使用</p>
-</blockquote>
-<h3 id="脚本激活">脚本激活</h3>
-<p>脚本链接：https://cloud.uamazing.cn:52443/#s/7ukOXakg</p>
-<p>office激活也是采用上面的工具，如果激活失败，可以使用上述链接中的
-office 脚本转换 office 的版本。</p>
-<h2 id="致谢">致谢</h2>
-<p>本文参考：</p>
-<ol type="1">
-<li>https://v0v.bid/kms.html</li>
-<li>https://github.com/massgravel/Microsoft-Activation-Scripts</li>
-</ol>
-<p>在此致以诚挚谢意！</p>
-]]></content>
-      <categories>
-        <category>System</category>
-        <category>Windows</category>
-      </categories>
-      <tags>
-        <tag>windows</tag>
-        <tag>星辰大海</tag>
-      </tags>
-  </entry>
   <entry>
     <title>重装 windows 系统</title>
     <url>/posts/2023/2CR6PKS.html</url>
@@ -22940,66 +22940,6 @@ Ventoy</a></li>
         <tag>galens</tag>
       </tags>
   </entry>
-  <entry>
-    <title>Bentley中在.NET下监听元素双击事件</title>
-    <url>/posts/2021/2JZQM2W.html</url>
-    <content><![CDATA[<p>在用C#进行Bentley二次开发的过程中，我们可能有这个需求：希望获取双击的元素，然后响应修改命令。通过查找相关资料，最终实现方式如下。</p>
-<span id="more"></span>
-<p>在继承自 Bentley.MstnPlatformNET.AddIn 的类中，重写 <code>Run</code>
-方法，并在此处监听 <code>OnSelectionChanged</code>
-事件，从事件参数中可以获取 <code>Action</code>，当 <code>Action</code>
-为 <code>SelectionChangedEventArgs.ActionKind.DoubleClickElement</code>
-时，就代表双击的元素。具体代码如下：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 该类继承 Bentley.MstnPlatformNET.AddIn</span></span><br><span class="line"></span><br><span class="line"><span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="built_in">int</span> <span class="title">Run</span>(<span class="params"><span class="built_in">string</span>[] commandLine</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 其它操作</span></span><br><span class="line">    <span class="comment">// ...</span></span><br><span class="line">    </span><br><span class="line">    <span class="comment">// 监听双击鼠标事件，实现修改</span></span><br><span class="line">    <span class="keyword">this</span>.SelectionChangedEvent += OnSelectionChanged;</span><br><span class="line">    <span class="keyword">return</span> <span class="number">0</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">OnSelectionChanged</span>(<span class="params"><span class="built_in">object</span> sender, SelectionChangedEventArgs e</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">switch</span> (e.Action)</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">case</span> SelectionChangedEventArgs.ActionKind.DoubleClickElement:</span><br><span class="line">            <span class="comment">// 通过 FilePosition 获取元素</span></span><br><span class="line">            <span class="keyword">var</span> elem = GetElementByFilePosition(e.FilePosition);</span><br><span class="line">            <span class="comment">// 对元素进行其它操作</span></span><br><span class="line">            <span class="keyword">break</span>;</span><br><span class="line">        <span class="literal">default</span>:<span class="keyword">return</span>;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 通过 filePosition 获取 Element</span></span><br><span class="line"><span class="comment">// 采用 COM 接口获取 filePosition 对应的 ElementId</span></span><br><span class="line"><span class="comment">// 然后通过 elementId 获取.NET下的 Element</span></span><br><span class="line"><span class="function"><span class="keyword">private</span> Element <span class="title">GetElementByFilePosition</span> (<span class="params"><span class="built_in">uint</span> filePosition</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">var</span> app = Utilities.ComApp;</span><br><span class="line">    <span class="keyword">var</span> elemCache = app.ActiveModelReference.GraphicalElementCache;</span><br><span class="line">    <span class="keyword">var</span> index = elemCache.IndexFromFilePosition((<span class="built_in">int</span>)filePosition);</span><br><span class="line">    <span class="keyword">if</span> (elemCache.IsElementValid(index))</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">var</span> elem = elemCache.GetElement(index);</span><br><span class="line">        <span class="keyword">var</span> longId = elem.ID;</span><br><span class="line">        <span class="keyword">return</span> Session.Instance.GetActiveDgnModel().FindElementById((ElementId)eleId);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="keyword">return</span> <span class="literal">null</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>程序使用了 COM 接口，所以需要的引入
-Bentley.MicroStation.dll，COM接口位于
-Bentley.MstnPlatformNET.InteropServices 命名空间中。</p>
-</blockquote>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>事件</category>
-      </categories>
-      <tags>
-        <tag>Bentley二次开发</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Microstation 中监听元素修改事件</title>
-    <url>/posts/2022/1GXJ3PN.html</url>
-    <content><![CDATA[<p>在进行 Microstation
-二次开发时，有时候需要监听元素的修改事件，实现联动修改，可以在 Addin
-上注册 <code>ElementChangedEventHander</code> 事件。</p>
-<span id="more"></span>
-<p>事件有一个
-<code>ElementChangedEventArgs</code>，从这个参数中可以获取需要的信息。</p>
-<h2 id="获取操作">获取操作</h2>
-<p>获取是什么操作导致元素被修改，可以通过 <code>ChangeTrackKind</code>
-来获取，它的值如下：</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> ChangeTrackKind</span><br><span class="line">&#123;</span><br><span class="line">    Delete = <span class="number">1</span>,</span><br><span class="line">    Add = <span class="number">2</span>,</span><br><span class="line">    Modify = <span class="number">3</span>,</span><br><span class="line">    ModifyFence = <span class="number">5</span>,</span><br><span class="line">    Mark = <span class="number">7</span>,</span><br><span class="line">    ModelAdd = <span class="number">9</span>,</span><br><span class="line">    ModelDelete = <span class="number">10</span>,</span><br><span class="line">    AddXAttribute = <span class="number">11</span>,</span><br><span class="line">    DeleteXAttribute = <span class="number">12</span>,</span><br><span class="line">    ModifyXAttribute = <span class="number">13</span>,</span><br><span class="line">    ReplaceXAttribute = <span class="number">14</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="获取新元素">获取新元素</h2>
-<p>属性 <code>NewElement</code> 代表新元素。</p>
-<h2 id="获取旧元素">获取旧元素</h2>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><p><a
-href="https://www.yuque.com/bentleysystems/csharp/nkb543#qzYS7">事件API</a></p></li>
-<li><p><a
-href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/189214/ms-ce-c-c/557010#557010">元素拷贝、移动事件</a></p></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>事件</category>
-      </categories>
-      <tags>
-        <tag>Bentley二次开发</tag>
-        <tag>Bentley</tag>
-      </tags>
-  </entry>
   <entry>
     <title>MS DgnTool 学习（一）</title>
     <url>/posts/2019/14CGG7V.html</url>
@@ -23028,6 +22968,93 @@ DgnViewTool 不应该更改文件或任何可能影响活动原命令的内容
         <tag>DgnTool</tag>
       </tags>
   </entry>
+  <entry>
+    <title>DgnPrimitiveTool 使用文档</title>
+    <url>/posts/2022/1FJ4HP4.html</url>
+    <content><![CDATA[<p>本文主要总结 DgnPrimitiveTool
+的触发逻辑，同时介绍其中的参数设置。</p>
+<span id="more"></span>
+<h2 id="简介">简介</h2>
+<p>DgnPrimitiveTool 继承自
+DgnTool，它增加了动态显示、回退相关的事件回调。</p>
+<h2 id="继承关系">继承关系</h2>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220520131412036.png"
+alt="image-20220520131412036" />
+<figcaption aria-hidden="true">image-20220520131412036</figcaption>
+</figure>
+<h2 id="动态显示">动态显示</h2>
+<table>
+<colgroup>
+<col style="width: 18%" />
+<col style="width: 81%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>函数名称</th>
+<th>作用</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>BeginDynamics</td>
+<td>打开动态显示</td>
+</tr>
+<tr class="even">
+<td>EndDynamics</td>
+<td>关闭动态显示</td>
+</tr>
+<tr class="odd">
+<td>OnDynamicFrame</td>
+<td>在此处进行动态元素的显示；<br />动态元素显示需要使用
+RedrawElems，详见相关文章</td>
+</tr>
+</tbody>
+</table>
+<h2 id="ctrlz-回退">Ctrl+Z 回退</h2>
+<p>通过以下步骤方式可以开启 Ctrl+Z 回退回调功能</p>
+<ol type="1">
+<li>在 <code>OnPostInstall</code> 中调用方法
+<code>EnableUndoPreviousStep()</code> 打开回退功能</li>
+<li>重写 <code>OnUndoPreviousStep</code> 事件</li>
+</ol>
+<h2 id="onrestarttool">OnRestartTool</h2>
+<p>本类中新增一个抽象方法
+<code>OnRestartTool</code>，当外部事件可能使当前工具的状态失效时调用。</p>
+<p>例如 undo
+操作，它可能使对元素的任何引用失效，或者导致引用的绑定/取绑。</p>
+<p>在这个事件回调中，需要初始化新实例并调用
+<code>InstallTool</code>，或者调用 <code>ExitTool</code>
+来退出工具。</p>
+<h2 id="单次触发模式">单次触发模式</h2>
+<p>Single-shot模式的意思就是你执行完一个命令后就会回到系统默认命令，往往是选择工具命令。</p>
+<p>当不处于Single-shot模式时，执行完当前命令后仍然保持这个命令。比如你执行了画线命令，画完后仍然可以继续画线而不用再选择画线命令。</p>
+<p>这个选项目前已经被废弃。</p>
+<p>详见 <a
+href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/171116/msce-c-single-shot-mode-single-shot-mode/492647#492647">single-shot
+mode</a></p>
+<h2 id="执行流程">执行流程</h2>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/DgnPrimitiveTool执行流程-schetch.png"
+alt="DgnPrimitiveTool执行流程-schetch" />
+<figcaption
+aria-hidden="true">DgnPrimitiveTool执行流程-schetch</figcaption>
+</figure>
+<h2 id="参考">参考</h2>
+<p>《Microstation API Document》</p>
+<p><a href="">DgnTool详细说明文档</a></p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+        <category>Tool</category>
+      </categories>
+      <tags>
+        <tag>Bentley二次开发</tag>
+        <tag>Bentley</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
   <entry>
     <title>DgnPrimitiveTool 详细说明文档</title>
     <url>/posts/2022/K0VDR.html</url>
@@ -23347,93 +23374,6 @@ alt="image-20220522072349830" />
 <p>标记为 * 号的表示未弄明白其用途。</p>
 <h2 id="参考">参考</h2>
 <p>《Microstation API Document》</p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>Tool</category>
-      </categories>
-      <tags>
-        <tag>Bentley二次开发</tag>
-        <tag>Bentley</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>DgnPrimitiveTool 使用文档</title>
-    <url>/posts/2022/1FJ4HP4.html</url>
-    <content><![CDATA[<p>本文主要总结 DgnPrimitiveTool
-的触发逻辑，同时介绍其中的参数设置。</p>
-<span id="more"></span>
-<h2 id="简介">简介</h2>
-<p>DgnPrimitiveTool 继承自
-DgnTool，它增加了动态显示、回退相关的事件回调。</p>
-<h2 id="继承关系">继承关系</h2>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220520131412036.png"
-alt="image-20220520131412036" />
-<figcaption aria-hidden="true">image-20220520131412036</figcaption>
-</figure>
-<h2 id="动态显示">动态显示</h2>
-<table>
-<colgroup>
-<col style="width: 18%" />
-<col style="width: 81%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>函数名称</th>
-<th>作用</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>BeginDynamics</td>
-<td>打开动态显示</td>
-</tr>
-<tr class="even">
-<td>EndDynamics</td>
-<td>关闭动态显示</td>
-</tr>
-<tr class="odd">
-<td>OnDynamicFrame</td>
-<td>在此处进行动态元素的显示；<br />动态元素显示需要使用
-RedrawElems，详见相关文章</td>
-</tr>
-</tbody>
-</table>
-<h2 id="ctrlz-回退">Ctrl+Z 回退</h2>
-<p>通过以下步骤方式可以开启 Ctrl+Z 回退回调功能</p>
-<ol type="1">
-<li>在 <code>OnPostInstall</code> 中调用方法
-<code>EnableUndoPreviousStep()</code> 打开回退功能</li>
-<li>重写 <code>OnUndoPreviousStep</code> 事件</li>
-</ol>
-<h2 id="onrestarttool">OnRestartTool</h2>
-<p>本类中新增一个抽象方法
-<code>OnRestartTool</code>，当外部事件可能使当前工具的状态失效时调用。</p>
-<p>例如 undo
-操作，它可能使对元素的任何引用失效，或者导致引用的绑定/取绑。</p>
-<p>在这个事件回调中，需要初始化新实例并调用
-<code>InstallTool</code>，或者调用 <code>ExitTool</code>
-来退出工具。</p>
-<h2 id="单次触发模式">单次触发模式</h2>
-<p>Single-shot模式的意思就是你执行完一个命令后就会回到系统默认命令，往往是选择工具命令。</p>
-<p>当不处于Single-shot模式时，执行完当前命令后仍然保持这个命令。比如你执行了画线命令，画完后仍然可以继续画线而不用再选择画线命令。</p>
-<p>这个选项目前已经被废弃。</p>
-<p>详见 <a
-href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/171116/msce-c-single-shot-mode-single-shot-mode/492647#492647">single-shot
-mode</a></p>
-<h2 id="执行流程">执行流程</h2>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/DgnPrimitiveTool执行流程-schetch.png"
-alt="DgnPrimitiveTool执行流程-schetch" />
-<figcaption
-aria-hidden="true">DgnPrimitiveTool执行流程-schetch</figcaption>
-</figure>
-<h2 id="参考">参考</h2>
-<p>《Microstation API Document》</p>
-<p><a href="">DgnTool详细说明文档</a></p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -23545,219 +23485,62 @@ alt="image-20220522105109562" />
       </tags>
   </entry>
   <entry>
-    <title>如何调用 Microstation 的消息管理器</title>
-    <url>/posts/2022/1NF37FV.html</url>
-    <content><![CDATA[<p>在进行Bentley二次开发的时候，通常我们需要向用户输出一些信息，比如操作的提示，错误的提示等等，本文特对这些方式进行总结，方便下次随心所欲地使用。</p>
+    <title>Bentley中在.NET下监听元素双击事件</title>
+    <url>/posts/2021/2JZQM2W.html</url>
+    <content><![CDATA[<p>在用C#进行Bentley二次开发的过程中，我们可能有这个需求：希望获取双击的元素，然后响应修改命令。通过查找相关资料，最终实现方式如下。</p>
 <span id="more"></span>
-<h2 id="通知管理器">通知管理器</h2>
-<p>通过使用 NotificationManager
-向用户推送消息。可以用此类来生成提示、错误消息和警报对话框。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220512074020104.png"
-alt="image-20220512074020104" />
-<figcaption aria-hidden="true">image-20220512074020104</figcaption>
-</figure>
-<table>
-<colgroup>
-<col style="width: 38%" />
-<col style="width: 32%" />
-<col style="width: 28%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>DLL 名称</th>
-<th>命名空间</th>
-<th>类名</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>Bentley.DgnPlatformNET.dll</td>
-<td>Bentley.DgnPlatformNET</td>
-<td>NotificationManager</td>
-</tr>
-</tbody>
-</table>
-<h3 id="源码注解">源码注解</h3>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"></span><br><span class="line"><span class="comment">//打开消息弹窗</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> MessageBoxValue <span class="title">OpenMessageBox</span>(<span class="params">MessageBoxType mbType, <span class="built_in">string</span> message, MessageBoxIconType icon</span>)</span>;</span><br><span class="line"><span class="comment">//向MS的底部通知栏写入提示</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> StatusInt <span class="title">OutputMessage</span>(<span class="params">NotifyMessageDetails message</span>)</span>;</span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">OutputPrompt</span>(<span class="params"><span class="built_in">string</span> prompt</span>)</span>;</span><br><span class="line"><span class="comment">//设置一个标志来分配（value==true时）事件，以便在执行费时算法时，刷新界面，从而不卡顿。</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">SetDispatchEvents</span>(<span class="params"><span class="built_in">bool</span> <span class="keyword">value</span></span>)</span>;</span><br><span class="line"></span><br><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> MessageBoxType</span><br><span class="line">&#123;</span><br><span class="line">    YesNo = <span class="number">-121</span>,</span><br><span class="line">    LargeOk = <span class="number">-119</span>,</span><br><span class="line">    YesNoCancel = <span class="number">-113</span>,</span><br><span class="line">    MediumAlert = <span class="number">-112</span>,</span><br><span class="line">    Ok = <span class="number">-97</span>,</span><br><span class="line">    OkCancel = <span class="number">-13</span>,</span><br><span class="line">    None = <span class="number">0</span></span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> MessageBoxIconType</span><br><span class="line">&#123;</span><br><span class="line">    NoSymbol = <span class="number">0</span>,</span><br><span class="line">    Information = <span class="number">1</span>,</span><br><span class="line">    Question = <span class="number">2</span>,</span><br><span class="line">    Warning = <span class="number">3</span>,</span><br><span class="line">    Critical = <span class="number">4</span></span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> MessageBoxValue</span><br><span class="line">&#123;</span><br><span class="line">    None = <span class="number">0</span>,</span><br><span class="line">    Apply = <span class="number">1</span>,</span><br><span class="line">    Reset = <span class="number">2</span>,</span><br><span class="line">    Ok = <span class="number">3</span>,</span><br><span class="line">    Cancel = <span class="number">4</span>,</span><br><span class="line">    Default = <span class="number">5</span>,</span><br><span class="line">    Yes = <span class="number">6</span>,</span><br><span class="line">    No = <span class="number">7</span>,</span><br><span class="line">    Retry = <span class="number">8</span>,</span><br><span class="line">    Stop = <span class="number">9</span>,</span><br><span class="line">    Help = <span class="number">10</span>,</span><br><span class="line">    YesToAll = <span class="number">11</span>,</span><br><span class="line">    NoToAll = <span class="number">12</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h3 id="使用">使用</h3>
-<ul>
-<li><p>OpenMessageBox方法</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">NotificationManagerOpenMessageBox</span>()</span></span><br><span class="line">&#123;  </span><br><span class="line">    NotificationManager.OpenMessageBox(NotificationManager.MessageBoxType.MediumAlert, <span class="string">&quot;Medium alert&quot;</span>,NotificationManager.MessageBoxIconType.Warning);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
-<li><p>OutputMessage方法</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">NotificationManagerOutputMessage</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">    OutputMessagePriority outputMessagePriority = OutputMessagePriority.Information;</span><br><span class="line">    <span class="built_in">string</span> briefMsg = <span class="string">&quot;this is a brief msg&quot;</span>;</span><br><span class="line">    <span class="built_in">string</span> detailMsg = <span class="string">&quot;this is a detail msg&quot;</span>;</span><br><span class="line">    NotifyTextAttributes notifyTextAttributes = NotifyTextAttributes.AlwaysBeveled;</span><br><span class="line">    NotifyMessageDetails notifyMessageDetails = <span class="keyword">new</span> NotifyMessageDetails(outputMessagePriority,briefMsg,detailMsg,notifyTextAttributes,OutputMessageAlert.Balloon);</span><br><span class="line">    NotificationManager.OutputMessage(notifyMessageDetails);    </span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220512074152131.png"
-alt="image-20220512074152131" />
-<figcaption aria-hidden="true">image-20220512074152131</figcaption>
-</figure></li>
-<li><p>OutputPrompt方法</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">NotificationManagerOutputPrompt</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">    NotificationManager.OutputPrompt(<span class="string">&quot;this is ouput prompt&quot;</span>);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220512073913334.png"
-alt="image-20220512073913334" />
-<figcaption aria-hidden="true">image-20220512073913334</figcaption>
-</figure></li>
-</ul>
-<h2 id="消息中心messagecenter">消息中心（MessageCenter）</h2>
-<p>在 Bentley.MstnPlatformNET
-中也存在与消息管理器一样的类以供调用向用户传递消息。</p>
-<table>
-<thead>
-<tr class="header">
-<th>DLL 名称</th>
-<th>命名空间</th>
-<th>类名</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>ustation.dll</td>
-<td>Bentley.MstnPlatformNET</td>
-<td>MessageCenter</td>
-</tr>
-</tbody>
-</table>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 其内部代码如下</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">MessageCenter</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> MessageCenter Instance &#123; <span class="keyword">get</span>; &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> StatusWarning &#123; <span class="keyword">set</span>; &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> StatusMessage &#123; <span class="keyword">set</span>; &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> StatusPrompt &#123; <span class="keyword">set</span>; &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> StatusCommand &#123; <span class="keyword">get</span>; <span class="keyword">set</span>; &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">string</span> <span class="title">GetStringFromMessageListResource</span>(<span class="params"><span class="built_in">int</span> listId, <span class="built_in">int</span> stringId</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowDebugMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, <span class="built_in">bool</span> openAlertBox</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowDebugMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, MessageAlert alertType</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowErrorMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, <span class="built_in">bool</span> openAlertBox</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowErrorMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, MessageAlert alertType</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowInfoMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, <span class="built_in">bool</span> openAlertBox</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowInfoMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, MessageAlert alertType</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowMessage</span>(<span class="params">MessageType messageType, <span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, MessageAlert alertType</span>)</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>在使用时，通过单例来调用其中的实例方法：<code>MessageCenter.Instance.xxx</code></p>
-<h2 id="测试代码">测试代码</h2>
-<p>最后，附上 Notification Manager 测试代码的链接。</p>
-<p>加载编译之后的 ArticleSourceCode.dll，调用
-Key-in：<code>test message manager</code>，此时会弹出一个操作窗体，通过选择不同选项，即可查看相应方法的效果。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220512073946491.png"
-alt="image-20220512073946491" />
-<figcaption aria-hidden="true">image-20220512073946491</figcaption>
-</figure>
-<p><a href="https://github.com/GalensGan/ArticleSourceCode">&gt;
-GitHub源代码</a></p>
+<p>在继承自 Bentley.MstnPlatformNET.AddIn 的类中，重写 <code>Run</code>
+方法，并在此处监听 <code>OnSelectionChanged</code>
+事件，从事件参数中可以获取 <code>Action</code>，当 <code>Action</code>
+为 <code>SelectionChangedEventArgs.ActionKind.DoubleClickElement</code>
+时，就代表双击的元素。具体代码如下：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 该类继承 Bentley.MstnPlatformNET.AddIn</span></span><br><span class="line"></span><br><span class="line"><span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="built_in">int</span> <span class="title">Run</span>(<span class="params"><span class="built_in">string</span>[] commandLine</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 其它操作</span></span><br><span class="line">    <span class="comment">// ...</span></span><br><span class="line">    </span><br><span class="line">    <span class="comment">// 监听双击鼠标事件，实现修改</span></span><br><span class="line">    <span class="keyword">this</span>.SelectionChangedEvent += OnSelectionChanged;</span><br><span class="line">    <span class="keyword">return</span> <span class="number">0</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">OnSelectionChanged</span>(<span class="params"><span class="built_in">object</span> sender, SelectionChangedEventArgs e</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">switch</span> (e.Action)</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">case</span> SelectionChangedEventArgs.ActionKind.DoubleClickElement:</span><br><span class="line">            <span class="comment">// 通过 FilePosition 获取元素</span></span><br><span class="line">            <span class="keyword">var</span> elem = GetElementByFilePosition(e.FilePosition);</span><br><span class="line">            <span class="comment">// 对元素进行其它操作</span></span><br><span class="line">            <span class="keyword">break</span>;</span><br><span class="line">        <span class="literal">default</span>:<span class="keyword">return</span>;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 通过 filePosition 获取 Element</span></span><br><span class="line"><span class="comment">// 采用 COM 接口获取 filePosition 对应的 ElementId</span></span><br><span class="line"><span class="comment">// 然后通过 elementId 获取.NET下的 Element</span></span><br><span class="line"><span class="function"><span class="keyword">private</span> Element <span class="title">GetElementByFilePosition</span> (<span class="params"><span class="built_in">uint</span> filePosition</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">var</span> app = Utilities.ComApp;</span><br><span class="line">    <span class="keyword">var</span> elemCache = app.ActiveModelReference.GraphicalElementCache;</span><br><span class="line">    <span class="keyword">var</span> index = elemCache.IndexFromFilePosition((<span class="built_in">int</span>)filePosition);</span><br><span class="line">    <span class="keyword">if</span> (elemCache.IsElementValid(index))</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">var</span> elem = elemCache.GetElement(index);</span><br><span class="line">        <span class="keyword">var</span> longId = elem.ID;</span><br><span class="line">        <span class="keyword">return</span> Session.Instance.GetActiveDgnModel().FindElementById((ElementId)eleId);</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="keyword">return</span> <span class="literal">null</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>程序使用了 COM 接口，所以需要的引入
+Bentley.MicroStation.dll，COM接口位于
+Bentley.MstnPlatformNET.InteropServices 命名空间中。</p>
+</blockquote>
 ]]></content>
       <categories>
         <category>Bentley</category>
         <category>Develop</category>
-        <category>消息中心</category>
+        <category>事件</category>
       </categories>
       <tags>
         <tag>Bentley二次开发</tag>
-        <tag>Bentley</tag>
-        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
-    <title>C# 中如何向 Microstation 输出调试信息</title>
-    <url>/posts/2022/38K28WD.html</url>
-    <content><![CDATA[<p>在进行 MS 开发时，有时候需要输出调试信息，方便查看，主要有 4
-种方式：</p>
-<ol type="1">
-<li>通过 P/Invoke 技术调用
-<code>void mdlDialog_dmsgsPrint(byte[] wMsg)</code> 方法来输出</li>
-<li>通过 <a href="https://galens.uamazing.cn/posts/2022/1NF37FV.html">MS
-消息管理器</a> 来输出，但是这种是输出是模态的，不太方便</li>
-<li>通过现有的 Log 库，比如 Log4net 来进行输出，在 MS 中无法打开 console
-进行输出，所以使用起来有些不方便</li>
-<li>自己写一个输出窗体，来显示调试信息</li>
-</ol>
-<p>本文介绍最简单的方式，即调用原生的消息输出窗体来展示。</p>
+    <title>Microstation 中监听元素修改事件</title>
+    <url>/posts/2022/1GXJ3PN.html</url>
+    <content><![CDATA[<p>在进行 Microstation
+二次开发时，有时候需要监听元素的修改事件，实现联动修改，可以在 Addin
+上注册 <code>ElementChangedEventHander</code> 事件。</p>
 <span id="more"></span>
-<h2 id="代码">代码</h2>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> System.Text;</span><br><span class="line"><span class="keyword">using</span> System.Runtime.InteropServices;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">Utils.Message</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> MS 中的输出窗体</span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">class</span> <span class="title">Console</span></span><br><span class="line">    &#123;</span><br><span class="line">        [<span class="meta">DllImport(<span class="string">&quot;ustation.dll&quot;</span>)</span>]</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">extern</span> <span class="keyword">void</span> <span class="title">mdlDialog_dmsgsPrint</span>(<span class="params"><span class="built_in">byte</span>[] wMsg</span>)</span>;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">WriteLine</span>(<span class="params"><span class="built_in">string</span> message</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            mdlDialog_dmsgsPrint(Encoding.Unicode.GetBytes(message));</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
-<p><strong>使用效果：</strong></p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220519085734183.png"
-alt="image-20220519085734183" />
-<figcaption aria-hidden="true">image-20220519085734183</figcaption>
-</figure>
+<p>事件有一个
+<code>ElementChangedEventArgs</code>，从这个参数中可以获取需要的信息。</p>
+<h2 id="获取操作">获取操作</h2>
+<p>获取是什么操作导致元素被修改，可以通过 <code>ChangeTrackKind</code>
+来获取，它的值如下：</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> ChangeTrackKind</span><br><span class="line">&#123;</span><br><span class="line">    Delete = <span class="number">1</span>,</span><br><span class="line">    Add = <span class="number">2</span>,</span><br><span class="line">    Modify = <span class="number">3</span>,</span><br><span class="line">    ModifyFence = <span class="number">5</span>,</span><br><span class="line">    Mark = <span class="number">7</span>,</span><br><span class="line">    ModelAdd = <span class="number">9</span>,</span><br><span class="line">    ModelDelete = <span class="number">10</span>,</span><br><span class="line">    AddXAttribute = <span class="number">11</span>,</span><br><span class="line">    DeleteXAttribute = <span class="number">12</span>,</span><br><span class="line">    ModifyXAttribute = <span class="number">13</span>,</span><br><span class="line">    ReplaceXAttribute = <span class="number">14</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="获取新元素">获取新元素</h2>
+<p>属性 <code>NewElement</code> 代表新元素。</p>
+<h2 id="获取旧元素">获取旧元素</h2>
 <h2 id="参考">参考</h2>
-<p><a
-href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/179897/msce-c-mdldialog_dmsgsprint-c/523460#523460">请问mdlDialog_dmsgsPrint对应C#什么方法？</a></p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>消息中心</category>
-      </categories>
-      <tags>
-        <tag>Bentley二次开发</tag>
-        <tag>Bentley</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Bentley 程序集学习</title>
-    <url>/posts/2022/5X1QK2.html</url>
-    <content><![CDATA[<p>今天起要开始研究 Bentley 二开中常用的程序集内容了。</p>
-<span id="more"></span>
-<p>为什么会突然有这个想法呢？</p>
-<p>是因为我发现，如果在开发的过程中，如果对 SDK
-了解太少的话，会导致思路闭塞，会大大降低了编程的效率。</p>
-<p>虽然搞开发已经 4
-年了，但是积累的东西还是不够，但是我坚信，日积跬步，终至千里。</p>
-<p>所以，谨以此文记录本人学习之决心，以此为序，迈上大神之路。</p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>程序集</category>
-      </categories>
-      <tags>
-        <tag>Bentley</tag>
-        <tag>Bentley程序集学习</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Bentley工程属性入门</title>
-    <url>/posts/2022/33P3D91.html</url>
-    <content><![CDATA[<p>本文主要介绍在 Bentley 平台上进行二次开发时，如何向 dgn
-保存自己的数据。</p>
-<span id="more"></span>
-<h2 id="序">序</h2>
-<p>对于工程信息，主要分为<strong>几何数据</strong>与<strong>工程数据</strong>两个部分，对于几何数据，Bentley采用模型来表达。而工程数据，起初
-Bentley 采用 XAttribute 的方式在 dgn
-文件中开辟一个特定空间存储非几何数据，但是在由于没有统一数据存储的方式和格式，导致不同专业软件之间的信息无法交流。最后，Bentley
-经过大量的摸索和借鉴形成了一套系统的数据解决方案系统 ECFramework
-(Engineering Content Framework )，通过这套方案
-Bentley真正实现各个专业软件之间数据的无损流动和互动。</p>
-<p>对于仅需要向 dgn 保存自己工具所产生的数据，可以有如下三种方式：</p>
 <ol type="1">
-<li>EC</li>
-<li>ItemType</li>
-<li>XAttribute</li>
+<li><p><a
+href="https://www.yuque.com/bentleysystems/csharp/nkb543#qzYS7">事件API</a></p></li>
+<li><p><a
+href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/189214/ms-ce-c-c/557010#557010">元素拷贝、移动事件</a></p></li>
 </ol>
-<h2 id="ec">EC</h2>
-<h3 id="查询所有-ecinstance">查询所有 ECInstance</h3>
-<h3 id="查询特定-ecinstance">查询特定 ECInstance</h3>
-<h2 id="itemtype">ItemType</h2>
-<h2 id="xattribute">XAttribute</h2>
-<h2 id="参考">参考</h2>
-<p><a href="https://www.yuque.com/bentleysystems/csharp">Bentley
-软件开发教程 C#语言</a></p>
-<p><a
-href="https://www.yuque.com/bentleysystems/csharp/rgcgyp#2lqg5">工程信息数据开发API(EC框架)</a></p>
-<p><a
-href="https://www.yuque.com/bentleysystems/nkoply/qdgygi#AgunG">MicroStation二次开发基础教学（七）</a></p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>数据存储</category>
-      </categories>
-      <tags>
-        <tag>Bentley</tag>
-        <tag>EC</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>给元素添加自定义数据的几种方式</title>
-    <url>/posts/2023/283FNHQ.html</url>
-    <content><![CDATA[<p>参考：<a
-href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise">Addin给元素添加自定义Linkage数据</a></p>
 ]]></content>
       <categories>
         <category>Bentley</category>
         <category>Develop</category>
-        <category>数据存储</category>
+        <category>事件</category>
       </categories>
       <tags>
+        <tag>Bentley二次开发</tag>
         <tag>Bentley</tag>
       </tags>
   </entry>
@@ -23801,150 +23584,6 @@ href="https://communities.bentley.com/communities/other_communities/chinafirst/f
         <tag>Bentley二次开发</tag>
       </tags>
   </entry>
-  <entry>
-    <title>CurveVector 相关实现笔记</title>
-    <url>/posts/2020/6W94V6.html</url>
-    <content><![CDATA[<h2 id="判断-curvevector-是否在一个平面">判断 CurveVector
-是否在一个平面</h2>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// C#</span></span><br><span class="line">cv.IsPlanar(<span class="keyword">out</span> DTransform3d localToWorld, <span class="keyword">out</span> DTransform3d worldToLocal, <span class="keyword">out</span> DRange3d range3D);</span><br><span class="line"></span><br><span class="line"><span class="comment">// 转到 xy 平面</span></span><br><span class="line">cv.Transform(worldToLocal);</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>返回的第一个参数为 <code>localToWorld</code>，该坐标系是 curve
-的局部坐标第，曲线位于局部坐标系的 xy 平面。如果要将其变成世界坐标系的
-xy，则要将左乘 <code>localToWorld</code> 的逆矩阵，即
-<code>worldToLocal</code>。</p>
-</blockquote>
-<h2 id="创建线串">创建线串</h2>
-<h3 id="curvevector静态">CurveVector静态</h3>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// CurveVector 类中</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> CurveVector <span class="title">CreateLinear</span>(<span class="params">IList&lt;DPoint3d&gt; points, BoundaryType boundaryType, <span class="built_in">bool</span> forceXYOrientation</span>)</span>;</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>最后一个参数在使用中经常会让人误解，当它为 <code>true</code>
-时，将强制生成的曲线外部和内部循环具有正确的(CCW/CW)顺序。</p>
-</blockquote>
-<h3 id="curveprimitive静态">CurvePrimitive静态</h3>
-<h2 id="判断点与曲线的关系">判断点与曲线的关系</h2>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// CurveVector 类中</span></span><br><span class="line"></span><br><span class="line"><span class="function"><span class="keyword">public</span> InOutClassification <span class="title">PointInOnOutXY</span>(<span class="params">[In] DPoint3d xyz</span>)</span>;</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>几何变换</category>
-      </categories>
-      <tags>
-        <tag>CurveVector</tag>
-        <tag>BentleySDK</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>DTranform3d和DMatrix理解</title>
-    <url>/posts/2021/17DF183.html</url>
-    <content><![CDATA[<p>DTransform3d 是 Bentley
-中几何变换的类，通过它可以快速生成变换矩阵。</p>
-<span id="more"></span>
-<table>
-<thead>
-<tr class="header">
-<th>程序集</th>
-<th>命名空间</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>Bentley.GeometryNET.Structs.dll</td>
-<td>Bentley.GeometryNET</td>
-</tr>
-</tbody>
-</table>
-<h2 id="dpoint3d">DPoint3d</h2>
-<p>代表点，点也可以看成是从原点开始的向量</p>
-<h2 id="dvector3d">DVector3d</h2>
-<p>代表向量</p>
-<h2 id="dmatrix">DMatrix</h2>
-<p>它的类型的是 Struct，代表方阵，有
-DMatrix2d、DMatrix3d、DMatrix4d，是基本的数学几何表达。</p>
-<h2 id="dtransform3d">DTransform3d</h2>
-<p>DTransform3d 是齐次表达式型矩阵的一种封装，有 DTransform2d 和
-DTransform3d，分别代表 2x3 和 3x4 阶矩阵。</p>
-<p>它内部的一些变换使用到了 DMatrix，因为 DMatrix
-是结构体，运行在栈上，执行效率高。</p>
-<p>Bentley 中使用 DTransform3d
-来实现三维变换，它使用三维矩阵加上一个平移矩阵的方式来表达齐次矩阵。</p>
-<p>Bentley 在进行三维仿射时，其原理是先将 DTransform3d
-中的数据转成一个三维齐次矩阵，然后再对图形左乘变换矩阵进行变换。</p>
-<h2 id="左乘">左乘</h2>
-<p>要对图形进行仿射变换，需要左乘矩阵，同时，变换的顺序是从右向左的。</p>
-<p>Bentley
-中很多对象重载了运算符，可以方便进行仿射变换，在使用的过程中，直接使用
-<code>*</code> 号即可。</p>
-<p>例如: 对 DVector3d 进行变换，可以使用：</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line">DVector3d vector = DVector3d.UnitZ;</span><br><span class="line">DTransform3d trans = DTransform3d.Identity;</span><br><span class="line">DVector3d result = trans * vector;</span><br></pre></td></tr></table></figure>
-<h2 id="关于矩阵的理解">关于矩阵的理解</h2>
-<p>矩阵的通用表达式为： <span class="math display">\[
-M_{local} \cdot P_{local} = M_{world} \cdot P_{world} = I \cdot P
-\]</span> 从上面的表达式中，我们可以理解为：</p>
-<ol type="1">
-<li>对象的真实坐标为 <span class="math inline">\(P\)</span></li>
-<li>P 在世界坐标系中是 <span
-class="math inline">\(P_{world}\)</span></li>
-<li>P 在局部坐标系中是 <span
-class="math inline">\(P_{local}\)</span></li>
-</ol>
-<p>所以，如果要将一个坐标系转换到另一个坐标系，可以先将该坐标系中的点转换到真实坐标，然后再通过真实坐标转换到另一个坐标系中。</p>
-<p>假设有坐标系： <span class="math display">\[
-\begin{align}
-M_1 \cdot P_1 = M \cdot P \\
-M_2 \cdot P_2 = M \cdot P
-\end{align}
-\]</span> 如果要将 <span class="math inline">\(P_1\)</span> 变成 <span
-class="math inline">\(P_2\)</span>,则可以： <span
-class="math display">\[
-M_1 \cdot P_1 = M_2 \cdot P_2 =&gt; P_2 = M_2^{-1} \cdot M_1 \cdot P_1
-\]</span>
-<strong>要转换到某个坐标系，就要左乘该坐标系的逆矩阵。</strong></p>
-<h2 id="混淆概念解析">混淆概念解析</h2>
-<p>在使用 DTranform3 时，经常会有 <code>worldToLocal</code> 和
-<code>localToWorld</code>，它们的关系如下： <span
-class="math display">\[
-\begin{align}
-P_{world} = M_{localToWorld} \cdot P_{local} \\
-M_{worldToLocal} = M_{localToWorld}^{-1}
-\end{align}
-\]</span></p>
-<ul>
-<li><p>worldToLocal</p>
-<p>将世界坐标系转换到局部坐标系，从而获取局部坐标，即是<strong>局部坐标系矩阵的逆矩阵</strong>。</p>
-<p>对于元素来说，就是将世界坐标系中的元素旋转到自己定义的坐标系下</p></li>
-<li><p>localToWorld</p>
-<p>worldToLocal的逆矩阵</p></li>
-</ul>
-<h2 id="求逆变换">求逆变换</h2>
-<h3 id="逆矩阵">逆矩阵</h3>
-<p>在 <code>DTransform3d</code> 的实例上，有一个
-<code>TryInvert</code>，调用该方法可以获取一个变换的逆变换。因为一个矩阵，不一定是可逆的，所以
-<code>TryInvert</code> 不一定会获取到逆变换，需要根据返回值来确定。</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 使用代码片段</span></span><br><span class="line">DTransform3d trans = <span class="keyword">new</span> DTransform3d(cursorLocation.ViewRotation);</span><br><span class="line">trans.TryInvert(<span class="keyword">out</span> DTransform3d invertTras);</span><br></pre></td></tr></table></figure>
-<h3 id="伪逆">伪逆</h3>
-<p>一个矩阵不一定有逆矩阵，但是一定有伪逆。所以可以通过下列方法求得：</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// DTransform 中包含静态 FromPseudoInverse，直接调用即可</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> DTransform3d <span class="title">FromPseudoInverse</span>(<span class="params">DTransform3d transform</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 先转置</span></span><br><span class="line">    DMatrix3d matrix = <span class="keyword">new</span> DMatrix3d(transform).Transpose();</span><br><span class="line">    DVector3d vector = DMatrix3d.Multiply(matrix,-transform.coffxw,-transform.coffyw,-transform.coffzw);</span><br><span class="line">    <span class="comment">// 对转置进行平移</span></span><br><span class="line">    <span class="keyword">return</span> FromMatrixAndTranslation(matrix, vector);</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><p><a
-href="https://www.yuque.com/bentleysystems/ms/zgo461#Vs7J7">几何变换/坐标变换/矩阵变换
-等基础概念和代码应用</a></p></li>
-<li><p><a
-href="https://www.cnblogs.com/yeyublog/p/5734374.html">计算机中 堆
-、栈、</a></p></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>几何变换</category>
-      </categories>
-      <tags>
-        <tag>Bentley二次开发</tag>
-        <tag>DTransform3d</tag>
-      </tags>
-  </entry>
   <entry>
     <title>图形变换</title>
     <url>/posts/2020/XDTNKH.html</url>
@@ -24691,24 +24330,27 @@ href="https://zhuanlan.zhihu.com/p/26663064">矩阵的乘积/复合变换</a></l
       </tags>
   </entry>
   <entry>
-    <title>DgnButtonEvent 中 RawPoint,Point,ViewPoint 的区别</title>
-    <url>/posts/2022/192YQY2.html</url>
-    <content><![CDATA[<p>DgnButtonEvent 有三个成员，分别是
-RawPoint、Point和ViewPoin，它们的区别如下：</p>
-<span id="more"></span>
-<h2 id="正文">正文</h2>
-<ul>
-<li>RawPoint（原始点，未经加工过的点），即用户点的点坐标</li>
-<li>Point，经过 Snap 等手段修正后捕捉到元素上的点坐标</li>
-<li>ViewPoint，点在视图坐标系（视图窗口）中的坐标。</li>
-</ul>
-<p>其中，<code>RawPoint</code> 和 <code>Point</code>
-都是在设计坐标系中的点坐标。</p>
-<p><code>ViewPoint</code> 一般在视图窗口中定位。</p>
-<p>在平常的使用中，通常使用 <code>Point</code>。</p>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/211500/ord-c-up7-dgnbuttonevent/640627#640627">DgnButtonEvent的成员含义</a></p>
+    <title>CurveVector 相关实现笔记</title>
+    <url>/posts/2020/6W94V6.html</url>
+    <content><![CDATA[<h2 id="判断-curvevector-是否在一个平面">判断 CurveVector
+是否在一个平面</h2>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// C#</span></span><br><span class="line">cv.IsPlanar(<span class="keyword">out</span> DTransform3d localToWorld, <span class="keyword">out</span> DTransform3d worldToLocal, <span class="keyword">out</span> DRange3d range3D);</span><br><span class="line"></span><br><span class="line"><span class="comment">// 转到 xy 平面</span></span><br><span class="line">cv.Transform(worldToLocal);</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>返回的第一个参数为 <code>localToWorld</code>，该坐标系是 curve
+的局部坐标第，曲线位于局部坐标系的 xy 平面。如果要将其变成世界坐标系的
+xy，则要将左乘 <code>localToWorld</code> 的逆矩阵，即
+<code>worldToLocal</code>。</p>
+</blockquote>
+<h2 id="创建线串">创建线串</h2>
+<h3 id="curvevector静态">CurveVector静态</h3>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// CurveVector 类中</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> CurveVector <span class="title">CreateLinear</span>(<span class="params">IList&lt;DPoint3d&gt; points, BoundaryType boundaryType, <span class="built_in">bool</span> forceXYOrientation</span>)</span>;</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>最后一个参数在使用中经常会让人误解，当它为 <code>true</code>
+时，将强制生成的曲线外部和内部循环具有正确的(CCW/CW)顺序。</p>
+</blockquote>
+<h3 id="curveprimitive静态">CurvePrimitive静态</h3>
+<h2 id="判断点与曲线的关系">判断点与曲线的关系</h2>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// CurveVector 类中</span></span><br><span class="line"></span><br><span class="line"><span class="function"><span class="keyword">public</span> InOutClassification <span class="title">PointInOnOutXY</span>(<span class="params">[In] DPoint3d xyz</span>)</span>;</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -24716,17 +24358,110 @@ href="https://communities.bentley.com/communities/other_communities/chinafirst/f
         <category>几何变换</category>
       </categories>
       <tags>
-        <tag>Bentley二次开发</tag>
+        <tag>CurveVector</tag>
+        <tag>BentleySDK</tag>
       </tags>
   </entry>
   <entry>
-    <title>Bentley 中几何变换实例</title>
-    <url>/posts/2022/38A8BYH.html</url>
-    <content><![CDATA[<p>本文总结了一些常用的几何变换实例，以便后续开发。</p>
+    <title>DTranform3d和DMatrix理解</title>
+    <url>/posts/2021/17DF183.html</url>
+    <content><![CDATA[<p>DTransform3d 是 Bentley
+中几何变换的类，通过它可以快速生成变换矩阵。</p>
 <span id="more"></span>
-<h2 id="dvector3d-变换">DVector3d 变换</h2>
-<p>使用 <code>DTranform*DVector3d</code> 即可进行变换。</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line">DVector3d screenZ = <span class="keyword">new</span> DVector3d(<span class="number">0</span>, <span class="number">0</span>, <span class="number">1</span>);</span><br><span class="line"><span class="comment">// 将屏幕 z 转到世界坐标系中</span></span><br><span class="line"><span class="comment">// cursorLocation 是自定义的类，此处传入当前视图的旋转矩阵即可</span></span><br><span class="line">DTransform3d trans = <span class="keyword">new</span> DTransform3d(cursorLocation.ViewRotation);</span><br><span class="line">trans.TryInvert(<span class="keyword">out</span> DTransform3d invertTrans);</span><br><span class="line"><span class="keyword">var</span> screenZInWorld = invertTrans * screenZ;</span><br></pre></td></tr></table></figure>
+<table>
+<thead>
+<tr class="header">
+<th>程序集</th>
+<th>命名空间</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>Bentley.GeometryNET.Structs.dll</td>
+<td>Bentley.GeometryNET</td>
+</tr>
+</tbody>
+</table>
+<h2 id="dpoint3d">DPoint3d</h2>
+<p>代表点，点也可以看成是从原点开始的向量</p>
+<h2 id="dvector3d">DVector3d</h2>
+<p>代表向量</p>
+<h2 id="dmatrix">DMatrix</h2>
+<p>它的类型的是 Struct，代表方阵，有
+DMatrix2d、DMatrix3d、DMatrix4d，是基本的数学几何表达。</p>
+<h2 id="dtransform3d">DTransform3d</h2>
+<p>DTransform3d 是齐次表达式型矩阵的一种封装，有 DTransform2d 和
+DTransform3d，分别代表 2x3 和 3x4 阶矩阵。</p>
+<p>它内部的一些变换使用到了 DMatrix，因为 DMatrix
+是结构体，运行在栈上，执行效率高。</p>
+<p>Bentley 中使用 DTransform3d
+来实现三维变换，它使用三维矩阵加上一个平移矩阵的方式来表达齐次矩阵。</p>
+<p>Bentley 在进行三维仿射时，其原理是先将 DTransform3d
+中的数据转成一个三维齐次矩阵，然后再对图形左乘变换矩阵进行变换。</p>
+<h2 id="左乘">左乘</h2>
+<p>要对图形进行仿射变换，需要左乘矩阵，同时，变换的顺序是从右向左的。</p>
+<p>Bentley
+中很多对象重载了运算符，可以方便进行仿射变换，在使用的过程中，直接使用
+<code>*</code> 号即可。</p>
+<p>例如: 对 DVector3d 进行变换，可以使用：</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line">DVector3d vector = DVector3d.UnitZ;</span><br><span class="line">DTransform3d trans = DTransform3d.Identity;</span><br><span class="line">DVector3d result = trans * vector;</span><br></pre></td></tr></table></figure>
+<h2 id="关于矩阵的理解">关于矩阵的理解</h2>
+<p>矩阵的通用表达式为： <span class="math display">\[
+M_{local} \cdot P_{local} = M_{world} \cdot P_{world} = I \cdot P
+\]</span> 从上面的表达式中，我们可以理解为：</p>
+<ol type="1">
+<li>对象的真实坐标为 <span class="math inline">\(P\)</span></li>
+<li>P 在世界坐标系中是 <span
+class="math inline">\(P_{world}\)</span></li>
+<li>P 在局部坐标系中是 <span
+class="math inline">\(P_{local}\)</span></li>
+</ol>
+<p>所以，如果要将一个坐标系转换到另一个坐标系，可以先将该坐标系中的点转换到真实坐标，然后再通过真实坐标转换到另一个坐标系中。</p>
+<p>假设有坐标系： <span class="math display">\[
+\begin{align}
+M_1 \cdot P_1 = M \cdot P \\
+M_2 \cdot P_2 = M \cdot P
+\end{align}
+\]</span> 如果要将 <span class="math inline">\(P_1\)</span> 变成 <span
+class="math inline">\(P_2\)</span>,则可以： <span
+class="math display">\[
+M_1 \cdot P_1 = M_2 \cdot P_2 =&gt; P_2 = M_2^{-1} \cdot M_1 \cdot P_1
+\]</span>
+<strong>要转换到某个坐标系，就要左乘该坐标系的逆矩阵。</strong></p>
+<h2 id="混淆概念解析">混淆概念解析</h2>
+<p>在使用 DTranform3 时，经常会有 <code>worldToLocal</code> 和
+<code>localToWorld</code>，它们的关系如下： <span
+class="math display">\[
+\begin{align}
+P_{world} = M_{localToWorld} \cdot P_{local} \\
+M_{worldToLocal} = M_{localToWorld}^{-1}
+\end{align}
+\]</span></p>
+<ul>
+<li><p>worldToLocal</p>
+<p>将世界坐标系转换到局部坐标系，从而获取局部坐标，即是<strong>局部坐标系矩阵的逆矩阵</strong>。</p>
+<p>对于元素来说，就是将世界坐标系中的元素旋转到自己定义的坐标系下</p></li>
+<li><p>localToWorld</p>
+<p>worldToLocal的逆矩阵</p></li>
+</ul>
+<h2 id="求逆变换">求逆变换</h2>
+<h3 id="逆矩阵">逆矩阵</h3>
+<p>在 <code>DTransform3d</code> 的实例上，有一个
+<code>TryInvert</code>，调用该方法可以获取一个变换的逆变换。因为一个矩阵，不一定是可逆的，所以
+<code>TryInvert</code> 不一定会获取到逆变换，需要根据返回值来确定。</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 使用代码片段</span></span><br><span class="line">DTransform3d trans = <span class="keyword">new</span> DTransform3d(cursorLocation.ViewRotation);</span><br><span class="line">trans.TryInvert(<span class="keyword">out</span> DTransform3d invertTras);</span><br></pre></td></tr></table></figure>
+<h3 id="伪逆">伪逆</h3>
+<p>一个矩阵不一定有逆矩阵，但是一定有伪逆。所以可以通过下列方法求得：</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// DTransform 中包含静态 FromPseudoInverse，直接调用即可</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> DTransform3d <span class="title">FromPseudoInverse</span>(<span class="params">DTransform3d transform</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 先转置</span></span><br><span class="line">    DMatrix3d matrix = <span class="keyword">new</span> DMatrix3d(transform).Transpose();</span><br><span class="line">    DVector3d vector = DMatrix3d.Multiply(matrix,-transform.coffxw,-transform.coffyw,-transform.coffzw);</span><br><span class="line">    <span class="comment">// 对转置进行平移</span></span><br><span class="line">    <span class="keyword">return</span> FromMatrixAndTranslation(matrix, vector);</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><p><a
+href="https://www.yuque.com/bentleysystems/ms/zgo461#Vs7J7">几何变换/坐标变换/矩阵变换
+等基础概念和代码应用</a></p></li>
+<li><p><a
+href="https://www.cnblogs.com/yeyublog/p/5734374.html">计算机中 堆
+、栈、</a></p></li>
+</ol>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -24734,8 +24469,8 @@ href="https://communities.bentley.com/communities/other_communities/chinafirst/f
         <category>几何变换</category>
       </categories>
       <tags>
-        <tag>Bentley</tag>
-        <tag>几何变换</tag>
+        <tag>Bentley二次开发</tag>
+        <tag>DTransform3d</tag>
       </tags>
   </entry>
   <entry>
@@ -24798,77 +24533,20 @@ SolidKernelEntity。</p>
 <p>因此，要获取垂直于屏幕的向量（在世界坐标系下的表达），可以通过如下步骤获取：</p>
 <ol type="1">
 <li>获取视图的旋转矩阵 <span class="math inline">\(R\)</span></li>
-<li>对旋转矩阵求逆 <span class="math inline">\(R^{-1}\)</span></li>
-<li>然后将点 <span class="math inline">\(V_{local}\)</span>（0,0,1）应用
-<span class="math inline">\(R^{-1}\)</span> 变换</li>
-</ol>
-<blockquote>
-<p>因为 <span class="math inline">\(V_{local} = R \cdot
-V_{world}\)</span></p>
-<p>所以 <span class="math inline">\(R^{-1} \cdot V_{local} =
-V_{wold}\)</span></p>
-</blockquote>
-<h2 id="任意坐标系">任意坐标系</h2>
-<p>任意坐标系的<strong>度量矩阵</strong>是通过对单位矩阵的旋转平移后得到的。可以通过
-<code>DTranform3d</code> 中的一些静态方法生成。</p>
-<p>如果想将任意坐标系下的元素变换到世界坐标系中，需要左乘度量矩阵的逆。</p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>几何变换</category>
-      </categories>
-      <tags>
-        <tag>Bentley二次开发</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>几何继承关系层次图</title>
-    <url>/posts/2022/1C9ATGS.html</url>
-    <content><![CDATA[
-<div class="markmap-container" style="height:400px">
-  <svg data="{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:2,&quot;p&quot;:{&quot;lines&quot;:[1,2]},&quot;v&quot;:&quot;AnyGeometry&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[3,4]},&quot;v&quot;:&quot;AnyCurve&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[4,5]},&quot;v&quot;:&quot;CurvePrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[5,6]},&quot;v&quot;:&quot;BsplineCurve&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[6,7]},&quot;v&quot;:&quot;ParametricCurve&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[7,8],&quot;f&quot;:true},&quot;v&quot;:&quot;CircularArc&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[8,9],&quot;f&quot;:true},&quot;v&quot;:&quot;EllipticArc&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[9,10],&quot;f&quot;:true},&quot;v&quot;:&quot;LineSegment&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[10,11],&quot;f&quot;:true},&quot;v&quot;:&quot;LineString&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[11,12]},&quot;v&quot;:&quot;TransitionSpiral&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[12,13]},&quot;v&quot;:&quot;AnyGroup&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[13,14]},&quot;v&quot;:&quot;GeometryGroup&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[15,16]},&quot;v&quot;:&quot;AnyPoint&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[16,17]},&quot;v&quot;:&quot;AnySinglePoint&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[17,18]},&quot;v&quot;:&quot;Coordinate&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[18,19]},&quot;v&quot;:&quot;AnySolid&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[19,20]},&quot;v&quot;:&quot;AnyAnalyticSolid&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[20,21]},&quot;v&quot;:&quot;SolidPrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[21,22]},&quot;v&quot;:&quot;CircularCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[22,23]},&quot;v&quot;:&quot;CircularCylinder&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[23,24]},&quot;v&quot;:&quot;SkewedCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[24,25]},&quot;v&quot;:&quot;StronglyTypedSolidPrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[25,26],&quot;f&quot;:true},&quot;v&quot;:&quot;Block&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[26,27],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnBox&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[27,28],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[28,29],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnExtrusion&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[29,30],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnRotationalSweep&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[30,31],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnRuledSweep&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[31,32],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnSphere&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[32,33],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnTorusPipe&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[33,34],&quot;f&quot;:true},&quot;v&quot;:&quot;Sphere&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[34,35],&quot;f&quot;:true},&quot;v&quot;:&quot;TorusPipe&quot;}]}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[35,36]},&quot;v&quot;:&quot;AnySurface&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[36,37]},&quot;v&quot;:&quot;AnyParametricSurface&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[37,38]},&quot;v&quot;:&quot;CurveBoundedRegion&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[38,39]},&quot;v&quot;:&quot;CurvePrimitiveCollection &amp;lt; Bentley::GeometryNET::CurveBoundedRegion &amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[39,40],&quot;f&quot;:true},&quot;v&quot;:&quot;UnionRegion&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[40,41]},&quot;v&quot;:&quot;CurvePrimitiveCollection&amp;lt; Bentley::GeometryNET::CurvePrimitive&amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[41,42],&quot;f&quot;:true},&quot;v&quot;:&quot;CurveVector&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[42,43],&quot;f&quot;:true},&quot;v&quot;:&quot;CircularDisk&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[43,44],&quot;f&quot;:true},&quot;v&quot;:&quot;CurveChain&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[44,45],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnCurveVector&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[45,46],&quot;f&quot;:true},&quot;v&quot;:&quot;EllipticDisk&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[46,47],&quot;f&quot;:true},&quot;v&quot;:&quot;Polygon&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[47,48],&quot;f&quot;:true},&quot;v&quot;:&quot;SurfacePatch&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[48,49],&quot;f&quot;:true},&quot;v&quot;:&quot;SingleLoopRegion&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[50,51]},&quot;v&quot;:&quot;CurvePrimitiveCollection&amp;lt; Bentley::GeometryNET::SingleLoopRegion&amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[51,52],&quot;f&quot;:true},&quot;v&quot;:&quot;ParityRegion&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[52,53]},&quot;v&quot;:&quot;MSBsplineSurface&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[53,54]},&quot;v&quot;:&quot;PolyfaceHeader&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[54,55]},&quot;v&quot;:&quot;IndexedMesh&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[55,56]},&quot;v&quot;:&quot;SingleLineText&quot;}]}"></svg>
-</div>
-
-<span id="more"></span>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://www.yuque.com/bentleysystems/ms/gw1qex">几何继承关系层次图</a>
-查看。</p>
-]]></content>
-      <categories>
-        <category>Bentley</category>
-        <category>Develop</category>
-        <category>几何变换</category>
-      </categories>
-      <tags>
-        <tag>NexT</tag>
-        <tag>Bentley</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>MS中各个对象获取的DTransform含义</title>
-    <url>/posts/2022/1RDA3BV.html</url>
-    <content><![CDATA[<p>在进行矩阵转换时，谨记如下公式： <span class="math display">\[
-\begin{aligned}
-M_{world} \cdot P_{world} &amp;= M_{local} \cdot P_{local} \\
-E \cdot P_{world} &amp;= M_{local} \cdot P_{local} \\
-\therefore P_{world} &amp;= M_{local} \cdot P_{local} \\
-\end{aligned}
-\]</span> M
-可以叫做坐标系的度量矩阵，将某个坐标系统转到另一个坐标系，是在原坐标系的值上左乘新坐标系度量矩阵的逆。</p>
-<p>在理解 MS 中各个对象返回的 DTransform
-含义时，先弄明白谁是度量矩阵，另一个是它的逆，就很好理解了。</p>
-<span id="more"></span>
-<h2 id="dplane3d">DPlane3d</h2>
-<p><figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> <span class="built_in">bool</span> <span class="title">GetTransforms</span>(<span class="params"><span class="keyword">out</span> DTransform3d planeToWorld, <span class="keyword">out</span> DTransform3d worldToPlane</span>)</span></span><br></pre></td></tr></table></figure></p>
-<p>planeToWorld 是 Plane 坐标系的度量矩阵，worldToPlane 是 planeToWorld
-的逆。</p>
-<h2 id="dtransform3d">DTransform3d</h2>
-<p>通过 DTransform3d 生成的矩阵在变换时，直接使用。</p>
-<p>比如下面这个方法：</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// origin 代表的是平移值</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> DTransform3d <span class="title">FromOriginAndColumns</span>(<span class="params">DPoint3d origin, DVector3d xVector, DVector3d yVector, DVector3d zVector</span>)</span></span><br></pre></td></tr></table></figure>
-<p>上述静态通过局部坐标系（原点和三个方向）来生成一个矩阵，这个矩阵其实是该坐标系度量矩阵的逆，所以如果想要将模型变换到该坐标系下，直接左乘该矩阵即可。</p>
+<li>对旋转矩阵求逆 <span class="math inline">\(R^{-1}\)</span></li>
+<li>然后将点 <span class="math inline">\(V_{local}\)</span>（0,0,1）应用
+<span class="math inline">\(R^{-1}\)</span> 变换</li>
+</ol>
+<blockquote>
+<p>因为 <span class="math inline">\(V_{local} = R \cdot
+V_{world}\)</span></p>
+<p>所以 <span class="math inline">\(R^{-1} \cdot V_{local} =
+V_{wold}\)</span></p>
+</blockquote>
+<h2 id="任意坐标系">任意坐标系</h2>
+<p>任意坐标系的<strong>度量矩阵</strong>是通过对单位矩阵的旋转平移后得到的。可以通过
+<code>DTranform3d</code> 中的一些静态方法生成。</p>
+<p>如果想将任意坐标系下的元素变换到世界坐标系中，需要左乘度量矩阵的逆。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -24876,135 +24554,28 @@ E \cdot P_{world} &amp;= M_{local} \cdot P_{local} \\
         <category>几何变换</category>
       </categories>
       <tags>
-        <tag>Bentley</tag>
-        <tag>二次开发</tag>
+        <tag>Bentley二次开发</tag>
       </tags>
   </entry>
   <entry>
-    <title>向量点乘与叉乘</title>
-    <url>/posts/2022/3HJTYAD.html</url>
-    <content><![CDATA[<p>在几何开发中，如何能够了解几何相关的知识，可以帮助我们快速解决问题，减少对现有
-SDK 的依赖。本文总结了向量点乘和叉乘的区别及一些应用场景。</p>
+    <title>DgnButtonEvent 中 RawPoint,Point,ViewPoint 的区别</title>
+    <url>/posts/2022/192YQY2.html</url>
+    <content><![CDATA[<p>DgnButtonEvent 有三个成员，分别是
+RawPoint、Point和ViewPoin，它们的区别如下：</p>
 <span id="more"></span>
-<h2 id="点乘dot-product">点乘（Dot Product）</h2>
-<h3 id="定义">定义</h3>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Dot_Product.png"
-alt="Dot_Product" />
-<figcaption aria-hidden="true">Dot_Product</figcaption>
-</figure>
-<p>从代数上讲，点积是两个数列中对应项的乘积的和。</p>
-<p>假设有两个向量 <span
-class="math inline">\(\vec{a}=[a_1,a_2,...,a_n]\)</span>、<span
-class="math inline">\(\vec{b}=[b_1,b2,...,b_n]\)</span>，则有 <span
-class="math display">\[
-\vec{a} \cdot \vec{b} = \sum_{i=1}^n{a_ib_i}=a_1b_1+a_2b_2+...+a_nb_n
-\]</span>
-从几何上讲，它是两个向量在欧几里空间里的长度值和它们夹角的余弦值的乘积。
-<span class="math display">\[
-\vec a \cdot \vec b = |\vec a|\cdot |\vec b| cos \theta
-\]</span></p>
-<blockquote>
-<p>点乘又叫内积、数量积、投影积</p>
-</blockquote>
-<h3 id="特点">特点</h3>
-<ol type="1">
-<li><p>交换律</p>
-<p><span class="math inline">\(\vec a \cdot \vec b = \vec b \cdot \vec
-a\)</span></p></li>
-<li><p>分布律</p>
-<p><span class="math inline">\(\vec a \cdot (\vec b + \vec c) = \vec a
-\cdot \vec b + \vec a \cdot \vec c\)</span></p></li>
-<li><p>双线性</p>
-<p><span class="math inline">\(\vec a \cdot (\gamma \vec b + \vec c) =
-\gamma(\vec a \cdot \vec b) +(\vec a \cdot \vec c)\)</span></p></li>
-<li><p>标量相乘</p>
-<p><span class="math inline">\((c_1\vec a)\cdot (c_2\vec b)=c_1c_2(\vec
-a \cdot \vec b)\)</span></p></li>
-<li><p>不满足结合律</p>
-<p><span class="math inline">\(\vec a \cdot (\vec b \vec c) \neq (\vec a
-\vec b)\cdot \vec c \iff \vec a \cdot \gamma \neq \beta \cdot \vec
-c\)</span></p>
-<p>由于向量 <span class="math inline">\(\vec a \neq \vec
-c\)</span>，从上式中可以看出，向量内积不满足结合律。</p></li>
-<li><p>正交性</p>
-<p>当两个非零向量垂直时，它们的内积为 0。</p></li>
-<li><p>不满足消除律</p>
-<p>在代数中，当 <span class="math inline">\(a\cdot b = a \cdot
-c\)</span> 时，一定有 <span
-class="math inline">\(b=c\)</span>，但是在向量中不满足这个规律。</p>
-<p>当 <span class="math inline">\(\vec a \cdot \vec b = \vec a \cdot
-\vec c\)</span> 且 <span class="math inline">\(\vec a \neq \vec
-0\)</span> 时，通过分布律有 <span class="math inline">\(\vec a \cdot
-(\vec b- \vec c) = 0\)</span>，只需要满足 <span
-class="math inline">\(\vec a\)</span> 垂直于 <span
-class="math inline">\(\vec b - \vec c\)</span> 即可，而不一定非要求
-<span class="math inline">\(\vec b - \vec c = \vec 0\)</span></p></li>
-<li><p>乘积律</p>
-<p>当向量 <span class="math inline">\(\vec a\)</span> 和 <span
-class="math inline">\(\vec b\)</span> 可微，则有 <span
-class="math inline">\((\vec a \cdot \vec b)^{&#39;}=\vec a ^{&#39;}
-\cdot \vec b + \vec a \cdot \vec b ^{&#39;}\)</span></p></li>
-</ol>
-<h3 id="实际应用">实际应用</h3>
-<ol type="1">
-<li><p>判断两个向量是否垂直</p>
-<p>内积为 0</p></li>
-<li><p>判断两个向量同向还是反向</p>
-<p>同向内积为下，返回为负</p></li>
-<li><p>用于求两个向量的夹角</p>
-<p><span class="math inline">\(cos \theta = \frac{\vec a \cdot \vec
-b}{|\vec a|\cdot |\vec b|}\)</span></p></li>
-</ol>
-<h2 id="叉乘cross-product">叉乘（Cross Product）</h2>
-<h3 id="定义-1">定义</h3>
-<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Cross_product_vector.png"  height="300px"></p>
-<p>假设有两个向量 <span class="math inline">\(\vec a\)</span> 和 <span
-class="math inline">\(\vec b\)</span>，它们的叉乘表达如下： <span
-class="math display">\[
-\vec a \times \vec b = |\vec a| \cdot |\vec b| \cdot sin \theta \cdot
-\vec n
-\]</span></p>
+<h2 id="正文">正文</h2>
 <ul>
-<li><p><span class="math inline">\(\theta\)</span>
-是两个向量的夹角</p></li>
-<li><p><span class="math inline">\(\vec n\)</span> 是同时包含向量 <span
-class="math inline">\(\vec a\)</span> 和 <span
-class="math inline">\(\vec b\)</span> 的平面的单位法向量</p></li>
-<li><p>当两个向量平行时，其值为 <span class="math inline">\(\vec
-0\)</span></p></li>
-<li><p>向量的叉乘满足右手定律</p>
-<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Right_hand_rule_cross_product.png"  height="200px"></p></li>
+<li>RawPoint（原始点，未经加工过的点），即用户点的点坐标</li>
+<li>Point，经过 Snap 等手段修正后捕捉到元素上的点坐标</li>
+<li>ViewPoint，点在视图坐标系（视图窗口）中的坐标。</li>
 </ul>
-<blockquote>
-<p>叉乘又叫外积</p>
-</blockquote>
-<h3 id="几何意义">几何意义</h3>
-<p>两个向量叉乘的模代表分别以两个向量为边的四边形的面积。 <span
-class="math display">\[
-S= |\vec a \times \vec b | = |\vec a|\cdot |\vec b| \cdot sin \theta
-\]</span> <img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Cross_product_parallelogram.png"
-alt="Cross_product_parallelogram" /></p>
-<h3 id="混合积">混合积</h3>
-<p>向量的混合积代表以这三个向量为边的六面体的体积。 <span
-class="math display">\[
-\begin{align}
-\vec a \cdot (\vec b \times \vec c) = b \cdot (\vec c \times \vec a) = c
-\cdot (\vec a \times \vec b)
-\\
-V= |\vec a \cdot (\vec b \times \vec c)|
-\end{align}
-\]</span> <img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Parallelepiped_volume.png"
-alt="Parallelepiped_volume" /></p>
+<p>其中，<code>RawPoint</code> 和 <code>Point</code>
+都是在设计坐标系中的点坐标。</p>
+<p><code>ViewPoint</code> 一般在视图窗口中定位。</p>
+<p>在平常的使用中，通常使用 <code>Point</code>。</p>
 <h2 id="参考">参考</h2>
-<ol type="1">
-<li><a href="https://en.wikipedia.org/wiki/Dot_product">Dot
-product-wiku</a></li>
-<li><a href="https://en.wikipedia.org/wiki/Cross_product">Cross
-product</a></li>
-<li><a
-href="https://www.zhihu.com/question/21080171">点乘和叉乘的区别是什么</a></li>
-</ol>
+<p><a
+href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/211500/ord-c-up7-dgnbuttonevent/640627#640627">DgnButtonEvent的成员含义</a></p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -25013,44 +24584,40 @@ href="https://www.zhihu.com/question/21080171">点乘和叉乘的区别是什么
       </categories>
       <tags>
         <tag>Bentley二次开发</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>Bentley 中几何变换实例</title>
+    <url>/posts/2022/38A8BYH.html</url>
+    <content><![CDATA[<p>本文总结了一些常用的几何变换实例，以便后续开发。</p>
+<span id="more"></span>
+<h2 id="dvector3d-变换">DVector3d 变换</h2>
+<p>使用 <code>DTranform*DVector3d</code> 即可进行变换。</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line">DVector3d screenZ = <span class="keyword">new</span> DVector3d(<span class="number">0</span>, <span class="number">0</span>, <span class="number">1</span>);</span><br><span class="line"><span class="comment">// 将屏幕 z 转到世界坐标系中</span></span><br><span class="line"><span class="comment">// cursorLocation 是自定义的类，此处传入当前视图的旋转矩阵即可</span></span><br><span class="line">DTransform3d trans = <span class="keyword">new</span> DTransform3d(cursorLocation.ViewRotation);</span><br><span class="line">trans.TryInvert(<span class="keyword">out</span> DTransform3d invertTrans);</span><br><span class="line"><span class="keyword">var</span> screenZInWorld = invertTrans * screenZ;</span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+        <category>几何变换</category>
+      </categories>
+      <tags>
         <tag>Bentley</tag>
-        <tag>galens</tag>
+        <tag>几何变换</tag>
       </tags>
   </entry>
   <entry>
-    <title>求解矩阵的逆</title>
-    <url>/posts/2022/3MW6BH0.html</url>
-    <content><![CDATA[<p>在进行 MS
-二次开发时，往往需要将图形转到一个平面去处理，处理完成后，需要再转回到原位置，这个时候就会需要求转换矩阵的逆，虽然
-MS 中的 SDK 有提供求逆方法，但是深入原理会用得更加得心应手。</p>
+    <title>几何继承关系层次图</title>
+    <url>/posts/2022/1C9ATGS.html</url>
+    <content><![CDATA[
+<div class="markmap-container" style="height:400px">
+  <svg data="{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:2,&quot;p&quot;:{&quot;lines&quot;:[1,2]},&quot;v&quot;:&quot;AnyGeometry&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[3,4]},&quot;v&quot;:&quot;AnyCurve&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[4,5]},&quot;v&quot;:&quot;CurvePrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[5,6]},&quot;v&quot;:&quot;BsplineCurve&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[6,7]},&quot;v&quot;:&quot;ParametricCurve&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[7,8],&quot;f&quot;:true},&quot;v&quot;:&quot;CircularArc&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[8,9],&quot;f&quot;:true},&quot;v&quot;:&quot;EllipticArc&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[9,10],&quot;f&quot;:true},&quot;v&quot;:&quot;LineSegment&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[10,11],&quot;f&quot;:true},&quot;v&quot;:&quot;LineString&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[11,12]},&quot;v&quot;:&quot;TransitionSpiral&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[12,13]},&quot;v&quot;:&quot;AnyGroup&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[13,14]},&quot;v&quot;:&quot;GeometryGroup&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[15,16]},&quot;v&quot;:&quot;AnyPoint&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[16,17]},&quot;v&quot;:&quot;AnySinglePoint&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[17,18]},&quot;v&quot;:&quot;Coordinate&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[18,19]},&quot;v&quot;:&quot;AnySolid&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[19,20]},&quot;v&quot;:&quot;AnyAnalyticSolid&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[20,21]},&quot;v&quot;:&quot;SolidPrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[21,22]},&quot;v&quot;:&quot;CircularCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[22,23]},&quot;v&quot;:&quot;CircularCylinder&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[23,24]},&quot;v&quot;:&quot;SkewedCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[24,25]},&quot;v&quot;:&quot;StronglyTypedSolidPrimitive&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[25,26],&quot;f&quot;:true},&quot;v&quot;:&quot;Block&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[26,27],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnBox&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[27,28],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnCone&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[28,29],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnExtrusion&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[29,30],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnRotationalSweep&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[30,31],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnRuledSweep&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[31,32],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnSphere&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[32,33],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnTorusPipe&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[33,34],&quot;f&quot;:true},&quot;v&quot;:&quot;Sphere&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[34,35],&quot;f&quot;:true},&quot;v&quot;:&quot;TorusPipe&quot;}]}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[35,36]},&quot;v&quot;:&quot;AnySurface&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[36,37]},&quot;v&quot;:&quot;AnyParametricSurface&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[37,38]},&quot;v&quot;:&quot;CurveBoundedRegion&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[38,39]},&quot;v&quot;:&quot;CurvePrimitiveCollection &amp;lt; Bentley::GeometryNET::CurveBoundedRegion &amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[39,40],&quot;f&quot;:true},&quot;v&quot;:&quot;UnionRegion&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[40,41]},&quot;v&quot;:&quot;CurvePrimitiveCollection&amp;lt; Bentley::GeometryNET::CurvePrimitive&amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[41,42],&quot;f&quot;:true},&quot;v&quot;:&quot;CurveVector&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[42,43],&quot;f&quot;:true},&quot;v&quot;:&quot;CircularDisk&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[43,44],&quot;f&quot;:true},&quot;v&quot;:&quot;CurveChain&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[44,45],&quot;f&quot;:true},&quot;v&quot;:&quot;DgnCurveVector&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[45,46],&quot;f&quot;:true},&quot;v&quot;:&quot;EllipticDisk&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[46,47],&quot;f&quot;:true},&quot;v&quot;:&quot;Polygon&quot;},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:12,&quot;p&quot;:{&quot;lines&quot;:[47,48],&quot;f&quot;:true},&quot;v&quot;:&quot;SurfacePatch&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[48,49],&quot;f&quot;:true},&quot;v&quot;:&quot;SingleLoopRegion&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:8,&quot;p&quot;:{&quot;lines&quot;:[50,51]},&quot;v&quot;:&quot;CurvePrimitiveCollection&amp;lt; Bentley::GeometryNET::SingleLoopRegion&amp;gt;&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:10,&quot;p&quot;:{&quot;lines&quot;:[51,52],&quot;f&quot;:true},&quot;v&quot;:&quot;ParityRegion&quot;}]}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[52,53]},&quot;v&quot;:&quot;MSBsplineSurface&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[53,54]},&quot;v&quot;:&quot;PolyfaceHeader&quot;,&quot;c&quot;:[{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:6,&quot;p&quot;:{&quot;lines&quot;:[54,55]},&quot;v&quot;:&quot;IndexedMesh&quot;}]},{&quot;t&quot;:&quot;list_item&quot;,&quot;d&quot;:4,&quot;p&quot;:{&quot;lines&quot;:[55,56]},&quot;v&quot;:&quot;SingleLineText&quot;}]}"></svg>
+</div>
+
 <span id="more"></span>
-<h2 id="定义">定义</h2>
-<p>逆矩阵（inverse matrix），又称乘法反方阵、反矩阵。</p>
-<p>在线性代数中，给定一个 n 阶方阵 <span
-class="math inline">\(A\)</span>，若存在一 n 阶方阵 <span
-class="math inline">\(B\)</span>，使得 <span
-class="math inline">\(AB=BA=I_{n}\)</span>，其中 <span
-class="math inline">\(I_n\)</span> 为 n 阶单位矩阵，则称 <span
-class="math inline">\(A\)</span> 是可逆的，且 <span
-class="math inline">\(B\)</span> 是 <span
-class="math inline">\(A\)</span> 的逆矩阵，记作 <span
-class="math inline">\(A^{-1}\)</span>。</p>
-<p>只有方阵（n×n 的矩阵）才可能有逆矩阵。若方阵 <span
-class="math inline">\(A\)</span> 的逆矩阵存在，则称 <span
-class="math inline">\(A\)</span> 为非奇异方阵或可逆方阵。</p>
-<p>与行列式类似，逆矩阵一般用于求解联立方程组。</p>
-<h2 id="求法">求法</h2>
-<h3 id="伴随矩阵法">伴随矩阵法</h3>
-<h3 id="初等变换法">初等变换法</h3>
-<h2 id="广义逆矩阵">广义逆矩阵</h2>
-<p>广义逆阵（Generalized
-inverse）又称伪逆，是对逆阵的推广。一般所说的伪逆是指<a
-href="https://zh.wikipedia.org/wiki/摩尔－彭若斯广义逆">摩尔－彭若斯广义逆</a>，它是由E.
-H. Moore和Roger Penrose分别独立提出的。伪逆在求解线性<a
-href="https://zh.wikipedia.org/wiki/最小二乘法">最小二乘问题</a>中有重要应用。</p>
 <h2 id="参考">参考</h2>
 <p><a
-href="https://zh.wikipedia.org/wiki/%E9%80%86%E7%9F%A9%E9%98%B5">逆矩阵-wiki</a></p>
+href="https://www.yuque.com/bentleysystems/ms/gw1qex">几何继承关系层次图</a>
+查看。</p>
 ]]></content>
       <categories>
         <category>Bentley</category>
@@ -25058,7 +24625,7 @@ href="https://zh.wikipedia.org/wiki/%E9%80%86%E7%9F%A9%E9%98%B5">逆矩阵-wiki<
         <category>几何变换</category>
       </categories>
       <tags>
-        <tag>Bentley二次开发</tag>
+        <tag>NexT</tag>
         <tag>Bentley</tag>
       </tags>
   </entry>
@@ -25621,137 +25188,548 @@ class="math inline">\(t_0,t_1,...,t_n+k,t_0,t_1,...,t_{k-1}]\)</span></li>
 </ol>
 <p>通过对比开闭曲线，我们可以得到如下规律：</p>
 <ul>
-<li><p>开曲线：节点数量=控制点数量+阶数</p></li>
-<li><p>闭曲线：节点数量=控制点数量+2x阶数</p></li>
+<li><p>开曲线：节点数量=控制点数量+阶数</p></li>
+<li><p>闭曲线：节点数量=控制点数量+2x阶数</p></li>
+</ul>
+<blockquote>
+<p>小提示：在 Microstation
+软件中，生成闭曲线时不需要在末尾增加第一个点</p>
+</blockquote>
+<h2 id="非均匀有理b样条曲线nurbs">非均匀有理B样条曲线（NURBS）</h2>
+<h3 id="order阶数">Order（阶数）</h3>
+<p>NURBS曲线的 order 定义了影响曲线上任何给定点附近的控制点的数量。</p>
+<p>这条曲线用比 order 小 1 次的多项式表示。 因此，order 为 2
+时表示线性曲线，order 为 3 时表示二次曲线。</p>
+<blockquote>
+<p>控制点的个数必须大于或等于曲线的 order。</p>
+</blockquote>
+<p>在实践中，三次曲线是最常用的曲线。
+五阶和六阶曲线有时是有用的，特别是对于获得连续的高阶导数，但高阶曲线实际上从未使用过，因为它们会导致内部数值问题，往往需要大量的计算时间。</p>
+<h3 id="control-point-与-knot">Control Point 与 Knot</h3>
+<p>这两个概念与 b 样条的概念是一样的</p>
+<h3 id="weight">Weight</h3>
+<p>nurbs 还有一个特殊的参数权重（weight），权重范围是
+[0，100]，正常权重是 1，值越大，控制点对曲线影响越在，越靠近点，值为 0
+值，控制点对曲线没有影响，相当于没有这个控制点。</p>
+<h2 id="bézierb-splinenurbs-区别">Bézier、B-Spline、NURBS 区别</h2>
+<p>Bezier
+曲线中的每个控制点都会影响整个曲线的形状，而B样条中的控制点只会影响整个曲线的一部分，显然
+B样条提供了更多的灵活性</p>
+<p>Bezier和B样条都是多项式参数曲线，不能表示一些基本的曲线，比如圆，所以引入了
+NURBS，即非均匀有理B样条来解决这个问题</p>
+<p>Bezier 曲线只是 B样条的一个特例而已，而 B样条又是 NURBS
+的一个特例，它们的关系可以图示为：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/relationshipAmongCurves.png"
+alt="relationshipAmongCurves" />
+<figcaption aria-hidden="true">relationshipAmongCurves</figcaption>
+</figure>
+<h2
+id="msbsplinecurvemicrostation中的对象">MSBsplineCurve（Microstation中的对象）</h2>
+<p>它是一条非均匀有理B样条曲线，简称（NURBS）。</p>
+<blockquote>
+<p>MSBsplineCurve is a "Non uniform, rational Bspline curve".</p>
+</blockquote>
+<h3 id="pole-and-knot-counts">Pole and knot counts</h3>
+<table>
+<thead>
+<tr class="header">
+<th>曲线类型</th>
+<th>关系</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>Open curve （非闭合曲线）</td>
+<td>knots = poles + order</td>
+</tr>
+<tr class="even">
+<td>Closed (periodc) curve （闭合线）</td>
+<td>knots = poles + 2 * order - 1</td>
+</tr>
+</tbody>
+</table>
+<h3 id="b样条曲线上的参数化位置">B样条曲线上的参数化位置</h3>
+<p>有两种方法来确定 B 样条曲线的位置，分别是通过 Fraction 和 Knot
+点。</p>
+<table>
+<colgroup>
+<col style="width: 15%" />
+<col style="width: 15%" />
+<col style="width: 16%" />
+<col style="width: 53%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>Convention</th>
+<th>start value</th>
+<th>end value</th>
+<th>remarks</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>Fraction position</td>
+<td>一直是 0.0</td>
+<td>一直是 1.0</td>
+<td>这个值不是沿曲线线性变化的。如果想要获取等分点，需要先通过<code>FractionAtSignedDistance</code>
+获取 Fraction，然后再通过 Fraction 去获取点。</td>
+</tr>
+<tr class="even">
+<td>Knot postion</td>
+<td>第一个激活的 Knot</td>
+<td>最后一个激活的 Knot</td>
+<td>“激活”的意思是除去(order-1)开头和结尾的Knot后剩余的中间 Knot</td>
+</tr>
+</tbody>
+</table>
+<p>The word Fraction or Knot in a method name indicates how the
+arguments for that method are interpreted.</p>
+<h3 id="通过控制点的-b-样条曲线">通过控制点的 b 样条曲线</h3>
+<p>Microstation 中可以通过控制点创建 b
+样条曲线，这个实现目前没有找到相关资料，今后发现了之后再更新本节。</p>
+<h2 id="源代码">源代码</h2>
+<p>本文使用的一些代码示例（基于 Microstation 平台）位于<a
+href="https://github.com/GalensGan/ArticleSourceCode/tree/master/ArticleSourceCode/Bspline">ArticleSourceCode-Bspline</a>
+中。</p>
+<h2 id="参考">参考</h2>
+<p><a href="https://www.bilibili.com/video/BV1cW411a7yB">计算机图形学 13
+和 14 - B 样条曲线-bilibili (建议先看完)</a></p>
+<p><a
+href="https://www.zhihu.com/question/29565629">怎么理解贝塞尔曲线？</a></p>
+<p><a
+href="https://zh.m.wikipedia.org/zh-hans/%E9%9D%9E%E5%9D%87%E5%8C%80%E6%9C%89%E7%90%86B%E6%A0%B7%E6%9D%A1">非均匀有理B样条-Wikipedia</a></p>
+<p><a href="http://www.whudj.cn/">Fun With Geometry</a></p>
+<p><a
+href="https://en.wikipedia.org/wiki/Non-uniform_rational_B-spline">NURBS-非均匀有理B样条</a></p>
+<p><a
+href="https://pages.mtu.edu/~shene/COURSES/cs3621/NOTES/">Introduction
+to Computing with Geometry Notes</a></p>
+<p><a
+href="https://zhuanlan.zhihu.com/p/50626506">B-样条曲线入门</a></p>
+<p><a
+href="https://blog.csdn.net/tuqu/article/details/5402645">B-样条曲线：系数计算</a></p>
+<p><a
+href="https://juejin.cn/post/6844904170256859143">深入理解B样条曲线（上）</a></p>
+<p><a
+href="https://pages.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/B-spline/bspline-curve-closed.html">B-spline
+Curves: Closed Curves</a></p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+        <category>几何变换</category>
+      </categories>
+      <tags>
+        <tag>Bentley二次开发</tag>
+        <tag>Bentley</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>MS中各个对象获取的DTransform含义</title>
+    <url>/posts/2022/1RDA3BV.html</url>
+    <content><![CDATA[<p>在进行矩阵转换时，谨记如下公式： <span class="math display">\[
+\begin{aligned}
+M_{world} \cdot P_{world} &amp;= M_{local} \cdot P_{local} \\
+E \cdot P_{world} &amp;= M_{local} \cdot P_{local} \\
+\therefore P_{world} &amp;= M_{local} \cdot P_{local} \\
+\end{aligned}
+\]</span> M
+可以叫做坐标系的度量矩阵，将某个坐标系统转到另一个坐标系，是在原坐标系的值上左乘新坐标系度量矩阵的逆。</p>
+<p>在理解 MS 中各个对象返回的 DTransform
+含义时，先弄明白谁是度量矩阵，另一个是它的逆，就很好理解了。</p>
+<span id="more"></span>
+<h2 id="dplane3d">DPlane3d</h2>
+<p><figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> <span class="built_in">bool</span> <span class="title">GetTransforms</span>(<span class="params"><span class="keyword">out</span> DTransform3d planeToWorld, <span class="keyword">out</span> DTransform3d worldToPlane</span>)</span></span><br></pre></td></tr></table></figure></p>
+<p>planeToWorld 是 Plane 坐标系的度量矩阵，worldToPlane 是 planeToWorld
+的逆。</p>
+<h2 id="dtransform3d">DTransform3d</h2>
+<p>通过 DTransform3d 生成的矩阵在变换时，直接使用。</p>
+<p>比如下面这个方法：</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// origin 代表的是平移值</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> DTransform3d <span class="title">FromOriginAndColumns</span>(<span class="params">DPoint3d origin, DVector3d xVector, DVector3d yVector, DVector3d zVector</span>)</span></span><br></pre></td></tr></table></figure>
+<p>上述静态通过局部坐标系（原点和三个方向）来生成一个矩阵，这个矩阵其实是该坐标系度量矩阵的逆，所以如果想要将模型变换到该坐标系下，直接左乘该矩阵即可。</p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+        <category>几何变换</category>
+      </categories>
+      <tags>
+        <tag>Bentley</tag>
+        <tag>二次开发</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>求解矩阵的逆</title>
+    <url>/posts/2022/3MW6BH0.html</url>
+    <content><![CDATA[<p>在进行 MS
+二次开发时，往往需要将图形转到一个平面去处理，处理完成后，需要再转回到原位置，这个时候就会需要求转换矩阵的逆，虽然
+MS 中的 SDK 有提供求逆方法，但是深入原理会用得更加得心应手。</p>
+<span id="more"></span>
+<h2 id="定义">定义</h2>
+<p>逆矩阵（inverse matrix），又称乘法反方阵、反矩阵。</p>
+<p>在线性代数中，给定一个 n 阶方阵 <span
+class="math inline">\(A\)</span>，若存在一 n 阶方阵 <span
+class="math inline">\(B\)</span>，使得 <span
+class="math inline">\(AB=BA=I_{n}\)</span>，其中 <span
+class="math inline">\(I_n\)</span> 为 n 阶单位矩阵，则称 <span
+class="math inline">\(A\)</span> 是可逆的，且 <span
+class="math inline">\(B\)</span> 是 <span
+class="math inline">\(A\)</span> 的逆矩阵，记作 <span
+class="math inline">\(A^{-1}\)</span>。</p>
+<p>只有方阵（n×n 的矩阵）才可能有逆矩阵。若方阵 <span
+class="math inline">\(A\)</span> 的逆矩阵存在，则称 <span
+class="math inline">\(A\)</span> 为非奇异方阵或可逆方阵。</p>
+<p>与行列式类似，逆矩阵一般用于求解联立方程组。</p>
+<h2 id="求法">求法</h2>
+<h3 id="伴随矩阵法">伴随矩阵法</h3>
+<h3 id="初等变换法">初等变换法</h3>
+<h2 id="广义逆矩阵">广义逆矩阵</h2>
+<p>广义逆阵（Generalized
+inverse）又称伪逆，是对逆阵的推广。一般所说的伪逆是指<a
+href="https://zh.wikipedia.org/wiki/摩尔－彭若斯广义逆">摩尔－彭若斯广义逆</a>，它是由E.
+H. Moore和Roger Penrose分别独立提出的。伪逆在求解线性<a
+href="https://zh.wikipedia.org/wiki/最小二乘法">最小二乘问题</a>中有重要应用。</p>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://zh.wikipedia.org/wiki/%E9%80%86%E7%9F%A9%E9%98%B5">逆矩阵-wiki</a></p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+        <category>几何变换</category>
+      </categories>
+      <tags>
+        <tag>Bentley二次开发</tag>
+        <tag>Bentley</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>向量点乘与叉乘</title>
+    <url>/posts/2022/3HJTYAD.html</url>
+    <content><![CDATA[<p>在几何开发中，如何能够了解几何相关的知识，可以帮助我们快速解决问题，减少对现有
+SDK 的依赖。本文总结了向量点乘和叉乘的区别及一些应用场景。</p>
+<span id="more"></span>
+<h2 id="点乘dot-product">点乘（Dot Product）</h2>
+<h3 id="定义">定义</h3>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Dot_Product.png"
+alt="Dot_Product" />
+<figcaption aria-hidden="true">Dot_Product</figcaption>
+</figure>
+<p>从代数上讲，点积是两个数列中对应项的乘积的和。</p>
+<p>假设有两个向量 <span
+class="math inline">\(\vec{a}=[a_1,a_2,...,a_n]\)</span>、<span
+class="math inline">\(\vec{b}=[b_1,b2,...,b_n]\)</span>，则有 <span
+class="math display">\[
+\vec{a} \cdot \vec{b} = \sum_{i=1}^n{a_ib_i}=a_1b_1+a_2b_2+...+a_nb_n
+\]</span>
+从几何上讲，它是两个向量在欧几里空间里的长度值和它们夹角的余弦值的乘积。
+<span class="math display">\[
+\vec a \cdot \vec b = |\vec a|\cdot |\vec b| cos \theta
+\]</span></p>
+<blockquote>
+<p>点乘又叫内积、数量积、投影积</p>
+</blockquote>
+<h3 id="特点">特点</h3>
+<ol type="1">
+<li><p>交换律</p>
+<p><span class="math inline">\(\vec a \cdot \vec b = \vec b \cdot \vec
+a\)</span></p></li>
+<li><p>分布律</p>
+<p><span class="math inline">\(\vec a \cdot (\vec b + \vec c) = \vec a
+\cdot \vec b + \vec a \cdot \vec c\)</span></p></li>
+<li><p>双线性</p>
+<p><span class="math inline">\(\vec a \cdot (\gamma \vec b + \vec c) =
+\gamma(\vec a \cdot \vec b) +(\vec a \cdot \vec c)\)</span></p></li>
+<li><p>标量相乘</p>
+<p><span class="math inline">\((c_1\vec a)\cdot (c_2\vec b)=c_1c_2(\vec
+a \cdot \vec b)\)</span></p></li>
+<li><p>不满足结合律</p>
+<p><span class="math inline">\(\vec a \cdot (\vec b \vec c) \neq (\vec a
+\vec b)\cdot \vec c \iff \vec a \cdot \gamma \neq \beta \cdot \vec
+c\)</span></p>
+<p>由于向量 <span class="math inline">\(\vec a \neq \vec
+c\)</span>，从上式中可以看出，向量内积不满足结合律。</p></li>
+<li><p>正交性</p>
+<p>当两个非零向量垂直时，它们的内积为 0。</p></li>
+<li><p>不满足消除律</p>
+<p>在代数中，当 <span class="math inline">\(a\cdot b = a \cdot
+c\)</span> 时，一定有 <span
+class="math inline">\(b=c\)</span>，但是在向量中不满足这个规律。</p>
+<p>当 <span class="math inline">\(\vec a \cdot \vec b = \vec a \cdot
+\vec c\)</span> 且 <span class="math inline">\(\vec a \neq \vec
+0\)</span> 时，通过分布律有 <span class="math inline">\(\vec a \cdot
+(\vec b- \vec c) = 0\)</span>，只需要满足 <span
+class="math inline">\(\vec a\)</span> 垂直于 <span
+class="math inline">\(\vec b - \vec c\)</span> 即可，而不一定非要求
+<span class="math inline">\(\vec b - \vec c = \vec 0\)</span></p></li>
+<li><p>乘积律</p>
+<p>当向量 <span class="math inline">\(\vec a\)</span> 和 <span
+class="math inline">\(\vec b\)</span> 可微，则有 <span
+class="math inline">\((\vec a \cdot \vec b)^{&#39;}=\vec a ^{&#39;}
+\cdot \vec b + \vec a \cdot \vec b ^{&#39;}\)</span></p></li>
+</ol>
+<h3 id="实际应用">实际应用</h3>
+<ol type="1">
+<li><p>判断两个向量是否垂直</p>
+<p>内积为 0</p></li>
+<li><p>判断两个向量同向还是反向</p>
+<p>同向内积为下，返回为负</p></li>
+<li><p>用于求两个向量的夹角</p>
+<p><span class="math inline">\(cos \theta = \frac{\vec a \cdot \vec
+b}{|\vec a|\cdot |\vec b|}\)</span></p></li>
+</ol>
+<h2 id="叉乘cross-product">叉乘（Cross Product）</h2>
+<h3 id="定义-1">定义</h3>
+<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Cross_product_vector.png"  height="300px"></p>
+<p>假设有两个向量 <span class="math inline">\(\vec a\)</span> 和 <span
+class="math inline">\(\vec b\)</span>，它们的叉乘表达如下： <span
+class="math display">\[
+\vec a \times \vec b = |\vec a| \cdot |\vec b| \cdot sin \theta \cdot
+\vec n
+\]</span></p>
+<ul>
+<li><p><span class="math inline">\(\theta\)</span>
+是两个向量的夹角</p></li>
+<li><p><span class="math inline">\(\vec n\)</span> 是同时包含向量 <span
+class="math inline">\(\vec a\)</span> 和 <span
+class="math inline">\(\vec b\)</span> 的平面的单位法向量</p></li>
+<li><p>当两个向量平行时，其值为 <span class="math inline">\(\vec
+0\)</span></p></li>
+<li><p>向量的叉乘满足右手定律</p>
+<p><img data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Right_hand_rule_cross_product.png"  height="200px"></p></li>
 </ul>
 <blockquote>
-<p>小提示：在 Microstation
-软件中，生成闭曲线时不需要在末尾增加第一个点</p>
-</blockquote>
-<h2 id="非均匀有理b样条曲线nurbs">非均匀有理B样条曲线（NURBS）</h2>
-<h3 id="order阶数">Order（阶数）</h3>
-<p>NURBS曲线的 order 定义了影响曲线上任何给定点附近的控制点的数量。</p>
-<p>这条曲线用比 order 小 1 次的多项式表示。 因此，order 为 2
-时表示线性曲线，order 为 3 时表示二次曲线。</p>
-<blockquote>
-<p>控制点的个数必须大于或等于曲线的 order。</p>
+<p>叉乘又叫外积</p>
 </blockquote>
-<p>在实践中，三次曲线是最常用的曲线。
-五阶和六阶曲线有时是有用的，特别是对于获得连续的高阶导数，但高阶曲线实际上从未使用过，因为它们会导致内部数值问题，往往需要大量的计算时间。</p>
-<h3 id="control-point-与-knot">Control Point 与 Knot</h3>
-<p>这两个概念与 b 样条的概念是一样的</p>
-<h3 id="weight">Weight</h3>
-<p>nurbs 还有一个特殊的参数权重（weight），权重范围是
-[0，100]，正常权重是 1，值越大，控制点对曲线影响越在，越靠近点，值为 0
-值，控制点对曲线没有影响，相当于没有这个控制点。</p>
-<h2 id="bézierb-splinenurbs-区别">Bézier、B-Spline、NURBS 区别</h2>
-<p>Bezier
-曲线中的每个控制点都会影响整个曲线的形状，而B样条中的控制点只会影响整个曲线的一部分，显然
-B样条提供了更多的灵活性</p>
-<p>Bezier和B样条都是多项式参数曲线，不能表示一些基本的曲线，比如圆，所以引入了
-NURBS，即非均匀有理B样条来解决这个问题</p>
-<p>Bezier 曲线只是 B样条的一个特例而已，而 B样条又是 NURBS
-的一个特例，它们的关系可以图示为：</p>
+<h3 id="几何意义">几何意义</h3>
+<p>两个向量叉乘的模代表分别以两个向量为边的四边形的面积。 <span
+class="math display">\[
+S= |\vec a \times \vec b | = |\vec a|\cdot |\vec b| \cdot sin \theta
+\]</span> <img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Cross_product_parallelogram.png"
+alt="Cross_product_parallelogram" /></p>
+<h3 id="混合积">混合积</h3>
+<p>向量的混合积代表以这三个向量为边的六面体的体积。 <span
+class="math display">\[
+\begin{align}
+\vec a \cdot (\vec b \times \vec c) = b \cdot (\vec c \times \vec a) = c
+\cdot (\vec a \times \vec b)
+\\
+V= |\vec a \cdot (\vec b \times \vec c)|
+\end{align}
+\]</span> <img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/Parallelepiped_volume.png"
+alt="Parallelepiped_volume" /></p>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><a href="https://en.wikipedia.org/wiki/Dot_product">Dot
+product-wiku</a></li>
+<li><a href="https://en.wikipedia.org/wiki/Cross_product">Cross
+product</a></li>
+<li><a
+href="https://www.zhihu.com/question/21080171">点乘和叉乘的区别是什么</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+        <category>几何变换</category>
+      </categories>
+      <tags>
+        <tag>Bentley二次开发</tag>
+        <tag>Bentley</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>Bentley工程属性入门</title>
+    <url>/posts/2022/33P3D91.html</url>
+    <content><![CDATA[<p>本文主要介绍在 Bentley 平台上进行二次开发时，如何向 dgn
+保存自己的数据。</p>
+<span id="more"></span>
+<h2 id="序">序</h2>
+<p>对于工程信息，主要分为<strong>几何数据</strong>与<strong>工程数据</strong>两个部分，对于几何数据，Bentley采用模型来表达。而工程数据，起初
+Bentley 采用 XAttribute 的方式在 dgn
+文件中开辟一个特定空间存储非几何数据，但是在由于没有统一数据存储的方式和格式，导致不同专业软件之间的信息无法交流。最后，Bentley
+经过大量的摸索和借鉴形成了一套系统的数据解决方案系统 ECFramework
+(Engineering Content Framework )，通过这套方案
+Bentley真正实现各个专业软件之间数据的无损流动和互动。</p>
+<p>对于仅需要向 dgn 保存自己工具所产生的数据，可以有如下三种方式：</p>
+<ol type="1">
+<li>EC</li>
+<li>ItemType</li>
+<li>XAttribute</li>
+</ol>
+<h2 id="ec">EC</h2>
+<h3 id="查询所有-ecinstance">查询所有 ECInstance</h3>
+<h3 id="查询特定-ecinstance">查询特定 ECInstance</h3>
+<h2 id="itemtype">ItemType</h2>
+<h2 id="xattribute">XAttribute</h2>
+<h2 id="参考">参考</h2>
+<p><a href="https://www.yuque.com/bentleysystems/csharp">Bentley
+软件开发教程 C#语言</a></p>
+<p><a
+href="https://www.yuque.com/bentleysystems/csharp/rgcgyp#2lqg5">工程信息数据开发API(EC框架)</a></p>
+<p><a
+href="https://www.yuque.com/bentleysystems/nkoply/qdgygi#AgunG">MicroStation二次开发基础教学（七）</a></p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+        <category>数据存储</category>
+      </categories>
+      <tags>
+        <tag>Bentley</tag>
+        <tag>EC</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>给元素添加自定义数据的几种方式</title>
+    <url>/posts/2023/283FNHQ.html</url>
+    <content><![CDATA[<p>参考：<a
+href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise">Addin给元素添加自定义Linkage数据</a></p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+        <category>数据存储</category>
+      </categories>
+      <tags>
+        <tag>Bentley</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>如何调用 Microstation 的消息管理器</title>
+    <url>/posts/2022/1NF37FV.html</url>
+    <content><![CDATA[<p>在进行Bentley二次开发的时候，通常我们需要向用户输出一些信息，比如操作的提示，错误的提示等等，本文特对这些方式进行总结，方便下次随心所欲地使用。</p>
+<span id="more"></span>
+<h2 id="通知管理器">通知管理器</h2>
+<p>通过使用 NotificationManager
+向用户推送消息。可以用此类来生成提示、错误消息和警报对话框。</p>
 <figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/relationshipAmongCurves.png"
-alt="relationshipAmongCurves" />
-<figcaption aria-hidden="true">relationshipAmongCurves</figcaption>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220512074020104.png"
+alt="image-20220512074020104" />
+<figcaption aria-hidden="true">image-20220512074020104</figcaption>
 </figure>
-<h2
-id="msbsplinecurvemicrostation中的对象">MSBsplineCurve（Microstation中的对象）</h2>
-<p>它是一条非均匀有理B样条曲线，简称（NURBS）。</p>
-<blockquote>
-<p>MSBsplineCurve is a "Non uniform, rational Bspline curve".</p>
-</blockquote>
-<h3 id="pole-and-knot-counts">Pole and knot counts</h3>
 <table>
+<colgroup>
+<col style="width: 38%" />
+<col style="width: 32%" />
+<col style="width: 28%" />
+</colgroup>
 <thead>
 <tr class="header">
-<th>曲线类型</th>
-<th>关系</th>
+<th>DLL 名称</th>
+<th>命名空间</th>
+<th>类名</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td>Open curve （非闭合曲线）</td>
-<td>knots = poles + order</td>
-</tr>
-<tr class="even">
-<td>Closed (periodc) curve （闭合线）</td>
-<td>knots = poles + 2 * order - 1</td>
+<td>Bentley.DgnPlatformNET.dll</td>
+<td>Bentley.DgnPlatformNET</td>
+<td>NotificationManager</td>
 </tr>
 </tbody>
 </table>
-<h3 id="b样条曲线上的参数化位置">B样条曲线上的参数化位置</h3>
-<p>有两种方法来确定 B 样条曲线的位置，分别是通过 Fraction 和 Knot
-点。</p>
+<h3 id="源码注解">源码注解</h3>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"></span><br><span class="line"><span class="comment">//打开消息弹窗</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> MessageBoxValue <span class="title">OpenMessageBox</span>(<span class="params">MessageBoxType mbType, <span class="built_in">string</span> message, MessageBoxIconType icon</span>)</span>;</span><br><span class="line"><span class="comment">//向MS的底部通知栏写入提示</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> StatusInt <span class="title">OutputMessage</span>(<span class="params">NotifyMessageDetails message</span>)</span>;</span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">OutputPrompt</span>(<span class="params"><span class="built_in">string</span> prompt</span>)</span>;</span><br><span class="line"><span class="comment">//设置一个标志来分配（value==true时）事件，以便在执行费时算法时，刷新界面，从而不卡顿。</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">SetDispatchEvents</span>(<span class="params"><span class="built_in">bool</span> <span class="keyword">value</span></span>)</span>;</span><br><span class="line"></span><br><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> MessageBoxType</span><br><span class="line">&#123;</span><br><span class="line">    YesNo = <span class="number">-121</span>,</span><br><span class="line">    LargeOk = <span class="number">-119</span>,</span><br><span class="line">    YesNoCancel = <span class="number">-113</span>,</span><br><span class="line">    MediumAlert = <span class="number">-112</span>,</span><br><span class="line">    Ok = <span class="number">-97</span>,</span><br><span class="line">    OkCancel = <span class="number">-13</span>,</span><br><span class="line">    None = <span class="number">0</span></span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> MessageBoxIconType</span><br><span class="line">&#123;</span><br><span class="line">    NoSymbol = <span class="number">0</span>,</span><br><span class="line">    Information = <span class="number">1</span>,</span><br><span class="line">    Question = <span class="number">2</span>,</span><br><span class="line">    Warning = <span class="number">3</span>,</span><br><span class="line">    Critical = <span class="number">4</span></span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> MessageBoxValue</span><br><span class="line">&#123;</span><br><span class="line">    None = <span class="number">0</span>,</span><br><span class="line">    Apply = <span class="number">1</span>,</span><br><span class="line">    Reset = <span class="number">2</span>,</span><br><span class="line">    Ok = <span class="number">3</span>,</span><br><span class="line">    Cancel = <span class="number">4</span>,</span><br><span class="line">    Default = <span class="number">5</span>,</span><br><span class="line">    Yes = <span class="number">6</span>,</span><br><span class="line">    No = <span class="number">7</span>,</span><br><span class="line">    Retry = <span class="number">8</span>,</span><br><span class="line">    Stop = <span class="number">9</span>,</span><br><span class="line">    Help = <span class="number">10</span>,</span><br><span class="line">    YesToAll = <span class="number">11</span>,</span><br><span class="line">    NoToAll = <span class="number">12</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h3 id="使用">使用</h3>
+<ul>
+<li><p>OpenMessageBox方法</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">NotificationManagerOpenMessageBox</span>()</span></span><br><span class="line">&#123;  </span><br><span class="line">    NotificationManager.OpenMessageBox(NotificationManager.MessageBoxType.MediumAlert, <span class="string">&quot;Medium alert&quot;</span>,NotificationManager.MessageBoxIconType.Warning);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
+<li><p>OutputMessage方法</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">NotificationManagerOutputMessage</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">    OutputMessagePriority outputMessagePriority = OutputMessagePriority.Information;</span><br><span class="line">    <span class="built_in">string</span> briefMsg = <span class="string">&quot;this is a brief msg&quot;</span>;</span><br><span class="line">    <span class="built_in">string</span> detailMsg = <span class="string">&quot;this is a detail msg&quot;</span>;</span><br><span class="line">    NotifyTextAttributes notifyTextAttributes = NotifyTextAttributes.AlwaysBeveled;</span><br><span class="line">    NotifyMessageDetails notifyMessageDetails = <span class="keyword">new</span> NotifyMessageDetails(outputMessagePriority,briefMsg,detailMsg,notifyTextAttributes,OutputMessageAlert.Balloon);</span><br><span class="line">    NotificationManager.OutputMessage(notifyMessageDetails);    </span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220512074152131.png"
+alt="image-20220512074152131" />
+<figcaption aria-hidden="true">image-20220512074152131</figcaption>
+</figure></li>
+<li><p>OutputPrompt方法</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">NotificationManagerOutputPrompt</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">    NotificationManager.OutputPrompt(<span class="string">&quot;this is ouput prompt&quot;</span>);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220512073913334.png"
+alt="image-20220512073913334" />
+<figcaption aria-hidden="true">image-20220512073913334</figcaption>
+</figure></li>
+</ul>
+<h2 id="消息中心messagecenter">消息中心（MessageCenter）</h2>
+<p>在 Bentley.MstnPlatformNET
+中也存在与消息管理器一样的类以供调用向用户传递消息。</p>
 <table>
-<colgroup>
-<col style="width: 15%" />
-<col style="width: 15%" />
-<col style="width: 16%" />
-<col style="width: 53%" />
-</colgroup>
 <thead>
 <tr class="header">
-<th>Convention</th>
-<th>start value</th>
-<th>end value</th>
-<th>remarks</th>
+<th>DLL 名称</th>
+<th>命名空间</th>
+<th>类名</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td>Fraction position</td>
-<td>一直是 0.0</td>
-<td>一直是 1.0</td>
-<td>这个值不是沿曲线线性变化的。如果想要获取等分点，需要先通过<code>FractionAtSignedDistance</code>
-获取 Fraction，然后再通过 Fraction 去获取点。</td>
-</tr>
-<tr class="even">
-<td>Knot postion</td>
-<td>第一个激活的 Knot</td>
-<td>最后一个激活的 Knot</td>
-<td>“激活”的意思是除去(order-1)开头和结尾的Knot后剩余的中间 Knot</td>
+<td>ustation.dll</td>
+<td>Bentley.MstnPlatformNET</td>
+<td>MessageCenter</td>
 </tr>
 </tbody>
 </table>
-<p>The word Fraction or Knot in a method name indicates how the
-arguments for that method are interpreted.</p>
-<h3 id="通过控制点的-b-样条曲线">通过控制点的 b 样条曲线</h3>
-<p>Microstation 中可以通过控制点创建 b
-样条曲线，这个实现目前没有找到相关资料，今后发现了之后再更新本节。</p>
-<h2 id="源代码">源代码</h2>
-<p>本文使用的一些代码示例（基于 Microstation 平台）位于<a
-href="https://github.com/GalensGan/ArticleSourceCode/tree/master/ArticleSourceCode/Bspline">ArticleSourceCode-Bspline</a>
-中。</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 其内部代码如下</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">MessageCenter</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">static</span> MessageCenter Instance &#123; <span class="keyword">get</span>; &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> StatusWarning &#123; <span class="keyword">set</span>; &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> StatusMessage &#123; <span class="keyword">set</span>; &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> StatusPrompt &#123; <span class="keyword">set</span>; &#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> StatusCommand &#123; <span class="keyword">get</span>; <span class="keyword">set</span>; &#125;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">string</span> <span class="title">GetStringFromMessageListResource</span>(<span class="params"><span class="built_in">int</span> listId, <span class="built_in">int</span> stringId</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowDebugMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, <span class="built_in">bool</span> openAlertBox</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowDebugMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, MessageAlert alertType</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowErrorMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, <span class="built_in">bool</span> openAlertBox</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowErrorMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, MessageAlert alertType</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowInfoMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, <span class="built_in">bool</span> openAlertBox</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowInfoMessage</span>(<span class="params"><span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, MessageAlert alertType</span>)</span>;</span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">ShowMessage</span>(<span class="params">MessageType messageType, <span class="built_in">string</span> briefMessage, <span class="built_in">string</span> detailedMessage, MessageAlert alertType</span>)</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>在使用时，通过单例来调用其中的实例方法：<code>MessageCenter.Instance.xxx</code></p>
+<h2 id="测试代码">测试代码</h2>
+<p>最后，附上 Notification Manager 测试代码的链接。</p>
+<p>加载编译之后的 ArticleSourceCode.dll，调用
+Key-in：<code>test message manager</code>，此时会弹出一个操作窗体，通过选择不同选项，即可查看相应方法的效果。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220512073946491.png"
+alt="image-20220512073946491" />
+<figcaption aria-hidden="true">image-20220512073946491</figcaption>
+</figure>
+<p><a href="https://github.com/GalensGan/ArticleSourceCode">&gt;
+GitHub源代码</a></p>
+]]></content>
+      <categories>
+        <category>Bentley</category>
+        <category>Develop</category>
+        <category>消息中心</category>
+      </categories>
+      <tags>
+        <tag>Bentley二次开发</tag>
+        <tag>Bentley</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>C# 中如何向 Microstation 输出调试信息</title>
+    <url>/posts/2022/38K28WD.html</url>
+    <content><![CDATA[<p>在进行 MS 开发时，有时候需要输出调试信息，方便查看，主要有 4
+种方式：</p>
+<ol type="1">
+<li>通过 P/Invoke 技术调用
+<code>void mdlDialog_dmsgsPrint(byte[] wMsg)</code> 方法来输出</li>
+<li>通过 <a href="https://galens.uamazing.cn/posts/2022/1NF37FV.html">MS
+消息管理器</a> 来输出，但是这种是输出是模态的，不太方便</li>
+<li>通过现有的 Log 库，比如 Log4net 来进行输出，在 MS 中无法打开 console
+进行输出，所以使用起来有些不方便</li>
+<li>自己写一个输出窗体，来显示调试信息</li>
+</ol>
+<p>本文介绍最简单的方式，即调用原生的消息输出窗体来展示。</p>
+<span id="more"></span>
+<h2 id="代码">代码</h2>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> System.Text;</span><br><span class="line"><span class="keyword">using</span> System.Runtime.InteropServices;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">Utils.Message</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> MS 中的输出窗体</span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">class</span> <span class="title">Console</span></span><br><span class="line">    &#123;</span><br><span class="line">        [<span class="meta">DllImport(<span class="string">&quot;ustation.dll&quot;</span>)</span>]</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">extern</span> <span class="keyword">void</span> <span class="title">mdlDialog_dmsgsPrint</span>(<span class="params"><span class="built_in">byte</span>[] wMsg</span>)</span>;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">WriteLine</span>(<span class="params"><span class="built_in">string</span> message</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            mdlDialog_dmsgsPrint(Encoding.Unicode.GetBytes(message));</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
+<p><strong>使用效果：</strong></p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220519085734183.png"
+alt="image-20220519085734183" />
+<figcaption aria-hidden="true">image-20220519085734183</figcaption>
+</figure>
 <h2 id="参考">参考</h2>
-<p><a href="https://www.bilibili.com/video/BV1cW411a7yB">计算机图形学 13
-和 14 - B 样条曲线-bilibili (建议先看完)</a></p>
-<p><a
-href="https://www.zhihu.com/question/29565629">怎么理解贝塞尔曲线？</a></p>
-<p><a
-href="https://zh.m.wikipedia.org/zh-hans/%E9%9D%9E%E5%9D%87%E5%8C%80%E6%9C%89%E7%90%86B%E6%A0%B7%E6%9D%A1">非均匀有理B样条-Wikipedia</a></p>
-<p><a href="http://www.whudj.cn/">Fun With Geometry</a></p>
-<p><a
-href="https://en.wikipedia.org/wiki/Non-uniform_rational_B-spline">NURBS-非均匀有理B样条</a></p>
-<p><a
-href="https://pages.mtu.edu/~shene/COURSES/cs3621/NOTES/">Introduction
-to Computing with Geometry Notes</a></p>
-<p><a
-href="https://zhuanlan.zhihu.com/p/50626506">B-样条曲线入门</a></p>
-<p><a
-href="https://blog.csdn.net/tuqu/article/details/5402645">B-样条曲线：系数计算</a></p>
-<p><a
-href="https://juejin.cn/post/6844904170256859143">深入理解B样条曲线（上）</a></p>
 <p><a
-href="https://pages.mtu.edu/~shene/COURSES/cs3621/NOTES/spline/B-spline/bspline-curve-closed.html">B-spline
-Curves: Closed Curves</a></p>
+href="https://communities.bentley.com/communities/other_communities/chinafirst/f/microstation-projectwise/179897/msce-c-mdldialog_dmsgsprint-c/523460#523460">请问mdlDialog_dmsgsPrint对应C#什么方法？</a></p>
 ]]></content>
       <categories>
         <category>Bentley</category>
         <category>Develop</category>
-        <category>几何变换</category>
+        <category>消息中心</category>
       </categories>
       <tags>
         <tag>Bentley二次开发</tag>
@@ -25760,130 +25738,96 @@ Curves: Closed Curves</a></p>
       </tags>
   </entry>
   <entry>
-    <title>用命令行安装mongodb指南</title>
-    <url>/posts/2020/35KNZY8.html</url>
-    <content><![CDATA[<p>在用 scoop 安装 mongodb
-后，没有像直接使用安装包那样，会将数据库服务一次安装到位，而是需要使用命令行来进行安装。</p>
-<p>网上虽然有很多的教程，但是参差不齐，每次想找到一个能使用，还是会浪费一些时间，于是根据自己的需要，进行了总结。</p>
+    <title>Bentley 程序集学习</title>
+    <url>/posts/2022/5X1QK2.html</url>
+    <content><![CDATA[<p>今天起要开始研究 Bentley 二开中常用的程序集内容了。</p>
 <span id="more"></span>
-<h2 id="小提示">小提示</h2>
-<p>不知从什么版本开始，用 scoop 安装的 mongodb
-没有安装导入导出这些工具了，如果有需要，可以单独安装：<code>scoop install mongodb-database-tools</code></p>
-<h2 id="初始配置">初始配置</h2>
-<p>我的 mongodb 是安装在 <code>E:\scoop\apps\mongodb\current\bin</code>
-位置</p>
-<ul>
-<li><p>打开 <code>E:\scoop\apps\mongodb\current\bin\mongod.cfg</code>
-文件，配置相关参数。</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"># Where and how to store data.</span><br><span class="line">storage</span><br><span class="line">  dbPath<span class="punctuation">:</span> D<span class="punctuation">:</span>\Applications\Scoop\apps\mongodb\<span class="number">4.2</span><span class="number">.7</span>\data</span><br><span class="line">  journal<span class="punctuation">:</span></span><br><span class="line">    enabled<span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span></span><br><span class="line">#  engine<span class="punctuation">:</span></span><br><span class="line">#  mmapv1<span class="punctuation">:</span></span><br><span class="line">#  wiredTiger<span class="punctuation">:</span></span><br><span class="line"></span><br><span class="line"># where to write logging data.</span><br><span class="line">systemLog<span class="punctuation">:</span></span><br><span class="line">  destination<span class="punctuation">:</span> file</span><br><span class="line">  logAppend<span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span></span><br><span class="line">  path<span class="punctuation">:</span>  D<span class="punctuation">:</span>\Applications\Scoop\apps\mongodb\<span class="number">4.2</span><span class="number">.7</span>\log\mongod.log</span><br><span class="line"></span><br><span class="line"># network interfaces</span><br><span class="line">net<span class="punctuation">:</span></span><br><span class="line">  port<span class="punctuation">:</span> <span class="number">27017</span></span><br><span class="line">  bindIp<span class="punctuation">:</span> <span class="number">127.0</span><span class="number">.0</span><span class="number">.1</span></span><br></pre></td></tr></table></figure>
-<p>dbPath 设置数据保存的路径</p>
-<p>systemLog:path 设置日志的保存路径</p></li>
-<li><p>以管理员身份打开 cmd 窗口。</p>
-<p>输入 <code>cd E:\scoop\apps\mongodb\current\bin</code> 进入到 scoop
-目录 <code>E:\scoop\apps\mongodb\current\bin</code> 中</p></li>
-<li><p>在命令行中输入下面的命令安装 mogodb</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">mongod --config <span class="string">&quot;E:\scoop\apps\mongodb\current\bin\mongod.cfg&quot;</span> --install</span><br></pre></td></tr></table></figure>
-<p>可以使用 <code>--serviceName</code> 和
-<code>--serviceDisplayName</code> 指定服务名，从而可以安装多个 mogodb
-实例</p></li>
-<li><p>启动 mongodb 服务</p>
-<p><code>net start mongodb</code></p></li>
-</ul>
-<h2 id="设置用户名和密码">设置用户名和密码</h2>
-<h3 id="设置超级管理员">设置超级管理员</h3>
-<ul>
-<li><p>在命令行中输入 <code>mongo</code> 进入mongodb的交互界面</p></li>
-<li><p>在 admin 库中添加 admin 角色</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">use admin  </span><br><span class="line">db.createUser(<span class="punctuation">&#123;</span></span><br><span class="line">  user<span class="punctuation">:</span> &#x27;admin&#x27;<span class="punctuation">,</span>  <span class="comment">// 用户名</span></span><br><span class="line">  pwd<span class="punctuation">:</span> &#x27;<span class="number">123456</span>&#x27;<span class="punctuation">,</span>  <span class="comment">// 密码</span></span><br><span class="line">  roles<span class="punctuation">:</span><span class="punctuation">[</span><span class="punctuation">&#123;</span></span><br><span class="line">    role<span class="punctuation">:</span> &#x27;root&#x27;<span class="punctuation">,</span>  <span class="comment">// 角色</span></span><br><span class="line">    db<span class="punctuation">:</span> &#x27;admin&#x27;  <span class="comment">// 数据库</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span>)</span><br></pre></td></tr></table></figure>
-<p>设置完成，可以输入 <code>show users</code>
-查看是否设置成功。</p></li>
-<li><p>开启验证</p>
-<p>找到 MongoDB 安装目录，打开
-<code>mongod.cfg</code>文件，找到以下这句：</p>
-<p>将</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">#security<span class="punctuation">:</span></span><br></pre></td></tr></table></figure>
-<p>改为</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">security<span class="punctuation">:</span></span><br><span class="line">  authorization<span class="punctuation">:</span> enabled</span><br></pre></td></tr></table></figure></li>
-<li><p>重启 mongodb</p>
-<p>在cmd窗口中</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">net stop mongodb</span><br><span class="line">net start mongodb</span><br></pre></td></tr></table></figure>
-<p>也可以在任务管理器中找到相应的服务，然后重新启动</p></li>
-<li><p>登陆数据库</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 方式一</span></span><br><span class="line">mongo</span><br><span class="line">use admin</span><br><span class="line">db.auth(&#x27;admin&#x27;<span class="punctuation">,</span> &#x27;<span class="number">123456</span>&#x27;)</span><br><span class="line"></span><br><span class="line"><span class="comment">// 方式二</span></span><br><span class="line">mongo admin -u admin -p <span class="number">123456</span></span><br></pre></td></tr></table></figure>
-<p>这时候我们就可以正常访问和操作数据了。</p></li>
-</ul>
-<h3 id="添加数据库用户">添加数据库用户</h3>
-<p>我们除了可以设置数据库的超级管理员以外，还可以给每个数据库设置单独的管理员。其只有操作单独数据的一定权限。</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">use test  <span class="comment">// 跳转到需要添加用户的数据库</span></span><br><span class="line">db.createUser(<span class="punctuation">&#123;</span></span><br><span class="line">  user<span class="punctuation">:</span> &#x27;fooadmin&#x27;<span class="punctuation">,</span>  <span class="comment">// 用户名</span></span><br><span class="line">  pwd<span class="punctuation">:</span> &#x27;<span class="number">123456</span>&#x27;<span class="punctuation">,</span>  <span class="comment">// 密码</span></span><br><span class="line">  roles<span class="punctuation">:</span><span class="punctuation">[</span><span class="punctuation">&#123;</span></span><br><span class="line">    role<span class="punctuation">:</span> &#x27;readWrite&#x27;<span class="punctuation">,</span>  <span class="comment">// 角色</span></span><br><span class="line">    db<span class="punctuation">:</span> &#x27;test&#x27;  <span class="comment">// 数据库名</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span>)</span><br></pre></td></tr></table></figure>
-<h3 id="常用命令">常用命令</h3>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">show users  <span class="comment">// 查看当前库下的用户</span></span><br><span class="line"></span><br><span class="line">db.dropUser(&#x27;testadmin&#x27;)  <span class="comment">// 删除用户</span></span><br><span class="line"></span><br><span class="line">db.updateUser(&#x27;admin&#x27;<span class="punctuation">,</span> <span class="punctuation">&#123;</span>pwd<span class="punctuation">:</span> &#x27;<span class="number">654321</span>&#x27;<span class="punctuation">&#125;</span>)  <span class="comment">// 修改用户密码</span></span><br><span class="line"></span><br><span class="line">db.auth(&#x27;admin&#x27;<span class="punctuation">,</span> &#x27;<span class="number">654321</span>&#x27;)  <span class="comment">// 密码认证</span></span><br></pre></td></tr></table></figure>
-<h3 id="mongodb-数据库默认角色">MongoDB 数据库默认角色</h3>
-<table>
-<colgroup>
-<col style="width: 33%" />
-<col style="width: 33%" />
-<col style="width: 33%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th style="text-align: left;">分类</th>
-<th style="text-align: left;">role(角色)</th>
-<th style="text-align: left;">简要说明</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td style="text-align: left;">数据库用户角色(DB User Roles)</td>
-<td style="text-align: left;"><code>read</code>
-<code>readWrite</code></td>
-<td style="text-align: left;">为某个数据库创建一个用户,
-分配该数据库的读写权力</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;">数据库管理员角色(DB Admin Roles)</td>
-<td style="text-align: left;"><code>dbAdmin</code> <code>dbOwner</code>
-<code>userAdmin</code></td>
-<td style="text-align: left;">拥有创建数据库, 和创建用户的权力</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;">集群管理角色(Culster Administration
-Roles)</td>
-<td style="text-align: left;"><code>clusterAdmin</code>
-<code>clusterManager</code> <code>clusterMonitor</code>
-<code>hostManager</code></td>
-<td style="text-align: left;">管理员组, 针对整个系统进行管理</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;">备份还原角色(Backup and Restoration
-Roles)</td>
-<td style="text-align: left;"><code>backup</code>
-<code>restore</code></td>
-<td style="text-align: left;">备份数据库, 还原数据库</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;">所有数据库角色(All-Database Roles)</td>
-<td style="text-align: left;"><code>readAnyDatabase</code>
-<code>readWriteAnyDatabase</code> <code>userAdminAnyDatabase</code>
-<code>dbAdminAnyDatabase</code></td>
-<td style="text-align: left;">拥有对admin操作的权限</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;">Superuser Roles(超级管理员)</td>
-<td style="text-align: left;"><code>root</code></td>
-<td style="text-align: left;"><code>dbOwner</code>
-<code>userAdmin</code>
-<code>userAdminAnyDatabase</code>这几个角色角色提供了任何数据任何用户的任何权限的能力，拥有这个角色的用户可以在任何数据库上定义它们自己的权限</td>
-</tr>
-</tbody>
-</table>
+<p>为什么会突然有这个想法呢？</p>
+<p>是因为我发现，如果在开发的过程中，如果对 SDK
+了解太少的话，会导致思路闭塞，会大大降低了编程的效率。</p>
+<p>虽然搞开发已经 4
+年了，但是积累的东西还是不够，但是我坚信，日积跬步，终至千里。</p>
+<p>所以，谨以此文记录本人学习之决心，以此为序，迈上大神之路。</p>
 ]]></content>
       <categories>
+        <category>Bentley</category>
         <category>Develop</category>
-        <category>Database</category>
-        <category>Mongodb</category>
+        <category>程序集</category>
       </categories>
       <tags>
-        <tag>MongoDB</tag>
+        <tag>Bentley</tag>
+        <tag>Bentley程序集学习</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>flex 布局中在 flex-grow 元素里显示滚动条</title>
+    <url>/posts/2023/3FEED8Y.html</url>
+    <content><![CDATA[<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230727230710866.png"
+alt="image-20230727230710866" />
+<figcaption aria-hidden="true">image-20230727230710866</figcaption>
+</figure>
+<p>本文介绍了如何实现：</p>
+<p>容器的高度随内容增加而增高，且某个元素使用 <code>flex:1</code>
+占满剩余空间，当达到最大值时，若该元素溢出后则显示滚动条。</p>
+<span id="more"></span>
+<h2 id="思路">思路</h2>
+<ol type="1">
+<li>使用 <code>column</code> 进行列布局</li>
+<li>对容器设置最大高度或者固定高度</li>
+<li>对需要占满剩余空间的元素设置 <code>flex:1</code></li>
+</ol>
+<h2 id="实现">实现</h2>
+<p><strong>HTML：</strong></p>
+<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">&quot;app&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;container&quot;</span>&gt;</span>    </span><br><span class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;item item-expand&quot;</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;item&quot;</span>&gt;</span>Item 2<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br></pre></td></tr></table></figure>
+<p><strong>CSS：</strong></p>
+<figure class="highlight css"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.container</span> &#123;</span><br><span class="line">  <span class="attribute">display</span>: flex;</span><br><span class="line">  <span class="attribute">flex-direction</span>: column;</span><br><span class="line">  <span class="attribute">max-height</span>: <span class="number">200px</span>;</span><br><span class="line">  <span class="attribute">border</span>: <span class="number">1px</span> solid <span class="number">#ccc</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="selector-class">.item</span> &#123;</span><br><span class="line">  <span class="attribute">padding</span>: <span class="number">10px</span>;</span><br><span class="line">  <span class="attribute">border</span>: <span class="number">1px</span> solid <span class="number">#ccc</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="selector-class">.item-expand</span> &#123;</span><br><span class="line">  <span class="attribute">flex</span>: <span class="number">1</span>;</span><br><span class="line">  <span class="attribute">overflow</span>: auto;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="演示">演示</h2>
+<p><a
+href="https://runjs.work/projects/d7311531ffcd4c0a">单击查看演示：flex-grow
+中显示滚动条</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>CSS</category>
+        <category>实例</category>
+      </categories>
+      <tags>
+        <tag>CSS</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>父元素仅设置max-height，子元素高度百分之100，溢出后如何显示滚动条</title>
+    <url>/posts/2023/27DHP6N.html</url>
+    <content><![CDATA[<p>本文介绍了如何实现：</p>
+<p>父元素仅设置 max-height，子元素的高度为
+100%，跟随父元素高度的变化而变化，且当达到最大高度后，子元素显示滚动条。</p>
+<span id="more"></span>
+<h2 id="思路">思路</h2>
+<ol type="1">
+<li>由于父元素没有设置 <code>height</code> 属性，因此子元素不能使用
+<code>height:100%</code> 来跟随父元素的变化</li>
+<li>通过 flex 布局，将子元素设置成 <code>flex:1</code>
+来让其与父元素同高</li>
+<li>再设置子元素 <code>overflow:auth;flext-wrap:nowrap;</code>
+来显示滚动条</li>
+</ol>
+<h2 id="实现">实现</h2>
+<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">&quot;app&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;container&quot;</span>&gt;</span>    </span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br></pre></td></tr></table></figure>
+<figure class="highlight css"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#app</span>&#123;</span><br><span class="line">  <span class="attribute">display</span>: flex;</span><br><span class="line">  <span class="attribute">max-height</span>: <span class="number">200px</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="selector-class">.container</span> &#123;</span><br><span class="line">  <span class="attribute">padding</span>: <span class="number">10px</span>;</span><br><span class="line">  <span class="attribute">display</span>: flex;</span><br><span class="line">  <span class="attribute">flex-direction</span>: column;  </span><br><span class="line">  <span class="attribute">border</span>: <span class="number">1px</span> solid <span class="number">#ccc</span>;</span><br><span class="line">  <span class="comment">/* height: 100%; 此处不能使用这个属性，因为父类没有设置 height,因此无法计算高度*/</span></span><br><span class="line">  <span class="attribute">flex</span>:<span class="number">1</span>;</span><br><span class="line">  <span class="attribute">overflow</span>: auto;</span><br><span class="line">  <span class="attribute">flex-wrap</span>: nowrap;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="演示">演示</h2>
+<p><a
+href="https://runjs.work/projects/8ad36ef2669942a5">父元素设置max-height，子元素高度100%实现
+(runjs.work)</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>CSS</category>
+        <category>实例</category>
+      </categories>
+      <tags>
+        <tag>CSS</tag>
       </tags>
   </entry>
   <entry>
@@ -25932,41 +25876,130 @@ Roles)</td>
       </tags>
   </entry>
   <entry>
-    <title>flex 布局中在 flex-grow 元素里显示滚动条</title>
-    <url>/posts/2023/3FEED8Y.html</url>
-    <content><![CDATA[<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230727230710866.png"
-alt="image-20230727230710866" />
-<figcaption aria-hidden="true">image-20230727230710866</figcaption>
-</figure>
-<p>本文介绍了如何实现：</p>
-<p>容器的高度随内容增加而增高，且某个元素使用 <code>flex:1</code>
-占满剩余空间，当达到最大值时，若该元素溢出后则显示滚动条。</p>
+    <title>用命令行安装mongodb指南</title>
+    <url>/posts/2020/35KNZY8.html</url>
+    <content><![CDATA[<p>在用 scoop 安装 mongodb
+后，没有像直接使用安装包那样，会将数据库服务一次安装到位，而是需要使用命令行来进行安装。</p>
+<p>网上虽然有很多的教程，但是参差不齐，每次想找到一个能使用，还是会浪费一些时间，于是根据自己的需要，进行了总结。</p>
 <span id="more"></span>
-<h2 id="思路">思路</h2>
-<ol type="1">
-<li>使用 <code>column</code> 进行列布局</li>
-<li>对容器设置最大高度或者固定高度</li>
-<li>对需要占满剩余空间的元素设置 <code>flex:1</code></li>
-</ol>
-<h2 id="实现">实现</h2>
-<p><strong>HTML：</strong></p>
-<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">&quot;app&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;container&quot;</span>&gt;</span>    </span><br><span class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;item item-expand&quot;</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;item&quot;</span>&gt;</span>Item 2<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br></pre></td></tr></table></figure>
-<p><strong>CSS：</strong></p>
-<figure class="highlight css"><table><tr><td class="code"><pre><span class="line"><span class="selector-class">.container</span> &#123;</span><br><span class="line">  <span class="attribute">display</span>: flex;</span><br><span class="line">  <span class="attribute">flex-direction</span>: column;</span><br><span class="line">  <span class="attribute">max-height</span>: <span class="number">200px</span>;</span><br><span class="line">  <span class="attribute">border</span>: <span class="number">1px</span> solid <span class="number">#ccc</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="selector-class">.item</span> &#123;</span><br><span class="line">  <span class="attribute">padding</span>: <span class="number">10px</span>;</span><br><span class="line">  <span class="attribute">border</span>: <span class="number">1px</span> solid <span class="number">#ccc</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="selector-class">.item-expand</span> &#123;</span><br><span class="line">  <span class="attribute">flex</span>: <span class="number">1</span>;</span><br><span class="line">  <span class="attribute">overflow</span>: auto;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="演示">演示</h2>
-<p><a
-href="https://runjs.work/projects/d7311531ffcd4c0a">单击查看演示：flex-grow
-中显示滚动条</a></p>
+<h2 id="小提示">小提示</h2>
+<p>不知从什么版本开始，用 scoop 安装的 mongodb
+没有安装导入导出这些工具了，如果有需要，可以单独安装：<code>scoop install mongodb-database-tools</code></p>
+<h2 id="初始配置">初始配置</h2>
+<p>我的 mongodb 是安装在 <code>E:\scoop\apps\mongodb\current\bin</code>
+位置</p>
+<ul>
+<li><p>打开 <code>E:\scoop\apps\mongodb\current\bin\mongod.cfg</code>
+文件，配置相关参数。</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"># Where and how to store data.</span><br><span class="line">storage</span><br><span class="line">  dbPath<span class="punctuation">:</span> D<span class="punctuation">:</span>\Applications\Scoop\apps\mongodb\<span class="number">4.2</span><span class="number">.7</span>\data</span><br><span class="line">  journal<span class="punctuation">:</span></span><br><span class="line">    enabled<span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span></span><br><span class="line">#  engine<span class="punctuation">:</span></span><br><span class="line">#  mmapv1<span class="punctuation">:</span></span><br><span class="line">#  wiredTiger<span class="punctuation">:</span></span><br><span class="line"></span><br><span class="line"># where to write logging data.</span><br><span class="line">systemLog<span class="punctuation">:</span></span><br><span class="line">  destination<span class="punctuation">:</span> file</span><br><span class="line">  logAppend<span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span></span><br><span class="line">  path<span class="punctuation">:</span>  D<span class="punctuation">:</span>\Applications\Scoop\apps\mongodb\<span class="number">4.2</span><span class="number">.7</span>\log\mongod.log</span><br><span class="line"></span><br><span class="line"># network interfaces</span><br><span class="line">net<span class="punctuation">:</span></span><br><span class="line">  port<span class="punctuation">:</span> <span class="number">27017</span></span><br><span class="line">  bindIp<span class="punctuation">:</span> <span class="number">127.0</span><span class="number">.0</span><span class="number">.1</span></span><br></pre></td></tr></table></figure>
+<p>dbPath 设置数据保存的路径</p>
+<p>systemLog:path 设置日志的保存路径</p></li>
+<li><p>以管理员身份打开 cmd 窗口。</p>
+<p>输入 <code>cd E:\scoop\apps\mongodb\current\bin</code> 进入到 scoop
+目录 <code>E:\scoop\apps\mongodb\current\bin</code> 中</p></li>
+<li><p>在命令行中输入下面的命令安装 mogodb</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">mongod --config <span class="string">&quot;E:\scoop\apps\mongodb\current\bin\mongod.cfg&quot;</span> --install</span><br></pre></td></tr></table></figure>
+<p>可以使用 <code>--serviceName</code> 和
+<code>--serviceDisplayName</code> 指定服务名，从而可以安装多个 mogodb
+实例</p></li>
+<li><p>启动 mongodb 服务</p>
+<p><code>net start mongodb</code></p></li>
+</ul>
+<h2 id="设置用户名和密码">设置用户名和密码</h2>
+<h3 id="设置超级管理员">设置超级管理员</h3>
+<ul>
+<li><p>在命令行中输入 <code>mongo</code> 进入mongodb的交互界面</p></li>
+<li><p>在 admin 库中添加 admin 角色</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">use admin  </span><br><span class="line">db.createUser(<span class="punctuation">&#123;</span></span><br><span class="line">  user<span class="punctuation">:</span> &#x27;admin&#x27;<span class="punctuation">,</span>  <span class="comment">// 用户名</span></span><br><span class="line">  pwd<span class="punctuation">:</span> &#x27;<span class="number">123456</span>&#x27;<span class="punctuation">,</span>  <span class="comment">// 密码</span></span><br><span class="line">  roles<span class="punctuation">:</span><span class="punctuation">[</span><span class="punctuation">&#123;</span></span><br><span class="line">    role<span class="punctuation">:</span> &#x27;root&#x27;<span class="punctuation">,</span>  <span class="comment">// 角色</span></span><br><span class="line">    db<span class="punctuation">:</span> &#x27;admin&#x27;  <span class="comment">// 数据库</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span>)</span><br></pre></td></tr></table></figure>
+<p>设置完成，可以输入 <code>show users</code>
+查看是否设置成功。</p></li>
+<li><p>开启验证</p>
+<p>找到 MongoDB 安装目录，打开
+<code>mongod.cfg</code>文件，找到以下这句：</p>
+<p>将</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">#security<span class="punctuation">:</span></span><br></pre></td></tr></table></figure>
+<p>改为</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">security<span class="punctuation">:</span></span><br><span class="line">  authorization<span class="punctuation">:</span> enabled</span><br></pre></td></tr></table></figure></li>
+<li><p>重启 mongodb</p>
+<p>在cmd窗口中</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">net stop mongodb</span><br><span class="line">net start mongodb</span><br></pre></td></tr></table></figure>
+<p>也可以在任务管理器中找到相应的服务，然后重新启动</p></li>
+<li><p>登陆数据库</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 方式一</span></span><br><span class="line">mongo</span><br><span class="line">use admin</span><br><span class="line">db.auth(&#x27;admin&#x27;<span class="punctuation">,</span> &#x27;<span class="number">123456</span>&#x27;)</span><br><span class="line"></span><br><span class="line"><span class="comment">// 方式二</span></span><br><span class="line">mongo admin -u admin -p <span class="number">123456</span></span><br></pre></td></tr></table></figure>
+<p>这时候我们就可以正常访问和操作数据了。</p></li>
+</ul>
+<h3 id="添加数据库用户">添加数据库用户</h3>
+<p>我们除了可以设置数据库的超级管理员以外，还可以给每个数据库设置单独的管理员。其只有操作单独数据的一定权限。</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">use test  <span class="comment">// 跳转到需要添加用户的数据库</span></span><br><span class="line">db.createUser(<span class="punctuation">&#123;</span></span><br><span class="line">  user<span class="punctuation">:</span> &#x27;fooadmin&#x27;<span class="punctuation">,</span>  <span class="comment">// 用户名</span></span><br><span class="line">  pwd<span class="punctuation">:</span> &#x27;<span class="number">123456</span>&#x27;<span class="punctuation">,</span>  <span class="comment">// 密码</span></span><br><span class="line">  roles<span class="punctuation">:</span><span class="punctuation">[</span><span class="punctuation">&#123;</span></span><br><span class="line">    role<span class="punctuation">:</span> &#x27;readWrite&#x27;<span class="punctuation">,</span>  <span class="comment">// 角色</span></span><br><span class="line">    db<span class="punctuation">:</span> &#x27;test&#x27;  <span class="comment">// 数据库名</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">]</span></span><br><span class="line"><span class="punctuation">&#125;</span>)</span><br></pre></td></tr></table></figure>
+<h3 id="常用命令">常用命令</h3>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line">show users  <span class="comment">// 查看当前库下的用户</span></span><br><span class="line"></span><br><span class="line">db.dropUser(&#x27;testadmin&#x27;)  <span class="comment">// 删除用户</span></span><br><span class="line"></span><br><span class="line">db.updateUser(&#x27;admin&#x27;<span class="punctuation">,</span> <span class="punctuation">&#123;</span>pwd<span class="punctuation">:</span> &#x27;<span class="number">654321</span>&#x27;<span class="punctuation">&#125;</span>)  <span class="comment">// 修改用户密码</span></span><br><span class="line"></span><br><span class="line">db.auth(&#x27;admin&#x27;<span class="punctuation">,</span> &#x27;<span class="number">654321</span>&#x27;)  <span class="comment">// 密码认证</span></span><br></pre></td></tr></table></figure>
+<h3 id="mongodb-数据库默认角色">MongoDB 数据库默认角色</h3>
+<table>
+<colgroup>
+<col style="width: 33%" />
+<col style="width: 33%" />
+<col style="width: 33%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th style="text-align: left;">分类</th>
+<th style="text-align: left;">role(角色)</th>
+<th style="text-align: left;">简要说明</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td style="text-align: left;">数据库用户角色(DB User Roles)</td>
+<td style="text-align: left;"><code>read</code>
+<code>readWrite</code></td>
+<td style="text-align: left;">为某个数据库创建一个用户,
+分配该数据库的读写权力</td>
+</tr>
+<tr class="even">
+<td style="text-align: left;">数据库管理员角色(DB Admin Roles)</td>
+<td style="text-align: left;"><code>dbAdmin</code> <code>dbOwner</code>
+<code>userAdmin</code></td>
+<td style="text-align: left;">拥有创建数据库, 和创建用户的权力</td>
+</tr>
+<tr class="odd">
+<td style="text-align: left;">集群管理角色(Culster Administration
+Roles)</td>
+<td style="text-align: left;"><code>clusterAdmin</code>
+<code>clusterManager</code> <code>clusterMonitor</code>
+<code>hostManager</code></td>
+<td style="text-align: left;">管理员组, 针对整个系统进行管理</td>
+</tr>
+<tr class="even">
+<td style="text-align: left;">备份还原角色(Backup and Restoration
+Roles)</td>
+<td style="text-align: left;"><code>backup</code>
+<code>restore</code></td>
+<td style="text-align: left;">备份数据库, 还原数据库</td>
+</tr>
+<tr class="odd">
+<td style="text-align: left;">所有数据库角色(All-Database Roles)</td>
+<td style="text-align: left;"><code>readAnyDatabase</code>
+<code>readWriteAnyDatabase</code> <code>userAdminAnyDatabase</code>
+<code>dbAdminAnyDatabase</code></td>
+<td style="text-align: left;">拥有对admin操作的权限</td>
+</tr>
+<tr class="even">
+<td style="text-align: left;">Superuser Roles(超级管理员)</td>
+<td style="text-align: left;"><code>root</code></td>
+<td style="text-align: left;"><code>dbOwner</code>
+<code>userAdmin</code>
+<code>userAdminAnyDatabase</code>这几个角色角色提供了任何数据任何用户的任何权限的能力，拥有这个角色的用户可以在任何数据库上定义它们自己的权限</td>
+</tr>
+</tbody>
+</table>
 ]]></content>
       <categories>
         <category>Develop</category>
-        <category>CSS</category>
-        <category>实例</category>
+        <category>Database</category>
+        <category>Mongodb</category>
       </categories>
       <tags>
-        <tag>CSS</tag>
-        <tag>galens</tag>
+        <tag>MongoDB</tag>
       </tags>
   </entry>
   <entry>
@@ -26079,39 +26112,6 @@ id="批量更新文档中数组对象里面的某个字段">批量更新文档
         <tag>MongoDB</tag>
       </tags>
   </entry>
-  <entry>
-    <title>父元素仅设置max-height，子元素高度百分之100，溢出后如何显示滚动条</title>
-    <url>/posts/2023/27DHP6N.html</url>
-    <content><![CDATA[<p>本文介绍了如何实现：</p>
-<p>父元素仅设置 max-height，子元素的高度为
-100%，跟随父元素高度的变化而变化，且当达到最大高度后，子元素显示滚动条。</p>
-<span id="more"></span>
-<h2 id="思路">思路</h2>
-<ol type="1">
-<li>由于父元素没有设置 <code>height</code> 属性，因此子元素不能使用
-<code>height:100%</code> 来跟随父元素的变化</li>
-<li>通过 flex 布局，将子元素设置成 <code>flex:1</code>
-来让其与父元素同高</li>
-<li>再设置子元素 <code>overflow:auth;flext-wrap:nowrap;</code>
-来显示滚动条</li>
-</ol>
-<h2 id="实现">实现</h2>
-<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">&quot;app&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;container&quot;</span>&gt;</span>    </span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">div</span>&gt;</span>Item 1<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br></pre></td></tr></table></figure>
-<figure class="highlight css"><table><tr><td class="code"><pre><span class="line"><span class="selector-id">#app</span>&#123;</span><br><span class="line">  <span class="attribute">display</span>: flex;</span><br><span class="line">  <span class="attribute">max-height</span>: <span class="number">200px</span>;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="selector-class">.container</span> &#123;</span><br><span class="line">  <span class="attribute">padding</span>: <span class="number">10px</span>;</span><br><span class="line">  <span class="attribute">display</span>: flex;</span><br><span class="line">  <span class="attribute">flex-direction</span>: column;  </span><br><span class="line">  <span class="attribute">border</span>: <span class="number">1px</span> solid <span class="number">#ccc</span>;</span><br><span class="line">  <span class="comment">/* height: 100%; 此处不能使用这个属性，因为父类没有设置 height,因此无法计算高度*/</span></span><br><span class="line">  <span class="attribute">flex</span>:<span class="number">1</span>;</span><br><span class="line">  <span class="attribute">overflow</span>: auto;</span><br><span class="line">  <span class="attribute">flex-wrap</span>: nowrap;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="演示">演示</h2>
-<p><a
-href="https://runjs.work/projects/8ad36ef2669942a5">父元素设置max-height，子元素高度100%实现
-(runjs.work)</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>CSS</category>
-        <category>实例</category>
-      </categories>
-      <tags>
-        <tag>CSS</tag>
-      </tags>
-  </entry>
   <entry>
     <title>mongodb 数组求和问题</title>
     <url>/posts/2021/3HKW9DE.html</url>
@@ -26281,6 +26281,51 @@ to manage users and authentication in MongoDB</a></li>
 来进行删除，需使用 <code>mongod</code> 命令。</p>
 <span id="more"></span>
 <p>删除代码：<code>mongod --remove --serviceName serviceName</code></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Database</category>
+        <category>Mongodb</category>
+      </categories>
+      <tags>
+        <tag>MongoDB</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>mongodb对自定义字段排序后limit为乱序</title>
+    <url>/posts/2021/1K2Y9FK.html</url>
+    <content><![CDATA[<p>在使用 mongodb
+中，遇到这样一个问题：在对集合进行聚合查询的过程中，通过
+<code>$project</code> 添加了一个新字段，然后根据这个新字段进行
+<code>$sort</code> 排序，最后再使用 <code>$limit</code>
+获取数据，在这个过程中，当 <code>$limit</code>
+的值不一样的时候，获取的数据虽然排序了，但是取出的顺序却还是不一样。</p>
+<span id="more"></span>
+<p>例如有如下数据：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// students 集合</span></span><br><span class="line"></span><br><span class="line">[&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;name-1&#x27;</span></span><br><span class="line">    <span class="attr">age</span>: <span class="number">18</span></span><br><span class="line">&#125;,</span><br><span class="line">&#123;</span><br><span class="line">	<span class="attr">name</span>: <span class="string">&#x27;name-2&#x27;</span>,</span><br><span class="line">    <span class="attr">age</span>: <span class="number">19</span></span><br><span class="line">&#125;,</span><br><span class="line">&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;name-3&#x27;</span>,</span><br><span class="line">    <span class="attr">age</span>: <span class="number">18</span></span><br><span class="line">&#125;,</span><br><span class="line">&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;name-4&#x27;</span>,</span><br><span class="line">    <span class="attr">age</span>: <span class="number">18</span></span><br><span class="line">&#125;,</span><br><span class="line">&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;name-5&#x27;</span>,</span><br><span class="line">    <span class="attr">age</span>: <span class="number">18</span></span><br><span class="line">&#125;,</span><br><span class="line">]</span><br></pre></td></tr></table></figure>
+<p>使用 aggrergate 查询：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">db.<span class="property">students</span>.<span class="title function_">aggregate</span>([</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="attr">$sort</span>:&#123;</span><br><span class="line">            <span class="attr">age</span>: <span class="number">1</span></span><br><span class="line">        &#125;</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="attr">$limit</span>: <span class="number">2</span></span><br><span class="line">    &#125;</span><br><span class="line">])</span><br></pre></td></tr></table></figure>
+<p>在上述查询中，不同的 <code>$limit</code>
+值，查询出来的结果的顺序不是一致的。</p>
+<p>经查，这是由于 <code>$sort</code>
+字段的值相同导致的，通过查看官方文档 <a
+href="https://docs.mongodb.com/manual/reference/operator/aggregation/sort/#sort-consistency">Version
+5.0 文档</a>，其中对于 `<code>$sort</code> 一致性的说明如下：</p>
+<blockquote>
+<p>MongoDB does not store documents in a collection in a particular
+order. When sorting on a field which contains duplicate values,
+documents containing those values may be returned in any order.</p>
+<p>If consistent sort order is desired, include at least one field in
+your sort that contains unique values. The easiest way to guarantee this
+is to include the <code>_id</code> field in your sort query.</p>
+<p>MongoDB
+在集合中存储文档的顺序是不定的，当对一个有重复值的字段排序时，包含这些值的文档可能会以任意顺序返回。</p>
+<p>如果想要保持顺序的一致性，在 sort
+语句中应至少保证有一个字段是唯一的。最方便的方式就是在 sort 中包含 _id
+字段。</p>
+</blockquote>
+<p>最后，将上述聚合查询改成如下便可恢复正常：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">db.<span class="property">students</span>.<span class="title function_">aggregate</span>([</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">// 先按 age 排序，再按 _id 排序</span></span><br><span class="line">        <span class="attr">$sort</span>:&#123;</span><br><span class="line">            <span class="attr">age</span>: <span class="number">1</span>,</span><br><span class="line">            <span class="attr">_id</span>: <span class="number">1</span>,</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="attr">$limit</span>: <span class="number">2</span></span><br><span class="line">    &#125;</span><br><span class="line">])</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -26570,51 +26615,6 @@ an Array of Embedded Documents</a></li>
 <p><a
 href="https://www.mongodb.com/docs/manual/reference/operator/aggregation/">Aggregation
 Pipeline Operators — MongoDB Manual</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Database</category>
-        <category>Mongodb</category>
-      </categories>
-      <tags>
-        <tag>MongoDB</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>mongodb对自定义字段排序后limit为乱序</title>
-    <url>/posts/2021/1K2Y9FK.html</url>
-    <content><![CDATA[<p>在使用 mongodb
-中，遇到这样一个问题：在对集合进行聚合查询的过程中，通过
-<code>$project</code> 添加了一个新字段，然后根据这个新字段进行
-<code>$sort</code> 排序，最后再使用 <code>$limit</code>
-获取数据，在这个过程中，当 <code>$limit</code>
-的值不一样的时候，获取的数据虽然排序了，但是取出的顺序却还是不一样。</p>
-<span id="more"></span>
-<p>例如有如下数据：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// students 集合</span></span><br><span class="line"></span><br><span class="line">[&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;name-1&#x27;</span></span><br><span class="line">    <span class="attr">age</span>: <span class="number">18</span></span><br><span class="line">&#125;,</span><br><span class="line">&#123;</span><br><span class="line">	<span class="attr">name</span>: <span class="string">&#x27;name-2&#x27;</span>,</span><br><span class="line">    <span class="attr">age</span>: <span class="number">19</span></span><br><span class="line">&#125;,</span><br><span class="line">&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;name-3&#x27;</span>,</span><br><span class="line">    <span class="attr">age</span>: <span class="number">18</span></span><br><span class="line">&#125;,</span><br><span class="line">&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;name-4&#x27;</span>,</span><br><span class="line">    <span class="attr">age</span>: <span class="number">18</span></span><br><span class="line">&#125;,</span><br><span class="line">&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;name-5&#x27;</span>,</span><br><span class="line">    <span class="attr">age</span>: <span class="number">18</span></span><br><span class="line">&#125;,</span><br><span class="line">]</span><br></pre></td></tr></table></figure>
-<p>使用 aggrergate 查询：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">db.<span class="property">students</span>.<span class="title function_">aggregate</span>([</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="attr">$sort</span>:&#123;</span><br><span class="line">            <span class="attr">age</span>: <span class="number">1</span></span><br><span class="line">        &#125;</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="attr">$limit</span>: <span class="number">2</span></span><br><span class="line">    &#125;</span><br><span class="line">])</span><br></pre></td></tr></table></figure>
-<p>在上述查询中，不同的 <code>$limit</code>
-值，查询出来的结果的顺序不是一致的。</p>
-<p>经查，这是由于 <code>$sort</code>
-字段的值相同导致的，通过查看官方文档 <a
-href="https://docs.mongodb.com/manual/reference/operator/aggregation/sort/#sort-consistency">Version
-5.0 文档</a>，其中对于 `<code>$sort</code> 一致性的说明如下：</p>
-<blockquote>
-<p>MongoDB does not store documents in a collection in a particular
-order. When sorting on a field which contains duplicate values,
-documents containing those values may be returned in any order.</p>
-<p>If consistent sort order is desired, include at least one field in
-your sort that contains unique values. The easiest way to guarantee this
-is to include the <code>_id</code> field in your sort query.</p>
-<p>MongoDB
-在集合中存储文档的顺序是不定的，当对一个有重复值的字段排序时，包含这些值的文档可能会以任意顺序返回。</p>
-<p>如果想要保持顺序的一致性，在 sort
-语句中应至少保证有一个字段是唯一的。最方便的方式就是在 sort 中包含 _id
-字段。</p>
-</blockquote>
-<p>最后，将上述聚合查询改成如下便可恢复正常：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">db.<span class="property">students</span>.<span class="title function_">aggregate</span>([</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">// 先按 age 排序，再按 _id 排序</span></span><br><span class="line">        <span class="attr">$sort</span>:&#123;</span><br><span class="line">            <span class="attr">age</span>: <span class="number">1</span>,</span><br><span class="line">            <span class="attr">_id</span>: <span class="number">1</span>,</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="attr">$limit</span>: <span class="number">2</span></span><br><span class="line">    &#125;</span><br><span class="line">])</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -27027,46 +27027,6 @@ href="https://www.jianshu.com/p/205225036610">关于mongoose返回的数据无
 href="https://segmentfault.com/a/1190000007818969">Mongoose返回数据修改中遇到的坑</a></li>
 <li>https://mongoosejs.com/docs/api/query.html#query_Query-lean</li>
 </ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Database</category>
-        <category>Mongoose</category>
-      </categories>
-      <tags>
-        <tag>MongoDB</tag>
-        <tag>Mongoose</tag>
-        <tag>Javascript</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>mongoose中嵌套内容修改后save失效</title>
-    <url>/posts/2021/3M6QG1T.html</url>
-    <content><![CDATA[<p>今天遇到这样一个问题，我有一个字段
-<code>elments</code>，它是一个数组，数组里面是对象。当我修改数组中某个对象的某个字段后，再调用
-<code>document.save()</code> 想保存修改，却发现无法保存修改后的值。</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="comment">// 模型名称</span></span><br><span class="line">  name<span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    type<span class="punctuation">:</span> String<span class="punctuation">,</span></span><br><span class="line">    trim<span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span></span><br><span class="line">    required<span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line"></span><br><span class="line">  <span class="comment">// 里面元素的属性</span></span><br><span class="line">  elements<span class="punctuation">:</span> Array<span class="punctuation">,</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
-<span id="more"></span>
-<p>示例代码，基于<code>eggjs</code> 框架：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">insert</span>(&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;test&#x27;</span>,</span><br><span class="line">    <span class="attr">elements</span>:[</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="attr">name</span>: <span class="string">&#x27;circle&#x27;</span>,</span><br><span class="line">            <span class="attr">area</span>: <span class="string">&#x27;200&#x27;</span>,</span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="attr">name</span>: <span class="string">&#x27;rectangle&#x27;</span>,</span><br><span class="line">            <span class="attr">area</span>: <span class="string">&#x27;300&#x27;</span></span><br><span class="line">        &#125;</span><br><span class="line">    ]</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
-<ol type="1">
-<li>修改非嵌套字段时可以正常保存</li>
-</ol>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> doc = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">findOne</span>(&#123;<span class="attr">name</span>:<span class="string">&#x27;test&#x27;</span>&#125;)</span><br><span class="line">doc.<span class="property">name</span> = <span class="string">&#x27;test1&#x27;</span></span><br><span class="line"><span class="keyword">await</span> doc.<span class="title function_">save</span>()</span><br><span class="line"></span><br><span class="line"><span class="comment">// name 修改为了 test1</span></span><br></pre></td></tr></table></figure>
-<ol start="2" type="1">
-<li>整体修改嵌套字段时，也可以正常保存</li>
-</ol>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> doc = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">findOne</span>(&#123;<span class="attr">name</span>:<span class="string">&#x27;test&#x27;</span>&#125;)</span><br><span class="line"><span class="keyword">const</span> rectangleElements = doc.<span class="property">elements</span>[<span class="number">1</span>]</span><br><span class="line">rectangleElements.<span class="property">area</span> = <span class="number">400</span></span><br><span class="line">doc.<span class="property">elements</span> = [doc.<span class="property">elements</span>[<span class="number">0</span>],rectangleElements]</span><br><span class="line"><span class="keyword">await</span> doc.<span class="title function_">save</span>()</span><br><span class="line"></span><br><span class="line"><span class="comment">// elements 中的 rectangle 面积被修改为了 400</span></span><br></pre></td></tr></table></figure>
-<ol start="3" type="1">
-<li>单独修改引用对应的值时，保存不生效</li>
-</ol>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> doc = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">findOne</span>(&#123;<span class="attr">name</span>:<span class="string">&#x27;test&#x27;</span>&#125;)</span><br><span class="line"><span class="keyword">const</span> rectangleElements = doc.<span class="property">elements</span>[<span class="number">1</span>]</span><br><span class="line">rectangleElements.<span class="property">area</span> = <span class="number">400</span></span><br><span class="line"><span class="keyword">await</span> doc.<span class="title function_">save</span>()</span><br><span class="line"></span><br><span class="line"><span class="comment">// elements 中的 rectangle 面积还是 300</span></span><br></pre></td></tr></table></figure>
-<p>针对第 3 种情况，由于 <code>elements</code>
-里面的元素没有特定的约束，可以随意修改，为了在修改后可以调用
-<code>save()</code>，需要在保存之前调用
-<code>markModified()</code>。</p>
-<p>改成如下形式就可以了：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> doc = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">findOne</span>(&#123;<span class="attr">name</span>:<span class="string">&#x27;test&#x27;</span>&#125;)</span><br><span class="line"><span class="keyword">const</span> rectangleElements = doc.<span class="property">elements</span>[<span class="number">1</span>]</span><br><span class="line">rectangleElements.<span class="property">area</span> = <span class="number">400</span></span><br><span class="line"></span><br><span class="line">doc.<span class="title function_">markModified</span>(<span class="string">&quot;elements&quot;</span>)</span><br><span class="line"><span class="keyword">await</span> doc.<span class="title function_">save</span>()</span><br><span class="line"></span><br><span class="line"><span class="comment">// elements 中的 rectangle 面积被修改为了 400</span></span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -27111,48 +27071,6 @@ href="https://segmentfault.com/a/1190000007818969">Mongoose返回数据修改中
         <tag>Javascript</tag>
       </tags>
   </entry>
-  <entry>
-    <title>mongoose使用findOneAndUpdate不能更新默认值</title>
-    <url>/posts/2021/3Z62NZ0.html</url>
-    <content><![CDATA[<p>今天遇到这样一个问题，当我使用 <code>findOneAndUpdate</code>
-来更新或新建文档时，发现如果文档是新建的，则定义的默认值居然为空。</p>
-<p>经过查阅相关文档，在查询时添加 <code>setDefaultsOnInsert: true</code>
-可以解决这个问题。</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">  <span class="attr">upsert</span>: <span class="literal">true</span>,</span><br><span class="line">  <span class="attr">new</span>: <span class="literal">true</span>,</span><br><span class="line">  <span class="comment">// 在插入时设置默认值</span></span><br><span class="line">  <span class="attr">setDefaultsOnInsert</span>: <span class="literal">true</span>,</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Database</category>
-        <category>Mongoose</category>
-      </categories>
-      <tags>
-        <tag>MongoDB</tag>
-        <tag>Mongoose</tag>
-        <tag>Javascript</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>monggose嵌套对象中添加ObjectId</title>
-    <url>/posts/2021/10XS5HK.html</url>
-    <content><![CDATA[<p>如何在 Mongoose 的定义中，定义一个包含 ObjectId 的嵌套定义呢？</p>
-<span id="more"></span>
-<p><strong>正确的定义方式如下：</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 嵌套定义</span></span><br><span class="line"><span class="keyword">const</span> nestedSchema = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">fileTypeId</span>: mongoose.<span class="property">Types</span>.<span class="property">ObjectId</span>,</span><br><span class="line">  <span class="attr">type</span>: <span class="title class_">String</span>,</span><br><span class="line">  <span class="comment">// 代表不生成_id项，否则会在对象中生成额外的_id字段</span></span><br><span class="line">  <span class="attr">_id</span>: <span class="literal">false</span></span><br><span class="line">&#125;)</span><br><span class="line"></span><br><span class="line"><span class="comment">// 定义</span></span><br><span class="line"><span class="keyword">const</span> <span class="title class_">UserSchema</span> = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">name</span>: &#123;</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">String</span>,</span><br><span class="line">    <span class="attr">required</span>: <span class="literal">true</span></span><br><span class="line">  &#125;,</span><br><span class="line">  </span><br><span class="line">  <span class="attr">nestedData</span>: &#123;</span><br><span class="line">    <span class="comment">// 类型为</span></span><br><span class="line">    <span class="attr">type</span>: nestedSchema</span><br><span class="line">  &#125;</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
-<p><strong>错误的定义：</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> <span class="title class_">UserSchema</span> = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">name</span>: &#123;</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">String</span>,</span><br><span class="line">    <span class="attr">required</span>: <span class="literal">true</span></span><br><span class="line">  &#125;,</span><br><span class="line">  </span><br><span class="line">  <span class="attr">extra</span>: &#123;</span><br><span class="line">    <span class="attr">fileTypeId</span>: mongoose.<span class="property">Types</span>.<span class="property">ObjectId</span>,</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">String</span>,</span><br><span class="line">  &#125;</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
-<p>这种定义如果传入的 <code>fileTypeId</code>
-是一个字符串的话，不会自动转成 <code>ObjectId</code>，会使得 Mongoose
-报错。</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Database</category>
-        <category>Mongoose</category>
-      </categories>
-      <tags>
-        <tag>Mongoose</tag>
-      </tags>
-  </entry>
   <entry>
     <title>monoose返回对象无法比较ObjectId</title>
     <url>/posts/2021/35VQS80.html</url>
@@ -27186,41 +27104,53 @@ href="https://segmentfault.com/a/1190000007818969">Mongoose返回数据修改中
       </tags>
   </entry>
   <entry>
-    <title>Mongoose 默认值使用时必须知道的几个要点</title>
-    <url>/posts/2022/3PMMZVC.html</url>
-    <content><![CDATA[<p>Mongoose 的文档中对 <code>default</code>
-的介绍不多，导致在使用中可能会遇到一些bug，因此做一个总结。</p>
+    <title>mongoose中嵌套内容修改后save失效</title>
+    <url>/posts/2021/3M6QG1T.html</url>
+    <content><![CDATA[<p>今天遇到这样一个问题，我有一个字段
+<code>elments</code>，它是一个数组，数组里面是对象。当我修改数组中某个对象的某个字段后，再调用
+<code>document.save()</code> 想保存修改，却发现无法保存修改后的值。</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="comment">// 模型名称</span></span><br><span class="line">  name<span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    type<span class="punctuation">:</span> String<span class="punctuation">,</span></span><br><span class="line">    trim<span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span></span><br><span class="line">    required<span class="punctuation">:</span> <span class="literal"><span class="keyword">true</span></span><span class="punctuation">,</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line"></span><br><span class="line">  <span class="comment">// 里面元素的属性</span></span><br><span class="line">  elements<span class="punctuation">:</span> Array<span class="punctuation">,</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
 <span id="more"></span>
-<h2 id="设置-default">设置 default</h2>
-<p>假设我们需要对某个字段赋予默认值，可以通过如下方式进行定义：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> schema = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">title</span>: <span class="title class_">String</span>,</span><br><span class="line">  <span class="attr">date</span>: &#123;</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">Date</span>,</span><br><span class="line">    <span class="comment">// `Date.now()` returns the current unix timestamp as a number</span></span><br><span class="line">    <span class="comment">// 此处必须是 function 才能实时更新时间</span></span><br><span class="line">    <span class="attr">default</span>: <span class="title class_">Date</span>.<span class="property">now</span></span><br><span class="line">  &#125;</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure>
-<p>default 定义有如下特点：</p>
-<ul>
-<li><p><strong>default 可以是值，也可以是 function</strong></p></li>
-<li><p><strong>default 当是值类型时，会被 mongoose 缓存</strong></p>
-<p>mongoose 在 model
-初始化后，会缓存默认默认值，所以，如果默认时是一些实时的数据，比如时间，则要将
-<code>default</code> 赋值为 function。</p></li>
-</ul>
-<h2 id="更新-default">更新 default</h2>
-<p>当在 <code>update()</code> 和 <code>findOneAndUpdate()</code> 中使用
-<code>upsert</code> 选项时，Mongoose
-会给没有值的默认字段设置默认值。</p>
-<p>如果发现没更新默认值，可以传入参数<code>setDefaultsOnInsert: true</code>
-来触发。</p>
-<h2 id="default-函数中的-this">default 函数中的 this</h2>
-<p>default 函数中的 this
-默认指向当前文档，因此可以在定义中通过自身参数来返回不同的默认值，比如：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> schema = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">title</span>: <span class="title class_">String</span>,</span><br><span class="line">  <span class="attr">released</span>: <span class="title class_">Boolean</span>,</span><br><span class="line">  <span class="attr">releaseDate</span>: &#123;</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">Date</span>,</span><br><span class="line">    <span class="attr">default</span>: <span class="keyword">function</span>(<span class="params"></span>) &#123;</span><br><span class="line">      <span class="keyword">if</span> (<span class="variable language_">this</span>.<span class="property">released</span>) &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="title class_">Date</span>.<span class="title function_">now</span>();</span><br><span class="line">      &#125;</span><br><span class="line">      <span class="keyword">return</span> <span class="literal">null</span>;</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
+<p>示例代码，基于<code>eggjs</code> 框架：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">insert</span>(&#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;test&#x27;</span>,</span><br><span class="line">    <span class="attr">elements</span>:[</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="attr">name</span>: <span class="string">&#x27;circle&#x27;</span>,</span><br><span class="line">            <span class="attr">area</span>: <span class="string">&#x27;200&#x27;</span>,</span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="attr">name</span>: <span class="string">&#x27;rectangle&#x27;</span>,</span><br><span class="line">            <span class="attr">area</span>: <span class="string">&#x27;300&#x27;</span></span><br><span class="line">        &#125;</span><br><span class="line">    ]</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
 <ol type="1">
-<li><a
-href="https://mongoosejs.com/docs/defaults.html#defaults">Defaults-Mongoose</a></li>
-<li><a
-href="https://github.com/Automattic/mongoose/issues/3675#issuecomment-423473641">default
-date remains the same as the date of the process startup if
-indexed</a></li>
+<li>修改非嵌套字段时可以正常保存</li>
+</ol>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> doc = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">findOne</span>(&#123;<span class="attr">name</span>:<span class="string">&#x27;test&#x27;</span>&#125;)</span><br><span class="line">doc.<span class="property">name</span> = <span class="string">&#x27;test1&#x27;</span></span><br><span class="line"><span class="keyword">await</span> doc.<span class="title function_">save</span>()</span><br><span class="line"></span><br><span class="line"><span class="comment">// name 修改为了 test1</span></span><br></pre></td></tr></table></figure>
+<ol start="2" type="1">
+<li>整体修改嵌套字段时，也可以正常保存</li>
 </ol>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> doc = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">findOne</span>(&#123;<span class="attr">name</span>:<span class="string">&#x27;test&#x27;</span>&#125;)</span><br><span class="line"><span class="keyword">const</span> rectangleElements = doc.<span class="property">elements</span>[<span class="number">1</span>]</span><br><span class="line">rectangleElements.<span class="property">area</span> = <span class="number">400</span></span><br><span class="line">doc.<span class="property">elements</span> = [doc.<span class="property">elements</span>[<span class="number">0</span>],rectangleElements]</span><br><span class="line"><span class="keyword">await</span> doc.<span class="title function_">save</span>()</span><br><span class="line"></span><br><span class="line"><span class="comment">// elements 中的 rectangle 面积被修改为了 400</span></span><br></pre></td></tr></table></figure>
+<ol start="3" type="1">
+<li>单独修改引用对应的值时，保存不生效</li>
+</ol>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> doc = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">findOne</span>(&#123;<span class="attr">name</span>:<span class="string">&#x27;test&#x27;</span>&#125;)</span><br><span class="line"><span class="keyword">const</span> rectangleElements = doc.<span class="property">elements</span>[<span class="number">1</span>]</span><br><span class="line">rectangleElements.<span class="property">area</span> = <span class="number">400</span></span><br><span class="line"><span class="keyword">await</span> doc.<span class="title function_">save</span>()</span><br><span class="line"></span><br><span class="line"><span class="comment">// elements 中的 rectangle 面积还是 300</span></span><br></pre></td></tr></table></figure>
+<p>针对第 3 种情况，由于 <code>elements</code>
+里面的元素没有特定的约束，可以随意修改，为了在修改后可以调用
+<code>save()</code>，需要在保存之前调用
+<code>markModified()</code>。</p>
+<p>改成如下形式就可以了：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> doc = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">ctx</span>.<span class="property">model</span>.<span class="property">ModelFile</span>.<span class="title function_">findOne</span>(&#123;<span class="attr">name</span>:<span class="string">&#x27;test&#x27;</span>&#125;)</span><br><span class="line"><span class="keyword">const</span> rectangleElements = doc.<span class="property">elements</span>[<span class="number">1</span>]</span><br><span class="line">rectangleElements.<span class="property">area</span> = <span class="number">400</span></span><br><span class="line"></span><br><span class="line">doc.<span class="title function_">markModified</span>(<span class="string">&quot;elements&quot;</span>)</span><br><span class="line"><span class="keyword">await</span> doc.<span class="title function_">save</span>()</span><br><span class="line"></span><br><span class="line"><span class="comment">// elements 中的 rectangle 面积被修改为了 400</span></span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Database</category>
+        <category>Mongoose</category>
+      </categories>
+      <tags>
+        <tag>MongoDB</tag>
+        <tag>Mongoose</tag>
+        <tag>Javascript</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>mongoose使用findOneAndUpdate不能更新默认值</title>
+    <url>/posts/2021/3Z62NZ0.html</url>
+    <content><![CDATA[<p>今天遇到这样一个问题，当我使用 <code>findOneAndUpdate</code>
+来更新或新建文档时，发现如果文档是新建的，则定义的默认值居然为空。</p>
+<p>经过查阅相关文档，在查询时添加 <code>setDefaultsOnInsert: true</code>
+可以解决这个问题。</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">  <span class="attr">upsert</span>: <span class="literal">true</span>,</span><br><span class="line">  <span class="attr">new</span>: <span class="literal">true</span>,</span><br><span class="line">  <span class="comment">// 在插入时设置默认值</span></span><br><span class="line">  <span class="attr">setDefaultsOnInsert</span>: <span class="literal">true</span>,</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -27228,7 +27158,9 @@ indexed</a></li>
         <category>Mongoose</category>
       </categories>
       <tags>
+        <tag>MongoDB</tag>
         <tag>Mongoose</tag>
+        <tag>Javascript</tag>
       </tags>
   </entry>
   <entry>
@@ -27304,6 +27236,28 @@ Subdocuments</a></li>
 <li><a href="https://mongoosejs.com/docs/guide.html#options">Mongoose
 v6.2.9: Schemas (mongoosejs.com)</a></li>
 </ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Database</category>
+        <category>Mongoose</category>
+      </categories>
+      <tags>
+        <tag>Mongoose</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>monggose嵌套对象中添加ObjectId</title>
+    <url>/posts/2021/10XS5HK.html</url>
+    <content><![CDATA[<p>如何在 Mongoose 的定义中，定义一个包含 ObjectId 的嵌套定义呢？</p>
+<span id="more"></span>
+<p><strong>正确的定义方式如下：</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 嵌套定义</span></span><br><span class="line"><span class="keyword">const</span> nestedSchema = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">fileTypeId</span>: mongoose.<span class="property">Types</span>.<span class="property">ObjectId</span>,</span><br><span class="line">  <span class="attr">type</span>: <span class="title class_">String</span>,</span><br><span class="line">  <span class="comment">// 代表不生成_id项，否则会在对象中生成额外的_id字段</span></span><br><span class="line">  <span class="attr">_id</span>: <span class="literal">false</span></span><br><span class="line">&#125;)</span><br><span class="line"></span><br><span class="line"><span class="comment">// 定义</span></span><br><span class="line"><span class="keyword">const</span> <span class="title class_">UserSchema</span> = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">name</span>: &#123;</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">String</span>,</span><br><span class="line">    <span class="attr">required</span>: <span class="literal">true</span></span><br><span class="line">  &#125;,</span><br><span class="line">  </span><br><span class="line">  <span class="attr">nestedData</span>: &#123;</span><br><span class="line">    <span class="comment">// 类型为</span></span><br><span class="line">    <span class="attr">type</span>: nestedSchema</span><br><span class="line">  &#125;</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<p><strong>错误的定义：</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> <span class="title class_">UserSchema</span> = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">name</span>: &#123;</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">String</span>,</span><br><span class="line">    <span class="attr">required</span>: <span class="literal">true</span></span><br><span class="line">  &#125;,</span><br><span class="line">  </span><br><span class="line">  <span class="attr">extra</span>: &#123;</span><br><span class="line">    <span class="attr">fileTypeId</span>: mongoose.<span class="property">Types</span>.<span class="property">ObjectId</span>,</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">String</span>,</span><br><span class="line">  &#125;</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<p>这种定义如果传入的 <code>fileTypeId</code>
+是一个字符串的话，不会自动转成 <code>ObjectId</code>，会使得 Mongoose
+报错。</p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -27338,6 +27292,52 @@ v6.2.9: Schemas (mongoosejs.com)</a></li>
         <tag>Javascript</tag>
       </tags>
   </entry>
+  <entry>
+    <title>Mongoose 默认值使用时必须知道的几个要点</title>
+    <url>/posts/2022/3PMMZVC.html</url>
+    <content><![CDATA[<p>Mongoose 的文档中对 <code>default</code>
+的介绍不多，导致在使用中可能会遇到一些bug，因此做一个总结。</p>
+<span id="more"></span>
+<h2 id="设置-default">设置 default</h2>
+<p>假设我们需要对某个字段赋予默认值，可以通过如下方式进行定义：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> schema = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">title</span>: <span class="title class_">String</span>,</span><br><span class="line">  <span class="attr">date</span>: &#123;</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">Date</span>,</span><br><span class="line">    <span class="comment">// `Date.now()` returns the current unix timestamp as a number</span></span><br><span class="line">    <span class="comment">// 此处必须是 function 才能实时更新时间</span></span><br><span class="line">    <span class="attr">default</span>: <span class="title class_">Date</span>.<span class="property">now</span></span><br><span class="line">  &#125;</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure>
+<p>default 定义有如下特点：</p>
+<ul>
+<li><p><strong>default 可以是值，也可以是 function</strong></p></li>
+<li><p><strong>default 当是值类型时，会被 mongoose 缓存</strong></p>
+<p>mongoose 在 model
+初始化后，会缓存默认默认值，所以，如果默认时是一些实时的数据，比如时间，则要将
+<code>default</code> 赋值为 function。</p></li>
+</ul>
+<h2 id="更新-default">更新 default</h2>
+<p>当在 <code>update()</code> 和 <code>findOneAndUpdate()</code> 中使用
+<code>upsert</code> 选项时，Mongoose
+会给没有值的默认字段设置默认值。</p>
+<p>如果发现没更新默认值，可以传入参数<code>setDefaultsOnInsert: true</code>
+来触发。</p>
+<h2 id="default-函数中的-this">default 函数中的 this</h2>
+<p>default 函数中的 this
+默认指向当前文档，因此可以在定义中通过自身参数来返回不同的默认值，比如：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> schema = <span class="keyword">new</span> <span class="title class_">Schema</span>(&#123;</span><br><span class="line">  <span class="attr">title</span>: <span class="title class_">String</span>,</span><br><span class="line">  <span class="attr">released</span>: <span class="title class_">Boolean</span>,</span><br><span class="line">  <span class="attr">releaseDate</span>: &#123;</span><br><span class="line">    <span class="attr">type</span>: <span class="title class_">Date</span>,</span><br><span class="line">    <span class="attr">default</span>: <span class="keyword">function</span>(<span class="params"></span>) &#123;</span><br><span class="line">      <span class="keyword">if</span> (<span class="variable language_">this</span>.<span class="property">released</span>) &#123;</span><br><span class="line">        <span class="keyword">return</span> <span class="title class_">Date</span>.<span class="title function_">now</span>();</span><br><span class="line">      &#125;</span><br><span class="line">      <span class="keyword">return</span> <span class="literal">null</span>;</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><a
+href="https://mongoosejs.com/docs/defaults.html#defaults">Defaults-Mongoose</a></li>
+<li><a
+href="https://github.com/Automattic/mongoose/issues/3675#issuecomment-423473641">default
+date remains the same as the date of the process startup if
+indexed</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Database</category>
+        <category>Mongoose</category>
+      </categories>
+      <tags>
+        <tag>Mongoose</tag>
+      </tags>
+  </entry>
   <entry>
     <title>Mongoose中的 ObjectId 什么情况下与字符串 id 等价</title>
     <url>/posts/2022/3A2KFYY.html</url>
@@ -27361,30 +27361,6 @@ v6.2.9: Schemas (mongoosejs.com)</a></li>
         <tag>Mongoose</tag>
       </tags>
   </entry>
-  <entry>
-    <title>MySql 三种注释写法</title>
-    <url>/posts/2019/25CC488.html</url>
-    <content><![CDATA[<span id="more"></span>
-<h2 id="单行注释">单行注释</h2>
-<ul>
-<li><p>在行前面加上 <code>#</code> 号：</p>
-<p><code># 这是单行注释</code></p></li>
-<li><p>在行前面加上 <code>--空格</code></p>
-<p><code>-- 这是单行注释</code></p></li>
-</ul>
-<h2 id="多行注释">多行注释</h2>
-<p>用一对<code>/* */</code> 包围</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">/*</span><br><span class="line">*这是多行注释</span><br><span class="line">*/</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Database</category>
-        <category>MySql</category>
-      </categories>
-      <tags>
-        <tag>MySql</tag>
-      </tags>
-  </entry>
   <entry>
     <title>MySql 匹配集合中的数据</title>
     <url>/posts/2019/1BADZMH.html</url>
@@ -27430,6 +27406,30 @@ v6.2.9: Schemas (mongoosejs.com)</a></li>
 <li><p>如果使用 IN 和 FIND_IN_SET 都能满足条件，则最好使用
 IN，理由同上，特别是查询字段为主键时或有索引时。</p></li>
 </ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Database</category>
+        <category>MySql</category>
+      </categories>
+      <tags>
+        <tag>MySql</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>MySql 三种注释写法</title>
+    <url>/posts/2019/25CC488.html</url>
+    <content><![CDATA[<span id="more"></span>
+<h2 id="单行注释">单行注释</h2>
+<ul>
+<li><p>在行前面加上 <code>#</code> 号：</p>
+<p><code># 这是单行注释</code></p></li>
+<li><p>在行前面加上 <code>--空格</code></p>
+<p><code>-- 这是单行注释</code></p></li>
+</ul>
+<h2 id="多行注释">多行注释</h2>
+<p>用一对<code>/* */</code> 包围</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">/*</span><br><span class="line">*这是多行注释</span><br><span class="line">*/</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -27645,6 +27645,68 @@ SQL 数据类型的通路。</p>
         <tag>Navicat</tag>
       </tags>
   </entry>
+  <entry>
+    <title>数据库中实现数据继承的设计方法</title>
+    <url>/posts/2023/2608835.html</url>
+    <content><![CDATA[<p>遇到这么一个场景：需要根据分类树层级，使每个分类中定义的数据（以下简称：变量）可以像继承一样传递给子分类，而每个分类又可以单独对继承的变量进行设置，有的设置是专属的，有的设置又可以继续继承。</p>
+<span id="more"></span>
+<h2 id="方案选型">方案选型</h2>
+<p>为了通过数据库保存继承关系，开发之前研究了两种方式：</p>
+<ol type="1">
+<li><p>在变量的定义中保存继承关系</p>
+<p>每次发生继承后，都复制一个变量副本，然后在变量的副本中，保存继承对象的
+id。但这有一个很严重的问题，每当分类树结构变动时，都要去维护继承关系，这是一个繁杂易错的操作。</p></li>
+<li><p>通过分类树来确定继承关系</p>
+<p>变量仅属于定义它的分类，通过分类的树形结构来自动确定继承关系，然后新建一个设置表，记录分类与变量对应的设置。</p></li>
+</ol>
+<h2 id="实现">实现</h2>
+<h3 id="数据表结构">数据表结构</h3>
+<p><strong>category 表：</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">_id</span>: <span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">parentId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">   	<span class="attr">name</span>: <span class="string">&#x27;&#x27;</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p><strong>variable 表：</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">_id</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">name</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">categoryId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">privateSettings</span>:&#123;</span><br><span class="line">        <span class="attr">color</span>:<span class="string">&#x27;&#x27;</span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p><strong>setting 表：</strong></p>
+<p>只有当变量在某个分类中展示时，设置才会生效</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">_id</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">categoryId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">variableId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">publicSettings</span>:&#123;</span><br><span class="line">        <span class="attr">hidden</span>:<span class="literal">false</span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h3 id="查询继承的变量">查询继承的变量</h3>
+<p>由于通过 category
+树来确定继承关系，因此，要查询一个分类中对应的所有变量，应：</p>
+<ol type="1">
+<li>先找到分类对应的所有父分类，即继承链上所有的
+<code>categoryId</code></li>
+<li>通过 <code>categoryId</code> 来查找变量</li>
+</ol>
+<h3 id="设置的继承">设置的继承</h3>
+<p>通过如下方式实现设置的继承：</p>
+<ol type="1">
+<li><p>先通过 <code>variableId</code> 找到所有的设置</p></li>
+<li><p>求解每个变量的设置继承链</p>
+<p>根据 category 树，将变量对应的设置组装成一个链表形式的数据，如：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">categoryId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">publicSettings</span>:&#123;&#125;,</span><br><span class="line">    <span class="attr">parent</span>:&#123;</span><br><span class="line">        <span class="attr">categoryId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">        <span class="attr">publicSettings</span>:&#123;&#125;,</span><br><span class="line">        <span class="attr">parent</span>:&#123;...&#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
+</ol>
+<p>在使用时，写一个方法去递归这个设置继承链，就可以获得需要的设置参数。</p>
+<blockquote>
+<p>当数据传递到前端后，前端可以将多个设置通过原型链连接在一起，使用时直接通过
+<code>obj.name</code> 的方式读取。就不需要专门的方法去获取设置了。</p>
+</blockquote>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><a
+href="https://blog.csdn.net/weixin_43752854/article/details/104700900">类的继承关系如何在关系型数据库体现</a></li>
+<li><a href="https://vertabelo.com/blog/inheritance-in-database/">How to
+Model Inheritance in a Database</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Database</category>
+        <category>数据库设计</category>
+      </categories>
+      <tags>
+        <tag>Database</tag>
+        <tag>数据库设计</tag>
+      </tags>
+  </entry>
   <entry>
     <title>.NetCore 路由配置指南</title>
     <url>/posts/2022/249XC4P.html</url>
@@ -28199,76 +28261,18 @@ Core 6.0 添加 JWT 认证和授权</a></li>
       </tags>
   </entry>
   <entry>
-    <title>数据库中实现数据继承的设计方法</title>
-    <url>/posts/2023/2608835.html</url>
-    <content><![CDATA[<p>遇到这么一个场景：需要根据分类树层级，使每个分类中定义的数据（以下简称：变量）可以像继承一样传递给子分类，而每个分类又可以单独对继承的变量进行设置，有的设置是专属的，有的设置又可以继续继承。</p>
+    <title>Swagger使用中的一些注意总结</title>
+    <url>/posts/2022/3S2PQT2.html</url>
+    <content><![CDATA[<p>本文主要记录 Swagger
+在使用过程中遇到的一些问题，从而避免再次踩坑。</p>
 <span id="more"></span>
-<h2 id="方案选型">方案选型</h2>
-<p>为了通过数据库保存继承关系，开发之前研究了两种方式：</p>
-<ol type="1">
-<li><p>在变量的定义中保存继承关系</p>
-<p>每次发生继承后，都复制一个变量副本，然后在变量的副本中，保存继承对象的
-id。但这有一个很严重的问题，每当分类树结构变动时，都要去维护继承关系，这是一个繁杂易错的操作。</p></li>
-<li><p>通过分类树来确定继承关系</p>
-<p>变量仅属于定义它的分类，通过分类的树形结构来自动确定继承关系，然后新建一个设置表，记录分类与变量对应的设置。</p></li>
-</ol>
-<h2 id="实现">实现</h2>
-<h3 id="数据表结构">数据表结构</h3>
-<p><strong>category 表：</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">_id</span>: <span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">parentId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">   	<span class="attr">name</span>: <span class="string">&#x27;&#x27;</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p><strong>variable 表：</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">_id</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">name</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">categoryId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">privateSettings</span>:&#123;</span><br><span class="line">        <span class="attr">color</span>:<span class="string">&#x27;&#x27;</span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p><strong>setting 表：</strong></p>
-<p>只有当变量在某个分类中展示时，设置才会生效</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">_id</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">categoryId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">variableId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">publicSettings</span>:&#123;</span><br><span class="line">        <span class="attr">hidden</span>:<span class="literal">false</span></span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h3 id="查询继承的变量">查询继承的变量</h3>
-<p>由于通过 category
-树来确定继承关系，因此，要查询一个分类中对应的所有变量，应：</p>
-<ol type="1">
-<li>先找到分类对应的所有父分类，即继承链上所有的
-<code>categoryId</code></li>
-<li>通过 <code>categoryId</code> 来查找变量</li>
-</ol>
-<h3 id="设置的继承">设置的继承</h3>
-<p>通过如下方式实现设置的继承：</p>
-<ol type="1">
-<li><p>先通过 <code>variableId</code> 找到所有的设置</p></li>
-<li><p>求解每个变量的设置继承链</p>
-<p>根据 category 树，将变量对应的设置组装成一个链表形式的数据，如：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">    <span class="attr">categoryId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">    <span class="attr">publicSettings</span>:&#123;&#125;,</span><br><span class="line">    <span class="attr">parent</span>:&#123;</span><br><span class="line">        <span class="attr">categoryId</span>:<span class="string">&#x27;&#x27;</span>,</span><br><span class="line">        <span class="attr">publicSettings</span>:&#123;&#125;,</span><br><span class="line">        <span class="attr">parent</span>:&#123;...&#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></li>
-</ol>
-<p>在使用时，写一个方法去递归这个设置继承链，就可以获得需要的设置参数。</p>
-<blockquote>
-<p>当数据传递到前端后，前端可以将多个设置通过原型链连接在一起，使用时直接通过
-<code>obj.name</code> 的方式读取。就不需要专门的方法去获取设置了。</p>
-</blockquote>
-<h2 id="参考">参考</h2>
+<h2 id="正文">正文</h2>
 <ol type="1">
-<li><a
-href="https://blog.csdn.net/weixin_43752854/article/details/104700900">类的继承关系如何在关系型数据库体现</a></li>
-<li><a href="https://vertabelo.com/blog/inheritance-in-database/">How to
-Model Inheritance in a Database</a></li>
+<li><p>报错 <code>Failed to load API definition</code></p>
+<p>可能是由于 <code>Controller</code> 定义中，有未用
+<code>HttpVerb</code> 标记的公共方法。</p>
+<p>可以将这些不是接口的 public 方法改成私有的。</p></li>
 </ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Database</category>
-        <category>数据库设计</category>
-      </categories>
-      <tags>
-        <tag>Database</tag>
-        <tag>数据库设计</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>.NETCore设置跨域</title>
-    <url>/posts/2023/NY7H5J.html</url>
-    <content><![CDATA[<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> builder = WebApplication.CreateBuilder(args);</span><br><span class="line"></span><br><span class="line">builder.Services.AddCors(options =&gt;</span><br><span class="line">&#123;</span><br><span class="line">    options.AddDefaultPolicy(</span><br><span class="line">        policy =&gt;</span><br><span class="line">        &#123;</span><br><span class="line">            policy.WithOrigins(<span class="string">&quot;http://example.com&quot;</span>,                           <span class="string">&quot;http://www.contoso.com&quot;</span>)</span><br><span class="line">              .AllowAnyMethod()</span><br><span class="line">            	.AllowAnyHeader();</span><br><span class="line">        &#125;);</span><br><span class="line">&#125;);</span><br><span class="line"></span><br><span class="line">builder.Services.AddControllers();</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> app = builder.Build();</span><br><span class="line"></span><br><span class="line">app.UseHttpsRedirection();</span><br><span class="line">app.UseStaticFiles();</span><br><span class="line">app.UseRouting();</span><br><span class="line"></span><br><span class="line"><span class="comment">// 在静态文件后调用</span></span><br><span class="line">app.UseCors();</span><br><span class="line"></span><br><span class="line">app.UseAuthorization();</span><br><span class="line"></span><br><span class="line">app.MapControllers();</span><br><span class="line"></span><br><span class="line">app.Run();</span><br></pre></td></tr></table></figure>
-<span id="more"></span>
-<p><strong>参考：</strong></p>
-<p><a
-href="https://learn.microsoft.com/zh-cn/aspnet/core/security/cors?view=aspnetcore-6.0">在
-ASP.NET Core 中启用跨源请求 (CORS) | Microsoft Learn</a></p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -28277,6 +28281,8 @@ ASP.NET Core 中启用跨源请求 (CORS) | Microsoft Learn</a></p>
       </categories>
       <tags>
         <tag>.NET Core</tag>
+        <tag>Swagger</tag>
+        <tag>OpenAPI</tag>
       </tags>
   </entry>
   <entry>
@@ -28361,6 +28367,84 @@ Core 中的配置</a></p>
 <p><a
 href="https://learn.microsoft.com/zh-cn/aspnet/core/fundamentals/configuration/options?view=aspnetcore-6.0">ASP.NET
 Core 中的选项模式</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>DotNetCore</category>
+      </categories>
+      <tags>
+        <tag>.NET Core</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>.NETCore 批量注册 Service 到 IOC</title>
+    <url>/posts/2023/23HY8MD.html</url>
+    <content><![CDATA[<p>Service 主要面向数据库，为数据库提供一个统一的 CURD
+接口。在日常的使用中，通常把 Service 层注册为 <code>Scoped</code>
+类型，随着上下文变动。</p>
+<p>在实际开发中，会有非常多的 Service，可以使用如下方法将这些 Service
+进行批量注册：</p>
+<span id="more"></span>
+<h2 id="定义服务基类">定义服务基类</h2>
+<p>首先，需要定义一个空接口 <code>IService</code>，所有的 Service
+都继承该接口，这样就可以找到当前程序集中所有实现了 <code>IService</code>
+接口的类进行批量注册。</p>
+<h2 id="批量注册">批量注册</h2>
+<p>直接上代码：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 扩展方法</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> IServiceCollection <span class="title">MapServices</span>(<span class="params"><span class="keyword">this</span> IServiceCollection services</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 批量注入 Services 单例</span></span><br><span class="line">    <span class="keyword">var</span> serviceBaseType = <span class="keyword">typeof</span>(IService);          </span><br><span class="line">    <span class="keyword">var</span> serviceTypeList = Assembly.GetCallingAssembly()</span><br><span class="line">        .GetTypes()</span><br><span class="line">        .Where(x =&gt; !x.IsAbstract &amp;&amp; serviceBaseType.IsAssignableFrom(x))</span><br><span class="line">        .ToList();</span><br><span class="line">    serviceTypeList.ForEach(type =&gt; services.AddTransient(type));</span><br><span class="line">    <span class="keyword">return</span> services;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 使用</span></span><br><span class="line">builder.services.MapServices();</span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>DotNetCore</category>
+      </categories>
+      <tags>
+        <tag>.NET Core</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>.NETCore 中配置 Swagger</title>
+    <url>/posts/2023/1EDD6ES.html</url>
+    <content><![CDATA[<p><img data-src="https://learn.microsoft.com/en-us/aspnet/core/tutorials/web-api-help-pages-using-swagger/_static/v6-swagger-info.png?view=aspnetcore-7.0" alt="swagger" style="zoom:50%;" /></p>
+<p>官方文档写得非常详细，本文只列出一些常用配置，方便拷贝进行快速配置使用。</p>
+<span id="more"></span>
+<h2 id="定义">定义</h2>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">builder.services.AddSwaggerGen(swaggerOptions =&gt;</span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 配置文档信息</span></span><br><span class="line">    swaggerOptions.SwaggerDoc(<span class="string">&quot;v1&quot;</span>, <span class="keyword">new</span> OpenApiInfo()</span><br><span class="line">    &#123;</span><br><span class="line">        Title = <span class="string">&quot;WowToolAPI&quot;</span>,</span><br><span class="line">        Contact = <span class="keyword">new</span> OpenApiContact()</span><br><span class="line">        &#123;</span><br><span class="line">            Name = <span class="string">&quot;galens&quot;</span>,</span><br><span class="line">            Url = <span class="keyword">new</span> Uri(<span class="string">&quot;https://galens.uamazing.cn&quot;</span>),</span><br><span class="line">            Email = <span class="string">&quot;gmx_galens@163.com&quot;</span></span><br><span class="line">        &#125;</span><br><span class="line">    &#125;);</span><br><span class="line"></span><br><span class="line">    <span class="comment">// Set the comments path for the Swagger JSON and UI.</span></span><br><span class="line">    <span class="comment">// 需要打开生成API文档功能</span></span><br><span class="line">    <span class="keyword">var</span> xmlFile = <span class="string">$&quot;<span class="subst">&#123;Assembly.GetExecutingAssembly().GetName().Name&#125;</span>.xml&quot;</span>;</span><br><span class="line">    <span class="keyword">var</span> xmlPath = Path.Combine(AppContext.BaseDirectory, xmlFile);</span><br><span class="line">    swaggerOptions.IncludeXmlComments(xmlPath);</span><br><span class="line"></span><br><span class="line">    <span class="comment">// Bearer 的scheme定义</span></span><br><span class="line">    <span class="keyword">var</span> securityScheme = <span class="keyword">new</span> OpenApiSecurityScheme()</span><br><span class="line">    &#123;</span><br><span class="line">        Description = <span class="string">&quot;JWT Authorization header using the Bearer scheme. Example: \&quot;Authorization: Bearer &#123;token&#125;\&quot;&quot;</span>,</span><br><span class="line">        Name = <span class="string">&quot;Authorization&quot;</span>,</span><br><span class="line">        <span class="comment">//参数添加在头部</span></span><br><span class="line">        In = ParameterLocation.Header,</span><br><span class="line">        <span class="comment">//使用Authorize头部</span></span><br><span class="line">        Type = SecuritySchemeType.Http,</span><br><span class="line">        <span class="comment">//内容为以 bearer开头</span></span><br><span class="line">        Scheme = <span class="string">&quot;bearer&quot;</span>,</span><br><span class="line">        BearerFormat = <span class="string">&quot;JWT&quot;</span></span><br><span class="line">    &#125;;</span><br><span class="line"></span><br><span class="line">    <span class="comment">//把所有方法配置为增加bearer头部信息</span></span><br><span class="line">    <span class="keyword">var</span> securityRequirement = <span class="keyword">new</span> OpenApiSecurityRequirement</span><br><span class="line">    &#123;</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">new</span> OpenApiSecurityScheme</span><br><span class="line">            &#123;</span><br><span class="line">               Reference = <span class="keyword">new</span> OpenApiReference</span><br><span class="line">               &#123;</span><br><span class="line">                   Type = ReferenceType.SecurityScheme,</span><br><span class="line">                   Id = <span class="string">&quot;bearerAuth&quot;</span></span><br><span class="line">               &#125;</span><br><span class="line">            &#125;,</span><br><span class="line">            Array.Empty&lt;<span class="built_in">string</span>&gt;()</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;;</span><br><span class="line"></span><br><span class="line">    <span class="comment">//注册到swagger中</span></span><br><span class="line">    swaggerOptions.AddSecurityDefinition(<span class="string">&quot;bearerAuth&quot;</span>, securityScheme);</span><br><span class="line">    swaggerOptions.AddSecurityRequirement(securityRequirement);</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure>
+<h2 id="在开发环境中启用">在开发环境中启用</h2>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">if</span> (app.Environment.IsDevelopment())</span><br><span class="line">&#123;</span><br><span class="line">    app.UseSwagger();</span><br><span class="line">    app.UseSwaggerUI();</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="打开生成-api-文档">打开生成 API 文档</h2>
+<p>在属性-&gt;生成-&gt;输出，勾选文档文件。生成包含 API 文档的 XML
+说明文件。</p>
+<h2 id="美化界面">美化界面</h2>
+<p>可以使用 <a
+href="https://github.com/luoyunchong/IGeekFan.AspNetCore.Knife4jUI">IGeekFan.AspNetCore.Knife4jUI</a>
+进行美化，由于平时使用 Apifox 进行调试，Swagger
+用得比较少，此处不详细展开介绍。</p>
+<p><img
 data-src="https://github.com/luoyunchong/IGeekFan.AspNetCore.Knife4jUI/raw/master/docs/home.jpg" /></p>
+<h2 id="参考">参考</h2>
+<p><a href="https://aka.ms/aspnetcore/swashbuckle">Learn more about
+configuring Swagger/OpenAPI</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>DotNetCore</category>
+      </categories>
+      <tags>
+        <tag>.NETCore</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>.NETCore设置跨域</title>
+    <url>/posts/2023/NY7H5J.html</url>
+    <content><![CDATA[<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> builder = WebApplication.CreateBuilder(args);</span><br><span class="line"></span><br><span class="line">builder.Services.AddCors(options =&gt;</span><br><span class="line">&#123;</span><br><span class="line">    options.AddDefaultPolicy(</span><br><span class="line">        policy =&gt;</span><br><span class="line">        &#123;</span><br><span class="line">            policy.WithOrigins(<span class="string">&quot;http://example.com&quot;</span>,                           <span class="string">&quot;http://www.contoso.com&quot;</span>)</span><br><span class="line">              .AllowAnyMethod()</span><br><span class="line">            	.AllowAnyHeader();</span><br><span class="line">        &#125;);</span><br><span class="line">&#125;);</span><br><span class="line"></span><br><span class="line">builder.Services.AddControllers();</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> app = builder.Build();</span><br><span class="line"></span><br><span class="line">app.UseHttpsRedirection();</span><br><span class="line">app.UseStaticFiles();</span><br><span class="line">app.UseRouting();</span><br><span class="line"></span><br><span class="line"><span class="comment">// 在静态文件后调用</span></span><br><span class="line">app.UseCors();</span><br><span class="line"></span><br><span class="line">app.UseAuthorization();</span><br><span class="line"></span><br><span class="line">app.MapControllers();</span><br><span class="line"></span><br><span class="line">app.Run();</span><br></pre></td></tr></table></figure>
+<span id="more"></span>
+<p><strong>参考：</strong></p>
+<p><a
+href="https://learn.microsoft.com/zh-cn/aspnet/core/security/cors?view=aspnetcore-6.0">在
+ASP.NET Core 中启用跨源请求 (CORS) | Microsoft Learn</a></p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -28403,31 +28487,6 @@ Core 中的选项模式</a></p>
         <tag>MVVM</tag>
       </tags>
   </entry>
-  <entry>
-    <title>Swagger使用中的一些注意总结</title>
-    <url>/posts/2022/3S2PQT2.html</url>
-    <content><![CDATA[<p>本文主要记录 Swagger
-在使用过程中遇到的一些问题，从而避免再次踩坑。</p>
-<span id="more"></span>
-<h2 id="正文">正文</h2>
-<ol type="1">
-<li><p>报错 <code>Failed to load API definition</code></p>
-<p>可能是由于 <code>Controller</code> 定义中，有未用
-<code>HttpVerb</code> 标记的公共方法。</p>
-<p>可以将这些不是接口的 public 方法改成私有的。</p></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>DotNetCore</category>
-      </categories>
-      <tags>
-        <tag>.NET Core</tag>
-        <tag>Swagger</tag>
-        <tag>OpenAPI</tag>
-      </tags>
-  </entry>
   <entry>
     <title>利用 HttpClient 进行网络请求并获取进度信息</title>
     <url>/posts/2022/1621QC.html</url>
@@ -28492,7 +28551,7 @@ Core 中的选项模式</a></p>
 <p>ProgressMessageHandler 位于 System.Net.Http.Formatting.dll
 程序集中。一般系统没有自带该类库，要从网上自行下载。</p>
 <p><a
-href="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/dlt/System.Net.Http.Formatting.dll">✈
+href="https://obs.uamazing.cn:52443/public/files/dlt/System.Net.Http.Formatting.dll">✈
 点击下载</a></p>
 </blockquote>
 <h2 id="参考">参考</h2>
@@ -28510,7 +28569,6 @@ HttpClient, HttpWebRequest的比较</a></li>
         <tag>.NET</tag>
         <tag>Http</tag>
         <tag>HttpClient</tag>
-        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
@@ -28640,29 +28698,84 @@ json 对象。现将常用的增删查改操作方式整理出来，以便开发
       </tags>
   </entry>
   <entry>
-    <title>.NETCore 批量注册 Service 到 IOC</title>
-    <url>/posts/2023/23HY8MD.html</url>
-    <content><![CDATA[<p>Service 主要面向数据库，为数据库提供一个统一的 CURD
-接口。在日常的使用中，通常把 Service 层注册为 <code>Scoped</code>
-类型，随着上下文变动。</p>
-<p>在实际开发中，会有非常多的 Service，可以使用如下方法将这些 Service
-进行批量注册：</p>
+    <title>WPF MVVM Stylet使用文档（中文）01-Introduction</title>
+    <url>/posts/2020/MDKVCV.html</url>
+    <content><![CDATA[<p>在 Github 上发现一个开源轻巧的 MVVM
+框架，发现网上缺少相应的中文文档，便进行了翻译总结，英文水平有限，MVVM也才初学，若有错误，还请斧正。</p>
 <span id="more"></span>
-<h2 id="定义服务基类">定义服务基类</h2>
-<p>首先，需要定义一个空接口 <code>IService</code>，所有的 Service
-都继承该接口，这样就可以找到当前程序集中所有实现了 <code>IService</code>
-接口的类进行批量注册。</p>
-<h2 id="批量注册">批量注册</h2>
-<p>直接上代码：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 扩展方法</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> IServiceCollection <span class="title">MapServices</span>(<span class="params"><span class="keyword">this</span> IServiceCollection services</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 批量注入 Services 单例</span></span><br><span class="line">    <span class="keyword">var</span> serviceBaseType = <span class="keyword">typeof</span>(IService);          </span><br><span class="line">    <span class="keyword">var</span> serviceTypeList = Assembly.GetCallingAssembly()</span><br><span class="line">        .GetTypes()</span><br><span class="line">        .Where(x =&gt; !x.IsAbstract &amp;&amp; serviceBaseType.IsAssignableFrom(x))</span><br><span class="line">        .ToList();</span><br><span class="line">    serviceTypeList.ForEach(type =&gt; services.AddTransient(type));</span><br><span class="line">    <span class="keyword">return</span> services;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 使用</span></span><br><span class="line">builder.services.MapServices();</span><br></pre></td></tr></table></figure>
+<h2 id="概述">概述</h2>
+<p>Stylet 是一个小巧，但强大的 MVVM 框架，它的灵感来自于 <a
+href="https://caliburnmicro.com/">Caliburn.Micro</a>。<em>它通过进一步减少复杂性和各种事件</em>，让不熟悉任何
+MVVM 框架的人(同事)更快地使用 MVVM 框架。</p>
+<p>它还提供了在 Caliburn.Micro
+里没有的功能。包括独有的【IoC容器】，更简单的【 ViewModel验证】和兼容
+mvvm 的消息框架。</p>
+<p>少量的代码（LOC : Line Of Code）和非常全面的测试组件使得 Sytlet
+对于那些使用、验证或确认 SOUP
+导致高开销的项目是一个很有吸引力的选择。Stylet 的模块化 toolkit-inspired
+架构意味着它很容易让你自由使用，使用你喜欢的部分,或替掉你不喜欢的部分。</p>
+<p>下面是一个简洁的特点列表。也可以点击链接了解更多信息。</p>
+<h2 id="视图模型优先a-viewmodel-first-apporach"><a
+href="https://github.com/canton7/Stylet/wiki/ViewModel-First">视图模型优先（A
+ViewModel-First apporach）</a></h2>
+<p>典型的 MVVM
+结构：视图（View）知道如何实例化它的视图模型（ViewModel），而 ViewModel
+通常不直接通信，这种结构被称之为
+视图优先（View-First）。然而，反转这个模式——使用者自己实例化
+ViewModels，然后框架自动将 View 附加到实例化的 ViewModel
+上——这种方式有很多优点，它允许你以一种非常熟悉的方式组合ViewModels。这种
+ViewModel-First 方式是 Stylet 唯一支持的。</p>
+<h2 id="响应action"><a href="">响应（Action）</a></h2>
+<p>WPF 使用的 ICommand 接口非常强大，但是在 MVVM
+体系结构中使用时显得有些笨拙。ViewModel
+对一些过程的响应似乎是不对的，比如按钮的单击操作应该表示为属性，而不是方法。一个简单的语句<code>&lt;Button Command="&#123;s:Action DoSomething&#125;"/&gt;</code>使得在每次单击按钮时调用
+ViewModel 上的 DoSomething() 。</p>
+<p>另外，如果您有一个名为 CanDoSomething 的 bool
+属性，它将被观察并用于判断按钮应该启用还是禁用。这被称为防护属性。</p>
+<p>响应还可以与事件一起工作，允许您执行以下操作：<code>&lt;Button MouseEnter="&#123;s:Action DoSomethingElse&#125;"/&gt;</code></p>
+<h2 id="screen-类和-conductors"><a href="noctiflorous.gitee.io">Screen
+类和 Conductors</a></h2>
+<p>Screen 类提供了很多功能，使得它成为 ViewModel
+的一个很有吸引力的基类：属性改变通知，验证，当它 显示/隐藏/关闭
+时被通知的功能，当它关闭时，是否能够被控制的功能。</p>
+<h2 id="事件聚合器the-event-aggregator"><a href="">事件聚合器（The Event
+Aggregator）</a></h2>
+<p>Stylet 的事件聚合器与 Caliburn
+非常相似。允许订阅者在不知情或不保留对方的情况下接收发布的消息。这对于
+viewmodel 之间的消息传递特别有用，当然它还有许多其他用途。</p>
+<h2 id="窗体管理器the-windowmanager"><a href="">窗体管理器（The
+WindowManager）</a></h2>
+<p>使用 ViewModel-first 方式，通过引用要显示的 ViewModel
+来显示窗口和对话框，视图会自动附加。WindowManager可以轻松地完成这一任务。</p>
+<p>它还提供了一个mvvm兼容的消息框实现，因此您不必自己动手。</p>
+<h2 id="验证validation"><a href="">验证（Validation）</a></h2>
+<p>传统的 MVVM
+中的验证有一个痛点：它需要在每个需要验证的视图模型中使用大量的样板文件，关于如何做好这一点的资料却很少。</p>
+<p>Stylet 提供了一个框架来获取您最喜欢的验证库（例如<a
+href="https://fluentvalidation.codeplex.com/">FluentValidation</a>），并处理运行的验证和向视图报告结果。</p>
+<p><a href="">Stylet 控制反转（StyletIoC）</a></p>
+<p>Stylet
+自带了自己的轻量级和极快(但仍然很强大)的IoC容器，当然如果您愿意，可以很容易地使用另一个IoC。</p>
+<h2 id="mit-许可mit-license"><a href="">MIT 许可（MIT license）</a></h2>
+<p>Stylet 是在 MIT 许可下发布的，它允许您修改
+Stylet，并将其包含在商业项目中，而不需要声明(惟一的限制是必须包含许可的副本)。如果你需要的话，我可以根据具体情况重新授权。</p>
+<h2 id="名词解释">名词解释</h2>
+<ol type="1">
+<li>IoC: Inversion of Control,控制反转</li>
+<li>LoC: Line of Code，代码行</li>
+<li>DI: Dependency Injection，依赖注入</li>
+<li>MIT license: <a
+href="https://baike.baidu.com/item/MIT%E8%AE%B8%E5%8F%AF%E8%AF%81/6671281?fr=aladdin">软件授权条款之一，详见百度</a></li>
+</ol>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>DotNET</category>
-        <category>DotNetCore</category>
+        <category>Stylet 框架</category>
       </categories>
       <tags>
-        <tag>.NET Core</tag>
+        <tag>MVVM</tag>
+        <tag>WPF</tag>
       </tags>
   </entry>
   <entry>
@@ -28847,75 +28960,124 @@ ResourceDictionary 中作为一个合并字典，就像这样:</p>
       </tags>
   </entry>
   <entry>
-    <title>WPF MVVM Stylet使用文档（中文）01-Introduction</title>
-    <url>/posts/2020/MDKVCV.html</url>
-    <content><![CDATA[<p>在 Github 上发现一个开源轻巧的 MVVM
-框架，发现网上缺少相应的中文文档，便进行了翻译总结，英文水平有限，MVVM也才初学，若有错误，还请斧正。</p>
+    <title>WPF MVVM Stylet使用文档（中文）04-ViewModel First</title>
+    <url>/posts/2020/CCGDMG.html</url>
+    <content><![CDATA[<h2 id="简介">简介</h2>
+<p>ViewModel-first 方式对于 Stylet
+的体系结构非常重要，但是如果您以传统的 View-first
+方式学习MVVM，就会发现它并不直观。</p>
 <span id="more"></span>
-<h2 id="概述">概述</h2>
-<p>Stylet 是一个小巧，但强大的 MVVM 框架，它的灵感来自于 <a
-href="https://caliburnmicro.com/">Caliburn.Micro</a>。<em>它通过进一步减少复杂性和各种事件</em>，让不熟悉任何
-MVVM 框架的人(同事)更快地使用 MVVM 框架。</p>
-<p>它还提供了在 Caliburn.Micro
-里没有的功能。包括独有的【IoC容器】，更简单的【 ViewModel验证】和兼容
-mvvm 的消息框架。</p>
-<p>少量的代码（LOC : Line Of Code）和非常全面的测试组件使得 Sytlet
-对于那些使用、验证或确认 SOUP
-导致高开销的项目是一个很有吸引力的选择。Stylet 的模块化 toolkit-inspired
-架构意味着它很容易让你自由使用，使用你喜欢的部分,或替掉你不喜欢的部分。</p>
-<p>下面是一个简洁的特点列表。也可以点击链接了解更多信息。</p>
-<h2 id="视图模型优先a-viewmodel-first-apporach"><a
-href="https://github.com/canton7/Stylet/wiki/ViewModel-First">视图模型优先（A
-ViewModel-First apporach）</a></h2>
-<p>典型的 MVVM
-结构：视图（View）知道如何实例化它的视图模型（ViewModel），而 ViewModel
-通常不直接通信，这种结构被称之为
-视图优先（View-First）。然而，反转这个模式——使用者自己实例化
-ViewModels，然后框架自动将 View 附加到实例化的 ViewModel
-上——这种方式有很多优点，它允许你以一种非常熟悉的方式组合ViewModels。这种
-ViewModel-First 方式是 Stylet 唯一支持的。</p>
-<h2 id="响应action"><a href="">响应（Action）</a></h2>
-<p>WPF 使用的 ICommand 接口非常强大，但是在 MVVM
-体系结构中使用时显得有些笨拙。ViewModel
-对一些过程的响应似乎是不对的，比如按钮的单击操作应该表示为属性，而不是方法。一个简单的语句<code>&lt;Button Command="&#123;s:Action DoSomething&#125;"/&gt;</code>使得在每次单击按钮时调用
-ViewModel 上的 DoSomething() 。</p>
-<p>另外，如果您有一个名为 CanDoSomething 的 bool
-属性，它将被观察并用于判断按钮应该启用还是禁用。这被称为防护属性。</p>
-<p>响应还可以与事件一起工作，允许您执行以下操作：<code>&lt;Button MouseEnter="&#123;s:Action DoSomethingElse&#125;"/&gt;</code></p>
-<h2 id="screen-类和-conductors"><a href="noctiflorous.gitee.io">Screen
-类和 Conductors</a></h2>
-<p>Screen 类提供了很多功能，使得它成为 ViewModel
-的一个很有吸引力的基类：属性改变通知，验证，当它 显示/隐藏/关闭
-时被通知的功能，当它关闭时，是否能够被控制的功能。</p>
-<h2 id="事件聚合器the-event-aggregator"><a href="">事件聚合器（The Event
-Aggregator）</a></h2>
-<p>Stylet 的事件聚合器与 Caliburn
-非常相似。允许订阅者在不知情或不保留对方的情况下接收发布的消息。这对于
-viewmodel 之间的消息传递特别有用，当然它还有许多其他用途。</p>
-<h2 id="窗体管理器the-windowmanager"><a href="">窗体管理器（The
-WindowManager）</a></h2>
-<p>使用 ViewModel-first 方式，通过引用要显示的 ViewModel
-来显示窗口和对话框，视图会自动附加。WindowManager可以轻松地完成这一任务。</p>
-<p>它还提供了一个mvvm兼容的消息框实现，因此您不必自己动手。</p>
-<h2 id="验证validation"><a href="">验证（Validation）</a></h2>
-<p>传统的 MVVM
-中的验证有一个痛点：它需要在每个需要验证的视图模型中使用大量的样板文件，关于如何做好这一点的资料却很少。</p>
-<p>Stylet 提供了一个框架来获取您最喜欢的验证库（例如<a
-href="https://fluentvalidation.codeplex.com/">FluentValidation</a>），并处理运行的验证和向视图报告结果。</p>
-<p><a href="">Stylet 控制反转（StyletIoC）</a></p>
-<p>Stylet
-自带了自己的轻量级和极快(但仍然很强大)的IoC容器，当然如果您愿意，可以很容易地使用另一个IoC。</p>
-<h2 id="mit-许可mit-license"><a href="">MIT 许可（MIT license）</a></h2>
-<p>Stylet 是在 MIT 许可下发布的，它允许您修改
-Stylet，并将其包含在商业项目中，而不需要声明(惟一的限制是必须包含许可的副本)。如果你需要的话，我可以根据具体情况重新授权。</p>
-<h2 id="名词解释">名词解释</h2>
-<ol type="1">
-<li>IoC: Inversion of Control,控制反转</li>
-<li>LoC: Line of Code，代码行</li>
-<li>DI: Dependency Injection，依赖注入</li>
-<li>MIT license: <a
-href="https://baike.baidu.com/item/MIT%E8%AE%B8%E5%8F%AF%E8%AF%81/6671281?fr=aladdin">软件授权条款之一，详见百度</a></li>
-</ol>
+<p>希望这篇文章能把一切都讲清楚。</p>
+<h2 id="view-first-方式-the-view-first-appoach">View-first 方式 (The
+View-First Appoach)</h2>
+<p>让我们从定义 View-First 的方式开始，我这么说是什么意思呢?</p>
+<p>MVVM 声明 ViewModel 应该不知道 View 的任何信息，但是该 View 应该知道
+ViewModel。联 系 View 和 ViewModel 最简单的方法就是让 View
+在它的代码背后构造它的 ViewModel——就像这样:</p>
+<table>
+<colgroup>
+<col style="width: 50%" />
+<col style="width: 50%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>C#</th>
+<th>VB.NET</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>public partial class MyView : Window <br>{<br> public MyView()<br>
+{<br> InitializeComponent();<br> this.DataContext = new
+MyViewModel();<br> } <br>}</td>
+<td>Partial Public Class MyView : Inherits Window<br><br> Public Sub
+New()<br> InitializeComponent()<br> Me.DataContext = new
+MyViewModel()<br><br> End Class</td>
+</tr>
+</tbody>
+</table>
+<p>这是很好。View 可以创建和拥有其他 View，这意味着可以将 View
+组合成层次结构。一切都很好。</p>
+<p>当你组合了几个视图，比如这样，一个 Shell
+包含一个顶部栏和一个框架，里面的任何页面都可以显示:</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;!-- This is a window which contains a top bar and another page --&gt;</span><br><span class="line">&lt;Window x:Class=&quot;MyNamespace.ShellView&quot; ....&gt;</span><br><span class="line">   &lt;StackPanel&gt;</span><br><span class="line">      &lt;my:TopBarView/&gt;</span><br><span class="line">      &lt;Frame x:Name=&quot;navigationFrame&quot;/&gt;</span><br><span class="line">   &lt;/StackPanel&gt;</span><br><span class="line">&lt;/Window&gt;</span><br></pre></td></tr></table></figure>
+<p>TopBarView 有它自己的 ViewModel 。</p>
+<p>现在假设 TopBarView
+有一个字段，其中包含您想要更新的一些数据，例如当前页面的标题。现在，ShellViewModel
+知道这一点(毕竟它决定了当前页面是什么)，但是 TopBarViewModel
+不知道(它怎么知道?它什么都不知道)。这样做是为了暴露 TopBarView
+的依赖属性，并将其绑定到 ShellViewModel 中，就像这样:</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;Window x:Class=&quot;MyNamespace.ShellView&quot; .... x:Name=&quot;rootObject&quot;&gt;</span><br><span class="line">   &lt;StackPanel&gt;</span><br><span class="line">      &lt;my:TopBarView CurrentPageTitle=&quot;&#123;Binding CurrentPageTitle, ElementName=rootObject&#125;&quot;/&gt;</span><br><span class="line">      &lt;Frame x:Name=&quot;navigationFrame&quot;/&gt;</span><br><span class="line">   &lt;/StackPanel&gt;</span><br><span class="line">&lt;/Window&gt;</span><br></pre></td></tr></table></figure>
+<p>但那太恶心了。现在您已经得到了一个绑定到 ShellViewMode l 的视图。</p>
+<p>另一个主要的关注点是显示窗口和对话框。</p>
+<p>在传统的 MVVM 中，这是一个痛点。第一种选择是实例化并从 ViewModel
+中显示视图(使用 Show() 或 ShowDialog() ) ，这使得
+ViewModel，或者至少是它的一部分，变得不可测试。</p>
+<p>更好的选择是在你当前视图的后台代码中显示新视图的时候才实例化，并从那里显示它。这意味着您需要建立一种方式来通知当前视图，让其显示实例化的视图，同时，还需要建立一种方式来获取对话框的结果并返回到
+ViewModel。</p>
+<p>实际上，为上面的框架设置内容需要实例化一个视图并放进视图中。这也面临同样的困境——要么视图模型实例化它(使其不可测试)，要么视图实例化它(导致通信困难)。</p>
+<p>不管怎样，这种方法都有一些缺点。</p>
+<h2 id="viewmodel-first-方式-the-viewmodel-first-approach"><a
+href="">ViewModel-First 方式( The ViewModel-First Approach)</a></h2>
+<p>ViewModel-first 方式的思想是：ViewModel 不应该知道其 View
+的任何信息，同时 View 也不负责构造
+ViewModel。相反，第三个服务负责为给定的 ViewModel 定位正确的
+View，并正确地设置它的DataContext。</p>
+<p>默认实现使用命名约定对给定的 ViewModel 定位正确的 View，将
+“ViewModel” 替换为其名称中的 “View”。在 <a href="">ViewManager</a>
+中有更详细的解释。</p>
+<p>这允许其他 viewmodel 创建 viewmodel。它允许 viewmodel 了解和拥有其他
+viewmodel。这允许您正确地组合您的视图模型。</p>
+<p>这个技巧还有另外一个部分，可以用例子来解释:</p>
+<table>
+<colgroup>
+<col style="width: 50%" />
+<col style="width: 50%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>C#</th>
+<th>VB.NET</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>public class ShellViewModel<br> {<br> public TopBarViewModel TopBar
+{ get; private set; }<br> // Stuff to instantiate and assign
+TopBarViewModel }</td>
+<td>Public Class ShellViewModel<br><br> Public Property TopBar as
+TopBarViewModel<br> ' Stuff to instantiate and assign
+TopBarViewModel<br><br> End Class</td>
+</tr>
+</tbody>
+</table>
+<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">Window</span> <span class="attr">x:Class</span>=<span class="string">&quot;MyNamespace.ShellView&quot;</span></span></span><br><span class="line"><span class="tag">        <span class="attr">xmlns:s</span>=<span class="string">&quot;https://github.com/canton7/Stylet&quot;</span> <span class="attr">.....</span>&gt;</span></span><br><span class="line">   <span class="tag">&lt;<span class="name">StackPanel</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">ContentControl</span> <span class="attr">s:View.Model</span>=<span class="string">&quot;&#123;Binding TopBar&#125;&quot;</span>/&gt;</span></span><br><span class="line">      <span class="comment">&lt;!-- ... --&gt;</span></span><br><span class="line">   <span class="tag">&lt;/<span class="name">StackPanel</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">Window</span>&gt;</span></span><br></pre></td></tr></table></figure>
+<p>View.Model 关联的属性将获取它绑定到的 ViewModel(在本例中是
+TopBarViewModel 的一个实例)，并定位正确的 View
+(TopBarView)。它将实例化一个实例，并将其设置为 ContentControl
+的内容。</p>
+<p>这样的结果是 TopBarView 可以从它的 TopBarViewModel
+中获得当前页面的名称，而 TopBarViewModel 可以通过 ShellViewModel
+得知这一点。问题解决了!</p>
+<p>ContentControl 的技巧也适用于导航:</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;Window x:Class=&quot;MyNamespace.ShellView&quot;</span><br><span class="line">        xmlns:s=&quot;https://github.com/canton7/Stylet&quot; .....&gt;</span><br><span class="line">   &lt;StackPanel&gt;</span><br><span class="line">      &lt;ContentControl s:View.Model=&quot;&#123;Binding TopBar&#125;&quot;/&gt;</span><br><span class="line">      &lt;ContentControl s:View.Model=&quot;&#123;Binding CurrentPage&#125;&quot;/&gt;</span><br><span class="line">   &lt;/StackPanel&gt;</span><br><span class="line">&lt;/Window&gt;</span><br></pre></td></tr></table></figure>
+<p>通过实例化该页面的 ViewModel 的新实例，并将其分配给属性 CurrentPage,
+ShellViewModel 将导航到一个新的页面。请注意，ShellViewModel
+不再需要知道关于视图的任何信息。它不必实例化一个视图。这是一个非常重要、有用和强大的点。</p>
+<p>对话框和窗口的处理方式与 <a href="">WindowManager</a>
+非常相似。它接受一个给定的ViewModel实例，并将其视图显示为一个对话框或窗口。</p>
+<h2 id="删除后台代码delete-the-code-behind">删除后台代码！（Delete the
+Code-Behind! ）</h2>
+<p>有了这种方法，您实际上不需要在代码背后做任何事情。您当然可以这样做，但是很少有
+<a href="">响应</a>(用于处理事件)、转换器、附加属性和(最重要的)附加行为
+不能解决的问题。</p>
+<p>Stylet 允许您完全删除代码(它将为您调用
+InitializeComponent)，强烈建议您这样做。删除后台代码!</p>
+<blockquote>
+<p>注意:如果您使用的是VB。有时，如果您删除了后面的代码，则 XAML
+名称空间将停止工作。如果是这种情况，只需用匹配的文件名重新创建，给它正确的名称空间和类名，然后将其余部分留空。例如，MyView.xaml.vb:</p>
+<figure class="highlight vb"><table><tr><td class="code"><pre><span class="line"><span class="keyword">Namespace</span> Views</span><br><span class="line">    <span class="keyword">Public</span> <span class="keyword">Class</span> MyView</span><br><span class="line"></span><br><span class="line">    <span class="keyword">End</span> <span class="keyword">Class</span></span><br><span class="line"><span class="keyword">End</span> <span class="keyword">Namespace</span></span><br></pre></td></tr></table></figure>
+</blockquote>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -29368,136 +29530,6 @@ End Class</pre>
 </td>
 </tr>
 </table>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>Stylet 框架</category>
-      </categories>
-      <tags>
-        <tag>MVVM</tag>
-        <tag>WPF</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>WPF MVVM Stylet使用文档（中文）04-ViewModel First</title>
-    <url>/posts/2020/CCGDMG.html</url>
-    <content><![CDATA[<h2 id="简介">简介</h2>
-<p>ViewModel-first 方式对于 Stylet
-的体系结构非常重要，但是如果您以传统的 View-first
-方式学习MVVM，就会发现它并不直观。</p>
-<span id="more"></span>
-<p>希望这篇文章能把一切都讲清楚。</p>
-<h2 id="view-first-方式-the-view-first-appoach">View-first 方式 (The
-View-First Appoach)</h2>
-<p>让我们从定义 View-First 的方式开始，我这么说是什么意思呢?</p>
-<p>MVVM 声明 ViewModel 应该不知道 View 的任何信息，但是该 View 应该知道
-ViewModel。联 系 View 和 ViewModel 最简单的方法就是让 View
-在它的代码背后构造它的 ViewModel——就像这样:</p>
-<table>
-<colgroup>
-<col style="width: 50%" />
-<col style="width: 50%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>C#</th>
-<th>VB.NET</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>public partial class MyView : Window <br>{<br> public MyView()<br>
-{<br> InitializeComponent();<br> this.DataContext = new
-MyViewModel();<br> } <br>}</td>
-<td>Partial Public Class MyView : Inherits Window<br><br> Public Sub
-New()<br> InitializeComponent()<br> Me.DataContext = new
-MyViewModel()<br><br> End Class</td>
-</tr>
-</tbody>
-</table>
-<p>这是很好。View 可以创建和拥有其他 View，这意味着可以将 View
-组合成层次结构。一切都很好。</p>
-<p>当你组合了几个视图，比如这样，一个 Shell
-包含一个顶部栏和一个框架，里面的任何页面都可以显示:</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;!-- This is a window which contains a top bar and another page --&gt;</span><br><span class="line">&lt;Window x:Class=&quot;MyNamespace.ShellView&quot; ....&gt;</span><br><span class="line">   &lt;StackPanel&gt;</span><br><span class="line">      &lt;my:TopBarView/&gt;</span><br><span class="line">      &lt;Frame x:Name=&quot;navigationFrame&quot;/&gt;</span><br><span class="line">   &lt;/StackPanel&gt;</span><br><span class="line">&lt;/Window&gt;</span><br></pre></td></tr></table></figure>
-<p>TopBarView 有它自己的 ViewModel 。</p>
-<p>现在假设 TopBarView
-有一个字段，其中包含您想要更新的一些数据，例如当前页面的标题。现在，ShellViewModel
-知道这一点(毕竟它决定了当前页面是什么)，但是 TopBarViewModel
-不知道(它怎么知道?它什么都不知道)。这样做是为了暴露 TopBarView
-的依赖属性，并将其绑定到 ShellViewModel 中，就像这样:</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;Window x:Class=&quot;MyNamespace.ShellView&quot; .... x:Name=&quot;rootObject&quot;&gt;</span><br><span class="line">   &lt;StackPanel&gt;</span><br><span class="line">      &lt;my:TopBarView CurrentPageTitle=&quot;&#123;Binding CurrentPageTitle, ElementName=rootObject&#125;&quot;/&gt;</span><br><span class="line">      &lt;Frame x:Name=&quot;navigationFrame&quot;/&gt;</span><br><span class="line">   &lt;/StackPanel&gt;</span><br><span class="line">&lt;/Window&gt;</span><br></pre></td></tr></table></figure>
-<p>但那太恶心了。现在您已经得到了一个绑定到 ShellViewMode l 的视图。</p>
-<p>另一个主要的关注点是显示窗口和对话框。</p>
-<p>在传统的 MVVM 中，这是一个痛点。第一种选择是实例化并从 ViewModel
-中显示视图(使用 Show() 或 ShowDialog() ) ，这使得
-ViewModel，或者至少是它的一部分，变得不可测试。</p>
-<p>更好的选择是在你当前视图的后台代码中显示新视图的时候才实例化，并从那里显示它。这意味着您需要建立一种方式来通知当前视图，让其显示实例化的视图，同时，还需要建立一种方式来获取对话框的结果并返回到
-ViewModel。</p>
-<p>实际上，为上面的框架设置内容需要实例化一个视图并放进视图中。这也面临同样的困境——要么视图模型实例化它(使其不可测试)，要么视图实例化它(导致通信困难)。</p>
-<p>不管怎样，这种方法都有一些缺点。</p>
-<h2 id="viewmodel-first-方式-the-viewmodel-first-approach"><a
-href="">ViewModel-First 方式( The ViewModel-First Approach)</a></h2>
-<p>ViewModel-first 方式的思想是：ViewModel 不应该知道其 View
-的任何信息，同时 View 也不负责构造
-ViewModel。相反，第三个服务负责为给定的 ViewModel 定位正确的
-View，并正确地设置它的DataContext。</p>
-<p>默认实现使用命名约定对给定的 ViewModel 定位正确的 View，将
-“ViewModel” 替换为其名称中的 “View”。在 <a href="">ViewManager</a>
-中有更详细的解释。</p>
-<p>这允许其他 viewmodel 创建 viewmodel。它允许 viewmodel 了解和拥有其他
-viewmodel。这允许您正确地组合您的视图模型。</p>
-<p>这个技巧还有另外一个部分，可以用例子来解释:</p>
-<table>
-<colgroup>
-<col style="width: 50%" />
-<col style="width: 50%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>C#</th>
-<th>VB.NET</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>public class ShellViewModel<br> {<br> public TopBarViewModel TopBar
-{ get; private set; }<br> // Stuff to instantiate and assign
-TopBarViewModel }</td>
-<td>Public Class ShellViewModel<br><br> Public Property TopBar as
-TopBarViewModel<br> ' Stuff to instantiate and assign
-TopBarViewModel<br><br> End Class</td>
-</tr>
-</tbody>
-</table>
-<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">Window</span> <span class="attr">x:Class</span>=<span class="string">&quot;MyNamespace.ShellView&quot;</span></span></span><br><span class="line"><span class="tag">        <span class="attr">xmlns:s</span>=<span class="string">&quot;https://github.com/canton7/Stylet&quot;</span> <span class="attr">.....</span>&gt;</span></span><br><span class="line">   <span class="tag">&lt;<span class="name">StackPanel</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">ContentControl</span> <span class="attr">s:View.Model</span>=<span class="string">&quot;&#123;Binding TopBar&#125;&quot;</span>/&gt;</span></span><br><span class="line">      <span class="comment">&lt;!-- ... --&gt;</span></span><br><span class="line">   <span class="tag">&lt;/<span class="name">StackPanel</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">Window</span>&gt;</span></span><br></pre></td></tr></table></figure>
-<p>View.Model 关联的属性将获取它绑定到的 ViewModel(在本例中是
-TopBarViewModel 的一个实例)，并定位正确的 View
-(TopBarView)。它将实例化一个实例，并将其设置为 ContentControl
-的内容。</p>
-<p>这样的结果是 TopBarView 可以从它的 TopBarViewModel
-中获得当前页面的名称，而 TopBarViewModel 可以通过 ShellViewModel
-得知这一点。问题解决了!</p>
-<p>ContentControl 的技巧也适用于导航:</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;Window x:Class=&quot;MyNamespace.ShellView&quot;</span><br><span class="line">        xmlns:s=&quot;https://github.com/canton7/Stylet&quot; .....&gt;</span><br><span class="line">   &lt;StackPanel&gt;</span><br><span class="line">      &lt;ContentControl s:View.Model=&quot;&#123;Binding TopBar&#125;&quot;/&gt;</span><br><span class="line">      &lt;ContentControl s:View.Model=&quot;&#123;Binding CurrentPage&#125;&quot;/&gt;</span><br><span class="line">   &lt;/StackPanel&gt;</span><br><span class="line">&lt;/Window&gt;</span><br></pre></td></tr></table></figure>
-<p>通过实例化该页面的 ViewModel 的新实例，并将其分配给属性 CurrentPage,
-ShellViewModel 将导航到一个新的页面。请注意，ShellViewModel
-不再需要知道关于视图的任何信息。它不必实例化一个视图。这是一个非常重要、有用和强大的点。</p>
-<p>对话框和窗口的处理方式与 <a href="">WindowManager</a>
-非常相似。它接受一个给定的ViewModel实例，并将其视图显示为一个对话框或窗口。</p>
-<h2 id="删除后台代码delete-the-code-behind">删除后台代码！（Delete the
-Code-Behind! ）</h2>
-<p>有了这种方法，您实际上不需要在代码背后做任何事情。您当然可以这样做，但是很少有
-<a href="">响应</a>(用于处理事件)、转换器、附加属性和(最重要的)附加行为
-不能解决的问题。</p>
-<p>Stylet 允许您完全删除代码(它将为您调用
-InitializeComponent)，强烈建议您这样做。删除后台代码!</p>
-<blockquote>
-<p>注意:如果您使用的是VB。有时，如果您删除了后面的代码，则 XAML
-名称空间将停止工作。如果是这种情况，只需用匹配的文件名重新创建，给它正确的名称空间和类名，然后将其余部分留空。例如，MyView.xaml.vb:</p>
-<figure class="highlight vb"><table><tr><td class="code"><pre><span class="line"><span class="keyword">Namespace</span> Views</span><br><span class="line">    <span class="keyword">Public</span> <span class="keyword">Class</span> MyView</span><br><span class="line"></span><br><span class="line">    <span class="keyword">End</span> <span class="keyword">Class</span></span><br><span class="line"><span class="keyword">End</span> <span class="keyword">Namespace</span></span><br></pre></td></tr></table></figure>
-</blockquote>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -29631,39 +29663,6 @@ FlowDirection and TextAlignment）</h3>
         <tag>WPF,MVVM</tag>
       </tags>
   </entry>
-  <entry>
-    <title>.NETCore 中配置 Swagger</title>
-    <url>/posts/2023/1EDD6ES.html</url>
-    <content><![CDATA[<p><img data-src="https://learn.microsoft.com/en-us/aspnet/core/tutorials/web-api-help-pages-using-swagger/_static/v6-swagger-info.png?view=aspnetcore-7.0" alt="swagger" style="zoom:50%;" /></p>
-<p>官方文档写得非常详细，本文只列出一些常用配置，方便拷贝进行快速配置使用。</p>
-<span id="more"></span>
-<h2 id="定义">定义</h2>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">builder.services.AddSwaggerGen(swaggerOptions =&gt;</span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 配置文档信息</span></span><br><span class="line">    swaggerOptions.SwaggerDoc(<span class="string">&quot;v1&quot;</span>, <span class="keyword">new</span> OpenApiInfo()</span><br><span class="line">    &#123;</span><br><span class="line">        Title = <span class="string">&quot;WowToolAPI&quot;</span>,</span><br><span class="line">        Contact = <span class="keyword">new</span> OpenApiContact()</span><br><span class="line">        &#123;</span><br><span class="line">            Name = <span class="string">&quot;galens&quot;</span>,</span><br><span class="line">            Url = <span class="keyword">new</span> Uri(<span class="string">&quot;https://galens.uamazing.cn&quot;</span>),</span><br><span class="line">            Email = <span class="string">&quot;gmx_galens@163.com&quot;</span></span><br><span class="line">        &#125;</span><br><span class="line">    &#125;);</span><br><span class="line"></span><br><span class="line">    <span class="comment">// Set the comments path for the Swagger JSON and UI.</span></span><br><span class="line">    <span class="comment">// 需要打开生成API文档功能</span></span><br><span class="line">    <span class="keyword">var</span> xmlFile = <span class="string">$&quot;<span class="subst">&#123;Assembly.GetExecutingAssembly().GetName().Name&#125;</span>.xml&quot;</span>;</span><br><span class="line">    <span class="keyword">var</span> xmlPath = Path.Combine(AppContext.BaseDirectory, xmlFile);</span><br><span class="line">    swaggerOptions.IncludeXmlComments(xmlPath);</span><br><span class="line"></span><br><span class="line">    <span class="comment">// Bearer 的scheme定义</span></span><br><span class="line">    <span class="keyword">var</span> securityScheme = <span class="keyword">new</span> OpenApiSecurityScheme()</span><br><span class="line">    &#123;</span><br><span class="line">        Description = <span class="string">&quot;JWT Authorization header using the Bearer scheme. Example: \&quot;Authorization: Bearer &#123;token&#125;\&quot;&quot;</span>,</span><br><span class="line">        Name = <span class="string">&quot;Authorization&quot;</span>,</span><br><span class="line">        <span class="comment">//参数添加在头部</span></span><br><span class="line">        In = ParameterLocation.Header,</span><br><span class="line">        <span class="comment">//使用Authorize头部</span></span><br><span class="line">        Type = SecuritySchemeType.Http,</span><br><span class="line">        <span class="comment">//内容为以 bearer开头</span></span><br><span class="line">        Scheme = <span class="string">&quot;bearer&quot;</span>,</span><br><span class="line">        BearerFormat = <span class="string">&quot;JWT&quot;</span></span><br><span class="line">    &#125;;</span><br><span class="line"></span><br><span class="line">    <span class="comment">//把所有方法配置为增加bearer头部信息</span></span><br><span class="line">    <span class="keyword">var</span> securityRequirement = <span class="keyword">new</span> OpenApiSecurityRequirement</span><br><span class="line">    &#123;</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">new</span> OpenApiSecurityScheme</span><br><span class="line">            &#123;</span><br><span class="line">               Reference = <span class="keyword">new</span> OpenApiReference</span><br><span class="line">               &#123;</span><br><span class="line">                   Type = ReferenceType.SecurityScheme,</span><br><span class="line">                   Id = <span class="string">&quot;bearerAuth&quot;</span></span><br><span class="line">               &#125;</span><br><span class="line">            &#125;,</span><br><span class="line">            Array.Empty&lt;<span class="built_in">string</span>&gt;()</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;;</span><br><span class="line"></span><br><span class="line">    <span class="comment">//注册到swagger中</span></span><br><span class="line">    swaggerOptions.AddSecurityDefinition(<span class="string">&quot;bearerAuth&quot;</span>, securityScheme);</span><br><span class="line">    swaggerOptions.AddSecurityRequirement(securityRequirement);</span><br><span class="line">&#125;);</span><br></pre></td></tr></table></figure>
-<h2 id="在开发环境中启用">在开发环境中启用</h2>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">if</span> (app.Environment.IsDevelopment())</span><br><span class="line">&#123;</span><br><span class="line">    app.UseSwagger();</span><br><span class="line">    app.UseSwaggerUI();</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="打开生成-api-文档">打开生成 API 文档</h2>
-<p>在属性-&gt;生成-&gt;输出，勾选文档文件。生成包含 API 文档的 XML
-说明文件。</p>
-<h2 id="美化界面">美化界面</h2>
-<p>可以使用 <a
-href="https://github.com/luoyunchong/IGeekFan.AspNetCore.Knife4jUI">IGeekFan.AspNetCore.Knife4jUI</a>
-进行美化，由于平时使用 Apifox 进行调试，Swagger
-用得比较少，此处不详细展开介绍。</p>
-<p><img
 data-src="https://github.com/luoyunchong/IGeekFan.AspNetCore.Knife4jUI/raw/master/docs/home.jpg" /></p>
-<h2 id="参考">参考</h2>
-<p><a href="https://aka.ms/aspnetcore/swashbuckle">Learn more about
-configuring Swagger/OpenAPI</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>DotNetCore</category>
-      </categories>
-      <tags>
-        <tag>.NETCore</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
   <entry>
     <title>WPF MVVM Stylet使用文档（中文）08-The EventAggregator</title>
     <url>/posts/2020/155MT1J.html</url>
@@ -29947,6 +29946,124 @@ href="https://github.com/Fody/PropertyChanged">PropertyChanged.Fody</a>
 <ol type="1">
 <li>属性依赖：一个属性需要依靠其它属性的值才能得出结果。</li>
 </ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>Stylet 框架</category>
+      </categories>
+      <tags>
+        <tag>MVVM</tag>
+        <tag>WPF</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</title>
+    <url>/posts/2020/3R00ZSM.html</url>
+    <content><![CDATA[<h2 id="简介summary">简介（Summary）</h2>
+<p><code>Execute</code>
+是一个小的静态帮助类，它使得在UI线程上运行委托变得更容易。它包装了
+<code>Application.Current.Dispatcher</code>，并提供使其更容易和更简洁使用的方法。</p>
+<p>它还提供了一个属性的帮助类：<code>Execute.InDesignMode</code>。当且仅当
+Visual Studio 或 Expression Blend
+设计器处于活动状态，并且代码为了设计时显示提供虚拟数据时。</p>
+<p>下表给出了它提供的方法的总结，后面给出了更深入的解释：</p>
+<table>
+<colgroup>
+<col style="width: 41%" />
+<col style="width: 27%" />
+<col style="width: 30%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>Method</th>
+<th style="text-align: center;">Inline if possible</th>
+<th style="text-align: center;">Waits for Completion</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>Execute.OnUIThread</td>
+<td style="text-align: center;">✔</td>
+<td style="text-align: center;">✘</td>
+</tr>
+<tr class="even">
+<td>Execute.OnUIThreadSync</td>
+<td style="text-align: center;">✔</td>
+<td style="text-align: center;">✔ (Blocks)</td>
+</tr>
+<tr class="odd">
+<td>Execute.OnUIThreadAsync</td>
+<td style="text-align: center;">✔</td>
+<td style="text-align: center;">✔ (Task)</td>
+</tr>
+<tr class="even">
+<td>Execute.PostToUIThread</td>
+<td style="text-align: center;">✘</td>
+<td style="text-align: center;">✘</td>
+</tr>
+<tr class="odd">
+<td>Execute.PostToUIThreadAsync</td>
+<td style="text-align: center;">✘</td>
+<td style="text-align: center;">✔ (Task)</td>
+</tr>
+</tbody>
+</table>
+<p><strong>Inline if possible</strong>:
+该方法将检查当前线程是否为UI线程。如果是，则委托将同步运行。如果不是，那么它将以某种形式被分派到UI线程。</p>
+<p><strong>Waits for completion:</strong>
+要么阻塞直到委托完成执行，要么返回一个任务，该任务在委托完成执行时完成。</p>
+<span id="more"></span>
+<h2 id="详细details">详细（Details）</h2>
+<h3 id="execute.onuithread">Execute.OnUIThread</h3>
+<p>检查当前线程是否为 UI
+线程。如果是，则委托将同步运行。如果不是，委托将被分派到UI线程，并在将来的某个时候运行。在这种情况下，<code>Execute.OnUIThread</code>
+将不会等待委托完成。</p>
+<p>这反映了传统的模式:</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">InvokeIfRequired</span>(<span class="params">Action action</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">if</span> (Application.Current.Dispatcher.CheckAccess())</span><br><span class="line">        action();</span><br><span class="line">    <span class="keyword">else</span></span><br><span class="line">        Application.Current.Dispatcher.BeginInvoke(action);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h3 id="execute.onuithreadsync">Execute.OnUIThreadSync</h3>
+<p>检查当前线程是否为 UI
+线程。如果是，那么它将同步运行委托。如果不是，那么它将分派委托在UI线程上运行，并且阻塞，直到它完成执行。</p>
+<p>因此，它与 <code>Execute.OnUIThread</code>
+非常相似。除了它会在委托完成执行后才返回。</p>
+<h3 id="execute.onuithreadasync">Execute.OnUIThreadAsync</h3>
+<p>检查当前线程是否为 UI
+线程。如果是，那么它将同步运行委托，并返回一个已完成的任务。如果不是，那么它将分派委托在将来的某个时候在
+UI 线程上运行，并返回一个任务，该任务将在委托完成执行后完成。</p>
+<p>因此，它实际上是 <code>Execute.OnUIThreadSync</code> 的异步版本。</p>
+<h3 id="execute.posttouithread">Execute.PostToUIThread</h3>
+<p>无论当前线程是否为 UI 线程，都将在将来的某个时候在 UI
+线程上发布要运行的委托。</p>
+<h3 id="execute.posttouithreadasync">Execute.PostToUIThreadAsync</h3>
+<p>无论当前线程是否为 UI 线程，都将在将来的某个时候在 UI
+线程上发布要运行的委托，并返回一个任务，该任务将在委托执行完成时完成。</p>
+<p><strong>BEWARE</strong> 你绝对不能做
+<code>Execute.PostToUIThreadAsync(() =&gt; something(foo)).Wait()</code>
+这样的事情。如果从UI线程执行此操作，将导致死锁。这种方法对
+<code>Execute.PostXXX</code>
+没有意义，请使用<code>Execute.OnUIThreadSync</code> or
+<code>Execute.OnUIThreadAsync</code> 来代替。</p>
+<h3 id="高级单元测试advanced-unit-testing">高级：单元测试（Advanced:
+Unit Testing）</h3>
+<h3 id="分配器the-dispatcher">分配器（The Dispatcher）</h3>
+<p><code>Execute</code> 实际上有一个来自
+<code>Application.Current.Dispatcher</code> 的抽象级别。</p>
+<p><code>Execute.Dispatcher</code> 是类型 <code>IDispatcher</code>
+的静态属性，被 <code>Execute</code> 用于分派委托。</p>
+<p>该属性永远不能为空，默认为 <code>IDispatcher</code>
+的实现，它同步执行所有操作。然后在 <code>BootstrapperBase</code>
+中覆盖它，成为 <code>Application.Current.Dispatcher</code>
+的包装器。</p>
+<p>这种行为意味着使用 <code>Execute</code>
+方法的方法可以进行单元测试，或者在设计时使用。</p>
+<p>在单元测试中，所有的 <code>Execute</code>
+方法将同步运行它们的委托(因为调度程序不可用)。</p>
+<p>如果需要，你也可以设置 <code>Execute.Dispatcher</code>,
+为您的单元测试提供一个自定义的 <code>IDispatcher</code> 实现。</p>
+<h3 id="设计模式design-mode">设计模式（Design Mode）</h3>
+<p><code>Execute.InDesignMode</code>
+也是可设置的，这将覆盖<em>“实际”</em>值。</p>
+<p>预计您几乎永远都不需要这样做，但有时为了单元测试奇怪的小边缘情况(在Stylet中有一些这样的情况)，这种情况它是不可用的。</p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -30174,124 +30291,6 @@ ViewModel 请求关闭它(参见上面的 <code>RequestClose</code>)，则
 <code>WindowConductor</code>
 将处理此操作。类似地，如果用户自己关闭窗口，<code>WindowConductor</code>将询问
 ViewModel 是否准备关闭。</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>Stylet 框架</category>
-      </categories>
-      <tags>
-        <tag>MVVM</tag>
-        <tag>WPF</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</title>
-    <url>/posts/2020/3R00ZSM.html</url>
-    <content><![CDATA[<h2 id="简介summary">简介（Summary）</h2>
-<p><code>Execute</code>
-是一个小的静态帮助类，它使得在UI线程上运行委托变得更容易。它包装了
-<code>Application.Current.Dispatcher</code>，并提供使其更容易和更简洁使用的方法。</p>
-<p>它还提供了一个属性的帮助类：<code>Execute.InDesignMode</code>。当且仅当
-Visual Studio 或 Expression Blend
-设计器处于活动状态，并且代码为了设计时显示提供虚拟数据时。</p>
-<p>下表给出了它提供的方法的总结，后面给出了更深入的解释：</p>
-<table>
-<colgroup>
-<col style="width: 41%" />
-<col style="width: 27%" />
-<col style="width: 30%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>Method</th>
-<th style="text-align: center;">Inline if possible</th>
-<th style="text-align: center;">Waits for Completion</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>Execute.OnUIThread</td>
-<td style="text-align: center;">✔</td>
-<td style="text-align: center;">✘</td>
-</tr>
-<tr class="even">
-<td>Execute.OnUIThreadSync</td>
-<td style="text-align: center;">✔</td>
-<td style="text-align: center;">✔ (Blocks)</td>
-</tr>
-<tr class="odd">
-<td>Execute.OnUIThreadAsync</td>
-<td style="text-align: center;">✔</td>
-<td style="text-align: center;">✔ (Task)</td>
-</tr>
-<tr class="even">
-<td>Execute.PostToUIThread</td>
-<td style="text-align: center;">✘</td>
-<td style="text-align: center;">✘</td>
-</tr>
-<tr class="odd">
-<td>Execute.PostToUIThreadAsync</td>
-<td style="text-align: center;">✘</td>
-<td style="text-align: center;">✔ (Task)</td>
-</tr>
-</tbody>
-</table>
-<p><strong>Inline if possible</strong>:
-该方法将检查当前线程是否为UI线程。如果是，则委托将同步运行。如果不是，那么它将以某种形式被分派到UI线程。</p>
-<p><strong>Waits for completion:</strong>
-要么阻塞直到委托完成执行，要么返回一个任务，该任务在委托完成执行时完成。</p>
-<span id="more"></span>
-<h2 id="详细details">详细（Details）</h2>
-<h3 id="execute.onuithread">Execute.OnUIThread</h3>
-<p>检查当前线程是否为 UI
-线程。如果是，则委托将同步运行。如果不是，委托将被分派到UI线程，并在将来的某个时候运行。在这种情况下，<code>Execute.OnUIThread</code>
-将不会等待委托完成。</p>
-<p>这反映了传统的模式:</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> <span class="title">InvokeIfRequired</span>(<span class="params">Action action</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">if</span> (Application.Current.Dispatcher.CheckAccess())</span><br><span class="line">        action();</span><br><span class="line">    <span class="keyword">else</span></span><br><span class="line">        Application.Current.Dispatcher.BeginInvoke(action);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h3 id="execute.onuithreadsync">Execute.OnUIThreadSync</h3>
-<p>检查当前线程是否为 UI
-线程。如果是，那么它将同步运行委托。如果不是，那么它将分派委托在UI线程上运行，并且阻塞，直到它完成执行。</p>
-<p>因此，它与 <code>Execute.OnUIThread</code>
-非常相似。除了它会在委托完成执行后才返回。</p>
-<h3 id="execute.onuithreadasync">Execute.OnUIThreadAsync</h3>
-<p>检查当前线程是否为 UI
-线程。如果是，那么它将同步运行委托，并返回一个已完成的任务。如果不是，那么它将分派委托在将来的某个时候在
-UI 线程上运行，并返回一个任务，该任务将在委托完成执行后完成。</p>
-<p>因此，它实际上是 <code>Execute.OnUIThreadSync</code> 的异步版本。</p>
-<h3 id="execute.posttouithread">Execute.PostToUIThread</h3>
-<p>无论当前线程是否为 UI 线程，都将在将来的某个时候在 UI
-线程上发布要运行的委托。</p>
-<h3 id="execute.posttouithreadasync">Execute.PostToUIThreadAsync</h3>
-<p>无论当前线程是否为 UI 线程，都将在将来的某个时候在 UI
-线程上发布要运行的委托，并返回一个任务，该任务将在委托执行完成时完成。</p>
-<p><strong>BEWARE</strong> 你绝对不能做
-<code>Execute.PostToUIThreadAsync(() =&gt; something(foo)).Wait()</code>
-这样的事情。如果从UI线程执行此操作，将导致死锁。这种方法对
-<code>Execute.PostXXX</code>
-没有意义，请使用<code>Execute.OnUIThreadSync</code> or
-<code>Execute.OnUIThreadAsync</code> 来代替。</p>
-<h3 id="高级单元测试advanced-unit-testing">高级：单元测试（Advanced:
-Unit Testing）</h3>
-<h3 id="分配器the-dispatcher">分配器（The Dispatcher）</h3>
-<p><code>Execute</code> 实际上有一个来自
-<code>Application.Current.Dispatcher</code> 的抽象级别。</p>
-<p><code>Execute.Dispatcher</code> 是类型 <code>IDispatcher</code>
-的静态属性，被 <code>Execute</code> 用于分派委托。</p>
-<p>该属性永远不能为空，默认为 <code>IDispatcher</code>
-的实现，它同步执行所有操作。然后在 <code>BootstrapperBase</code>
-中覆盖它，成为 <code>Application.Current.Dispatcher</code>
-的包装器。</p>
-<p>这种行为意味着使用 <code>Execute</code>
-方法的方法可以进行单元测试，或者在设计时使用。</p>
-<p>在单元测试中，所有的 <code>Execute</code>
-方法将同步运行它们的委托(因为调度程序不可用)。</p>
-<p>如果需要，你也可以设置 <code>Execute.Dispatcher</code>,
-为您的单元测试提供一个自定义的 <code>IDispatcher</code> 实现。</p>
-<h3 id="设计模式design-mode">设计模式（Design Mode）</h3>
-<p><code>Execute.InDesignMode</code>
-也是可设置的，这将覆盖<em>“实际”</em>值。</p>
-<p>预计您几乎永远都不需要这样做，但有时为了单元测试奇怪的小边缘情况(在Stylet中有一些这样的情况)，这种情况它是不可用的。</p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -30583,52 +30582,6 @@ IModelValidator (Asynchronously)）</h2>
 <figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="keyword">async</span> Task&lt;IEnumerable&lt;<span class="built_in">string</span>&gt;&gt; ValidatePropertyAsync(<span class="built_in">string</span> propertyName)</span><br><span class="line">&#123;</span><br><span class="line">   <span class="keyword">var</span> result = <span class="keyword">await</span> <span class="keyword">this</span>.Validator.ValidateAsync(<span class="keyword">this</span>.subject, propertyName).ConfigureAwait(<span class="literal">false</span>);</span><br><span class="line">   <span class="keyword">return</span> result.Errors.Select(x =&gt; x.ErrorMessage);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
 <p>现在，返回 <code>result.Errors…</code>
 行将运行在另一个线程(而不是发布到 UI 线程)，没有死锁发生。</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>Stylet 框架</category>
-      </categories>
-      <tags>
-        <tag>MVVM</tag>
-        <tag>WPF</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>WPF MVVM Stylet使用文档（中文）18-Logging</title>
-    <url>/posts/2020/4NQDGJ.html</url>
-    <content><![CDATA[<h2 id="简介">简介</h2>
-<p>有时候，查看 Stylet
-在幕后做了什么是很有用的，特别是当它没有做一些你期望它做的事情，或者做一些意想不到的事情的时候。</p>
-<p>值得庆幸的是，Stylet
-可以很容易地配置来生成日志输出，因此您可以了解它在做什么。</p>
-<span id="more"></span>
-<h2 id="快速启动">快速启动</h2>
-<p>要快速启用日志记录，请在Bootstrapper的配置方法中放入以下内容:</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">OnStart</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">   Stylet.Logging.LogManager.Enabled = <span class="literal">true</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>这将把日志消息打印到 Visual Studio
-的输出窗口。在内部，默认的日志记录器使用
-<code>Trace.WriteLine</code>。</p>
-<h2 id="定制日志">定制日志</h2>
-<p>当然，您可以向 Stylet 提供自己的日志记录器，Stylet
-将使用它来打印日志消息。</p>
-<p>首先，定义一个实现 <code>Stylet.Logging.ILogger</code> 接口的类:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">MyLogger</span> : <span class="title">Stylet.Logging.ILogger</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyLogger</span>(<span class="params"><span class="built_in">string</span> loggerName</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// TODO</span></span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Info</span>(<span class="params"><span class="built_in">string</span> format, <span class="keyword">params</span> <span class="built_in">object</span>[] args</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// TODO</span></span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Warn</span>(<span class="params"><span class="built_in">string</span> format, <span class="keyword">params</span> <span class="built_in">object</span>[] args</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// TODO</span></span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Error</span>(<span class="params">Exception exception, <span class="built_in">string</span> message = <span class="literal">null</span></span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// TODO</span></span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>然后，配置 LogManager
-来使用它。与之前一样，在你的Bootstrapper的配置方法:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">OnStart</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">   Stylet.Logging.LogManager.LoggerFactory = name =&gt; <span class="keyword">new</span> MyLogger(name);</span><br><span class="line">   Stylet.Logging.LogManager.Enabled = <span class="literal">true</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2
-id="在应用程序中进行日志记录logging-within-your-application">在应用程序中进行日志记录（Logging
-within your Application）</h2>
-<p>我建议不要用 Stylet.Logging
-在其他地方进行日志记录。它是非常轻量级的，几乎没有任何特性——编写它的唯一原因是为了让
-Stylet 不依赖于日志框架来支持一个几乎永远不会被使用的特性。</p>
-<p><a href="http://nlog-project.org/">NLog</a> 和 <a
-href="http://logging.apache.org/log4net/">log4net</a>
-是两个主要的c#日志记录框架。如果您不想将您的应用程序与任何特定的日志记录框架耦合，那么可以考虑
-<a
-href="https://github.com/net-commons/common-logging">Common.Logging</a>，它提供了一个与框架无关的接口，在这个接口后面可以连接
-NLog、log4net或其他框架。</p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -30718,6 +30671,98 @@ IViewManager 实现，并将其注册到 IoC 容器中，Stylet 将获取并使
 <p>更完整的示例可以在 <a
 href="https://github.com/canton7/Stylet/tree/master/Samples/Stylet.Samples.OverridingViewManager"><code>Stylet.Samples.OverridingViewManager</code>
 sample</a>。</p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>Stylet 框架</category>
+      </categories>
+      <tags>
+        <tag>MVVM</tag>
+        <tag>WPF</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</title>
+    <url>/posts/2020/1SHECQH.html</url>
+    <content><![CDATA[<p>可能容易实现
+INotifyPropertyChanged，但通常是有点痛苦，想象一个对象需要<code>propertychange</code>
+通知：你需要注册一个事件处理程序,检查属性名是否是你所期望的,完成后又需要注销事件处理程序。</p>
+<p>这是一个很常见的问题，Stylet提供了一些方法来简化工作。</p>
+<span id="more"></span>
+<h2 id="inotifypropertychanged.bind">INotifyPropertyChanged.Bind</h2>
+<p>这是订阅 PropertyChanged
+事件的最简单方法，它使用对订阅服务器的强引用(与普通事件一样)来实现这一点。这意味着如果你打算在订阅的东西还存在的时候发布，你必须记得取消订阅。</p>
+<p>用法很简单。假设有一个对象的形式:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// Can be any implementation of INotifyPropertyChanged - I&#x27;m using PropertyChangedBase as it makes the example shorter</span></span><br><span class="line"><span class="keyword">class</span> <span class="title">Model</span> : <span class="title">PropertyChangedBase</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="keyword">private</span> <span class="built_in">string</span> _stringProperty;</span><br><span class="line">   <span class="keyword">public</span> <span class="built_in">string</span> StringProperty</span><br><span class="line">   &#123;</span><br><span class="line">      <span class="keyword">get</span> &#123; <span class="keyword">return</span> <span class="keyword">this</span>._stringProperty; &#125;</span><br><span class="line">      <span class="keyword">set</span> &#123; SetAndNotify(<span class="keyword">ref</span> <span class="keyword">this</span>._stringProperty, <span class="keyword">value</span>); &#125;</span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>您希望每次 <code>StringProperty</code>
+属性更改时都得到通知。你这样做:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> model = <span class="keyword">new</span> Model();</span><br><span class="line"><span class="comment">// ... </span></span><br><span class="line">model.Bind(x =&gt; x.StringProperty, (sender, eventArgs) =&gt; Debug.WriteLine(String.Format(<span class="string">&quot;New value for property &#123;0&#125; on &#123;1&#125; is &#123;2&#125;&quot;</span>, eventArgs.PropertyName, sender, eventArgs.NewValue)));</span><br></pre></td></tr></table></figure>
+<p><code>x =&gt; x.StringProperty</code>
+是指定你想观察那个属性，这种方式是类型安全的。<code>x</code>
+可以任意命名，当你打出 <code>x=&gt;x.</code>
+时，智能感知会提示你一个属性列表。</p>
+<p><code>(propertyName, newValue) =&gt; Debug.WriteLine(String.Format("New value is &#123;0&#125;", newValue))</code>在每次属性改变时被调用。</p>
+<p><code>Bind</code> 方法实际上返回一个 <code>IEventBinding</code>
+的实现，它只有一个
+<code>Unbind</code>方法。要删除绑定，请调用该方法。例如:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> model = <span class="keyword">new</span> Model();</span><br><span class="line"><span class="comment">// ... </span></span><br><span class="line"><span class="keyword">var</span> binding = model.Bind(x =&gt; x.StringProperty, (sender, eventArgs) =&gt; Debug.WriteLine(String.Format(<span class="string">&quot;New value for property &#123;0&#125; on &#123;1&#125; is &#123;2&#125;&quot;</span>, eventArgs.PropertyName, sender, eventArgs.NewValue)));</span><br><span class="line"><span class="comment">// ...</span></span><br><span class="line">binding.Unbind();</span><br></pre></td></tr></table></figure>
+<h2
+id="inotifypropertychanged.bindweak">INotifyPropertyChanged.BindWeak</h2>
+<p>通常，当您订阅一个事件时，接收事件通知的对象至少与发布事件的对象存活的时间一样长，因为发布事件的对象最终会引用接收事件通知的对象。</p>
+<p>这通常是不受欢迎的。例如，如果您有一个
+ViewModel，它想要监视它所依赖的某些服务上的 PropertyChanged事件。</p>
+<p>Stylet 在 INotifyPropertyChanged 上提供了一个名为
+<code>BindWeak</code> 的扩展方法，它与 <code>Bind</code>
+非常相似，只是它创建了一个弱绑定。语法与 <code>Bind</code>
+相同，所以这里我就不重复了。</p>
+<blockquote>
+<p>请注意，以弱方式绑定每个委托是不可能的。捕获局部变量的委托通常会失败。下面将对此进行更详细的讨论。</p>
+</blockquote>
+<h2
+id="技术弱事件订阅technical-weak-event-subscriptions">技术:弱事件订阅（Technical:
+Weak Event Subscriptions）</h2>
+<p>我将忽略委托的一些细节，但在基本术语中，当您订阅一个事件时，您创建一个新的委托实例，并将其传递给拥有该事件的对象。委托(基本上)由两部分组成:
+要调用的方法(<code>method</code>)属性和要调用该方法的实例(<code>Target</code>属性)。</p>
+<p>如果你创建一个委托，它指向你的类的一个实例方法，一切都很好，很简单:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      model.PropertyChanged += <span class="keyword">new</span> PropertyChangedEventHandler(<span class="keyword">this</span>.PropertyChangedHandler);</span><br><span class="line">      <span class="comment">// or, more concisely</span></span><br><span class="line">      model.PropertyChanged += <span class="keyword">this</span>.PropertyChangedHandler;</span><br><span class="line">   &#123;</span><br><span class="line"></span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">PropertyChangedHandler</span>(<span class="params"><span class="built_in">object</span> sender, PropertyChangedEventArgs e</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// ...</span></span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>在这种情况下，一个新的委托被创建，它的 <code>Target</code> 被设置为
+<code>MyClass</code> 实例，它的 <code>method</code> 被设置为
+<code>MethodInfo</code>，代表你的 <code>PropertyChangedHandler</code>
+方法。</p>
+<p><code>model</code> 实例然后成为该委托的所有者。这意味着
+<code>model</code> 实例拥有一个拥有 <code>MyClass</code>
+实例的委托，这意味着 <code>MyClass</code> 实例不能被释放，直到
+<code>model</code> 实例被释放。</p>
+<p>当匿名委托/ lambdas开始发挥作用时，事情开始变得有点复杂，例如:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      model.PropertyChanged += <span class="built_in">delegate</span> &#123; Debug.WriteLine(<span class="string">&quot;Hi&quot;</span>); &#125;;</span><br><span class="line">      <span class="comment">// Or, using lambas (preferred)</span></span><br><span class="line">      model.PropertyChanged += (o, e) =&gt; Debug.WriteLine(<span class="string">&quot;Hi&quot;</span>);</span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>在这里，c#
+编译器必须在你的类上创建一个新的，特殊的方法，它看起来像这样:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      model.PropertyChanged += <span class="keyword">new</span> PropertyChangedEventHandler(<span class="keyword">this</span>.&lt;.ctor&gt;b__0);</span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   [<span class="meta">CompilerGenerated</span>]</span><br><span class="line">   <span class="keyword">private</span> <span class="keyword">void</span> &lt;.ctor&gt;b__0(<span class="built_in">object</span> sender, PropertyChangedEventArgs e)</span><br><span class="line">   &#123;</span><br><span class="line">      Debug.WriteLine(<span class="string">&quot;Hi&quot;</span>);</span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>注意上面那个特殊方法名的使用——其中包含字符( “&lt;” 和
+“&gt;”)，这些字符在 c# 中无效，但在 CLR 中有效)。</p>
+<p>如果我们有一个捕获局部变量的匿名委托/lambda，这将变得更加复杂。在这里，c#
+编译器需要生成一个全新的嵌入式类，它保留了对该变量的引用。例如:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="built_in">string</span> test = <span class="string">&quot;test&quot;</span>;</span><br><span class="line">      model.PropertyChanged += (o, e) =&gt; Debug.WriteLine(test);</span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>编译成看起来有点像:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      MyClass.&lt;&gt;c__DisplayClass1 c__DisplayClass1 = <span class="keyword">new</span> MyClass.&lt;&gt;c__DisplayClass1();</span><br><span class="line">      c__DisplayClass1.test = <span class="string">&quot;test&quot;</span>;</span><br><span class="line">      model.PropertyChanged += <span class="keyword">new</span> PropertyChangedEventHandler(c__DisplayClass1.&lt;.ctor&gt;b__0);</span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   [<span class="meta">CompilerGenerated</span>]</span><br><span class="line">   <span class="keyword">private</span> <span class="keyword">sealed</span> <span class="keyword">class</span> &lt;&gt;<span class="title">c__DisplayClass1</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="keyword">public</span> <span class="built_in">string</span> test;</span><br><span class="line">      <span class="keyword">public</span> <span class="keyword">void</span> &lt;.ctor&gt;b__0(<span class="built_in">object</span> sender, PropertyChangedEventArgs e)</span><br><span class="line">      &#123;</span><br><span class="line">         Debug.WriteLine(<span class="keyword">this</span>.test);</span><br><span class="line">      &#125;</span><br><span class="line">   &#125;</span><br></pre></td></tr></table></figure>
+<p>这里，创建的 PropertyChangedEventHandler 委托将
+<code>&lt;&gt;c__DisplayClass</code> 的实例作为它的 <code>Target</code>
+属性的值。</p>
+<p>这意味着，当<code>MyClass</code>
+的构造函数返回时，<code>&lt;&gt;c__DisplayClass</code>
+实例引用的<em>唯一</em>东西就是委托。<code>&lt;&gt;c__DisplayClass</code>
+实例的生命周期现在完全独立于 <code>MyClass</code> 实例。</p>
+<p>实现弱事件的方法是让委托的 “target” 属性以某种方式成为
+“WeakReference”
+——通常是让它指向一个中间类，而这个中间类又有一个指向“真正”目标的
+“WeakReference”。这意味着委托不会保留目标。</p>
+<p>如果这个目标是一个编译器生成的内部类，那么除了我们创建的
+<code>WeakReference</code>
+之外，没有其他任何东西会保存对它的引用。这意味着这个内部类将被直接收集，因此委托将永远不会被调用。</p>
+<p>因此，如果委托给它有一个<code>target</code>，且有
+<code>CompilerGenerated</code> 属性，<code>BindWeak</code>
+将抛出一个异常。</p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -30881,111 +30926,40 @@ ViewModels 的原因非常相似: 这意味着打开 IoC 容器(我们需要找
       </tags>
   </entry>
   <entry>
-    <title>WPF中修改TextBox的行高及实现RichTextBox绑定</title>
-    <url>/posts/2020/1PP7XJ3.html</url>
-    <content><![CDATA[<p>在 WPF 中，有时需要利用 TexTBox
-来多行展示数据，但是，它默认的行高太丑，需要我们自己定义。</p>
-<span id="more"></span>
-<p>设置如下属性即可：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">&lt;TextBox TextBlock.LineHeight=<span class="string">&quot;10&quot;</span> TextBlock.LineStackingStrategy=<span class="string">&quot;BlockLineHeight&quot;</span> /&gt; </span><br></pre></td></tr></table></figure>
-<p>当然，也有可能会用 RichTextBox，这就不会有这个问题，但是 WPF
-的富文本不能进行 Text 绑定，所以在 MVVM 中，用起来很难受。</p>
-<p>幸好，有一个扩展可以解决这个问题，它叫 <a
-href="https://github.com/xceedsoftware/wpftoolkit/wiki/RichTextBox">wpftoolkit</a></p>
-<p>用法如下：</p>
-<figure class="highlight xml"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">toolkit:RichTextBox</span> <span class="attr">x:Name</span>=<span class="string">&quot;_richTextBox&quot;</span> <span class="attr">Grid.Row</span>=<span class="string">&quot;1&quot;</span> <span class="attr">Margin</span>=<span class="string">&quot;10&quot;</span> <span class="attr">BorderBrush</span>=<span class="string">&quot;Gray&quot;</span> <span class="attr">Padding</span>=<span class="string">&quot;10&quot;</span></span></span><br><span class="line"><span class="tag">                                          <span class="attr">Text</span>=<span class="string">&quot;&#123;Binding Notes&#125;&quot;</span> </span></span><br><span class="line"><span class="tag">                                          <span class="attr">ScrollViewer.VerticalScrollBarVisibility</span>=<span class="string">&quot;Auto&quot;</span> /&gt;</span></span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>WPF</category>
-      </categories>
-      <tags>
-        <tag>WPF</tag>
-        <tag>TextBox</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</title>
-    <url>/posts/2020/1SHECQH.html</url>
-    <content><![CDATA[<p>可能容易实现
-INotifyPropertyChanged，但通常是有点痛苦，想象一个对象需要<code>propertychange</code>
-通知：你需要注册一个事件处理程序,检查属性名是否是你所期望的,完成后又需要注销事件处理程序。</p>
-<p>这是一个很常见的问题，Stylet提供了一些方法来简化工作。</p>
+    <title>WPF MVVM Stylet使用文档（中文）18-Logging</title>
+    <url>/posts/2020/4NQDGJ.html</url>
+    <content><![CDATA[<h2 id="简介">简介</h2>
+<p>有时候，查看 Stylet
+在幕后做了什么是很有用的，特别是当它没有做一些你期望它做的事情，或者做一些意想不到的事情的时候。</p>
+<p>值得庆幸的是，Stylet
+可以很容易地配置来生成日志输出，因此您可以了解它在做什么。</p>
 <span id="more"></span>
-<h2 id="inotifypropertychanged.bind">INotifyPropertyChanged.Bind</h2>
-<p>这是订阅 PropertyChanged
-事件的最简单方法，它使用对订阅服务器的强引用(与普通事件一样)来实现这一点。这意味着如果你打算在订阅的东西还存在的时候发布，你必须记得取消订阅。</p>
-<p>用法很简单。假设有一个对象的形式:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// Can be any implementation of INotifyPropertyChanged - I&#x27;m using PropertyChangedBase as it makes the example shorter</span></span><br><span class="line"><span class="keyword">class</span> <span class="title">Model</span> : <span class="title">PropertyChangedBase</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="keyword">private</span> <span class="built_in">string</span> _stringProperty;</span><br><span class="line">   <span class="keyword">public</span> <span class="built_in">string</span> StringProperty</span><br><span class="line">   &#123;</span><br><span class="line">      <span class="keyword">get</span> &#123; <span class="keyword">return</span> <span class="keyword">this</span>._stringProperty; &#125;</span><br><span class="line">      <span class="keyword">set</span> &#123; SetAndNotify(<span class="keyword">ref</span> <span class="keyword">this</span>._stringProperty, <span class="keyword">value</span>); &#125;</span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>您希望每次 <code>StringProperty</code>
-属性更改时都得到通知。你这样做:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> model = <span class="keyword">new</span> Model();</span><br><span class="line"><span class="comment">// ... </span></span><br><span class="line">model.Bind(x =&gt; x.StringProperty, (sender, eventArgs) =&gt; Debug.WriteLine(String.Format(<span class="string">&quot;New value for property &#123;0&#125; on &#123;1&#125; is &#123;2&#125;&quot;</span>, eventArgs.PropertyName, sender, eventArgs.NewValue)));</span><br></pre></td></tr></table></figure>
-<p><code>x =&gt; x.StringProperty</code>
-是指定你想观察那个属性，这种方式是类型安全的。<code>x</code>
-可以任意命名，当你打出 <code>x=&gt;x.</code>
-时，智能感知会提示你一个属性列表。</p>
-<p><code>(propertyName, newValue) =&gt; Debug.WriteLine(String.Format("New value is &#123;0&#125;", newValue))</code>在每次属性改变时被调用。</p>
-<p><code>Bind</code> 方法实际上返回一个 <code>IEventBinding</code>
-的实现，它只有一个
-<code>Unbind</code>方法。要删除绑定，请调用该方法。例如:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> model = <span class="keyword">new</span> Model();</span><br><span class="line"><span class="comment">// ... </span></span><br><span class="line"><span class="keyword">var</span> binding = model.Bind(x =&gt; x.StringProperty, (sender, eventArgs) =&gt; Debug.WriteLine(String.Format(<span class="string">&quot;New value for property &#123;0&#125; on &#123;1&#125; is &#123;2&#125;&quot;</span>, eventArgs.PropertyName, sender, eventArgs.NewValue)));</span><br><span class="line"><span class="comment">// ...</span></span><br><span class="line">binding.Unbind();</span><br></pre></td></tr></table></figure>
-<h2
-id="inotifypropertychanged.bindweak">INotifyPropertyChanged.BindWeak</h2>
-<p>通常，当您订阅一个事件时，接收事件通知的对象至少与发布事件的对象存活的时间一样长，因为发布事件的对象最终会引用接收事件通知的对象。</p>
-<p>这通常是不受欢迎的。例如，如果您有一个
-ViewModel，它想要监视它所依赖的某些服务上的 PropertyChanged事件。</p>
-<p>Stylet 在 INotifyPropertyChanged 上提供了一个名为
-<code>BindWeak</code> 的扩展方法，它与 <code>Bind</code>
-非常相似，只是它创建了一个弱绑定。语法与 <code>Bind</code>
-相同，所以这里我就不重复了。</p>
-<blockquote>
-<p>请注意，以弱方式绑定每个委托是不可能的。捕获局部变量的委托通常会失败。下面将对此进行更详细的讨论。</p>
-</blockquote>
+<h2 id="快速启动">快速启动</h2>
+<p>要快速启用日志记录，请在Bootstrapper的配置方法中放入以下内容:</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">OnStart</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">   Stylet.Logging.LogManager.Enabled = <span class="literal">true</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>这将把日志消息打印到 Visual Studio
+的输出窗口。在内部，默认的日志记录器使用
+<code>Trace.WriteLine</code>。</p>
+<h2 id="定制日志">定制日志</h2>
+<p>当然，您可以向 Stylet 提供自己的日志记录器，Stylet
+将使用它来打印日志消息。</p>
+<p>首先，定义一个实现 <code>Stylet.Logging.ILogger</code> 接口的类:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="keyword">class</span> <span class="title">MyLogger</span> : <span class="title">Stylet.Logging.ILogger</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyLogger</span>(<span class="params"><span class="built_in">string</span> loggerName</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// TODO</span></span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Info</span>(<span class="params"><span class="built_in">string</span> format, <span class="keyword">params</span> <span class="built_in">object</span>[] args</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// TODO</span></span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Warn</span>(<span class="params"><span class="built_in">string</span> format, <span class="keyword">params</span> <span class="built_in">object</span>[] args</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// TODO</span></span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">Error</span>(<span class="params">Exception exception, <span class="built_in">string</span> message = <span class="literal">null</span></span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// TODO</span></span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>然后，配置 LogManager
+来使用它。与之前一样，在你的Bootstrapper的配置方法:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">OnStart</span>()</span></span><br><span class="line">&#123;</span><br><span class="line">   Stylet.Logging.LogManager.LoggerFactory = name =&gt; <span class="keyword">new</span> MyLogger(name);</span><br><span class="line">   Stylet.Logging.LogManager.Enabled = <span class="literal">true</span>;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
 <h2
-id="技术弱事件订阅technical-weak-event-subscriptions">技术:弱事件订阅（Technical:
-Weak Event Subscriptions）</h2>
-<p>我将忽略委托的一些细节，但在基本术语中，当您订阅一个事件时，您创建一个新的委托实例，并将其传递给拥有该事件的对象。委托(基本上)由两部分组成:
-要调用的方法(<code>method</code>)属性和要调用该方法的实例(<code>Target</code>属性)。</p>
-<p>如果你创建一个委托，它指向你的类的一个实例方法，一切都很好，很简单:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      model.PropertyChanged += <span class="keyword">new</span> PropertyChangedEventHandler(<span class="keyword">this</span>.PropertyChangedHandler);</span><br><span class="line">      <span class="comment">// or, more concisely</span></span><br><span class="line">      model.PropertyChanged += <span class="keyword">this</span>.PropertyChangedHandler;</span><br><span class="line">   &#123;</span><br><span class="line"></span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="keyword">void</span> <span class="title">PropertyChangedHandler</span>(<span class="params"><span class="built_in">object</span> sender, PropertyChangedEventArgs e</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// ...</span></span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>在这种情况下，一个新的委托被创建，它的 <code>Target</code> 被设置为
-<code>MyClass</code> 实例，它的 <code>method</code> 被设置为
-<code>MethodInfo</code>，代表你的 <code>PropertyChangedHandler</code>
-方法。</p>
-<p><code>model</code> 实例然后成为该委托的所有者。这意味着
-<code>model</code> 实例拥有一个拥有 <code>MyClass</code>
-实例的委托，这意味着 <code>MyClass</code> 实例不能被释放，直到
-<code>model</code> 实例被释放。</p>
-<p>当匿名委托/ lambdas开始发挥作用时，事情开始变得有点复杂，例如:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      model.PropertyChanged += <span class="built_in">delegate</span> &#123; Debug.WriteLine(<span class="string">&quot;Hi&quot;</span>); &#125;;</span><br><span class="line">      <span class="comment">// Or, using lambas (preferred)</span></span><br><span class="line">      model.PropertyChanged += (o, e) =&gt; Debug.WriteLine(<span class="string">&quot;Hi&quot;</span>);</span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>在这里，c#
-编译器必须在你的类上创建一个新的，特殊的方法，它看起来像这样:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      model.PropertyChanged += <span class="keyword">new</span> PropertyChangedEventHandler(<span class="keyword">this</span>.&lt;.ctor&gt;b__0);</span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   [<span class="meta">CompilerGenerated</span>]</span><br><span class="line">   <span class="keyword">private</span> <span class="keyword">void</span> &lt;.ctor&gt;b__0(<span class="built_in">object</span> sender, PropertyChangedEventArgs e)</span><br><span class="line">   &#123;</span><br><span class="line">      Debug.WriteLine(<span class="string">&quot;Hi&quot;</span>);</span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>注意上面那个特殊方法名的使用——其中包含字符( “&lt;” 和
-“&gt;”)，这些字符在 c# 中无效，但在 CLR 中有效)。</p>
-<p>如果我们有一个捕获局部变量的匿名委托/lambda，这将变得更加复杂。在这里，c#
-编译器需要生成一个全新的嵌入式类，它保留了对该变量的引用。例如:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="built_in">string</span> test = <span class="string">&quot;test&quot;</span>;</span><br><span class="line">      model.PropertyChanged += (o, e) =&gt; Debug.WriteLine(test);</span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>编译成看起来有点像:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">MyClass</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">MyClass</span>(<span class="params">Model model</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      MyClass.&lt;&gt;c__DisplayClass1 c__DisplayClass1 = <span class="keyword">new</span> MyClass.&lt;&gt;c__DisplayClass1();</span><br><span class="line">      c__DisplayClass1.test = <span class="string">&quot;test&quot;</span>;</span><br><span class="line">      model.PropertyChanged += <span class="keyword">new</span> PropertyChangedEventHandler(c__DisplayClass1.&lt;.ctor&gt;b__0);</span><br><span class="line">   &#125;</span><br><span class="line"></span><br><span class="line">   [<span class="meta">CompilerGenerated</span>]</span><br><span class="line">   <span class="keyword">private</span> <span class="keyword">sealed</span> <span class="keyword">class</span> &lt;&gt;<span class="title">c__DisplayClass1</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="keyword">public</span> <span class="built_in">string</span> test;</span><br><span class="line">      <span class="keyword">public</span> <span class="keyword">void</span> &lt;.ctor&gt;b__0(<span class="built_in">object</span> sender, PropertyChangedEventArgs e)</span><br><span class="line">      &#123;</span><br><span class="line">         Debug.WriteLine(<span class="keyword">this</span>.test);</span><br><span class="line">      &#125;</span><br><span class="line">   &#125;</span><br></pre></td></tr></table></figure>
-<p>这里，创建的 PropertyChangedEventHandler 委托将
-<code>&lt;&gt;c__DisplayClass</code> 的实例作为它的 <code>Target</code>
-属性的值。</p>
-<p>这意味着，当<code>MyClass</code>
-的构造函数返回时，<code>&lt;&gt;c__DisplayClass</code>
-实例引用的<em>唯一</em>东西就是委托。<code>&lt;&gt;c__DisplayClass</code>
-实例的生命周期现在完全独立于 <code>MyClass</code> 实例。</p>
-<p>实现弱事件的方法是让委托的 “target” 属性以某种方式成为
-“WeakReference”
-——通常是让它指向一个中间类，而这个中间类又有一个指向“真正”目标的
-“WeakReference”。这意味着委托不会保留目标。</p>
-<p>如果这个目标是一个编译器生成的内部类，那么除了我们创建的
-<code>WeakReference</code>
-之外，没有其他任何东西会保存对它的引用。这意味着这个内部类将被直接收集，因此委托将永远不会被调用。</p>
-<p>因此，如果委托给它有一个<code>target</code>，且有
-<code>CompilerGenerated</code> 属性，<code>BindWeak</code>
-将抛出一个异常。</p>
+id="在应用程序中进行日志记录logging-within-your-application">在应用程序中进行日志记录（Logging
+within your Application）</h2>
+<p>我建议不要用 Stylet.Logging
+在其他地方进行日志记录。它是非常轻量级的，几乎没有任何特性——编写它的唯一原因是为了让
+Stylet 不依赖于日志框架来支持一个几乎永远不会被使用的特性。</p>
+<p><a href="http://nlog-project.org/">NLog</a> 和 <a
+href="http://logging.apache.org/log4net/">log4net</a>
+是两个主要的c#日志记录框架。如果您不想将您的应用程序与任何特定的日志记录框架耦合，那么可以考虑
+<a
+href="https://github.com/net-commons/common-logging">Common.Logging</a>，它提供了一个与框架无关的接口，在这个接口后面可以连接
+NLog、log4net或其他框架。</p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -31023,37 +30997,28 @@ href="https://github.com/xceedsoftware/wpftoolkit/wiki/RichTextBox">wpftoolkit</
       </tags>
   </entry>
   <entry>
-    <title>Webview2 中无法打开文件选择对话框</title>
-    <url>/posts/2022/1RWN42Y.html</url>
-    <content><![CDATA[<p>webview2 可以是一个 .NET
-环境下运行网页的一个组件，用它可以将网页封装成桌面端程序。封装后，可能会出现无法打开文件选择框的情况，可按如下方法解决。</p>
+    <title>WPF中修改TextBox的行高及实现RichTextBox绑定</title>
+    <url>/posts/2020/1PP7XJ3.html</url>
+    <content><![CDATA[<p>在 WPF 中，有时需要利用 TexTBox
+来多行展示数据，但是，它默认的行高太丑，需要我们自己定义。</p>
 <span id="more"></span>
-<h2 id="解决方法">解决方法</h2>
-<ol type="1">
-<li>删除目录运行目录下的 <code>ProgramName.exe.WebView2</code>
-文件夹</li>
-<li>用普通账户打开(不要用管理员账户运行程序)</li>
-</ol>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://github.com/MicrosoftEdge/WebView2Feedback/issues/734">WebView2
-WPF application can't open file dialog when it run as
-administrator</a></p>
-<p><a
-href="https://github.com/MicrosoftEdge/WebView2Feedback/issues/728">Cannot
-open files dialog</a></p>
-<p><a
-href="https://github.com/MicrosoftEdge/WebView2Feedback/issues/802#issuecomment-1282930267">File
-Open/Save Dialog doesn't show running w/ elevated privileges</a></p>
+<p>设置如下属性即可：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">&lt;TextBox TextBlock.LineHeight=<span class="string">&quot;10&quot;</span> TextBlock.LineStackingStrategy=<span class="string">&quot;BlockLineHeight&quot;</span> /&gt; </span><br></pre></td></tr></table></figure>
+<p>当然，也有可能会用 RichTextBox，这就不会有这个问题，但是 WPF
+的富文本不能进行 Text 绑定，所以在 MVVM 中，用起来很难受。</p>
+<p>幸好，有一个扩展可以解决这个问题，它叫 <a
+href="https://github.com/xceedsoftware/wpftoolkit/wiki/RichTextBox">wpftoolkit</a></p>
+<p>用法如下：</p>
+<figure class="highlight xml"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">toolkit:RichTextBox</span> <span class="attr">x:Name</span>=<span class="string">&quot;_richTextBox&quot;</span> <span class="attr">Grid.Row</span>=<span class="string">&quot;1&quot;</span> <span class="attr">Margin</span>=<span class="string">&quot;10&quot;</span> <span class="attr">BorderBrush</span>=<span class="string">&quot;Gray&quot;</span> <span class="attr">Padding</span>=<span class="string">&quot;10&quot;</span></span></span><br><span class="line"><span class="tag">                                          <span class="attr">Text</span>=<span class="string">&quot;&#123;Binding Notes&#125;&quot;</span> </span></span><br><span class="line"><span class="tag">                                          <span class="attr">ScrollViewer.VerticalScrollBarVisibility</span>=<span class="string">&quot;Auto&quot;</span> /&gt;</span></span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>DotNET</category>
-        <category>Webview2</category>
+        <category>WPF</category>
       </categories>
       <tags>
-        <tag>C#</tag>
-        <tag>webview2</tag>
+        <tag>WPF</tag>
+        <tag>TextBox</tag>
       </tags>
   </entry>
   <entry>
@@ -31109,37 +31074,37 @@ href="https://www.cnblogs.com/xiaoliangge/p/9476568.html">NetCore
       </tags>
   </entry>
   <entry>
-    <title>C# 读取嵌入的文件</title>
-    <url>/posts/2021/2P07T4K.html</url>
-    <content><![CDATA[<p>如何在 C# 中读取嵌入的文件资源？</p>
-<span id="more"></span>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 读取程序中嵌入的文件</span></span><br><span class="line">Stream stream = Assembly.GetExecutingAssembly().GetManifestResourceStream(<span class="string">&quot;命名空间.文件夹名（多层级用.分隔）.文件名（带后缀）&quot;</span>);</span><br><span class="line">StreamReader sr = <span class="keyword">new</span> StreamReader(stream, Encoding.UTF8); <span class="comment">// 编码格式用utf8，防止中文乱码</span></span><br><span class="line"><span class="keyword">var</span> systemShortcutsConfig = sr.ReadToEnd();</span><br><span class="line">sr.Close();</span><br><span class="line">stream.Close();</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>实用代码</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-        <tag>实用代码</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>数组下标无限循环算法</title>
-    <url>/posts/2021/1MAH7MY.html</url>
-    <content><![CDATA[<p>在进行数组访问时，为了防止数组溢出，可以在在使用中对下标进行处理。处理代码如下：</p>
+    <title>Webview2 中无法打开文件选择对话框</title>
+    <url>/posts/2022/1RWN42Y.html</url>
+    <content><![CDATA[<p>webview2 可以是一个 .NET
+环境下运行网页的一个组件，用它可以将网页封装成桌面端程序。封装后，可能会出现无法打开文件选择框的情况，可按如下方法解决。</p>
 <span id="more"></span>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 用于for循环中，最大值溢出时返回到开始</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">int</span> <span class="title">CycleInt</span>(<span class="params"><span class="keyword">this</span> <span class="built_in">int</span> index, <span class="built_in">int</span> count</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="built_in">int</span> indexTemp = index % count;</span><br><span class="line">    <span class="keyword">if</span> (index &lt; <span class="number">0</span>) <span class="keyword">return</span> count + indexTemp;</span><br><span class="line">    <span class="keyword">return</span> indexTemp;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="解决方法">解决方法</h2>
+<ol type="1">
+<li>删除目录运行目录下的 <code>ProgramName.exe.WebView2</code>
+文件夹</li>
+<li>用普通账户打开(不要用管理员账户运行程序)</li>
+</ol>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://github.com/MicrosoftEdge/WebView2Feedback/issues/734">WebView2
+WPF application can't open file dialog when it run as
+administrator</a></p>
+<p><a
+href="https://github.com/MicrosoftEdge/WebView2Feedback/issues/728">Cannot
+open files dialog</a></p>
+<p><a
+href="https://github.com/MicrosoftEdge/WebView2Feedback/issues/802#issuecomment-1282930267">File
+Open/Save Dialog doesn't show running w/ elevated privileges</a></p>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>DotNET</category>
-        <category>实用代码</category>
+        <category>Webview2</category>
       </categories>
       <tags>
         <tag>C#</tag>
-        <tag>实用代码</tag>
+        <tag>webview2</tag>
       </tags>
   </entry>
   <entry>
@@ -31245,34 +31210,6 @@ href="https://github.com/MicrosoftEdge/WebView2Feedback/issues/3008">COMExceptio
         <tag>galens</tag>
       </tags>
   </entry>
-  <entry>
-    <title>C# 通过 ()=&gt;obj.Property 的形式获取实例和属性名</title>
-    <url>/posts/2022/1A0Q13P.html</url>
-    <content><![CDATA[<p>在利用反射编程的时候，我们有时候往往需要通过对象的属性来获取属性名和其对象，例
-<code>()=&gt;obj.Property</code>。这样做的好处是：属性名称不再是字符串，而是直接从属性名获取，方便后期维护。</p>
-<span id="more"></span>
-<h2 id="正文">正文</h2>
-<p>实现代码如下：</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="title">Tuple</span>&lt;<span class="title">object</span>, <span class="title">MemberInfo</span>&gt; <span class="title">GetFieldInfoAndInstance</span>&lt;<span class="title">T</span>&gt;(<span class="params">Expression&lt;Func&lt;T&gt;&gt; lambdaExpression</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 获取 memberInfo</span></span><br><span class="line">    MemberExpression memberExpression = (!(lambdaExpression.Body <span class="keyword">is</span> UnaryExpression expression)) ? ((MemberExpression)lambdaExpression.Body) : ((MemberExpression)expression.Operand);</span><br><span class="line">    MemberInfo memberInfo = memberExpression.Member;</span><br><span class="line"></span><br><span class="line">    <span class="comment">// 获取实例</span></span><br><span class="line">    MemberExpression instanceMemberInfoExp = memberExpression.Expression <span class="keyword">as</span> MemberExpression;</span><br><span class="line">    FieldInfo instanceFieldInfo = instanceMemberInfoExp.Member <span class="keyword">as</span> FieldInfo;</span><br><span class="line">    <span class="keyword">var</span> classInstanceExp = instanceMemberInfoExp.Expression <span class="keyword">as</span> ConstantExpression;</span><br><span class="line">    <span class="keyword">var</span> instance = instanceFieldInfo.GetValue(classInstanceExp.Value);</span><br><span class="line"></span><br><span class="line">    <span class="keyword">return</span> <span class="keyword">new</span> Tuple&lt;<span class="built_in">object</span>, MemberInfo&gt;(instance, memberInfo);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>使用代码</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// student 是一个学生定义，此处不展示代码</span></span><br><span class="line"><span class="keyword">var</span> student = <span class="keyword">new</span> Student();</span><br><span class="line"><span class="comment">// result 第一个值为 student 对象</span></span><br><span class="line"><span class="comment">// result 第二个值为 student 中 Name 相关信息，通过它就可以获取 Name 的名称</span></span><br><span class="line">Tuple&lt;<span class="built_in">object</span>, FieldInfo&gt; result = TestExpression.GetFieldInfoAndInstance(() =&gt; student.Name);</span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><a
-href="https://stackoverflow.com/questions/5092387/how-can-i-get-object-instance-from-foo-title-expression">How
-can I get object instance from ()=&gt;foo.Title expression</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>实用代码</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-        <tag>实用代码</tag>
-      </tags>
-  </entry>
   <entry>
     <title>C# 中检测 Webview2 是否安装</title>
     <url>/posts/2023/210TYTX.html</url>
@@ -31309,138 +31246,6 @@ Overflow</a></p>
         <tag>webview2</tag>
       </tags>
   </entry>
-  <entry>
-    <title>C# 获取枚举上的 Description 特性值</title>
-    <url>/posts/2022/9RVNQC.html</url>
-    <content><![CDATA[<p>有些时候，我们会利用枚举来进行数据映射，通过会在枚举上添加
-<code>Description</code> 特性来标记映射的值。</p>
-<p>本文介绍如何获取枚举上的描述。</p>
-<span id="more"></span>
-<p>枚举定义：</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> BookType</span><br><span class="line">&#123;</span><br><span class="line">    [<span class="meta">Descrption(<span class="string">&quot;语文&quot;</span>)</span>]</span><br><span class="line">    Chinese,</span><br><span class="line">    </span><br><span class="line">    [<span class="meta">Descrption(<span class="string">&quot;数学&quot;</span>)</span>]</span><br><span class="line">    Math</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>通过枚举获取描述：</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 获取枚举的描述值</span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;param name=&quot;enum&quot;&gt;</span><span class="doctag">&lt;/param&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;returns&gt;</span><span class="doctag">&lt;/returns&gt;</span></span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">string</span> <span class="title">GetDescription</span>(<span class="params"><span class="keyword">this</span> Enum @<span class="built_in">enum</span></span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="built_in">string</span> <span class="keyword">value</span> = @enum.ToString();</span><br><span class="line">    FieldInfo field = @enum.GetType().GetField(<span class="keyword">value</span>);</span><br><span class="line">    <span class="comment">// 获取描述特性，禁止继承的特性</span></span><br><span class="line">    <span class="built_in">object</span>[] objs = field.GetCustomAttributes(<span class="keyword">typeof</span>(DescriptionAttribute), <span class="literal">false</span>);</span><br><span class="line"></span><br><span class="line">    <span class="comment">// 当描述特性没有时，直接返回名称</span></span><br><span class="line">    <span class="keyword">if</span> (objs.Length == <span class="number">0</span>)</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">value</span>;</span><br><span class="line"></span><br><span class="line">    DescriptionAttribute descriptionAttribute = (DescriptionAttribute)objs[<span class="number">0</span>];</span><br><span class="line"></span><br><span class="line">    <span class="keyword">return</span> descriptionAttribute.Description;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>通过描述获取枚举：</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 通过描述获取枚举值</span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;typeparam name=&quot;T&quot;&gt;</span><span class="doctag">&lt;/typeparam&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;param name=&quot;description&quot;&gt;</span><span class="doctag">&lt;/param&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;returns&gt;</span><span class="doctag">&lt;/returns&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;exception cref=&quot;DllNotFoundException&quot;&gt;</span><span class="doctag">&lt;/exception&gt;</span></span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> T <span class="title">GetEnumByDescription</span>&lt;<span class="title">T</span>&gt;(<span class="params"><span class="keyword">this</span> <span class="built_in">string</span> description</span>) <span class="keyword">where</span> T : Enum</span></span><br><span class="line">&#123;</span><br><span class="line">    FieldInfo[] fields = <span class="keyword">typeof</span>(T).GetFields();</span><br><span class="line"></span><br><span class="line">    <span class="keyword">foreach</span>(<span class="keyword">var</span> field <span class="keyword">in</span> fields)</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="built_in">object</span>[] objs = field.GetCustomAttributes(<span class="keyword">typeof</span>(DescriptionAttribute), <span class="literal">false</span>);</span><br><span class="line">        <span class="keyword">if</span>(objs.Length&gt;<span class="number">0</span> &amp;&amp; objs[<span class="number">0</span>] <span class="keyword">is</span> DescriptionAttribute da &amp;&amp; da.Description == description)</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> (T)field.GetValue(<span class="literal">null</span>);</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="keyword">throw</span> <span class="keyword">new</span> DllNotFoundException(<span class="string">$&quot;not found <span class="subst">&#123;description&#125;</span>&quot;</span>);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>实用代码</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-        <tag>实用代码</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>C# 判断文件是否被占用</title>
-    <url>/posts/2022/E348XP.html</url>
-    <content><![CDATA[<p>在<code>C#</code>中判断文件是否被占用一般有两种方法，一是利用<code>FileStream</code>结合<code>try...catch...finally</code>实现，二是调用<code>Windows API</code>实现，下面给出两种方法的代码。</p>
-<span id="more"></span>
-<h2 id="文件流法">文件流法</h2>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> System;</span><br><span class="line"><span class="keyword">using</span> System.Collections.Generic;</span><br><span class="line"><span class="keyword">using</span> System.IO;</span><br><span class="line"><span class="keyword">using</span> System.Linq;</span><br><span class="line"><span class="keyword">using</span> System.Text;</span><br><span class="line"><span class="keyword">using</span> System.Threading.Tasks;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">ConsoleApp3</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">class</span> <span class="title">Program</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="function"><span class="keyword">static</span> <span class="keyword">void</span> <span class="title">Main</span>(<span class="params"><span class="built_in">string</span>[] args</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="built_in">string</span> filePath = <span class="string">@&quot;D:\data.xlsx&quot;</span>;</span><br><span class="line">            <span class="built_in">bool</span> occupied = IsOccupied(filePath);</span><br><span class="line">            <span class="keyword">if</span> (occupied)</span><br><span class="line">            &#123;</span><br><span class="line">                Console.WriteLine(<span class="string">&quot;文件被占用&quot;</span>);</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                Console.WriteLine(<span class="string">&quot;文件未被占用&quot;</span>);</span><br><span class="line">            &#125;</span><br><span class="line">            Console.ReadKey(<span class="literal">true</span>);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">static</span> <span class="built_in">bool</span> <span class="title">IsOccupied</span>(<span class="params"><span class="built_in">string</span> filePath</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            FileStream stream = <span class="literal">null</span>;</span><br><span class="line">            <span class="keyword">try</span></span><br><span class="line">            &#123;</span><br><span class="line">                stream = <span class="keyword">new</span> FileStream(filePath, FileMode.Open, FileAccess.Read, FileShare.None);</span><br><span class="line">                <span class="keyword">return</span> <span class="literal">false</span>;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">catch</span></span><br><span class="line">            &#123;</span><br><span class="line">                <span class="keyword">return</span> <span class="literal">true</span>;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">finally</span></span><br><span class="line">            &#123;</span><br><span class="line">                <span class="keyword">if</span> (stream != <span class="literal">null</span>)</span><br><span class="line">                &#123;</span><br><span class="line">                    stream.Close();</span><br><span class="line">                &#125;</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
-<h2 id="windows-api法">Windows <a
-href="https://so.csdn.net/so/search?q=API&amp;spm=1001.2101.3001.7020">API</a>法</h2>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> System;</span><br><span class="line"><span class="keyword">using</span> System.Runtime.InteropServices;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">ConsoleApp3</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">class</span> <span class="title">Program</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">// 判断文件是否打开</span></span><br><span class="line">        [<span class="meta">DllImport(<span class="string">&quot;kernel32.dll&quot;</span>)</span>]</span><br><span class="line">        <span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">extern</span> IntPtr _lopen(<span class="built_in">string</span> lpPathName, <span class="built_in">int</span> iReadWrite);</span><br><span class="line"></span><br><span class="line">        <span class="comment">// 关闭文件句柄</span></span><br><span class="line">        [<span class="meta">DllImport(<span class="string">&quot;kernel32.dll&quot;</span>)</span>]</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">extern</span> <span class="built_in">bool</span> <span class="title">CloseHandle</span>(<span class="params">IntPtr hObject</span>)</span>;</span><br><span class="line"></span><br><span class="line">        <span class="comment">// 常量</span></span><br><span class="line">        <span class="keyword">public</span> <span class="keyword">const</span> <span class="built_in">int</span> OF_READWRITE = <span class="number">2</span>;</span><br><span class="line">        <span class="keyword">public</span> <span class="keyword">const</span> <span class="built_in">int</span> OF_SHARE_DENY_NONE = <span class="number">0x40</span>;</span><br><span class="line">        <span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">readonly</span> IntPtr HFILE_ERROR = <span class="keyword">new</span> IntPtr(<span class="number">-1</span>);</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">static</span> <span class="keyword">void</span> <span class="title">Main</span>(<span class="params"><span class="built_in">string</span>[] args</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="built_in">string</span> filePath = <span class="string">@&quot;D:\data.xlsx&quot;</span>;</span><br><span class="line">            <span class="built_in">bool</span> occupied = IsOccupied(filePath);</span><br><span class="line">            <span class="keyword">if</span> (occupied)</span><br><span class="line">            &#123;</span><br><span class="line">                Console.WriteLine(<span class="string">&quot;文件被占用&quot;</span>);</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                Console.WriteLine(<span class="string">&quot;文件未被占用&quot;</span>);</span><br><span class="line">            &#125;</span><br><span class="line">            Console.ReadKey(<span class="literal">true</span>);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">static</span> <span class="built_in">bool</span> <span class="title">IsOccupied</span>(<span class="params"><span class="built_in">string</span> filePath</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            IntPtr handler = _lopen(filePath, OF_READWRITE | OF_SHARE_DENY_NONE);</span><br><span class="line">            CloseHandle(handler);</span><br><span class="line">            <span class="keyword">return</span> handler == HFILE_ERROR;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<p>原谅链接：https://blog.csdn.net/HerryDong/article/details/115626620</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>实用代码</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>通用的深复制功能实现</title>
-    <url>/posts/2022/14XRC75.html</url>
-    <content><![CDATA[<p>在代码中经常会遇到需要把对象复制一遍，或者把属性名相同的值复制一遍。为了使得复制操作更加优雅，可以使用下列方式来进行复制，而不必针为每个类实现克隆操作。</p>
-<span id="more"></span>
-<h2 id="代码">代码</h2>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 深度复制</span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 这样做了为了能够</span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 参考 </span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">class</span> <span class="title">DeepClone</span>&lt;<span class="title">TIn</span>, <span class="title">TOut</span>&gt;</span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">private</span> <span class="keyword">static</span> Func&lt;TIn, TOut&gt; _cache = <span class="literal">null</span>;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">private</span> <span class="keyword">static</span> Func&lt;TIn, TOut&gt; <span class="title">GetFunc</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        ParameterExpression parameterExpression = Expression.Parameter(<span class="keyword">typeof</span>(TIn), <span class="string">&quot;p&quot;</span>);</span><br><span class="line">        List&lt;MemberBinding&gt; memberBindingList = <span class="keyword">new</span> List&lt;MemberBinding&gt;();</span><br><span class="line"></span><br><span class="line">        Type inType = <span class="keyword">typeof</span>(TIn);</span><br><span class="line">        <span class="keyword">foreach</span> (<span class="function"><span class="keyword">var</span> item <span class="keyword">in</span> <span class="title">typeof</span>(<span class="params">TOut</span>).<span class="title">GetProperties</span>())</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">if</span> (!item.CanWrite)</span><br><span class="line">                <span class="keyword">continue</span>;</span><br><span class="line"></span><br><span class="line">            <span class="comment">// 有可能克隆目标为子类，父类中没有相应属性</span></span><br><span class="line">            <span class="keyword">var</span> prop = inType.GetProperty(item.Name);</span><br><span class="line">            <span class="keyword">if</span> (prop == <span class="literal">null</span>) <span class="keyword">continue</span>;</span><br><span class="line"></span><br><span class="line">            MemberExpression property = Expression.Property(parameterExpression,prop);</span><br><span class="line">            MemberBinding memberBinding = Expression.Bind(item, property);</span><br><span class="line">            memberBindingList.Add(memberBinding);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        MemberInitExpression memberInitExpression = Expression.MemberInit(Expression.New(<span class="keyword">typeof</span>(TOut)), memberBindingList.ToArray());</span><br><span class="line">        Expression&lt;Func&lt;TIn, TOut&gt;&gt; lambda = Expression.Lambda&lt;Func&lt;TIn, TOut&gt;&gt;(memberInitExpression, <span class="keyword">new</span> ParameterExpression[] &#123; parameterExpression &#125;);</span><br><span class="line">        <span class="keyword">return</span> lambda.Compile();</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> 获取结果</span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;param name=&quot;tIn&quot;&gt;</span><span class="doctag">&lt;/param&gt;</span></span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;returns&gt;</span><span class="doctag">&lt;/returns&gt;</span></span></span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> TOut <span class="title">Clone</span>(<span class="params">TIn tIn</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">if</span> (_cache == <span class="literal">null</span>) _cache = GetFunc();</span><br><span class="line">        <span class="keyword">return</span> _cache(tIn);</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<p><a href="https://www.zhangshengrong.com/p/Wx1J0r2NoM/">C#
-快速高效率复制对象（表达式树）</a></p>
-<p><a
-href="https://codeleading.com/article/11753696302/">C#基于表达式（Expression）实现对象深拷贝</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>实用代码</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-        <tag>实用代码</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>C# 获取当前程序运行路径的方法集合</title>
-    <url>/posts/2023/2JYPDKM.html</url>
-    <content><![CDATA[<p>本文介绍了如何在 C#
-中获取当前程序的运行路径，同时对比这些方法的差别。</p>
-<span id="more"></span>
-<h2 id="获取方式">获取方式</h2>
-<ol type="1">
-<li><p>获取当前进程的完整路径，包含文件名(进程名)</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = <span class="keyword">this</span>.GetType().Assembly.Location;</span><br><span class="line">result: X:\xxx\xxx\xxx.exe (.exe文件所在的目录+.exe文件名)</span><br></pre></td></tr></table></figure></li>
-<li><p>获取新的 Process
-组件并将其与当前活动的进程关联的主模块的完整路径，包含文件名(进程名)。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.Diagnostics.Process.GetCurrentProcess().MainModule.FileName;</span><br><span class="line">result: X:\xxx\xxx\xxx.exe (.exe文件所在的目录+.exe文件名)</span><br></pre></td></tr></table></figure></li>
-<li><p>获取和设置当前目录（即该进程从中启动的目录）的完全限定路径。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.Environment.CurrentDirectory;</span><br><span class="line">result: X:\xxx\xxx (.exe文件所在的目录)</span><br></pre></td></tr></table></figure></li>
-<li><p>获取当前 Thread
-的当前应用程序域的基目录，它由程序集冲突解决程序用来探测程序集。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.AppDomain.CurrentDomain.BaseDirectory;</span><br><span class="line">result: X:\xxx\xxx\ (.exe文件所在的目录+<span class="string">&quot;\&quot;)</span></span><br></pre></td></tr></table></figure></li>
-<li><p>获取和设置包含该应用程序的目录的名称。(推荐)</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.AppDomain.CurrentDomain.SetupInformation.ApplicationBase;</span><br><span class="line">result: X:\xxx\xxx\ (.exe文件所在的目录+<span class="string">&quot;\&quot;)</span></span><br></pre></td></tr></table></figure></li>
-<li><p>获取启动了应用程序的可执行文件的路径，不包括可执行文件的名称。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.Windows.Forms.Application.StartupPath;</span><br><span class="line">result: X:\xxx\xxx (.exe文件所在的目录)</span><br></pre></td></tr></table></figure></li>
-<li><p>获取启动了应用程序的可执行文件的路径，包括可执行文件的名称。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.Windows.Forms.Application.ExecutablePath;</span><br><span class="line">result: X:\xxx\xxx\xxx.exe (.exe文件所在的目录+.exe文件名)</span><br></pre></td></tr></table></figure></li>
-<li><p>获取应用程序的当前工作目录(不可靠)。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.IO.Directory.GetCurrentDirectory();</span><br><span class="line">result: X:\xxx\xxx (.exe文件所在的目录)</span><br></pre></td></tr></table></figure></li>
-<li><p>包含应用程序的基目录的字符串，不包括尾部分隔符。这通常是启动程序集的目录。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">AppContext.BaseDirectory</span><br></pre></td></tr></table></figure></li>
-<li><p>获取包含当前执行的程序集的文件的路径</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">Assembly.GetExecutingAssembly().Location</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>这个方法也可以用于获取其他程序集的路径，只要你传入那个程序集的类型。</p>
-</blockquote></li>
-</ol>
-<h2 id="区别">区别</h2>
-<ol type="1">
-<li><code>Directory.GetCurrentDirectory()</code> 和
-<code>Environment.CurrentDirectory</code>
-都返回当前工作目录的完全限定路径，它们通常是相同的。但是，<code>Directory.GetCurrentDirectory()</code>
-返回的路径可能会因为工作目录的改变而改变，而
-<code>Environment.CurrentDirectory</code>
-只是获取当前工作目录的值，不会随着工作目录的改变而改变。</li>
-<li><code>AppContext.BaseDirectory</code>
-返回应用程序的基目录，这个目录通常是启动程序集的目录，不包括尾部分隔符。</li>
-<li><code>Assembly.GetExecutingAssembly().Location</code>
-获取包含当前执行的程序集的文件的路径，它通常是一个完整的文件路径。使用这个方法时，需要注意，当程序集是从网络上下载时，可能无法获取到它的位置。</li>
-</ol>
-<h2 id="总结">总结</h2>
-<p>具体使用哪种方法获取当前路径取决于你的具体需求。一般来说，如果你需要获取应用程序的基目录，应该使用
-<code>AppContext.BaseDirectory</code>；如果需要获取包含当前执行程序集的文件路径，应该使用
-<code>Assembly.GetExecutingAssembly().Location</code>。如果需要获取当前工作目录的路径，可以使用
-<code>Directory.GetCurrentDirectory()</code> 或
-<code>Environment.CurrentDirectory</code>。</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>实用代码</category>
-      </categories>
-      <tags>
-        <tag>C#</tag>
-      </tags>
-  </entry>
   <entry>
     <title>.NET Core 单元测试从零基础到项目应用</title>
     <url>/posts/2022/3D1SMMC.html</url>
@@ -31570,6 +31375,200 @@ href="https://www.cnblogs.com/jara/p/7152843.html">C#单元测试：使用Moq框
         <tag>单元测试</tag>
       </tags>
   </entry>
+  <entry>
+    <title>C# 读取嵌入的文件</title>
+    <url>/posts/2021/2P07T4K.html</url>
+    <content><![CDATA[<p>如何在 C# 中读取嵌入的文件资源？</p>
+<span id="more"></span>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 读取程序中嵌入的文件</span></span><br><span class="line">Stream stream = Assembly.GetExecutingAssembly().GetManifestResourceStream(<span class="string">&quot;命名空间.文件夹名（多层级用.分隔）.文件名（带后缀）&quot;</span>);</span><br><span class="line">StreamReader sr = <span class="keyword">new</span> StreamReader(stream, Encoding.UTF8); <span class="comment">// 编码格式用utf8，防止中文乱码</span></span><br><span class="line"><span class="keyword">var</span> systemShortcutsConfig = sr.ReadToEnd();</span><br><span class="line">sr.Close();</span><br><span class="line">stream.Close();</span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>实用代码</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>实用代码</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>数组下标无限循环算法</title>
+    <url>/posts/2021/1MAH7MY.html</url>
+    <content><![CDATA[<p>在进行数组访问时，为了防止数组溢出，可以在在使用中对下标进行处理。处理代码如下：</p>
+<span id="more"></span>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 用于for循环中，最大值溢出时返回到开始</span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">int</span> <span class="title">CycleInt</span>(<span class="params"><span class="keyword">this</span> <span class="built_in">int</span> index, <span class="built_in">int</span> count</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="built_in">int</span> indexTemp = index % count;</span><br><span class="line">    <span class="keyword">if</span> (index &lt; <span class="number">0</span>) <span class="keyword">return</span> count + indexTemp;</span><br><span class="line">    <span class="keyword">return</span> indexTemp;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>实用代码</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>实用代码</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>C# 通过 ()=&gt;obj.Property 的形式获取实例和属性名</title>
+    <url>/posts/2022/1A0Q13P.html</url>
+    <content><![CDATA[<p>在利用反射编程的时候，我们有时候往往需要通过对象的属性来获取属性名和其对象，例
+<code>()=&gt;obj.Property</code>。这样做的好处是：属性名称不再是字符串，而是直接从属性名获取，方便后期维护。</p>
+<span id="more"></span>
+<h2 id="正文">正文</h2>
+<p>实现代码如下：</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="title">Tuple</span>&lt;<span class="title">object</span>, <span class="title">MemberInfo</span>&gt; <span class="title">GetFieldInfoAndInstance</span>&lt;<span class="title">T</span>&gt;(<span class="params">Expression&lt;Func&lt;T&gt;&gt; lambdaExpression</span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="comment">// 获取 memberInfo</span></span><br><span class="line">    MemberExpression memberExpression = (!(lambdaExpression.Body <span class="keyword">is</span> UnaryExpression expression)) ? ((MemberExpression)lambdaExpression.Body) : ((MemberExpression)expression.Operand);</span><br><span class="line">    MemberInfo memberInfo = memberExpression.Member;</span><br><span class="line"></span><br><span class="line">    <span class="comment">// 获取实例</span></span><br><span class="line">    MemberExpression instanceMemberInfoExp = memberExpression.Expression <span class="keyword">as</span> MemberExpression;</span><br><span class="line">    FieldInfo instanceFieldInfo = instanceMemberInfoExp.Member <span class="keyword">as</span> FieldInfo;</span><br><span class="line">    <span class="keyword">var</span> classInstanceExp = instanceMemberInfoExp.Expression <span class="keyword">as</span> ConstantExpression;</span><br><span class="line">    <span class="keyword">var</span> instance = instanceFieldInfo.GetValue(classInstanceExp.Value);</span><br><span class="line"></span><br><span class="line">    <span class="keyword">return</span> <span class="keyword">new</span> Tuple&lt;<span class="built_in">object</span>, MemberInfo&gt;(instance, memberInfo);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>使用代码</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment">// student 是一个学生定义，此处不展示代码</span></span><br><span class="line"><span class="keyword">var</span> student = <span class="keyword">new</span> Student();</span><br><span class="line"><span class="comment">// result 第一个值为 student 对象</span></span><br><span class="line"><span class="comment">// result 第二个值为 student 中 Name 相关信息，通过它就可以获取 Name 的名称</span></span><br><span class="line">Tuple&lt;<span class="built_in">object</span>, FieldInfo&gt; result = TestExpression.GetFieldInfoAndInstance(() =&gt; student.Name);</span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><a
+href="https://stackoverflow.com/questions/5092387/how-can-i-get-object-instance-from-foo-title-expression">How
+can I get object instance from ()=&gt;foo.Title expression</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>实用代码</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>实用代码</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>C# 获取枚举上的 Description 特性值</title>
+    <url>/posts/2022/9RVNQC.html</url>
+    <content><![CDATA[<p>有些时候，我们会利用枚举来进行数据映射，通过会在枚举上添加
+<code>Description</code> 特性来标记映射的值。</p>
+<p>本文介绍如何获取枚举上的描述。</p>
+<span id="more"></span>
+<p>枚举定义：</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">public</span> <span class="built_in">enum</span> BookType</span><br><span class="line">&#123;</span><br><span class="line">    [<span class="meta">Descrption(<span class="string">&quot;语文&quot;</span>)</span>]</span><br><span class="line">    Chinese,</span><br><span class="line">    </span><br><span class="line">    [<span class="meta">Descrption(<span class="string">&quot;数学&quot;</span>)</span>]</span><br><span class="line">    Math</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>通过枚举获取描述：</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 获取枚举的描述值</span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;param name=&quot;enum&quot;&gt;</span><span class="doctag">&lt;/param&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;returns&gt;</span><span class="doctag">&lt;/returns&gt;</span></span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="built_in">string</span> <span class="title">GetDescription</span>(<span class="params"><span class="keyword">this</span> Enum @<span class="built_in">enum</span></span>)</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="built_in">string</span> <span class="keyword">value</span> = @enum.ToString();</span><br><span class="line">    FieldInfo field = @enum.GetType().GetField(<span class="keyword">value</span>);</span><br><span class="line">    <span class="comment">// 获取描述特性，禁止继承的特性</span></span><br><span class="line">    <span class="built_in">object</span>[] objs = field.GetCustomAttributes(<span class="keyword">typeof</span>(DescriptionAttribute), <span class="literal">false</span>);</span><br><span class="line"></span><br><span class="line">    <span class="comment">// 当描述特性没有时，直接返回名称</span></span><br><span class="line">    <span class="keyword">if</span> (objs.Length == <span class="number">0</span>)</span><br><span class="line">        <span class="keyword">return</span> <span class="keyword">value</span>;</span><br><span class="line"></span><br><span class="line">    DescriptionAttribute descriptionAttribute = (DescriptionAttribute)objs[<span class="number">0</span>];</span><br><span class="line"></span><br><span class="line">    <span class="keyword">return</span> descriptionAttribute.Description;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>通过描述获取枚举：</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 通过描述获取枚举值</span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;typeparam name=&quot;T&quot;&gt;</span><span class="doctag">&lt;/typeparam&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;param name=&quot;description&quot;&gt;</span><span class="doctag">&lt;/param&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;returns&gt;</span><span class="doctag">&lt;/returns&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;exception cref=&quot;DllNotFoundException&quot;&gt;</span><span class="doctag">&lt;/exception&gt;</span></span></span><br><span class="line"><span class="function"><span class="keyword">public</span> <span class="keyword">static</span> T <span class="title">GetEnumByDescription</span>&lt;<span class="title">T</span>&gt;(<span class="params"><span class="keyword">this</span> <span class="built_in">string</span> description</span>) <span class="keyword">where</span> T : Enum</span></span><br><span class="line">&#123;</span><br><span class="line">    FieldInfo[] fields = <span class="keyword">typeof</span>(T).GetFields();</span><br><span class="line"></span><br><span class="line">    <span class="keyword">foreach</span>(<span class="keyword">var</span> field <span class="keyword">in</span> fields)</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="built_in">object</span>[] objs = field.GetCustomAttributes(<span class="keyword">typeof</span>(DescriptionAttribute), <span class="literal">false</span>);</span><br><span class="line">        <span class="keyword">if</span>(objs.Length&gt;<span class="number">0</span> &amp;&amp; objs[<span class="number">0</span>] <span class="keyword">is</span> DescriptionAttribute da &amp;&amp; da.Description == description)</span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">return</span> (T)field.GetValue(<span class="literal">null</span>);</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="keyword">throw</span> <span class="keyword">new</span> DllNotFoundException(<span class="string">$&quot;not found <span class="subst">&#123;description&#125;</span>&quot;</span>);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>实用代码</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>实用代码</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>通用的深复制功能实现</title>
+    <url>/posts/2022/14XRC75.html</url>
+    <content><![CDATA[<p>在代码中经常会遇到需要把对象复制一遍，或者把属性名相同的值复制一遍。为了使得复制操作更加优雅，可以使用下列方式来进行复制，而不必针为每个类实现克隆操作。</p>
+<span id="more"></span>
+<h2 id="代码">代码</h2>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 深度复制</span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 这样做了为了能够</span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> 参考 </span></span><br><span class="line"><span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">class</span> <span class="title">DeepClone</span>&lt;<span class="title">TIn</span>, <span class="title">TOut</span>&gt;</span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">private</span> <span class="keyword">static</span> Func&lt;TIn, TOut&gt; _cache = <span class="literal">null</span>;</span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">private</span> <span class="keyword">static</span> Func&lt;TIn, TOut&gt; <span class="title">GetFunc</span>()</span></span><br><span class="line">    &#123;</span><br><span class="line">        ParameterExpression parameterExpression = Expression.Parameter(<span class="keyword">typeof</span>(TIn), <span class="string">&quot;p&quot;</span>);</span><br><span class="line">        List&lt;MemberBinding&gt; memberBindingList = <span class="keyword">new</span> List&lt;MemberBinding&gt;();</span><br><span class="line"></span><br><span class="line">        Type inType = <span class="keyword">typeof</span>(TIn);</span><br><span class="line">        <span class="keyword">foreach</span> (<span class="function"><span class="keyword">var</span> item <span class="keyword">in</span> <span class="title">typeof</span>(<span class="params">TOut</span>).<span class="title">GetProperties</span>())</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="keyword">if</span> (!item.CanWrite)</span><br><span class="line">                <span class="keyword">continue</span>;</span><br><span class="line"></span><br><span class="line">            <span class="comment">// 有可能克隆目标为子类，父类中没有相应属性</span></span><br><span class="line">            <span class="keyword">var</span> prop = inType.GetProperty(item.Name);</span><br><span class="line">            <span class="keyword">if</span> (prop == <span class="literal">null</span>) <span class="keyword">continue</span>;</span><br><span class="line"></span><br><span class="line">            MemberExpression property = Expression.Property(parameterExpression,prop);</span><br><span class="line">            MemberBinding memberBinding = Expression.Bind(item, property);</span><br><span class="line">            memberBindingList.Add(memberBinding);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        MemberInitExpression memberInitExpression = Expression.MemberInit(Expression.New(<span class="keyword">typeof</span>(TOut)), memberBindingList.ToArray());</span><br><span class="line">        Expression&lt;Func&lt;TIn, TOut&gt;&gt; lambda = Expression.Lambda&lt;Func&lt;TIn, TOut&gt;&gt;(memberInitExpression, <span class="keyword">new</span> ParameterExpression[] &#123; parameterExpression &#125;);</span><br><span class="line">        <span class="keyword">return</span> lambda.Compile();</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;summary&gt;</span></span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> 获取结果</span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;/summary&gt;</span></span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;param name=&quot;tIn&quot;&gt;</span><span class="doctag">&lt;/param&gt;</span></span></span><br><span class="line">    <span class="comment"><span class="doctag">///</span> <span class="doctag">&lt;returns&gt;</span><span class="doctag">&lt;/returns&gt;</span></span></span><br><span class="line"></span><br><span class="line">    <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> TOut <span class="title">Clone</span>(<span class="params">TIn tIn</span>)</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">if</span> (_cache == <span class="literal">null</span>) _cache = GetFunc();</span><br><span class="line">        <span class="keyword">return</span> _cache(tIn);</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<p><a href="https://www.zhangshengrong.com/p/Wx1J0r2NoM/">C#
+快速高效率复制对象（表达式树）</a></p>
+<p><a
+href="https://codeleading.com/article/11753696302/">C#基于表达式（Expression）实现对象深拷贝</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>实用代码</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+        <tag>实用代码</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>C# 判断文件是否被占用</title>
+    <url>/posts/2022/E348XP.html</url>
+    <content><![CDATA[<p>在<code>C#</code>中判断文件是否被占用一般有两种方法，一是利用<code>FileStream</code>结合<code>try...catch...finally</code>实现，二是调用<code>Windows API</code>实现，下面给出两种方法的代码。</p>
+<span id="more"></span>
+<h2 id="文件流法">文件流法</h2>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> System;</span><br><span class="line"><span class="keyword">using</span> System.Collections.Generic;</span><br><span class="line"><span class="keyword">using</span> System.IO;</span><br><span class="line"><span class="keyword">using</span> System.Linq;</span><br><span class="line"><span class="keyword">using</span> System.Text;</span><br><span class="line"><span class="keyword">using</span> System.Threading.Tasks;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">ConsoleApp3</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">class</span> <span class="title">Program</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="function"><span class="keyword">static</span> <span class="keyword">void</span> <span class="title">Main</span>(<span class="params"><span class="built_in">string</span>[] args</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="built_in">string</span> filePath = <span class="string">@&quot;D:\data.xlsx&quot;</span>;</span><br><span class="line">            <span class="built_in">bool</span> occupied = IsOccupied(filePath);</span><br><span class="line">            <span class="keyword">if</span> (occupied)</span><br><span class="line">            &#123;</span><br><span class="line">                Console.WriteLine(<span class="string">&quot;文件被占用&quot;</span>);</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                Console.WriteLine(<span class="string">&quot;文件未被占用&quot;</span>);</span><br><span class="line">            &#125;</span><br><span class="line">            Console.ReadKey(<span class="literal">true</span>);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">static</span> <span class="built_in">bool</span> <span class="title">IsOccupied</span>(<span class="params"><span class="built_in">string</span> filePath</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            FileStream stream = <span class="literal">null</span>;</span><br><span class="line">            <span class="keyword">try</span></span><br><span class="line">            &#123;</span><br><span class="line">                stream = <span class="keyword">new</span> FileStream(filePath, FileMode.Open, FileAccess.Read, FileShare.None);</span><br><span class="line">                <span class="keyword">return</span> <span class="literal">false</span>;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">catch</span></span><br><span class="line">            &#123;</span><br><span class="line">                <span class="keyword">return</span> <span class="literal">true</span>;</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">finally</span></span><br><span class="line">            &#123;</span><br><span class="line">                <span class="keyword">if</span> (stream != <span class="literal">null</span>)</span><br><span class="line">                &#123;</span><br><span class="line">                    stream.Close();</span><br><span class="line">                &#125;</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
+<h2 id="windows-api法">Windows <a
+href="https://so.csdn.net/so/search?q=API&amp;spm=1001.2101.3001.7020">API</a>法</h2>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> System;</span><br><span class="line"><span class="keyword">using</span> System.Runtime.InteropServices;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">ConsoleApp3</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">class</span> <span class="title">Program</span></span><br><span class="line">    &#123;</span><br><span class="line">        <span class="comment">// 判断文件是否打开</span></span><br><span class="line">        [<span class="meta">DllImport(<span class="string">&quot;kernel32.dll&quot;</span>)</span>]</span><br><span class="line">        <span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">extern</span> IntPtr _lopen(<span class="built_in">string</span> lpPathName, <span class="built_in">int</span> iReadWrite);</span><br><span class="line"></span><br><span class="line">        <span class="comment">// 关闭文件句柄</span></span><br><span class="line">        [<span class="meta">DllImport(<span class="string">&quot;kernel32.dll&quot;</span>)</span>]</span><br><span class="line">        <span class="function"><span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">extern</span> <span class="built_in">bool</span> <span class="title">CloseHandle</span>(<span class="params">IntPtr hObject</span>)</span>;</span><br><span class="line"></span><br><span class="line">        <span class="comment">// 常量</span></span><br><span class="line">        <span class="keyword">public</span> <span class="keyword">const</span> <span class="built_in">int</span> OF_READWRITE = <span class="number">2</span>;</span><br><span class="line">        <span class="keyword">public</span> <span class="keyword">const</span> <span class="built_in">int</span> OF_SHARE_DENY_NONE = <span class="number">0x40</span>;</span><br><span class="line">        <span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">readonly</span> IntPtr HFILE_ERROR = <span class="keyword">new</span> IntPtr(<span class="number">-1</span>);</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">static</span> <span class="keyword">void</span> <span class="title">Main</span>(<span class="params"><span class="built_in">string</span>[] args</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="built_in">string</span> filePath = <span class="string">@&quot;D:\data.xlsx&quot;</span>;</span><br><span class="line">            <span class="built_in">bool</span> occupied = IsOccupied(filePath);</span><br><span class="line">            <span class="keyword">if</span> (occupied)</span><br><span class="line">            &#123;</span><br><span class="line">                Console.WriteLine(<span class="string">&quot;文件被占用&quot;</span>);</span><br><span class="line">            &#125;</span><br><span class="line">            <span class="keyword">else</span></span><br><span class="line">            &#123;</span><br><span class="line">                Console.WriteLine(<span class="string">&quot;文件未被占用&quot;</span>);</span><br><span class="line">            &#125;</span><br><span class="line">            Console.ReadKey(<span class="literal">true</span>);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">static</span> <span class="built_in">bool</span> <span class="title">IsOccupied</span>(<span class="params"><span class="built_in">string</span> filePath</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            IntPtr handler = _lopen(filePath, OF_READWRITE | OF_SHARE_DENY_NONE);</span><br><span class="line">            CloseHandle(handler);</span><br><span class="line">            <span class="keyword">return</span> handler == HFILE_ERROR;</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<p>原谅链接：https://blog.csdn.net/HerryDong/article/details/115626620</p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>实用代码</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>C# 获取当前程序运行路径的方法集合</title>
+    <url>/posts/2023/2JYPDKM.html</url>
+    <content><![CDATA[<p>本文介绍了如何在 C#
+中获取当前程序的运行路径，同时对比这些方法的差别。</p>
+<span id="more"></span>
+<h2 id="获取方式">获取方式</h2>
+<ol type="1">
+<li><p>获取当前进程的完整路径，包含文件名(进程名)</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = <span class="keyword">this</span>.GetType().Assembly.Location;</span><br><span class="line">result: X:\xxx\xxx\xxx.exe (.exe文件所在的目录+.exe文件名)</span><br></pre></td></tr></table></figure></li>
+<li><p>获取新的 Process
+组件并将其与当前活动的进程关联的主模块的完整路径，包含文件名(进程名)。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.Diagnostics.Process.GetCurrentProcess().MainModule.FileName;</span><br><span class="line">result: X:\xxx\xxx\xxx.exe (.exe文件所在的目录+.exe文件名)</span><br></pre></td></tr></table></figure></li>
+<li><p>获取和设置当前目录（即该进程从中启动的目录）的完全限定路径。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.Environment.CurrentDirectory;</span><br><span class="line">result: X:\xxx\xxx (.exe文件所在的目录)</span><br></pre></td></tr></table></figure></li>
+<li><p>获取当前 Thread
+的当前应用程序域的基目录，它由程序集冲突解决程序用来探测程序集。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.AppDomain.CurrentDomain.BaseDirectory;</span><br><span class="line">result: X:\xxx\xxx\ (.exe文件所在的目录+<span class="string">&quot;\&quot;)</span></span><br></pre></td></tr></table></figure></li>
+<li><p>获取和设置包含该应用程序的目录的名称。(推荐)</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.AppDomain.CurrentDomain.SetupInformation.ApplicationBase;</span><br><span class="line">result: X:\xxx\xxx\ (.exe文件所在的目录+<span class="string">&quot;\&quot;)</span></span><br></pre></td></tr></table></figure></li>
+<li><p>获取启动了应用程序的可执行文件的路径，不包括可执行文件的名称。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.Windows.Forms.Application.StartupPath;</span><br><span class="line">result: X:\xxx\xxx (.exe文件所在的目录)</span><br></pre></td></tr></table></figure></li>
+<li><p>获取启动了应用程序的可执行文件的路径，包括可执行文件的名称。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.Windows.Forms.Application.ExecutablePath;</span><br><span class="line">result: X:\xxx\xxx\xxx.exe (.exe文件所在的目录+.exe文件名)</span><br></pre></td></tr></table></figure></li>
+<li><p>获取应用程序的当前工作目录(不可靠)。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="built_in">string</span> str = System.IO.Directory.GetCurrentDirectory();</span><br><span class="line">result: X:\xxx\xxx (.exe文件所在的目录)</span><br></pre></td></tr></table></figure></li>
+<li><p>包含应用程序的基目录的字符串，不包括尾部分隔符。这通常是启动程序集的目录。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">AppContext.BaseDirectory</span><br></pre></td></tr></table></figure></li>
+<li><p>获取包含当前执行的程序集的文件的路径</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">Assembly.GetExecutingAssembly().Location</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>这个方法也可以用于获取其他程序集的路径，只要你传入那个程序集的类型。</p>
+</blockquote></li>
+</ol>
+<h2 id="区别">区别</h2>
+<ol type="1">
+<li><code>Directory.GetCurrentDirectory()</code> 和
+<code>Environment.CurrentDirectory</code>
+都返回当前工作目录的完全限定路径，它们通常是相同的。但是，<code>Directory.GetCurrentDirectory()</code>
+返回的路径可能会因为工作目录的改变而改变，而
+<code>Environment.CurrentDirectory</code>
+只是获取当前工作目录的值，不会随着工作目录的改变而改变。</li>
+<li><code>AppContext.BaseDirectory</code>
+返回应用程序的基目录，这个目录通常是启动程序集的目录，不包括尾部分隔符。</li>
+<li><code>Assembly.GetExecutingAssembly().Location</code>
+获取包含当前执行的程序集的文件的路径，它通常是一个完整的文件路径。使用这个方法时，需要注意，当程序集是从网络上下载时，可能无法获取到它的位置。</li>
+</ol>
+<h2 id="总结">总结</h2>
+<p>具体使用哪种方法获取当前路径取决于你的具体需求。一般来说，如果你需要获取应用程序的基目录，应该使用
+<code>AppContext.BaseDirectory</code>；如果需要获取包含当前执行程序集的文件路径，应该使用
+<code>Assembly.GetExecutingAssembly().Location</code>。如果需要获取当前工作目录的路径，可以使用
+<code>Directory.GetCurrentDirectory()</code> 或
+<code>Environment.CurrentDirectory</code>。</p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>DotNET</category>
+        <category>实用代码</category>
+      </categories>
+      <tags>
+        <tag>C#</tag>
+      </tags>
+  </entry>
   <entry>
     <title>moment 中日期跨年月加减后结果测试</title>
     <url>/posts/2022/25J6BC2.html</url>
@@ -31679,76 +31678,6 @@ href="https://echarts.apache.org/handbook/zh/get-started">echarts文档</a></li>
         <tag>echarts</tag>
       </tags>
   </entry>
-  <entry>
-    <title>egg-redis 常用操作</title>
-    <url>/posts/2022/2JXSX6J.html</url>
-    <content><![CDATA[<p>本文总结了 egg-redis 的一些参数设置和常用用法，方便开发食用。</p>
-<span id="more"></span>
-<h2 id="存单个值">存单个值</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">redis.<span class="title function_">set</span>(key, value, expiryMode, time )</span><br></pre></td></tr></table></figure>
-<h2 id="expirymode">expiryMode</h2>
-<ul>
-<li><code>EX</code> 过期时间单位是秒</li>
-<li><code>PX</code> 过期时间单位是分钟</li>
-</ul>
-<h2 id="修改过期时间">修改过期时间</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">redis.<span class="title function_">expire</span>(<span class="string">&#x27;name&#x27;</span>, <span class="number">20</span>); <span class="comment">// 秒</span></span><br></pre></td></tr></table></figure>
-<h2 id="设置-key-在指定时间过期">设置 key 在指定时间过期</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> redis.<span class="title function_">expireat</span>(key,timestamp); <span class="comment">// timestamp 时间戳 秒</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">await</span> redis.<span class="title function_">pexpireat</span>(key,timestamp); <span class="comment">// timestamp 时间戳 毫秒</span></span><br></pre></td></tr></table></figure>
-<h2 id="存数组">存数组</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">sadd</span>(<span class="string">&#x27;setList&#x27;</span>, <span class="string">&#x27;张三&#x27;</span>,<span class="string">&#x27;李四&#x27;</span>,<span class="string">&#x27;赵六&#x27;</span>)</span><br><span class="line"></span><br><span class="line">返回值：[<span class="string">&#x27;张三&#x27;</span>, <span class="string">&#x27;李四&#x27;</span>, <span class="string">&#x27;赵六&#x27;</span>]</span><br></pre></td></tr></table></figure>
-<h2 id="向数组结尾添加元素">向数组结尾添加元素</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">rpush</span>(<span class="string">&#x27;userList&#x27;</span>,<span class="string">&#x27;张三&#x27;</span>)</span><br><span class="line"></span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">rpush</span>(<span class="string">&#x27;userList&#x27;</span>,<span class="string">&#x27;李四&#x27;</span>)</span><br><span class="line"></span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">rpush</span>(<span class="string">&#x27;userList&#x27;</span>, <span class="string">&#x27;王五&#x27;</span>)</span><br><span class="line"></span><br><span class="line">返回一个数组 [<span class="string">&#x27;张三&#x27;</span>,<span class="string">&#x27;李四&#x27;</span>, <span class="string">&#x27;王五&#x27;</span>]</span><br></pre></td></tr></table></figure>
-<h2 id="向数组开始位置添加元素">向数组开始位置添加元素</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">lpush</span>(<span class="string">&#x27;userList&#x27;</span>, <span class="string">&#x27;数组左边新增的&#x27;</span>)</span><br><span class="line">[</span><br><span class="line">    <span class="string">&quot;数组左边新增的&quot;</span>,</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">]</span><br></pre></td></tr></table></figure>
-<h2 id="存对象">存对象</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hmset</span>(<span class="string">&#x27;userInfo&#x27;</span>,<span class="string">&#x27;name&#x27;</span>,<span class="string">&#x27;张三&#x27;</span>,<span class="string">&#x27;age&#x27;</span>,<span class="number">18</span>,<span class="string">&#x27;address&#x27;</span>,<span class="string">&#x27;回龙观&#x27;</span>)</span><br></pre></td></tr></table></figure>
-<h2 id="向对象中添加属性">向对象中添加属性</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hset</span>(<span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;id&#x27;</span>, <span class="number">1</span>)</span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hset</span>(<span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;uname&#x27;</span>, <span class="string">&#x27;张三&#x27;</span>)</span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hset</span>(<span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;phone&#x27;</span>, <span class="string">&#x27;18888888888&#x27;</span>)</span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hset</span>(<span class="params"><span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;address&#x27;</span>, <span class="string">&#x27;北京市朝阳区&#x27;</span></span>)</span><br><span class="line"></span><br><span class="line">&#123;</span><br><span class="line">    <span class="string">&quot;id&quot;</span>: <span class="string">&quot;1&quot;</span>,</span><br><span class="line">    <span class="string">&quot;uname&quot;</span>: <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;phone&quot;</span>: <span class="string">&quot;18888888888&quot;</span>,</span><br><span class="line">    <span class="string">&quot;address&quot;</span>: <span class="string">&quot;北京市朝阳区&quot;</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="获取普通值">获取普通值</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 获取key 为 gender 的数据</span></span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">get</span>(<span class="string">&#x27;gender&#x27;</span>)</span><br></pre></td></tr></table></figure>
-<h2 id="获取值得数据类型">获取值得数据类型</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">ctx.<span class="property">body</span> = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">type</span>(<span class="string">&#x27;name&#x27;</span>)</span><br><span class="line">返回 string</span><br></pre></td></tr></table></figure>
-<h2 id="获取数组中所有元素">获取数组中所有元素</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 表示获取数组中所有的值 0 ，-1</span></span><br><span class="line">ctx.<span class="property">body</span> = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">lrange</span>(<span class="string">&#x27;userList&#x27;</span>,<span class="number">0</span>,-<span class="number">1</span>)</span><br><span class="line">[</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;李四&quot;</span>,</span><br><span class="line">]</span><br></pre></td></tr></table></figure>
-<h2 id="获取集合中的所有数据">获取集合中的所有数据</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">smembers</span>(<span class="string">&#x27;setList&#x27;</span>)</span><br><span class="line">[</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;李四&quot;</span>,</span><br><span class="line">    <span class="string">&quot;赵六&quot;</span></span><br><span class="line">]</span><br></pre></td></tr></table></figure>
-<h2 id="获取对象中的所有数据">获取对象中的所有数据</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">ctx.<span class="property">body</span> = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hgetall</span>(<span class="params"><span class="string">&#x27;loginUser&#x27;</span></span>)</span><br><span class="line"></span><br><span class="line">&#123;</span><br><span class="line">    <span class="string">&quot;id&quot;</span>: <span class="string">&quot;1&quot;</span>,</span><br><span class="line">    <span class="string">&quot;uname&quot;</span>: <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;phone&quot;</span>: <span class="string">&quot;18888888888&quot;</span>,</span><br><span class="line">    <span class="string">&quot;address&quot;</span>: <span class="string">&quot;北京市朝阳区&quot;</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="获取对象中的指定属性">获取对象中的指定属性</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hget</span>(<span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;address&#x27;</span>)</span><br></pre></td></tr></table></figure>
-<h2 id="一次性获取对象中的多个属性">一次性获取对象中的多个属性</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hmget</span>(<span class="string">&#x27;userInfo&#x27;</span>, <span class="string">&#x27;name&#x27;</span>,<span class="string">&#x27;age&#x27;</span>,<span class="string">&#x27;address&#x27;</span>)</span><br><span class="line"></span><br><span class="line">[</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;18&quot;</span>,</span><br><span class="line">    <span class="string">&quot;回龙观&quot;</span></span><br><span class="line">]</span><br></pre></td></tr></table></figure>
-<h2 id="获取指定-key-的过期时间">获取指定 key 的过期时间</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> redis.<span class="title function_">ttl</span>(key); <span class="comment">// 单位秒</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">await</span> redis.<span class="title function_">pttl</span>(key); <span class="comment">// 单位毫秒</span></span><br></pre></td></tr></table></figure>
-<h2 id="删除指定-key-的过期时间">删除指定 key 的过期时间</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> redis.<span class="title function_">persist</span>(key)</span><br></pre></td></tr></table></figure>
-<h2 id="删除指定的key">删除指定的key</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">del</span>(<span class="string">&#x27;name&#x27;</span>)</span><br></pre></td></tr></table></figure>
-<h2 id="删除redis中所有数据">删除redis中所有数据</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">flushall</span>()</span><br></pre></td></tr></table></figure>
-<h2 id="从数组最左边删除一项">从数组最左边删除一项</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">lpop</span>(<span class="string">&#x27;userList&#x27;</span>)</span><br></pre></td></tr></table></figure>
-<h2 id="从数组最右边删除一项">从数组最右边删除一项</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">rpop</span>(<span class="string">&#x27;userList&#x27;</span>)</span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<p>本文参考以下文章，在此表示感谢！</p>
-<ol type="1">
-<li><a
-href="https://notes.jindll.com/node/egg-redis%E5%B8%B8%E7%94%A8api.html#%E5%8A%9F%E8%83%BD">egg-redis常用api</a></li>
-<li><a href="https://github.com/eggjs/egg-redis">官方文档</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Eggjs</category>
-      </categories>
-      <tags>
-        <tag>Javascript</tag>
-        <tag>eggjs</tag>
-      </tags>
-  </entry>
   <entry>
     <title>eggjs 启动和停止报错</title>
     <url>/posts/2021/2P3NVEN.html</url>
@@ -31776,40 +31705,63 @@ href="https://notes.jindll.com/node/egg-redis%E5%B8%B8%E7%94%A8api.html#%E5%8A%9
       </tags>
   </entry>
   <entry>
-    <title>eggjs 给路径添加别名并实现智能提示</title>
-    <url>/posts/2022/3M46N6F.html</url>
-    <content><![CDATA[<p>本文介绍了如何在 eggjs 中给路径添加别名并实现 vscode 的智能提示。</p>
+    <title>egg-redis 常用操作</title>
+    <url>/posts/2022/2JXSX6J.html</url>
+    <content><![CDATA[<p>本文总结了 egg-redis 的一些参数设置和常用用法，方便开发食用。</p>
 <span id="more"></span>
-<h2 id="配置别名">配置别名</h2>
-<h3 id="安装依赖">安装依赖</h3>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm i <span class="literal">--save</span> module<span class="literal">-alias</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 或者</span></span><br><span class="line">yarn add module<span class="literal">-alias</span></span><br></pre></td></tr></table></figure>
-<h3 id="配置-package.json-文件">配置 <code>package.json</code> 文件</h3>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// Aliases</span></span><br><span class="line"><span class="attr">&quot;_moduleAliases&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;@&quot;</span>      <span class="punctuation">:</span> <span class="string">&quot;./app&quot;</span><span class="punctuation">,</span> <span class="comment">//  . represent application&#x27;s root</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
-<h3 id="加载配置">加载配置</h3>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="title function_">configWillLoad</span>(<span class="params"></span>) &#123;</span><br><span class="line">  <span class="comment">// 此时 config 文件已经被读取并合并，但是还并未生效</span></span><br><span class="line">  <span class="comment">// 这是应用层修改配置的最后时机</span></span><br><span class="line">  <span class="comment">// 注意：此函数只支持同步调用    </span></span><br><span class="line">  <span class="built_in">require</span>(<span class="string">&#x27;module-alias/register&#x27;</span>)</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p><strong>注意：</strong></p>
-<p>因为需要将该代码放置在所有使用路径别名代码的前面，因此在这里将此引用放置在app.js中，当然，也可以在所需的地方进行单独引用（不推荐）</p>
-</blockquote>
-<h3 id="使用">使用</h3>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> utils = <span class="built_in">require</span>(<span class="string">&#x27;@/utils/index.js&#x27;</span>)</span><br></pre></td></tr></table></figure>
-<h2 id="ied-实现对别名的智能提示">IED 实现对别名的智能提示</h2>
-<p>在根目录中创建 <code>jsconfig.json</code>
-文件，里面添加如下内容：</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 此处是根，如果已经存在配置，则去掉外层大括号</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;compilerOptions&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;baseUrl&quot;</span><span class="punctuation">:</span> <span class="string">&quot;./&quot;</span><span class="punctuation">,</span></span><br><span class="line">        <span class="attr">&quot;paths&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;@/*&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">                <span class="string">&quot;app/*&quot;</span></span><br><span class="line">            <span class="punctuation">]</span></span><br><span class="line">        <span class="punctuation">&#125;</span></span><br><span class="line">    <span class="punctuation">&#125;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
-<p>至此，<code>vscode</code> 即可智能提示了。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220315151928119.png"
-alt="image-20220315151928119" />
-<figcaption aria-hidden="true">image-20220315151928119</figcaption>
-</figure>
+<h2 id="存单个值">存单个值</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">redis.<span class="title function_">set</span>(key, value, expiryMode, time )</span><br></pre></td></tr></table></figure>
+<h2 id="expirymode">expiryMode</h2>
+<ul>
+<li><code>EX</code> 过期时间单位是秒</li>
+<li><code>PX</code> 过期时间单位是分钟</li>
+</ul>
+<h2 id="修改过期时间">修改过期时间</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">redis.<span class="title function_">expire</span>(<span class="string">&#x27;name&#x27;</span>, <span class="number">20</span>); <span class="comment">// 秒</span></span><br></pre></td></tr></table></figure>
+<h2 id="设置-key-在指定时间过期">设置 key 在指定时间过期</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> redis.<span class="title function_">expireat</span>(key,timestamp); <span class="comment">// timestamp 时间戳 秒</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">await</span> redis.<span class="title function_">pexpireat</span>(key,timestamp); <span class="comment">// timestamp 时间戳 毫秒</span></span><br></pre></td></tr></table></figure>
+<h2 id="存数组">存数组</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">sadd</span>(<span class="string">&#x27;setList&#x27;</span>, <span class="string">&#x27;张三&#x27;</span>,<span class="string">&#x27;李四&#x27;</span>,<span class="string">&#x27;赵六&#x27;</span>)</span><br><span class="line"></span><br><span class="line">返回值：[<span class="string">&#x27;张三&#x27;</span>, <span class="string">&#x27;李四&#x27;</span>, <span class="string">&#x27;赵六&#x27;</span>]</span><br></pre></td></tr></table></figure>
+<h2 id="向数组结尾添加元素">向数组结尾添加元素</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">rpush</span>(<span class="string">&#x27;userList&#x27;</span>,<span class="string">&#x27;张三&#x27;</span>)</span><br><span class="line"></span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">rpush</span>(<span class="string">&#x27;userList&#x27;</span>,<span class="string">&#x27;李四&#x27;</span>)</span><br><span class="line"></span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">rpush</span>(<span class="string">&#x27;userList&#x27;</span>, <span class="string">&#x27;王五&#x27;</span>)</span><br><span class="line"></span><br><span class="line">返回一个数组 [<span class="string">&#x27;张三&#x27;</span>,<span class="string">&#x27;李四&#x27;</span>, <span class="string">&#x27;王五&#x27;</span>]</span><br></pre></td></tr></table></figure>
+<h2 id="向数组开始位置添加元素">向数组开始位置添加元素</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">lpush</span>(<span class="string">&#x27;userList&#x27;</span>, <span class="string">&#x27;数组左边新增的&#x27;</span>)</span><br><span class="line">[</span><br><span class="line">    <span class="string">&quot;数组左边新增的&quot;</span>,</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">]</span><br></pre></td></tr></table></figure>
+<h2 id="存对象">存对象</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hmset</span>(<span class="string">&#x27;userInfo&#x27;</span>,<span class="string">&#x27;name&#x27;</span>,<span class="string">&#x27;张三&#x27;</span>,<span class="string">&#x27;age&#x27;</span>,<span class="number">18</span>,<span class="string">&#x27;address&#x27;</span>,<span class="string">&#x27;回龙观&#x27;</span>)</span><br></pre></td></tr></table></figure>
+<h2 id="向对象中添加属性">向对象中添加属性</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hset</span>(<span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;id&#x27;</span>, <span class="number">1</span>)</span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hset</span>(<span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;uname&#x27;</span>, <span class="string">&#x27;张三&#x27;</span>)</span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hset</span>(<span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;phone&#x27;</span>, <span class="string">&#x27;18888888888&#x27;</span>)</span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hset</span>(<span class="params"><span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;address&#x27;</span>, <span class="string">&#x27;北京市朝阳区&#x27;</span></span>)</span><br><span class="line"></span><br><span class="line">&#123;</span><br><span class="line">    <span class="string">&quot;id&quot;</span>: <span class="string">&quot;1&quot;</span>,</span><br><span class="line">    <span class="string">&quot;uname&quot;</span>: <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;phone&quot;</span>: <span class="string">&quot;18888888888&quot;</span>,</span><br><span class="line">    <span class="string">&quot;address&quot;</span>: <span class="string">&quot;北京市朝阳区&quot;</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="获取普通值">获取普通值</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 获取key 为 gender 的数据</span></span><br><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">get</span>(<span class="string">&#x27;gender&#x27;</span>)</span><br></pre></td></tr></table></figure>
+<h2 id="获取值得数据类型">获取值得数据类型</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">ctx.<span class="property">body</span> = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">type</span>(<span class="string">&#x27;name&#x27;</span>)</span><br><span class="line">返回 string</span><br></pre></td></tr></table></figure>
+<h2 id="获取数组中所有元素">获取数组中所有元素</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 表示获取数组中所有的值 0 ，-1</span></span><br><span class="line">ctx.<span class="property">body</span> = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">lrange</span>(<span class="string">&#x27;userList&#x27;</span>,<span class="number">0</span>,-<span class="number">1</span>)</span><br><span class="line">[</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;李四&quot;</span>,</span><br><span class="line">]</span><br></pre></td></tr></table></figure>
+<h2 id="获取集合中的所有数据">获取集合中的所有数据</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">smembers</span>(<span class="string">&#x27;setList&#x27;</span>)</span><br><span class="line">[</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;李四&quot;</span>,</span><br><span class="line">    <span class="string">&quot;赵六&quot;</span></span><br><span class="line">]</span><br></pre></td></tr></table></figure>
+<h2 id="获取对象中的所有数据">获取对象中的所有数据</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">ctx.<span class="property">body</span> = <span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hgetall</span>(<span class="params"><span class="string">&#x27;loginUser&#x27;</span></span>)</span><br><span class="line"></span><br><span class="line">&#123;</span><br><span class="line">    <span class="string">&quot;id&quot;</span>: <span class="string">&quot;1&quot;</span>,</span><br><span class="line">    <span class="string">&quot;uname&quot;</span>: <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;phone&quot;</span>: <span class="string">&quot;18888888888&quot;</span>,</span><br><span class="line">    <span class="string">&quot;address&quot;</span>: <span class="string">&quot;北京市朝阳区&quot;</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="获取对象中的指定属性">获取对象中的指定属性</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hget</span>(<span class="string">&#x27;loginUser&#x27;</span>, <span class="string">&#x27;address&#x27;</span>)</span><br></pre></td></tr></table></figure>
+<h2 id="一次性获取对象中的多个属性">一次性获取对象中的多个属性</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">hmget</span>(<span class="string">&#x27;userInfo&#x27;</span>, <span class="string">&#x27;name&#x27;</span>,<span class="string">&#x27;age&#x27;</span>,<span class="string">&#x27;address&#x27;</span>)</span><br><span class="line"></span><br><span class="line">[</span><br><span class="line">    <span class="string">&quot;张三&quot;</span>,</span><br><span class="line">    <span class="string">&quot;18&quot;</span>,</span><br><span class="line">    <span class="string">&quot;回龙观&quot;</span></span><br><span class="line">]</span><br></pre></td></tr></table></figure>
+<h2 id="获取指定-key-的过期时间">获取指定 key 的过期时间</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> redis.<span class="title function_">ttl</span>(key); <span class="comment">// 单位秒</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">await</span> redis.<span class="title function_">pttl</span>(key); <span class="comment">// 单位毫秒</span></span><br></pre></td></tr></table></figure>
+<h2 id="删除指定-key-的过期时间">删除指定 key 的过期时间</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> redis.<span class="title function_">persist</span>(key)</span><br></pre></td></tr></table></figure>
+<h2 id="删除指定的key">删除指定的key</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">del</span>(<span class="string">&#x27;name&#x27;</span>)</span><br></pre></td></tr></table></figure>
+<h2 id="删除redis中所有数据">删除redis中所有数据</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">flushall</span>()</span><br></pre></td></tr></table></figure>
+<h2 id="从数组最左边删除一项">从数组最左边删除一项</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">lpop</span>(<span class="string">&#x27;userList&#x27;</span>)</span><br></pre></td></tr></table></figure>
+<h2 id="从数组最右边删除一项">从数组最右边删除一项</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">await</span> <span class="variable language_">this</span>.<span class="property">app</span>.<span class="property">redis</span>.<span class="title function_">rpop</span>(<span class="string">&#x27;userList&#x27;</span>)</span><br></pre></td></tr></table></figure>
 <h2 id="参考">参考</h2>
+<p>本文参考以下文章，在此表示感谢！</p>
 <ol type="1">
 <li><a
-href="%5Bmodule-alias%20-%20npm%20(npmjs.com)%5D(https://www.npmjs.com/package/module-alias)">module-alias</a></li>
-<li><a
-href="%5Begg.js%20路径别名配置%20module-alias_pyp_demon的博客-CSDN博客%5D(https://blog.csdn.net/pyp_demon/article/details/108329015)">egg.js
-路径别名配置 module-alias</a></li>
+href="https://notes.jindll.com/node/egg-redis%E5%B8%B8%E7%94%A8api.html#%E5%8A%9F%E8%83%BD">egg-redis常用api</a></li>
+<li><a href="https://github.com/eggjs/egg-redis">官方文档</a></li>
 </ol>
 ]]></content>
       <categories>
@@ -31818,8 +31770,8 @@ href="%5Begg.js%20路径别名配置%20module-alias_pyp_demon的博客-CSDN博
         <category>Eggjs</category>
       </categories>
       <tags>
+        <tag>Javascript</tag>
         <tag>eggjs</tag>
-        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
@@ -31854,6 +31806,53 @@ href="https://www.zhihu.com/question/59351806">eggjs怎么实现文件下载？<
         <tag>文件下载</tag>
       </tags>
   </entry>
+  <entry>
+    <title>eggjs 给路径添加别名并实现智能提示</title>
+    <url>/posts/2022/3M46N6F.html</url>
+    <content><![CDATA[<p>本文介绍了如何在 eggjs 中给路径添加别名并实现 vscode 的智能提示。</p>
+<span id="more"></span>
+<h2 id="配置别名">配置别名</h2>
+<h3 id="安装依赖">安装依赖</h3>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm i <span class="literal">--save</span> module<span class="literal">-alias</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 或者</span></span><br><span class="line">yarn add module<span class="literal">-alias</span></span><br></pre></td></tr></table></figure>
+<h3 id="配置-package.json-文件">配置 <code>package.json</code> 文件</h3>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// Aliases</span></span><br><span class="line"><span class="attr">&quot;_moduleAliases&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;@&quot;</span>      <span class="punctuation">:</span> <span class="string">&quot;./app&quot;</span><span class="punctuation">,</span> <span class="comment">//  . represent application&#x27;s root</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<h3 id="加载配置">加载配置</h3>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="title function_">configWillLoad</span>(<span class="params"></span>) &#123;</span><br><span class="line">  <span class="comment">// 此时 config 文件已经被读取并合并，但是还并未生效</span></span><br><span class="line">  <span class="comment">// 这是应用层修改配置的最后时机</span></span><br><span class="line">  <span class="comment">// 注意：此函数只支持同步调用    </span></span><br><span class="line">  <span class="built_in">require</span>(<span class="string">&#x27;module-alias/register&#x27;</span>)</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p><strong>注意：</strong></p>
+<p>因为需要将该代码放置在所有使用路径别名代码的前面，因此在这里将此引用放置在app.js中，当然，也可以在所需的地方进行单独引用（不推荐）</p>
+</blockquote>
+<h3 id="使用">使用</h3>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> utils = <span class="built_in">require</span>(<span class="string">&#x27;@/utils/index.js&#x27;</span>)</span><br></pre></td></tr></table></figure>
+<h2 id="ied-实现对别名的智能提示">IED 实现对别名的智能提示</h2>
+<p>在根目录中创建 <code>jsconfig.json</code>
+文件，里面添加如下内容：</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 此处是根，如果已经存在配置，则去掉外层大括号</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;compilerOptions&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;baseUrl&quot;</span><span class="punctuation">:</span> <span class="string">&quot;./&quot;</span><span class="punctuation">,</span></span><br><span class="line">        <span class="attr">&quot;paths&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;@/*&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">                <span class="string">&quot;app/*&quot;</span></span><br><span class="line">            <span class="punctuation">]</span></span><br><span class="line">        <span class="punctuation">&#125;</span></span><br><span class="line">    <span class="punctuation">&#125;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<p>至此，<code>vscode</code> 即可智能提示了。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220315151928119.png"
+alt="image-20220315151928119" />
+<figcaption aria-hidden="true">image-20220315151928119</figcaption>
+</figure>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><a
+href="%5Bmodule-alias%20-%20npm%20(npmjs.com)%5D(https://www.npmjs.com/package/module-alias)">module-alias</a></li>
+<li><a
+href="%5Begg.js%20路径别名配置%20module-alias_pyp_demon的博客-CSDN博客%5D(https://blog.csdn.net/pyp_demon/article/details/108329015)">egg.js
+路径别名配置 module-alias</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Eggjs</category>
+      </categories>
+      <tags>
+        <tag>eggjs</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
   <entry>
     <title>js对象获取属性的几种方法</title>
     <url>/posts/2020/1T9E994.html</url>
@@ -32033,17 +32032,43 @@ export</a></p></li>
       </tags>
   </entry>
   <entry>
-    <title>数组中 unshift 与解构赋值一起使用，顺序错误分析</title>
-    <url>/posts/2020/1SH18GY.html</url>
-    <content><![CDATA[<p>js 数组为空时，使用 unshift
-方法，通过解构向数组头部插入数据时，会失效，等同于 push 效果。</p>
+    <title>js中this的粗暴简单理解</title>
+    <url>/posts/2020/2EFJQ9T.html</url>
+    <content><![CDATA[<p>从 C# 转到 JS, 感觉 各种帖子中的对于 JS 中的 this
+指向描述得复杂无比，本来好好简单的事情，害得我花了好久的时间才理解。于是将自己的拙见分享出来。</p>
 <span id="more"></span>
-<p>代码复现：</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> arr = []</span><br><span class="line"><span class="comment">// unshift 2 个值</span></span><br><span class="line">arr.<span class="title function_">unshift</span>(...[<span class="number">1</span>,<span class="number">2</span>])</span><br><span class="line"><span class="variable language_">console</span>.<span class="title function_">log</span>(<span class="string">&#x27;空数组 unshift 后的值: &#x27;</span>,arr);</span><br></pre></td></tr></table></figure>
-<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 结果</span></span><br><span class="line">空数组 unshift 后的值:  [ <span class="number">1</span>, <span class="number">2</span> ]</span><br></pre></td></tr></table></figure>
-<p>我们发现，上面的结果并不是我们想要的，我们所期望的结果应该是：</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 期望结果</span></span><br><span class="line">空数组 unshift 后的值:  [ <span class="number">2</span>, <span class="number">1</span> ]</span><br></pre></td></tr></table></figure>
-<p>那么，为什么出现上面意外的结果，原因就是因为 arr 初始值为空。</p>
+<p>要理解 this 的指向，只需要记住：</p>
+<p><strong>this
+指向执行时所在的上下文，即被调用函数所在的对象。</strong></p>
+<h2 id="一般情况">一般情况</h2>
+<p>那么究竟要怎么确定 this
+对象呢？我们只需要一级一级向上，遇到的第一个对象就是我们要的 this
+对象。</p>
+<p>下面举例说明：</p>
+<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="keyword">function</span> <span class="title function_">fun</span>(<span class="params"></span>)&#123;</span><br><span class="line">    <span class="variable language_">console</span>.<span class="title function_">log</span>(<span class="variable language_">this</span>.<span class="property">s</span>);</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> obj = &#123;</span><br><span class="line">    <span class="attr">s</span>:<span class="string">&#x27;1&#x27;</span>,</span><br><span class="line">    <span class="attr">f</span>:fun</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> s = <span class="string">&#x27;2&#x27;</span>;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 例1</span></span><br><span class="line">obj.<span class="title function_">f</span>(); <span class="comment">//1</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 例2</span></span><br><span class="line"><span class="title function_">fun</span>(); <span class="comment">//2</span></span><br></pre></td></tr></table></figure>
+<p>例 1 中，从 <code>obj.f()</code> 向上级搜索，找到的第一个对象就是
+<code>obj</code> ,所以例 1 中的 this 是 obj。</p>
+<p>例 2 中，从 <code>f()</code> 开始向上搜索，找到的第一个对象是当前
+model。</p>
+<p>下面再来一个例子：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> A = &#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;张三&#x27;</span>,</span><br><span class="line">    <span class="attr">f</span>: <span class="keyword">function</span> (<span class="params"></span>) &#123;</span><br><span class="line">        <span class="variable language_">console</span>.<span class="title function_">log</span>(<span class="string">&#x27;姓名：&#x27;</span> + <span class="variable language_">this</span>.<span class="property">name</span>);</span><br><span class="line">    &#125;</span><br><span class="line">&#125;;</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> B = &#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;李四&#x27;</span></span><br><span class="line">&#125;;</span><br><span class="line"></span><br><span class="line">B.<span class="property">f</span> = A.<span class="property">f</span>;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 例3</span></span><br><span class="line">B.<span class="title function_">f</span>()   <span class="comment">// 姓名：李四</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 例4</span></span><br><span class="line">A.<span class="title function_">f</span>()   <span class="comment">// 姓名：张三</span></span><br></pre></td></tr></table></figure>
+<p>例 3 中，<code>B</code> 对象中的 <code>f()</code> 函数是由
+<code>A</code> 传递给它的，因为函数在内存中是一个单独的地址，所以
+<code>A</code> 在将 <code>f</code> 赋给 <code>B</code>
+的过程中，并不会将 <code>A</code>
+的作用域也一并传递过去，所以，<code>B</code> 中 <code>f()</code>
+的上一级就是 <code>B</code>。</p>
+<h2 id="匿名函数">匿名函数</h2>
+<p>上面的规则，不适用于匿名函数。匿名函数是在哪儿声明，它的
+<code>this</code> 就指向声明位置处函数的上下文中的
+<code>this</code>。</p>
+<h2 id="特殊情况">特殊情况</h2>
+<p>JS 提供了一些可以修改 this
+指向的函数。它们分别是call()、apply()、bind()。这些方法会指定里面 this
+的指向。</p>
+<p>具体区别请见 <a
+href="https://www.runoob.com/w3cnote/js-call-apply-bind.html">JavaScript
+中 call()、apply()、bind() 的用法</a>。</p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -32052,6 +32077,7 @@ export</a></p></li>
       </categories>
       <tags>
         <tag>Javascript</tag>
+        <tag>this</tag>
       </tags>
   </entry>
   <entry>
@@ -32307,105 +32333,36 @@ this 添加字段。</p>
 对象在，根本不用在执行代码前就把函数绑定到特定对象上面。因此，大可像下面这样，通过把函数定义转移到构造函数外部来解决这个问题。</p>
 <figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">function</span> <span class="title function_">Person</span>(<span class="params">name, age, job</span>)&#123;</span><br><span class="line">	<span class="variable language_">this</span>.<span class="property">name</span> = name;</span><br><span class="line">	<span class="variable language_">this</span>.<span class="property">age</span> = age;</span><br><span class="line">	<span class="variable language_">this</span>.<span class="property">job</span> = job;</span><br><span class="line">	<span class="variable language_">this</span>.<span class="property">sayName</span> = sayName;</span><br><span class="line">&#125;</span><br><span class="line"><span class="keyword">function</span> <span class="title function_">sayName</span>(<span class="params"></span>)&#123;</span><br><span class="line">	<span class="title function_">alert</span>(<span class="variable language_">this</span>.<span class="property">name</span>);</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
 <p>我们把
-sayName()函数的定义转移到了构造函数外部。而在构造函数内部，我们将
-sayName 属性设置成等于全局的 sayName 函数。这样一来，由于 sayName
-包含的是一个指向函数的指针。</p>
-<h2 id="最优的对象声明方式">最优的对象声明方式</h2>
-<p>既然分析了 js
-创建对象的原理，那么现在就必须要分享一下，什么是最优的对象声明方式了。原理部分直接省略，此处只给出最终的答案——动态原型模式：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">function</span> <span class="title function_">Person</span>(<span class="params">name, age, job</span>)&#123;</span><br><span class="line">    <span class="comment">// 属性</span></span><br><span class="line">    <span class="variable language_">this</span>.<span class="property">name</span> = name;</span><br><span class="line">    <span class="variable language_">this</span>.<span class="property">age</span> = age;</span><br><span class="line">    <span class="variable language_">this</span>.<span class="property">job</span> = job;</span><br><span class="line">    <span class="comment">// 方法: 在原型上声明</span></span><br><span class="line">    <span class="keyword">if</span> (<span class="keyword">typeof</span> <span class="variable language_">this</span>.<span class="property">sayName</span> != <span class="string">&quot;function&quot;</span>)&#123;</span><br><span class="line">        <span class="title class_">Person</span>.<span class="property"><span class="keyword">prototype</span></span>.<span class="property">sayName</span> = <span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line">            <span class="title function_">alert</span>(<span class="variable language_">this</span>.<span class="property">name</span>);</span><br><span class="line">            &#125;;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>JSLanguage</category>
-      </categories>
-      <tags>
-        <tag>Javascript</tag>
-        <tag>js对象</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>js中this的粗暴简单理解</title>
-    <url>/posts/2020/2EFJQ9T.html</url>
-    <content><![CDATA[<p>从 C# 转到 JS, 感觉 各种帖子中的对于 JS 中的 this
-指向描述得复杂无比，本来好好简单的事情，害得我花了好久的时间才理解。于是将自己的拙见分享出来。</p>
-<span id="more"></span>
-<p>要理解 this 的指向，只需要记住：</p>
-<p><strong>this
-指向执行时所在的上下文，即被调用函数所在的对象。</strong></p>
-<h2 id="一般情况">一般情况</h2>
-<p>那么究竟要怎么确定 this
-对象呢？我们只需要一级一级向上，遇到的第一个对象就是我们要的 this
-对象。</p>
-<p>下面举例说明：</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="keyword">function</span> <span class="title function_">fun</span>(<span class="params"></span>)&#123;</span><br><span class="line">    <span class="variable language_">console</span>.<span class="title function_">log</span>(<span class="variable language_">this</span>.<span class="property">s</span>);</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> obj = &#123;</span><br><span class="line">    <span class="attr">s</span>:<span class="string">&#x27;1&#x27;</span>,</span><br><span class="line">    <span class="attr">f</span>:fun</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> s = <span class="string">&#x27;2&#x27;</span>;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 例1</span></span><br><span class="line">obj.<span class="title function_">f</span>(); <span class="comment">//1</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 例2</span></span><br><span class="line"><span class="title function_">fun</span>(); <span class="comment">//2</span></span><br></pre></td></tr></table></figure>
-<p>例 1 中，从 <code>obj.f()</code> 向上级搜索，找到的第一个对象就是
-<code>obj</code> ,所以例 1 中的 this 是 obj。</p>
-<p>例 2 中，从 <code>f()</code> 开始向上搜索，找到的第一个对象是当前
-model。</p>
-<p>下面再来一个例子：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> A = &#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;张三&#x27;</span>,</span><br><span class="line">    <span class="attr">f</span>: <span class="keyword">function</span> (<span class="params"></span>) &#123;</span><br><span class="line">        <span class="variable language_">console</span>.<span class="title function_">log</span>(<span class="string">&#x27;姓名：&#x27;</span> + <span class="variable language_">this</span>.<span class="property">name</span>);</span><br><span class="line">    &#125;</span><br><span class="line">&#125;;</span><br><span class="line"></span><br><span class="line"><span class="keyword">var</span> B = &#123;</span><br><span class="line">    <span class="attr">name</span>: <span class="string">&#x27;李四&#x27;</span></span><br><span class="line">&#125;;</span><br><span class="line"></span><br><span class="line">B.<span class="property">f</span> = A.<span class="property">f</span>;</span><br><span class="line"></span><br><span class="line"><span class="comment">// 例3</span></span><br><span class="line">B.<span class="title function_">f</span>()   <span class="comment">// 姓名：李四</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 例4</span></span><br><span class="line">A.<span class="title function_">f</span>()   <span class="comment">// 姓名：张三</span></span><br></pre></td></tr></table></figure>
-<p>例 3 中，<code>B</code> 对象中的 <code>f()</code> 函数是由
-<code>A</code> 传递给它的，因为函数在内存中是一个单独的地址，所以
-<code>A</code> 在将 <code>f</code> 赋给 <code>B</code>
-的过程中，并不会将 <code>A</code>
-的作用域也一并传递过去，所以，<code>B</code> 中 <code>f()</code>
-的上一级就是 <code>B</code>。</p>
-<h2 id="匿名函数">匿名函数</h2>
-<p>上面的规则，不适用于匿名函数。匿名函数是在哪儿声明，它的
-<code>this</code> 就指向声明位置处函数的上下文中的
-<code>this</code>。</p>
-<h2 id="特殊情况">特殊情况</h2>
-<p>JS 提供了一些可以修改 this
-指向的函数。它们分别是call()、apply()、bind()。这些方法会指定里面 this
-的指向。</p>
-<p>具体区别请见 <a
-href="https://www.runoob.com/w3cnote/js-call-apply-bind.html">JavaScript
-中 call()、apply()、bind() 的用法</a>。</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>JSLanguage</category>
-      </categories>
-      <tags>
-        <tag>Javascript</tag>
-        <tag>this</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>js中单击按钮选择本地文件</title>
-    <url>/posts/2021/383PEWF.html</url>
-    <content><![CDATA[<p>js 原生打开本地文件是通过设置 <code>input</code> 的
-<code>type='file'</code>来实现的，但是它的界面很丑，往往达不到使用的要求，于是，我们通常的做法是通过一个
-<code>button</code> 去触发 <code>input</code> 的事件，实现文件选择。</p>
-<span id="more"></span>
-<h2 id="vue-实现">vue 实现</h2>
-<p>以下示例使用 <code>quasar</code> 组件开发。</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">// template代码</span><br><span class="line">&lt;q-btn</span><br><span class="line">  label=&quot;从Excel导入&quot;</span><br><span class="line">  dense</span><br><span class="line">  size=&quot;sm&quot;</span><br><span class="line">  outline</span><br><span class="line">  color=&quot;orange&quot;</span><br><span class="line">  @click=&quot;selectExcelFile&quot;</span><br><span class="line">&gt;&lt;/q-btn&gt;</span><br><span class="line">&lt;input type=&quot;file&quot; id=&quot;fileInput&quot; style=&quot;display: none&quot; @change=&quot;fileSelected&quot; /&gt;</span><br><span class="line"></span><br><span class="line">// excel模块</span><br><span class="line">import XLSX from &#x27;js-xlsx&#x27;</span><br><span class="line"></span><br><span class="line">// js 代码</span><br><span class="line">methods: &#123;</span><br><span class="line">  // 选择文件</span><br><span class="line">  selectExcelFile() &#123;</span><br><span class="line">    const elem = document.getElementById(&#x27;fileInput&#x27;)</span><br><span class="line">    elem.click()</span><br><span class="line">    elem.value=&#x27;&#x27; // 清空 vule，这样才可以再次选择文件</span><br><span class="line">  &#125;,</span><br><span class="line">  fileSelected(e) &#123;     </span><br><span class="line">      // 判断是否选择了文件</span><br><span class="line">      if (e.target.files.length === 0) &#123;</span><br><span class="line">        return</span><br><span class="line">      &#125;</span><br><span class="line"></span><br><span class="line">      // 获取选择的文件</span><br><span class="line">      const file = e.target.files[0]</span><br><span class="line"></span><br><span class="line">      // 获取选择的文件</span><br><span class="line">      const file = e.target.files[0]</span><br><span class="line"></span><br><span class="line">      const excelData = await this.readExcelData(file)</span><br><span class="line">      if (!excelData) return</span><br><span class="line"></span><br><span class="line">      // 其它操作</span><br><span class="line">    &#125;,</span><br><span class="line"></span><br><span class="line">  // 读取 excel 数据</span><br><span class="line">  async readExcelData(file) &#123;</span><br><span class="line">      return new Promise((resolve, reject) =&gt; &#123;</span><br><span class="line">        const reader = new FileReader()</span><br><span class="line">        reader.onload = e =&gt; &#123;</span><br><span class="line">          const data = new Uint8Array(e.target.result)</span><br><span class="line">          const workbook = XLSX.read(data, &#123; type: &#x27;array&#x27; &#125;)</span><br><span class="line">          /* DO SOMETHING WITH workbook HERE */</span><br><span class="line">          // 变成json</span><br><span class="line">          const jsonObj = XLSX.utils.sheet_to_json(</span><br><span class="line">            workbook.Sheets[workbook.SheetNames[0]]</span><br><span class="line">          )</span><br><span class="line">          resolve(jsonObj)</span><br><span class="line">        &#125;</span><br><span class="line">        reader.onerror = () =&gt; &#123;</span><br><span class="line">          reject(false)</span><br><span class="line">        &#125;</span><br><span class="line">        reader.readAsArrayBuffer(file)</span><br><span class="line">      &#125;)</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="选项说明">选项说明</h2>
-<table>
-<thead>
-<tr class="header">
-<th>选项名</th>
-<th>描述</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>multiple</td>
-<td>表示可以多选文件</td>
-</tr>
-<tr class="even">
-<td>accept</td>
-<td>用逗号隔开的 MIME 类型列表。</td>
-</tr>
-</tbody>
-</table>
-<p><a
-href="https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">常见
-MIME 类型列表</a></p>
+sayName()函数的定义转移到了构造函数外部。而在构造函数内部，我们将
+sayName 属性设置成等于全局的 sayName 函数。这样一来，由于 sayName
+包含的是一个指向函数的指针。</p>
+<h2 id="最优的对象声明方式">最优的对象声明方式</h2>
+<p>既然分析了 js
+创建对象的原理，那么现在就必须要分享一下，什么是最优的对象声明方式了。原理部分直接省略，此处只给出最终的答案——动态原型模式：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">function</span> <span class="title function_">Person</span>(<span class="params">name, age, job</span>)&#123;</span><br><span class="line">    <span class="comment">// 属性</span></span><br><span class="line">    <span class="variable language_">this</span>.<span class="property">name</span> = name;</span><br><span class="line">    <span class="variable language_">this</span>.<span class="property">age</span> = age;</span><br><span class="line">    <span class="variable language_">this</span>.<span class="property">job</span> = job;</span><br><span class="line">    <span class="comment">// 方法: 在原型上声明</span></span><br><span class="line">    <span class="keyword">if</span> (<span class="keyword">typeof</span> <span class="variable language_">this</span>.<span class="property">sayName</span> != <span class="string">&quot;function&quot;</span>)&#123;</span><br><span class="line">        <span class="title class_">Person</span>.<span class="property"><span class="keyword">prototype</span></span>.<span class="property">sayName</span> = <span class="keyword">function</span>(<span class="params"></span>)&#123;</span><br><span class="line">            <span class="title function_">alert</span>(<span class="variable language_">this</span>.<span class="property">name</span>);</span><br><span class="line">            &#125;;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>JSLanguage</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+        <tag>js对象</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>数组中 unshift 与解构赋值一起使用，顺序错误分析</title>
+    <url>/posts/2020/1SH18GY.html</url>
+    <content><![CDATA[<p>js 数组为空时，使用 unshift
+方法，通过解构向数组头部插入数据时，会失效，等同于 push 效果。</p>
+<span id="more"></span>
+<p>代码复现：</p>
+<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="keyword">const</span> arr = []</span><br><span class="line"><span class="comment">// unshift 2 个值</span></span><br><span class="line">arr.<span class="title function_">unshift</span>(...[<span class="number">1</span>,<span class="number">2</span>])</span><br><span class="line"><span class="variable language_">console</span>.<span class="title function_">log</span>(<span class="string">&#x27;空数组 unshift 后的值: &#x27;</span>,arr);</span><br></pre></td></tr></table></figure>
+<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 结果</span></span><br><span class="line">空数组 unshift 后的值:  [ <span class="number">1</span>, <span class="number">2</span> ]</span><br></pre></td></tr></table></figure>
+<p>我们发现，上面的结果并不是我们想要的，我们所期望的结果应该是：</p>
+<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 期望结果</span></span><br><span class="line">空数组 unshift 后的值:  [ <span class="number">2</span>, <span class="number">1</span> ]</span><br></pre></td></tr></table></figure>
+<p>那么，为什么出现上面意外的结果，原因就是因为 arr 初始值为空。</p>
 ]]></content>
       <categories>
         <category>Develop</category>
@@ -32414,7 +32371,6 @@ MIME 类型列表</a></p>
       </categories>
       <tags>
         <tag>Javascript</tag>
-        <tag>文件选择</tag>
       </tags>
   </entry>
   <entry>
@@ -32519,6 +32475,49 @@ href="https://segmentfault.com/a/1190000021232132">一张图搞定JS原型&amp;
         <tag>Javascript</tag>
       </tags>
   </entry>
+  <entry>
+    <title>js中单击按钮选择本地文件</title>
+    <url>/posts/2021/383PEWF.html</url>
+    <content><![CDATA[<p>js 原生打开本地文件是通过设置 <code>input</code> 的
+<code>type='file'</code>来实现的，但是它的界面很丑，往往达不到使用的要求，于是，我们通常的做法是通过一个
+<code>button</code> 去触发 <code>input</code> 的事件，实现文件选择。</p>
+<span id="more"></span>
+<h2 id="vue-实现">vue 实现</h2>
+<p>以下示例使用 <code>quasar</code> 组件开发。</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">// template代码</span><br><span class="line">&lt;q-btn</span><br><span class="line">  label=&quot;从Excel导入&quot;</span><br><span class="line">  dense</span><br><span class="line">  size=&quot;sm&quot;</span><br><span class="line">  outline</span><br><span class="line">  color=&quot;orange&quot;</span><br><span class="line">  @click=&quot;selectExcelFile&quot;</span><br><span class="line">&gt;&lt;/q-btn&gt;</span><br><span class="line">&lt;input type=&quot;file&quot; id=&quot;fileInput&quot; style=&quot;display: none&quot; @change=&quot;fileSelected&quot; /&gt;</span><br><span class="line"></span><br><span class="line">// excel模块</span><br><span class="line">import XLSX from &#x27;js-xlsx&#x27;</span><br><span class="line"></span><br><span class="line">// js 代码</span><br><span class="line">methods: &#123;</span><br><span class="line">  // 选择文件</span><br><span class="line">  selectExcelFile() &#123;</span><br><span class="line">    const elem = document.getElementById(&#x27;fileInput&#x27;)</span><br><span class="line">    elem.click()</span><br><span class="line">    elem.value=&#x27;&#x27; // 清空 vule，这样才可以再次选择文件</span><br><span class="line">  &#125;,</span><br><span class="line">  fileSelected(e) &#123;     </span><br><span class="line">      // 判断是否选择了文件</span><br><span class="line">      if (e.target.files.length === 0) &#123;</span><br><span class="line">        return</span><br><span class="line">      &#125;</span><br><span class="line"></span><br><span class="line">      // 获取选择的文件</span><br><span class="line">      const file = e.target.files[0]</span><br><span class="line"></span><br><span class="line">      // 获取选择的文件</span><br><span class="line">      const file = e.target.files[0]</span><br><span class="line"></span><br><span class="line">      const excelData = await this.readExcelData(file)</span><br><span class="line">      if (!excelData) return</span><br><span class="line"></span><br><span class="line">      // 其它操作</span><br><span class="line">    &#125;,</span><br><span class="line"></span><br><span class="line">  // 读取 excel 数据</span><br><span class="line">  async readExcelData(file) &#123;</span><br><span class="line">      return new Promise((resolve, reject) =&gt; &#123;</span><br><span class="line">        const reader = new FileReader()</span><br><span class="line">        reader.onload = e =&gt; &#123;</span><br><span class="line">          const data = new Uint8Array(e.target.result)</span><br><span class="line">          const workbook = XLSX.read(data, &#123; type: &#x27;array&#x27; &#125;)</span><br><span class="line">          /* DO SOMETHING WITH workbook HERE */</span><br><span class="line">          // 变成json</span><br><span class="line">          const jsonObj = XLSX.utils.sheet_to_json(</span><br><span class="line">            workbook.Sheets[workbook.SheetNames[0]]</span><br><span class="line">          )</span><br><span class="line">          resolve(jsonObj)</span><br><span class="line">        &#125;</span><br><span class="line">        reader.onerror = () =&gt; &#123;</span><br><span class="line">          reject(false)</span><br><span class="line">        &#125;</span><br><span class="line">        reader.readAsArrayBuffer(file)</span><br><span class="line">      &#125;)</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="选项说明">选项说明</h2>
+<table>
+<thead>
+<tr class="header">
+<th>选项名</th>
+<th>描述</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>multiple</td>
+<td>表示可以多选文件</td>
+</tr>
+<tr class="even">
+<td>accept</td>
+<td>用逗号隔开的 MIME 类型列表。</td>
+</tr>
+</tbody>
+</table>
+<p><a
+href="https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">常见
+MIME 类型列表</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>JSLanguage</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+        <tag>文件选择</tag>
+      </tags>
+  </entry>
   <entry>
     <title>个人常用 js 开发包</title>
     <url>/posts/2022/3B8HS2.html</url>
@@ -32591,295 +32590,911 @@ href="https://segmentfault.com/a/1190000021232132">一张图搞定JS原型&amp;
 <tr class="header">
 <th>包名</th>
 <th>作用</th>
-<th>官网</th>
-<th>备注</th>
+<th>官网</th>
+<th>备注</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td></td>
+<td></td>
+<td></td>
+<td></td>
+</tr>
+</tbody>
+</table>
+<blockquote>
+<p>* 号代表暂未使用，但觉得不错，用于收藏</p>
+</blockquote>
+<h2 id="参考">参考</h2>
+<p>本文主要参考以下文章，在此致以诚挚谢意！</p>
+<ol type="1">
+<li><a
+href="https://www.zhihu.com/question/429436558">知乎：有哪些必看的 JS
+库？</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>JSLanguage</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>深入浅出地理解 js 中原型</title>
+    <url>/posts/2022/18JF19Q.html</url>
+    <content><![CDATA[<p>准备静心理解一下 JS
+中的原型，仔细一查，网上各有各的理解，各有各的缺点，让人眼花缭乱，看不通透。本文将从原理手，由浅入深地理解原型的概念。</p>
+<span id="more"></span>
+<p><img data-src="https://s2.loli.net/2022/01/20/KA85wXbD7Cp6zvF.jpg" /></p>
+<p>相信初学者一定认得此图，本人才理解时，把它视作天书，日夜观摩，妄想一步登天，顿悟
+JS
+原型链的大道，后来才发现，还是得从原理出发，才能行以致远，取得真经。</p>
+<p>咱们先从 JS 的起源说起。</p>
+<h2 id="js-的诞生">JS 的诞生</h2>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>JSLanguage</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+        <tag>原型</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>如何向回调函数中传递参数</title>
+    <url>/posts/2022/BA7F9Q.html</url>
+    <content><![CDATA[<p>有时候我们需要向回调函数中传递参数，比如在 <code>vue</code>
+中父组件向子组件的事件响应函数中传递自定义对象。</p>
+<span id="more"></span>
+<h2 id="vue-中实现">Vue 中实现</h2>
+<p>子组件中：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="variable language_">this</span>.$emit(<span class="string">&quot;changed&quot;</span>, data);</span><br></pre></td></tr></table></figure>
+<p>父组件中：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;ele @changed=&quot;valueChanged($event,customData)&quot;/&gt;</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>$event 的位置可以改变</p>
+</blockquote>
+<h2 id="js-中实现">JS 中实现</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="title function_">runMethod</span>(data,<span class="function">(<span class="params">callbackData</span>)=&gt;</span>&#123;</span><br><span class="line">   <span class="keyword">return</span> <span class="title function_">callback</span>(callbackData,customData)</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>在回调函数上包裹一层匿名函数，然后当成回调传递给方法使用</p>
+</blockquote>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>JSLanguage</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>js 下载文件后弹出保存框</title>
+    <url>/posts/2022/WP9100.html</url>
+    <content><![CDATA[<p>本文介绍了如何在前端 js
+在下载文件时，弹出另存为对话框，方便用户可以选择保存的位置。</p>
+<span id="more"></span>
+<h2 id="正文">正文</h2>
+<p>可以使用 <code>showSaveFilePicker()</code> API 来实现，这个实现是 <a
+href="https://wicg.github.io/file-system-access/">File System Access</a>
+API 的一部分，虽然它仍然是一个草案，但是可以在 <code>Chromuim</code>
+内核的浏览器中使用。</p>
+<p>代码如下：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">async</span> <span class="keyword">function</span> <span class="title function_">handleSaveImg</span>(<span class="params">event</span>)&#123;</span><br><span class="line">  <span class="keyword">const</span> image = <span class="keyword">await</span> <span class="keyword">new</span> <span class="title class_">Promise</span>( <span class="function">(<span class="params">res</span>) =&gt;</span> canvas.<span class="title function_">toBlob</span>( res ) );</span><br><span class="line">  <span class="keyword">if</span>( <span class="variable language_">window</span>.<span class="property">showSaveFilePicker</span> ) &#123;</span><br><span class="line">    <span class="keyword">const</span> handle = <span class="keyword">await</span> <span class="title function_">showSaveFilePicker</span>();</span><br><span class="line">    <span class="keyword">const</span> writable = <span class="keyword">await</span> handle.<span class="title function_">createWritable</span>();</span><br><span class="line">    <span class="keyword">await</span> writable.<span class="title function_">write</span>( image );</span><br><span class="line">    writable.<span class="title function_">close</span>();</span><br><span class="line">  &#125;</span><br><span class="line">  <span class="keyword">else</span> &#123;</span><br><span class="line">    <span class="keyword">const</span> saveImg = <span class="variable language_">document</span>.<span class="title function_">createElement</span>( <span class="string">&quot;a&quot;</span> );</span><br><span class="line">    saveImg.<span class="property">href</span> = <span class="variable constant_">URL</span>.<span class="title function_">createObjectURL</span>( image );</span><br><span class="line">    saveImg.<span class="property">download</span>= <span class="string">&quot;image.png&quot;</span>;</span><br><span class="line">    saveImg.<span class="title function_">click</span>();</span><br><span class="line">    <span class="built_in">setTimeout</span>(<span class="function">() =&gt;</span> <span class="variable constant_">URL</span>.<span class="title function_">revokeObjectURL</span>( saveImg.<span class="property">href</span> ), <span class="number">60000</span> );</span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><a href="https://save-canvas-as.glitch.me/">live demo</a></li>
+<li><a
+href="https://glitch.com/edit/#!/save-canvas-as?path=script.js%3A21%3A12">code</a></li>
+<li><a
+href="https://stackoverflow.com/questions/67804382/force-showing-the-save-as-dialog-box-when-downloading-a-file">Force
+showing the "Save as" dialog box when downloading a file</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>JSLanguage</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>js 中常用的几个精度计算库，解决精度丢失问题</title>
+    <url>/posts/2022/2J626YP.html</url>
+    <content><![CDATA[<p>Javascript 中所有的数据都是 64 位的浮点数保存，无法做到非常精确。</p>
+<p>比如：<code>0.1+0.2</code>、<code>0.1*0.2</code> 这样的计算。</p>
+<p>然而在进行一些金额的计算时，对于精度要求的需要比较精准，所以需要使用一些包来进行处理。</p>
+<span id="more"></span>
+<h2 id="math.js">Math.js</h2>
+<p><a href="https://mathjs.org/docs/index.html">Math.js</a> 是一个用于
+JavaScript 和 Node.js 的扩展数学库。</p>
+<p>它具有支持符号计算的灵活表达式解析器，大量内置函数和常量，并提供了集成的解决方案来处理不同的数据类型，例如数字，大数，复数，分数，单位和矩阵。</p>
+<p>强大且易于使用。</p>
+<h2 id="decimal.js">decimal.js</h2>
+<p><a href="http://mikemcl.github.io/decimal.js/">decimal.js</a> 是
+JavaScript 的任意精度的十进制类型。</p>
+<h2 id="big.js">big.js</h2>
+<p><a href="http://mikemcl.github.io/big.js/">big.js</a>
+是一个小型，快速，易于使用的库，用于任意精度的十进制算术运算。</p>
+<h2 id="bignumber.js">bignumber.js</h2>
+<p><a href="https://mikemcl.github.io/bignumber.js/">bignumber.js</a>
+是一个用于任意精度算术的 JavaScript 库。</p>
+<h2 id="比较"><a
+href="https://npmtrends.com/big.js-vs-bignumber.js-vs-decimal.js-vs-mathjs">比较</a></h2>
+<iframe src="https://npmtrends.com/big.js-vs-bignumber.js-vs-decimal.js-vs-mathjs"/>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>JSLanguage</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>js 对象与 json 互相转换</title>
+    <url>/posts/2023/18D31C7.html</url>
+    <content><![CDATA[<p><strong>js 转 json：</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="title class_">JSON</span>.<span class="title function_">stringify</span>(对象,过滤器，缩进)</span><br></pre></td></tr></table></figure>
+<p><strong>json 转 javascript：</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="title class_">JSON</span>.<span class="title function_">parse</span>(jsonText,过滤器)</span><br></pre></td></tr></table></figure>
+<span id="more"></span>
+<p><strong>参考：</strong></p>
+<p><a
+href="https://blog.csdn.net/latency_cheng/article/details/73468205">JavaScript
+对象与 JSON 对象的相互转换</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>JSLanguage</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>Lodash 中一些让人喜出望外的函数</title>
+    <url>/posts/2022/071MK6.html</url>
+    <content><![CDATA[<h2 id="为什么选择-lodash">为什么选择 Lodash ？</h2>
+<p>Lodash 通过降低 array、number、objects、string 等等的使用难度从而让
+JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于：</p>
+<ul>
+<li>遍历 array、object 和 string</li>
+<li>对值进行操作和检测</li>
+<li>创建符合功能的函数</li>
+</ul>
+<p>下面是本人在阅读文档时，对遇到的一些让人觉得非常好用的函数的整理。</p>
+<blockquote>
+<p>文档版本：4.17.15</p>
+</blockquote>
+<span id="more"></span>
+<h2 id="array">Array</h2>
+<h3 id="difference系列">_.difference系列</h3>
+<p>返回第一个数组中与第二个数组不同的值。</p>
+<p>当在 vue 中 watch 的是一个数组时，找到变化的值非常有用。</p>
+<h3 id="uniq-系列">_.uniq 系列</h3>
+<p>返回数组中所有第一次出现的值。</p>
+<p>用于去重很有用。</p>
+<h2 id="function">Function</h2>
+<h3 id="throttle">_.throttle</h3>
+<p>节流函数，在一定时间内仅会执行一次。</p>
+<p>可以用于更新上传或下载的进度。</p>
+<h2 id="number">Number</h2>
+<h3 id="clamp">_.clamp</h3>
+<p>传入一个值下界和上界，返回在这个界限内的值。</p>
+<h2 id="object">Object</h2>
+<h3 id="at">_.at</h3>
+<p>通过传入属性路径来获取值，属性路径是字符串，同时路径支持函数</p>
+<h3 id="default">_.default</h3>
+<p>对于是undefined的属性赋予初值</p>
+<h3 id="get">_.get</h3>
+<p>同 <code>_.at</code>，但可以传入一个未找到时的默认值</p>
+<h3 id="invoke">_.invoke</h3>
+<p>通过<strong>字符串路径</strong>来调用对象中原生的方法</p>
+<h3 id="pick">_.pick</h3>
+<p>通过给定的字符串路径来重新构建一个对象</p>
+<h2 id="参考">参考</h2>
+<p>本文参考以下文章，在此表示诚挚感谢！</p>
+<ol type="1">
+<li><a href="https://www.lodashjs.com/">Lodash中文文档</a></li>
+<li><a href="https://lodash.com/docs/4.17.15">Lodash英文文档</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Lodash</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+        <tag>lodash</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>进程守护 pm2 的使用</title>
+    <url>/posts/2021/31GSH68.html</url>
+    <content><![CDATA[<p>最近在后端的部署中，发现一个好用的进程守护包，叫
+MP2，记录下它的基本使用。</p>
+<span id="more"></span>
+<h2 id="安装">安装</h2>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">$ npm install pm2@latest -g</span><br><span class="line"># or</span><br><span class="line">$ yarn global add pm2</span><br></pre></td></tr></table></figure>
+<h2 id="启动-app">启动 App</h2>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">$ pm2 start app.js</span><br></pre></td></tr></table></figure>
+<h2 id="管理进程">管理进程</h2>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">$ pm2 restart app_name</span><br><span class="line">$ pm2 reload app_name</span><br><span class="line">$ pm2 stop app_name</span><br><span class="line">$ pm2 delete app_name</span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://pm2.keymetrics.io/docs/usage/pm2-doc-single-page/">pm2官方文档</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Nodejs</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+        <tag>nodejs</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>nodejs文件上传下载处理相关的包</title>
+    <url>/posts/2021/1TBWW0K.html</url>
+    <content><![CDATA[<ul>
+<li><p>文件压缩与解压缩 compressing</p></li>
+<li><p>流处理</p>
+<p>pump</p></li>
+<li><p>消费流</p>
+<p>stream-wormhole</p></li>
+</ul>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Nodejs</category>
+      </categories>
+      <tags>
+        <tag>Javascript</tag>
+        <tag>nodejs</tag>
+        <tag>文件上传下载</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>nodejs 环境安装</title>
+    <url>/posts/2022/2RW3NJ1.html</url>
+    <content><![CDATA[
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Nodejs</category>
+      </categories>
+  </entry>
+  <entry>
+    <title>创建 npm 工具库</title>
+    <url>/posts/2022/2VDPVDM.html</url>
+    <content><![CDATA[<h2 id="打包工具的选择">打包工具的选择</h2>
+<p>如果我们需要构建一个简单的小型应用并让它快速运行起来，可以使用
+<code>Parcel</code>；如果需要构建一个类库只需要导入很少第三方库，可以使用
+<code>Rollup</code>；如果需要构建一个复杂的应用，需要集成很多第三方库，并且需要代码分拆、HMR等功能，推荐使用
+<code>Webpack</code> <a
+href="https://zhuanlan.zhihu.com/p/350601275">[3]</a>。</p>
+<p>所以，在开发工具库时，我们选择 <code>rollup</code> 作为打包工具。</p>
+<span id="more"></span>
+<h2 id="初始化">初始化</h2>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">mkdir wow<span class="literal">-tool</span></span><br><span class="line"><span class="built_in">cd</span> wow<span class="literal">-tool</span></span><br><span class="line">npm init <span class="literal">-y</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加src目录</span></span><br><span class="line">mkdir src</span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加 index.js 入口文件</span></span><br><span class="line"><span class="built_in">New-Item</span> src/index.js</span><br><span class="line"></span><br><span class="line"><span class="comment"># 修改入口文件位置</span></span><br><span class="line"><span class="comment"># package.json 中 exports 修改为如下值，使其支持浏览器和 nodejs</span></span><br><span class="line">&#123;</span><br><span class="line">  <span class="string">&quot;exports&quot;</span>:&#123; </span><br><span class="line">    <span class="string">&quot;require&quot;</span>: <span class="string">&quot;./dist/yourPackageName.cjs.js&quot;</span>,</span><br><span class="line">    <span class="string">&quot;import&quot;</span>: <span class="string">&quot;./dist/yourPackageName.esm.js&quot;</span> </span><br><span class="line">  &#125;,</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="安装-rollup">安装 rollup</h2>
+<p>将 rollup 安装为本地开发依赖</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># npm</span></span><br><span class="line">npm install rollup <span class="literal">--save-dev</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># yarn</span></span><br><span class="line">yarn add rollup <span class="literal">--dev</span></span><br></pre></td></tr></table></figure>
+<h2 id="安装-rollup-插件">安装 rollup 插件</h2>
+<p>先安装如下rollup插件：</p>
+<table>
+<colgroup>
+<col style="width: 31%" />
+<col style="width: 68%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>插件包名</th>
+<th>作用</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td><span class="citation"
+data-cites="rollup/plugin-node-resolve">@rollup/plugin-node-resolve</span></td>
+<td>使用 nodejs的解析算法，使得可以在 node_modules 中使用第三方包</td>
+</tr>
+<tr class="even">
+<td><span class="citation"
+data-cites="rollup/plugin-commonjs">@rollup/plugin-commonjs</span></td>
+<td>将 CommonJS 模块转成 ES 模块</td>
+</tr>
+<tr class="odd">
+<td><span class="citation"
+data-cites="rollup/plugin-alias">@rollup/plugin-alias</span></td>
+<td>在打包的时候创建别名</td>
+</tr>
+<tr class="even">
+<td><span class="citation"
+data-cites="rollup/plugin-replace">@rollup/plugin-replace</span></td>
+<td>在打包时替换目标字符串</td>
+</tr>
+<tr class="odd">
+<td><span class="citation"
+data-cites="rollup/plugin-eslint">@rollup/plugin-eslint</span></td>
+<td>代码规范化</td>
+</tr>
+<tr class="even">
+<td><span class="citation"
+data-cites="rollup/plugin-babel">@rollup/plugin-babel</span></td>
+<td>与 babel 无缝集成，将 ES6 代码转换成 ES5</td>
+</tr>
+<tr class="odd">
+<td>rollup-plugin-terser</td>
+<td>通过使用 terser 引擎，缩减打包后的大小</td>
+</tr>
+<tr class="even">
+<td>rollup-plugin-clear</td>
+<td>在编译前清空输出目录</td>
+</tr>
+<tr class="odd">
+<td><span class="citation"
+data-cites="rollup/plugin-json">@rollup/plugin-json</span></td>
+<td>将 json 文件转成 ES 模块</td>
+</tr>
+<tr class="even">
+<td>rollup-plugin-serve</td>
+<td>创建开发服务</td>
+</tr>
+<tr class="odd">
+<td>rollup-plugin-livereload</td>
+<td>实时重载代码修改</td>
+</tr>
+<tr class="even">
+<td>rollup-plugin-filesize</td>
+<td>在终端中显示包文件的大小</td>
+</tr>
+</tbody>
+</table>
+<p>安装命令如下：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># npm</span></span><br><span class="line">npm install @rollup/plugin<span class="literal">-node-resolve</span> @rollup/plugin<span class="literal">-commonjs</span> @rollup/plugin<span class="literal">-alias</span> @rollup/plugin<span class="operator">-replace</span> @rollup/plugin<span class="literal">-eslint</span> @rollup/plugin<span class="literal">-babel</span> rollup<span class="literal">-plugin-terser</span> rollup<span class="literal">-plugin-clear</span> @rollup/plugin<span class="literal">-json</span> rollup<span class="literal">-plugin-serve</span> rollup<span class="literal">-plugin-livereload</span> rollup<span class="literal">-plugin-filesize</span> <span class="literal">--save-dev</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># yarn</span></span><br><span class="line"><span class="comment"># yarn 安装开发依赖的命令如下</span></span><br><span class="line">yarn add &lt;package<span class="literal">-name</span>&gt; <span class="literal">--dev</span></span><br></pre></td></tr></table></figure>
+<p>插件的具体作用参考：<a
+href="https://github.com/rollup/awesome">rollup官方插件库</a></p>
+<h2 id="配置-rollup">配置 rollup</h2>
+<ol type="1">
+<li>根据开发环境区分不同的配置</li>
+<li>设置对应的 <code>npm script</code></li>
+<li>输出不同规范的产物：umd、umd.min、cjs、esm</li>
+<li>兼容 <code>jest</code> 不支持 <code>es module</code>的问题</li>
+</ol>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">mkdir config</span><br><span class="line"><span class="built_in">cd</span> config</span><br><span class="line"><span class="built_in">New-Item</span> rollup.config.base.js</span><br><span class="line"><span class="built_in">New-Item</span> rollup.config.dev.js</span><br><span class="line"><span class="built_in">New-Item</span> rollup.config.prod.js</span><br></pre></td></tr></table></figure>
+<h3 id="rollup.config.base.js">rollup.config.base.js</h3>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> &#123; nodeResolve &#125; <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-node-resolve&#x27;</span> <span class="comment">// 解析 node_modules 中的模块</span></span><br><span class="line"><span class="keyword">import</span> commonjs <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-commonjs&#x27;</span> <span class="comment">// cjs =&gt; esm</span></span><br><span class="line"><span class="keyword">import</span> alias <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-alias&#x27;</span> <span class="comment">// alias 和 reslove 功能</span></span><br><span class="line"><span class="keyword">import</span> replace <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-replace&#x27;</span></span><br><span class="line"><span class="keyword">import</span> eslint <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-eslint&#x27;</span></span><br><span class="line"><span class="keyword">import</span> &#123; babel &#125; <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-babel&#x27;</span></span><br><span class="line"><span class="keyword">import</span> &#123; terser &#125; <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-terser&#x27;</span></span><br><span class="line"><span class="keyword">import</span> clear <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-clear&#x27;</span></span><br><span class="line"><span class="keyword">import</span> json <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-json&#x27;</span> <span class="comment">// 支持在源码中直接引入json文件，不影响下面的</span></span><br><span class="line"><span class="keyword">import</span> &#123; name, version, author &#125; <span class="keyword">from</span> <span class="string">&#x27;../package.json&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 此处 pkgName 要修改成自己的包名</span></span><br><span class="line"><span class="keyword">const</span> pkgName = <span class="string">&#x27;vtools&#x27;</span></span><br><span class="line"><span class="keyword">const</span> banner =</span><br><span class="line"><span class="string">&#x27;/*!\n&#x27;</span> +</span><br><span class="line"><span class="string">` * <span class="subst">$&#123;name&#125;</span> v<span class="subst">$&#123;version&#125;</span>\n`</span> +</span><br><span class="line"><span class="string">` * (c) 2014-<span class="subst">$&#123;<span class="keyword">new</span> <span class="built_in">Date</span>().getFullYear()&#125;</span> <span class="subst">$&#123;author&#125;</span>\n`</span> +</span><br><span class="line"><span class="string">&#x27; * Released under the MIT License.\n&#x27;</span> +</span><br><span class="line"><span class="string">&#x27; */&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">default</span> &#123;</span><br><span class="line">  <span class="attr">input</span>: <span class="string">&#x27;src/index.js&#x27;</span>,</span><br><span class="line">  <span class="comment">// 同时打包多种规范的产物</span></span><br><span class="line">  <span class="attr">output</span>: [</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="attr">file</span>: <span class="string">`dist/<span class="subst">$&#123;pkgName&#125;</span>.umd.js`</span>,</span><br><span class="line">      <span class="attr">format</span>: <span class="string">&#x27;umd&#x27;</span>,</span><br><span class="line">      <span class="attr">name</span>: pkgName,</span><br><span class="line">      banner</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="attr">file</span>: <span class="string">`dist/<span class="subst">$&#123;pkgName&#125;</span>.umd.min.js`</span>,</span><br><span class="line">      <span class="attr">format</span>: <span class="string">&#x27;umd&#x27;</span>,</span><br><span class="line">      <span class="attr">name</span>: pkgName,</span><br><span class="line">      banner,</span><br><span class="line">      <span class="attr">plugins</span>: [<span class="title function_">terser</span>()]</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="attr">file</span>: <span class="string">`dist/<span class="subst">$&#123;pkgName&#125;</span>.cjs.js`</span>,</span><br><span class="line">      <span class="attr">format</span>: <span class="string">&#x27;cjs&#x27;</span>,</span><br><span class="line">      <span class="attr">name</span>: pkgName,</span><br><span class="line">      banner</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="attr">file</span>: <span class="string">`dist/<span class="subst">$&#123;pkgName&#125;</span>.esm.js`</span>,</span><br><span class="line">      <span class="attr">format</span>: <span class="string">&#x27;es&#x27;</span>,</span><br><span class="line">      banner</span><br><span class="line">    &#125;</span><br><span class="line">  ],</span><br><span class="line">  <span class="comment">// 注意 plugin 的使用顺序</span></span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    <span class="title function_">json</span>(),</span><br><span class="line">    <span class="title function_">clear</span>(&#123;</span><br><span class="line">      <span class="attr">targets</span>: [<span class="string">&#x27;dist&#x27;</span>]</span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">alias</span>(),</span><br><span class="line">    <span class="title function_">replace</span>(&#123;</span><br><span class="line">      <span class="string">&#x27;process.env.NODE_ENV&#x27;</span>: <span class="title class_">JSON</span>.<span class="title function_">stringify</span>(process.<span class="property">env</span>.<span class="property">NODE_ENV</span> || <span class="string">&#x27;development&#x27;</span>),</span><br><span class="line">      <span class="attr">preventAssignment</span>: <span class="literal">true</span></span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">nodeResolve</span>(),</span><br><span class="line">    <span class="title function_">commonjs</span>(&#123;</span><br><span class="line">      <span class="attr">include</span>: <span class="string">&#x27;node_modules/**&#x27;</span></span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">eslint</span>(&#123;</span><br><span class="line">      <span class="attr">throwOnError</span>: <span class="literal">true</span>, <span class="comment">// 抛出异常并阻止打包</span></span><br><span class="line">      <span class="attr">include</span>: [<span class="string">&#x27;src/**&#x27;</span>],</span><br><span class="line">      <span class="attr">exclude</span>: [<span class="string">&#x27;node_modules/**&#x27;</span>]</span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">babel</span>(&#123; <span class="attr">babelHelpers</span>: <span class="string">&#x27;bundled&#x27;</span> &#125;)</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p><strong>修改包名</strong>：</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 此处 pkgName 要修改成自己的包名</span></span><br><span class="line"><span class="keyword">const</span> pkgName = <span class="string">&#x27;vtools&#x27;</span></span><br></pre></td></tr></table></figure>
+<h3 id="rollup.config.dev.js">rollup.config.dev.js</h3>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> baseConfig <span class="keyword">from</span> <span class="string">&#x27;./rollup.config.base&#x27;</span></span><br><span class="line"><span class="keyword">import</span> serve <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-serve&#x27;</span></span><br><span class="line"><span class="keyword">import</span> livereload <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-livereload&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">default</span> &#123;</span><br><span class="line">  ...baseConfig,</span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    ...baseConfig.<span class="property">plugins</span>,</span><br><span class="line">    <span class="title function_">serve</span>(&#123;</span><br><span class="line">      <span class="attr">port</span>: <span class="number">8080</span>,</span><br><span class="line">      <span class="attr">contentBase</span>: [<span class="string">&#x27;dist&#x27;</span>, <span class="string">&#x27;examples/brower&#x27;</span>],</span><br><span class="line">      <span class="attr">openPage</span>: <span class="string">&#x27;index.html&#x27;</span>,</span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">livereload</span>(&#123;</span><br><span class="line">      <span class="attr">watch</span>: <span class="string">&#x27;examples/brower&#x27;</span>,</span><br><span class="line">    &#125;)</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h3 id="rollup.config.prod.js">rollup.config.prod.js</h3>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> baseConfig <span class="keyword">from</span> <span class="string">&#x27;./rollup.config.base&#x27;</span></span><br><span class="line"><span class="keyword">import</span> filesize <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-filesize&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">default</span> &#123;</span><br><span class="line">  ...baseConfig,</span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    ...baseConfig.<span class="property">plugins</span>,</span><br><span class="line">    <span class="title function_">filesize</span>()</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="配置-prettier">配置 prettier</h2>
+<p>prettier 主要用于代码格式校验和修正。</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># --save-exact 添加准确的版本号，例如：&quot;webpack&quot;: &quot;^5.1.3&quot;，添加--save-exact后将没有 ^ 号</span></span><br><span class="line"><span class="comment"># npm</span></span><br><span class="line">npm install <span class="literal">--save-dev</span> <span class="literal">--save-exact</span> prettier</span><br><span class="line"><span class="comment"># yarn</span></span><br><span class="line">yarn add <span class="literal">--dev</span> <span class="literal">--exact</span> prettier</span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加配置文件</span></span><br><span class="line"><span class="built_in">New-Item</span> .prettierrc.js</span><br><span class="line"><span class="comment"># 添加下列内容</span></span><br><span class="line">module.exports = &#123;</span><br><span class="line">  printWidth: <span class="number">80</span>,</span><br><span class="line">  tabWidth: <span class="number">2</span>,</span><br><span class="line">  useTabs: false,</span><br><span class="line">  singleQuote: true,</span><br><span class="line">  proseWrap: <span class="string">&#x27;preserve&#x27;</span>,</span><br><span class="line">  arrowParens: <span class="string">&#x27;avoid&#x27;</span>,</span><br><span class="line">  bracketSpacing: true,</span><br><span class="line">  disableLanguages: [<span class="string">&#x27;vue&#x27;</span>],</span><br><span class="line">  endOfLine: <span class="string">&#x27;auto&#x27;</span>,</span><br><span class="line">  eslintIntegration: false,</span><br><span class="line">  htmlWhitespaceSensitivity: <span class="string">&#x27;ignore&#x27;</span>,</span><br><span class="line">  ignorePath: <span class="string">&#x27;.prettierignore&#x27;</span>,</span><br><span class="line">  jsxBracketSameLine: false,</span><br><span class="line">  jsxSingleQuote: true,</span><br><span class="line">  parser: <span class="string">&#x27;babel&#x27;</span>,</span><br><span class="line">  requireConfig: false,</span><br><span class="line">  stylelintIntegration: false,</span><br><span class="line">  trailingComma: <span class="string">&#x27;none&#x27;</span>,</span><br><span class="line">  tslintIntegration: true,</span><br><span class="line">  <span class="string">&#x27;workbench.iconTheme&#x27;</span>: <span class="string">&#x27;vscode-icons&#x27;</span>,</span><br><span class="line">  <span class="string">&#x27;editor.minimap.enabled&#x27;</span>: false,</span><br><span class="line">  <span class="string">&#x27;editor.renderWhitespace&#x27;</span>: <span class="string">&#x27;none&#x27;</span>,</span><br><span class="line">  <span class="string">&#x27;editor.renderControlCharacters&#x27;</span>: false,</span><br><span class="line">  semi: false</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加忽略文件</span></span><br><span class="line"><span class="built_in">New-Item</span> .prettierignore.js <span class="literal">-value</span> build`ncoverage</span><br></pre></td></tr></table></figure>
+<h2 id="配置-eslint">配置 eslint</h2>
+<p>eslint 主要用于代码质量的校验。</p>
+<p><strong>安装</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 在开发环境中安装 esLint</span></span><br><span class="line">npm i eslint -D</span><br><span class="line"></span><br><span class="line"><span class="comment">// 生成配置文件</span></span><br><span class="line">npx eslint --init</span><br><span class="line"></span><br><span class="line"><span class="comment">// 开发中使用 eslit 检查语法，用 prettier 检查格式</span></span><br><span class="line"><span class="comment">// 1.选择 To check syntax and find problems</span></span><br><span class="line"><span class="comment">// 2.选择用 javaScript modules 开发</span></span><br></pre></td></tr></table></figure>
+<p><strong>安装插件并配置</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 使用 standard 规范</span></span><br><span class="line">npm install --save-dev eslint-config-standard eslint-config-prettier eslint-plugin-promise eslint-plugin-<span class="keyword">import</span> eslint-plugin-node</span><br><span class="line"></span><br><span class="line"><span class="comment">// .eslintrc.js 配置</span></span><br><span class="line"><span class="variable language_">module</span>.<span class="property">exports</span> = &#123;</span><br><span class="line">  <span class="attr">root</span>: <span class="literal">true</span>,</span><br><span class="line">  <span class="attr">env</span>: &#123;</span><br><span class="line">    <span class="attr">browser</span>: <span class="literal">true</span>,</span><br><span class="line">    <span class="attr">es2021</span>: <span class="literal">true</span>,</span><br><span class="line">    <span class="attr">jest</span>: <span class="literal">true</span> <span class="comment">// 支持jest</span></span><br><span class="line">  &#125;,</span><br><span class="line">  <span class="attr">extends</span>: [<span class="string">&#x27;standard&#x27;</span>, <span class="string">&#x27;prettier&#x27;</span>],</span><br><span class="line">  <span class="attr">parserOptions</span>: &#123;</span><br><span class="line">    <span class="attr">ecmaVersion</span>: <span class="number">12</span>,</span><br><span class="line">    <span class="attr">sourceType</span>: <span class="string">&#x27;module&#x27;</span></span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment">// .eslintignore 配置忽略 dist, 防止校验打包的产物</span></span><br><span class="line"><span class="title class_">New</span>-<span class="title class_">Item</span> .<span class="property">eslintignore</span>.<span class="property">js</span> -value dist</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>如果有更复杂的需求，可以安装 eslint-config-prettier 来禁用 eslint 与
+prettier 之间冲突的配置。</p>
+</blockquote>
+<h2 id="配置-babel">配置 babel</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">npm i -D @babel/core @babel/preset-env babel-plugin-transform-<span class="keyword">async</span>-to-promises</span><br><span class="line"></span><br><span class="line"><span class="title class_">New</span>-<span class="title class_">Item</span> .<span class="property">babelrc</span>.<span class="property">js</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// .babelrc.js</span></span><br><span class="line"><span class="variable language_">module</span>.<span class="property">exports</span> = &#123;</span><br><span class="line">  <span class="attr">presets</span>: [</span><br><span class="line">    [<span class="string">&#x27;@babel/preset-env&#x27;</span>, &#123;</span><br><span class="line">      <span class="comment">// rollupjs 会处理模块，所以设置成 false</span></span><br><span class="line">      <span class="attr">modules</span>: <span class="literal">false</span></span><br><span class="line">    &#125;]</span><br><span class="line">  ],</span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    <span class="comment">// 避免 babel 将 async/await 转成 Generator</span></span><br><span class="line">    <span class="comment">// 这样兼容性更好</span></span><br><span class="line">    <span class="string">&#x27;transform-async-to-promises&#x27;</span></span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="单元测试">单元测试</h2>
+<p>test 目录下创建 xxx.test.js（xxx 和 源码中的文件名保持一致）</p>
+<ul>
+<li>选用 <code>jest</code> 做单元测试</li>
+<li>配置 <code>eslint</code> 的 <code>jest</code> 环境</li>
+<li>解决 <code>jest</code> 不支持 <code>es module</code> 的问题</li>
+</ul>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm i <span class="literal">-D</span> jest</span><br><span class="line"><span class="comment"># 支持 `es module`</span></span><br><span class="line">npm i <span class="literal">-D</span> rollup<span class="literal">-jest</span> </span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加测试目录</span></span><br><span class="line">mkdir test</span><br><span class="line"></span><br><span class="line"><span class="comment"># package.json 中设置 </span></span><br><span class="line"><span class="string">&quot;jest&quot;</span>: &#123;</span><br><span class="line">    <span class="string">&quot;preset&quot;</span>: <span class="string">&quot;rollup-jest&quot;</span></span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment"># 执行测试</span></span><br><span class="line">npx jest </span><br><span class="line"></span><br><span class="line"><span class="comment"># 测试覆盖率</span></span><br><span class="line">npx jest <span class="literal">--coverage</span></span><br></pre></td></tr></table></figure>
+<h2 id="更新忽略文件">更新忽略文件</h2>
+<h3 id="gitignore">.gitignore</h3>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># `n 代表换行</span></span><br><span class="line"><span class="comment"># 如果是用 git 仓库管理来作为包服务的话，dist 不能忽略</span></span><br><span class="line"><span class="built_in">New-Item</span> .gitignore <span class="literal">-value</span> node_modules`ndist`ncoverage`n</span><br></pre></td></tr></table></figure>
+<h3 id="npmignore">.npmignore</h3>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 新建文件</span></span><br><span class="line"><span class="built_in">New-Item</span> .npmignore</span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加内容</span></span><br><span class="line">node_modules</span><br><span class="line">test</span><br><span class="line">src</span><br><span class="line">.babelrc.js</span><br><span class="line">.eslintrc.js</span><br><span class="line">scripts</span><br><span class="line">coverage</span><br><span class="line">docs</span><br><span class="line">.czrc</span><br><span class="line">.eslintignore</span><br><span class="line">.huskyrc</span><br><span class="line">.commitlint.config.js</span><br><span class="line">.commitlint.config</span><br></pre></td></tr></table></figure>
+<h2 id="readme.md">README.md</h2>
+<p>添加徽标</p>
+<ul>
+<li>GitHub徽标官网是<a
+href="https://link.juejin.cn?target=https%3A%2F%2Fshields.io%2F">shields.io</a></li>
+<li>普通徽标</li>
+</ul>
+<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="attr">https</span>:<span class="comment">//img.shields.io/badge/&#123;徽标标题&#125;-&#123;徽标内容&#125;-&#123;徽标颜色&#125;.svg</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// eg</span></span><br><span class="line">![build](<span class="attr">https</span>:<span class="comment">//img.shields.io/badge/build-passing-success.svg)</span></span><br><span class="line">复制代码</span><br></pre></td></tr></table></figure>
+<ul>
+<li>动态徽标</li>
+</ul>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">https://img.shields.io/github/issues/&#123;github用户名&#125;/&#123;仓库名&#125;.svg</span><br><span class="line">https://img.shields.io/github/forks/&#123;github用户名&#125;/&#123;仓库名&#125;.svg</span><br><span class="line">https://img.shields.io/github/stars/&#123;github用户名&#125;/&#123;仓库名&#125;.svg</span><br><span class="line">https://img.shields.io/github/license/&#123;github用户名&#125;/&#123;仓库名&#125;.svg</span><br></pre></td></tr></table></figure>
+<h2 id="git-提交校验">git 提交校验</h2>
+<p><strong>安装下列包：</strong></p>
+<table>
+<colgroup>
+<col style="width: 35%" />
+<col style="width: 64%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>包名</th>
+<th>作用</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td></td>
-<td></td>
-<td></td>
+<td>husky</td>
+<td>关联git的hook与项目，可以实现在提交时校验提交信息的规范性</td>
+</tr>
+<tr class="even">
+<td><span class="citation"
+data-cites="commitlint/config-conventional">@commitlint/config-conventional</span></td>
+<td>代码提交 message 规范校验格式库</td>
+</tr>
+<tr class="odd">
+<td><span class="citation"
+data-cites="commitlint/cli">@commitlint/cli</span></td>
+<td>代码提交 message 规范校验</td>
+</tr>
+<tr class="even">
+<td>commitizen</td>
+<td>代码交互提交</td>
+</tr>
+<tr class="odd">
+<td>cz-conventional</td>
 <td></td>
 </tr>
 </tbody>
 </table>
+<p><strong>完整安装及配置：</strong></p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">--save-dev</span> husky @commitlint/config<span class="literal">-conventional</span> @commitlint/<span class="built_in">cli</span> commitizen cz<span class="literal">-conventional-changelog</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># commitlint.config</span></span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;module.exports = &#123;extends: [&#x27;@commitlint/config-conventional&#x27;]&#125;&quot;</span> &gt; commitlint.config.js</span><br><span class="line"></span><br><span class="line"><span class="comment"># 初始化 git</span></span><br><span class="line">git init</span><br><span class="line"></span><br><span class="line"><span class="comment"># commitlint 使用 husky 的消息钩子</span></span><br><span class="line">npx husky install</span><br><span class="line"><span class="comment"># 注意，-- commitlint 之间有一个空格</span></span><br><span class="line">npx husky add .husky/commit<span class="literal">-msg</span> <span class="string">&#x27;npx --no -- commitlint --edit &quot;$1&quot;&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># .czrc</span></span><br><span class="line"><span class="built_in">New-Item</span> .czrc</span><br><span class="line"></span><br><span class="line"><span class="comment"># 内容</span></span><br><span class="line">&#123; <span class="string">&quot;path&quot;</span>: <span class="string">&quot;cz-conventional-changelog&quot;</span> &#125;</span><br><span class="line"></span><br><span class="line"><span class="comment"># package.json</span></span><br><span class="line"><span class="comment"># commitizen 快捷命令</span></span><br><span class="line">&#123;</span><br><span class="line">  <span class="string">&quot;scripts&quot;</span>: &#123;</span><br><span class="line">    <span class="string">&quot;commit&quot;</span>: <span class="string">&quot;cz&quot;</span></span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p><strong>常用的commitlint type类别：</strong></p>
+<ul>
+<li>build：发布</li>
+<li>chore：构建过程或辅助工具的变动</li>
+<li>ci：合并其它贡献者的代码变化（continuous integration）</li>
+<li>docs：文档（documentation）</li>
+<li>feat：新功能（feature）</li>
+<li>fix：修补bug</li>
+<li>perf：</li>
+<li>refactor：重构（即不是新增功能，也不是修改bug的代码变动）</li>
+<li>style： 格式（不影响代码运行的变动）</li>
+<li>test：增加测试</li>
+</ul>
 <blockquote>
-<p>* 号代表暂未使用，但觉得不错，用于收藏</p>
+<p>例：</p>
+<p>git commit -m 'feat: 增加 xxx 功能' git commit -m 'bug: 修复 xxx
+功能'</p>
 </blockquote>
+<h2 id="配置package.json">配置package.json</h2>
+<p>经过上述配置，我们还需要配置一些 npm 脚本来运行，如下：</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="attr">&quot;scripts&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;dev&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npx rollup -w --environment NODE_ENV:development -c config/rollup.config.dev.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;build&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npx rollup --environment NODE_ENV:production -c config/rollup.config.prod.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;x&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version major&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;y&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version minor&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;z&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version patch&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;lint&quot;</span><span class="punctuation">:</span> <span class="string">&quot;eslint src&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;fix&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run lint --fix&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;commit&quot;</span><span class="punctuation">:</span> <span class="string">&quot;git-cz&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;test&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jest&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;test:c&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jest --coverage&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;prepublish&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run build&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:x&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run x &amp;&amp; npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:y&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run y &amp;&amp; npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:z&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run z &amp;&amp; npm publish --access=public&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<p>完整版：</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;wow-tool&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;version&quot;</span><span class="punctuation">:</span> <span class="string">&quot;0.0.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;author&quot;</span><span class="punctuation">:</span> <span class="string">&quot;&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span> <span class="string">&quot;provide some usefull uities for javascript&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;main&quot;</span><span class="punctuation">:</span> <span class="string">&quot;src/index.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="comment">// main,module,broser 分别代表不同环境下的入口文件</span></span><br><span class="line">  <span class="attr">&quot;main&quot;</span><span class="punctuation">:</span> <span class="string">&quot;dst/sw-utils.cjs.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;module&quot;</span><span class="punctuation">:</span> <span class="string">&quot;dst/sw-utils.esm.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;scripts&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">     <span class="attr">&quot;dev&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npx rollup -w --environment NODE_ENV:development -c config/rollup.config.dev.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;build&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npx rollup --environment NODE_ENV:production -c config/rollup.config.prod.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;x&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version major&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;y&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version minor&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;z&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version patch&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;lint&quot;</span><span class="punctuation">:</span> <span class="string">&quot;eslint src&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;fix&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run lint --fix&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;commit&quot;</span><span class="punctuation">:</span> <span class="string">&quot;git-cz&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;test&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jest&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;test:c&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jest --coverage&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;prepublish&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run build&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:x&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run x &amp;&amp; npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:y&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run y &amp;&amp; npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:z&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run z &amp;&amp; npm publish --access=public&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;jest&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;preset&quot;</span><span class="punctuation">:</span> <span class="string">&quot;rollup-jest&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;repository&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;type&quot;</span><span class="punctuation">:</span> <span class="string">&quot;git&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;url&quot;</span><span class="punctuation">:</span> <span class="string">&quot;https://gitee.com/noctiflorous/wow-tool.git&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;keywords&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;license&quot;</span><span class="punctuation">:</span> <span class="string">&quot;ISC&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;bugs&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;url&quot;</span><span class="punctuation">:</span> <span class="string">&quot;https://gitee.com/noctiflorous/wow-tool.git/issues&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;homepage&quot;</span><span class="punctuation">:</span> <span class="string">&quot;https://gitee.com/noctiflorous/wow-tool.git#readme&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="comment">// 开发依赖（作为npm包被install时，开发依赖不会被下载进node_modules）</span></span><br><span class="line">  <span class="attr">&quot;devDependencies&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;@babel/core&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.16.7&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@babel/preset-env&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.16.7&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@commitlint/cli&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^16.0.2&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@commitlint/config-conventional&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^16.0.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-alias&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^3.1.9&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-babel&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^5.3.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-commonjs&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^21.0.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-eslint&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^8.0.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-json&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^4.1.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-node-resolve&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^13.1.3&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-replace&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^3.0.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;commitizen&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^4.2.4&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;cz-conventional-changelog&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^3.3.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.32.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint-config-standard&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^16.0.3&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint-plugin-import&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^2.25.4&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint-plugin-node&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^11.1.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint-plugin-promise&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^5.2.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;husky&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.0.4&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;jest&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^27.4.7&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^2.63.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-jest&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^1.1.3&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-clear&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^2.0.7&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-filesize&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^9.1.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-livereload&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^2.0.5&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-serve&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^1.1.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-terser&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.0.2&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="comment">// 依赖（作为npm包被install时，依赖会被下载进node_modules）</span></span><br><span class="line">  <span class="attr">&quot;dependencies&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<h2 id="编写功能">编写功能</h2>
+<p>上述配置完成后，就可以开始编写功能了。</p>
+<p>入口函数为 <code>src/index.js</code> ，该入口在
+<code>rollup.config.base.js</code> 中定义的。</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// src/index.js</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">const</span> units = [<span class="string">&#x27;B&#x27;</span>, <span class="string">&#x27;KB&#x27;</span>, <span class="string">&#x27;MB&#x27;</span>, <span class="string">&#x27;GB&#x27;</span>, <span class="string">&#x27;TB&#x27;</span>, <span class="string">&#x27;PB&#x27;</span>]</span><br><span class="line"></span><br><span class="line"><span class="comment">/**</span></span><br><span class="line"><span class="comment"> * 字节转存储大小</span></span><br><span class="line"><span class="comment"> * <span class="doctag">@param</span> &#123;<span class="type">*</span>&#125; <span class="variable">bytes</span></span></span><br><span class="line"><span class="comment"> * <span class="doctag">@returns</span></span></span><br><span class="line"><span class="comment"> */</span></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">function</span> <span class="title function_">humanStorageSize</span>(<span class="params">bytes</span>) &#123;</span><br><span class="line">  <span class="keyword">let</span> u = <span class="number">0</span></span><br><span class="line"></span><br><span class="line">  <span class="keyword">while</span> (<span class="built_in">parseInt</span>(bytes, <span class="number">10</span>) &gt;= <span class="number">1024</span> &amp;&amp; u &lt; units.<span class="property">length</span> - <span class="number">1</span>) &#123;</span><br><span class="line">    bytes /= <span class="number">1024</span></span><br><span class="line">    ++u</span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">  <span class="keyword">return</span> <span class="string">`<span class="subst">$&#123;bytes.toFixed(<span class="number">1</span>)&#125;</span><span class="subst">$&#123;units[u]&#125;</span>`</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="编写测试">编写测试</h2>
+<p>针对上述的 <code>humanStorageSize</code>
+方法编写一个单元测试，单元编写参考：<a
+href="https://github.com/ambar/rollup-jest">rollup-jest</a> 、<a
+href="https://github.com/facebook/jest">jest</a></p>
+<p><strong>使用示例：</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> path <span class="keyword">from</span> <span class="string">&#x27;path&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="title function_">test</span>(<span class="string">&#x27;parses extname&#x27;</span>, <span class="function">() =&gt;</span> &#123;</span><br><span class="line">  <span class="title function_">expect</span>(path.<span class="title function_">extname</span>(<span class="string">&#x27;foo.md&#x27;</span>)).<span class="title function_">toBe</span>(<span class="string">&#x27;.md&#x27;</span>)</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<p><strong>humanStorageSize 测试示例：</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 新建文件</span></span><br><span class="line"><span class="title class_">New</span>-<span class="title class_">Item</span> test/humanStorageSize.<span class="property">test</span>.<span class="property">js</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 添加如下内容</span></span><br><span class="line"><span class="keyword">import</span> &#123; humanStorageSize &#125; <span class="keyword">from</span> <span class="string">&#x27;../src/index&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="title function_">test</span>(<span class="string">&#x27;test humanStorageSize&#x27;</span>, <span class="function">() =&gt;</span> &#123;</span><br><span class="line">  <span class="title function_">expect</span>(<span class="title function_">humanStorageSize</span>(<span class="number">1024</span>)).<span class="title function_">toBe</span>(<span class="string">&#x27;1.0KB&#x27;</span>)</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<p><strong>执行测试</strong>：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">// 运行测试</span><br><span class="line">npx jest test/humanStorageSize</span><br></pre></td></tr></table></figure>
+<p><strong>测试结果</strong>：</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220407181351999.png"
+alt="image-20220407181351999" />
+<figcaption aria-hidden="true">image-20220407181351999</figcaption>
+</figure>
+<h2 id="通过-git-管理包">通过 Git 管理包</h2>
+<p>如果公司没有私有包服务器，同时也不想将包发到 npm 上，可以发布到私有
+Git 仓库里，然后直接从 Git 安装包。<a
+href="https://galens.uamazing.cn/posts/2022/3TYQ1H6.html">&gt;&gt; 用
+git 管理私有包</a></p>
+<h2 id="发布到-npm">发布到 npm</h2>
+<h2 id="发布到-verdaccio">发布到 verdaccio</h2>
 <h2 id="参考">参考</h2>
 <p>本文主要参考以下文章，在此致以诚挚谢意！</p>
 <ol type="1">
 <li><a
-href="https://www.zhihu.com/question/429436558">知乎：有哪些必看的 JS
-库？</a></li>
+href="https://juejin.cn/post/6844904030976606216">详解从零创建自己的NPM包</a></li>
+<li><a href="https://juejin.cn/post/6945376222863949831">开发一个规范的
+npm 包</a></li>
+<li><a
+href="https://zhuanlan.zhihu.com/p/350601275">深入对比Webpack、Parcel、Rollup打包工具</a></li>
+<li><a
+href="https://www.ruanyifeng.com/blog/2020/08/how-nodejs-use-es6-module.html">Node.js
+如何处理 ES6 模块 - 阮一峰的网络日志 (ruanyifeng.com)</a></li>
+<li><a href="https://github.com/SunshowerC/blog/issues/8">package.json
+中 你还不清楚的 browser，module，main 字段优先级</a></li>
+<li><a href="https://webpack.js.org/guides/package-exports/">Package
+exports | webpack</a></li>
+<li><a
+href="https://blog.csdn.net/huzhenv5/article/details/105231011">ES6和commonJs模块化规范的混用</a></li>
 </ol>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>JSLanguage</category>
+        <category>Package</category>
       </categories>
       <tags>
-        <tag>Javascript</tag>
+        <tag>npm</tag>
+        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
-    <title>深入浅出地理解 js 中原型</title>
-    <url>/posts/2022/18JF19Q.html</url>
-    <content><![CDATA[<p>准备静心理解一下 JS
-中的原型，仔细一查，网上各有各的理解，各有各的缺点，让人眼花缭乱，看不通透。本文将从原理手，由浅入深地理解原型的概念。</p>
+    <title>npm包开发建议</title>
+    <url>/posts/2022/31N5JWW.html</url>
+    <content><![CDATA[<h2 id="技术选型">技术选型</h2>
+<blockquote>
+<p>建议根据所开发的npm包功能，选择更加快速且合理的打包方案。如果开发的是一个
+<code>tools</code> 这样的工具库，显然更适合用 <code>rollup</code>
+打包。如果是开发的是一个业务组件（vue），则更加适合采用
+<code>@vue/cli</code> 的 <code>lib</code> 模式来构建。</p>
+</blockquote>
+<p>为什么一定要选择打包工具来开发 <code>npm</code> 包?</p>
+<ul>
+<li>不一定非要使用构建工具来开发，使用构建工具主要是为了使用它强大的生态系统。比如代码风格检测、本地服务、同时构建多种规范的产物等等，方便我们的开发</li>
+</ul>
+<p>为什么是 <code>rollup</code> 而不是 <code>webpack</code>?</p>
+<ul>
+<li>随着 <code>rollup</code> 和 <code>webpack</code>
+的版本更新，二者之间的差异性特性越来越小</li>
+<li><code>rollup</code>
+配置简单，支持同时打包输出多种规范的产物（iife、cjs、umd、esm、amd、system）</li>
+<li><code>webpack</code>
+功能强大社区丰富，更加适合大型应用；不支持打包输出为<code>es module</code>，而且产物不是很纯净</li>
+<li>构建<code>App应用</code>时，webpack比较合适；如果是<code>类库（纯js项目）</code>，rollup更加适合。</li>
+</ul>
 <span id="more"></span>
-<p><img data-src="https://s2.loli.net/2022/01/20/KA85wXbD7Cp6zvF.jpg" /></p>
-<p>相信初学者一定认得此图，本人才理解时，把它视作天书，日夜观摩，妄想一步登天，顿悟
-JS
-原型链的大道，后来才发现，还是得从原理出发，才能行以致远，取得真经。</p>
-<p>咱们先从 JS 的起源说起。</p>
-<h2 id="js-的诞生">JS 的诞生</h2>
+<h2 id="完整的开发流程">完整的开发流程</h2>
+<ol type="1">
+<li>初始化项目</li>
+<li>创建合理的目录结构</li>
+<li>配置 <code>eslint</code> 统一代码风格</li>
+<li>配置 <code>typescript</code> 开发环境</li>
+<li>配置 <code>babel</code></li>
+<li>配置 <code>git</code> 提交的校验钩子</li>
+<li>开始编写代码</li>
+<li>watch 模式开发(本地服务)</li>
+<li>添加单元测试，编写测试示例</li>
+<li>完善 <code>package.json</code> 必要字段</li>
+<li>配置合适的 <code>npm script</code></li>
+<li>本地测试开发的 <code>npm</code> 包</li>
+<li>发布包到 <code>npm</code></li>
+<li>提交代码到 <code>git</code> 仓库</li>
+</ol>
+<h2 id="合理的包结构">合理的包结构</h2>
+<figure class="highlight js"><table><tr><td class="code"><pre><span class="line">├── bin  <span class="comment">// 用于存放可执行二进制文件的目录</span></span><br><span class="line">├── <span class="title function_">dist</span>(lib)  <span class="comment">// 产物输出目录</span></span><br><span class="line">├── docs <span class="comment">// 文档说明</span></span><br><span class="line">├── examples <span class="comment">// 示例</span></span><br><span class="line">├── package.<span class="property">json</span></span><br><span class="line">├── <span class="variable constant_">README</span>.<span class="property">md</span> <span class="comment">// 包说明，会在npm展示</span></span><br><span class="line">├── scripts <span class="comment">// 脚本</span></span><br><span class="line">├── <span class="title function_">src</span>(packages) <span class="comment">// 源码</span></span><br><span class="line">├── test <span class="comment">// 单元测试</span></span><br><span class="line">└── ...  <span class="comment">// 一些配置文件（eg: eslint、babel）</span></span><br></pre></td></tr></table></figure>
+<h2 id="致谢">致谢</h2>
+<p>本文摘抄于以下文章，在此致以诚挚谢意！</p>
+<ol type="1">
+<li><a href="https://juejin.cn/post/6945376222863949831">开发一个规范的
+npm 包</a></li>
+</ol>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>JSLanguage</category>
+        <category>Package</category>
       </categories>
       <tags>
-        <tag>Javascript</tag>
-        <tag>原型</tag>
+        <tag>npm包</tag>
       </tags>
   </entry>
   <entry>
-    <title>如何向回调函数中传递参数</title>
-    <url>/posts/2022/BA7F9Q.html</url>
-    <content><![CDATA[<p>有时候我们需要向回调函数中传递参数，比如在 <code>vue</code>
-中父组件向子组件的事件响应函数中传递自定义对象。</p>
+    <title>npm镜像源管理工具nrm使用</title>
+    <url>/posts/2022/W1573T.html</url>
+    <content><![CDATA[<p>通过 nrm(npmregistry manager) 可以很方面的管理和切换 npm
+的镜像源。</p>
 <span id="more"></span>
-<h2 id="vue-中实现">Vue 中实现</h2>
-<p>子组件中：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="variable language_">this</span>.$emit(<span class="string">&quot;changed&quot;</span>, data);</span><br></pre></td></tr></table></figure>
-<p>父组件中：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;ele @changed=&quot;valueChanged($event,customData)&quot;/&gt;</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>$event 的位置可以改变</p>
-</blockquote>
-<h2 id="js-中实现">JS 中实现</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="title function_">runMethod</span>(data,<span class="function">(<span class="params">callbackData</span>)=&gt;</span>&#123;</span><br><span class="line">   <span class="keyword">return</span> <span class="title function_">callback</span>(callbackData,customData)</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<h2 id="安装">安装</h2>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">-g</span> nrm</span><br></pre></td></tr></table></figure>
+<h2 id="使用">使用</h2>
+<p><strong>查看可用源列表：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm ls</span><br></pre></td></tr></table></figure>
 <blockquote>
-<p>在回调函数上包裹一层匿名函数，然后当成回调传递给方法使用</p>
+<p>结果中带 * 号的为当前使用的源</p>
 </blockquote>
+<p><strong>快速切换：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm use xxx</span><br></pre></td></tr></table></figure>
+<p><strong>增加镜像源：</strong></p>
+<p>如果我们需要增加特定的源，比如自己的私有源，可以执行以下命令进行添加，其中
+<code>reigstry</code>为源名，<code>url</code>为源的路径。</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm add &lt;registry&gt; &lt;url&gt;</span><br></pre></td></tr></table></figure>
+<p><strong>删除：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm del &lt;registry&gt;</span><br></pre></td></tr></table></figure>
+<p><strong>测试某个源的速度：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm test xxx</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>JSLanguage</category>
+        <category>Package</category>
       </categories>
       <tags>
-        <tag>Javascript</tag>
+        <tag>npm</tag>
+        <tag>pakage</tag>
+        <tag>nrm</tag>
       </tags>
   </entry>
   <entry>
-    <title>js 对象与 json 互相转换</title>
-    <url>/posts/2023/18D31C7.html</url>
-    <content><![CDATA[<p><strong>js 转 json：</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="title class_">JSON</span>.<span class="title function_">stringify</span>(对象,过滤器，缩进)</span><br></pre></td></tr></table></figure>
-<p><strong>json 转 javascript：</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="title class_">JSON</span>.<span class="title function_">parse</span>(jsonText,过滤器)</span><br></pre></td></tr></table></figure>
+    <title>yarn 常用命令</title>
+    <url>/posts/2022/AKDK4Z.html</url>
+    <content><![CDATA[<p>yarn 的常用命令如下：</p>
 <span id="more"></span>
-<p><strong>参考：</strong></p>
-<p><a
-href="https://blog.csdn.net/latency_cheng/article/details/73468205">JavaScript
-对象与 JSON 对象的相互转换</a></p>
+<h2 id="添加">添加</h2>
+<p><strong>本地安装：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn add &lt;package&gt;[@&lt;version&gt;]</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>&lt;&gt; 代表名称</p>
+<p>[] 中内容代表可选</p>
+</blockquote>
+<p><strong>安装为开发依赖：</strong></p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">yarn add &lt;package&gt;[@&lt;version&gt;] -D</span><br><span class="line"></span><br><span class="line"><span class="comment">// 或</span></span><br><span class="line">yarn add &lt;package&gt;[@&lt;version&gt;] --dev</span><br></pre></td></tr></table></figure>
+<p><strong>全局安装：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn global add &lt;package&gt;[@&lt;version&gt;]</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>注意 global 的顺序，位于 add 之前</p>
+</blockquote>
+<h2 id="移除">移除</h2>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn remove &lt;package&gt;</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>运行 <code>yarn remove foo</code> 会从你的直接依赖里移除名为
+<code>foo</code> 的包，在此期间会更新你的 <code>package.json</code> 和
+<code>yarn.lock</code> 文件</p>
+</blockquote>
+<h2 id="运行">运行</h2>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn run [script][&lt;args&gt;]</span><br></pre></td></tr></table></figure>
+<h2 id="缓存">缓存</h2>
+<p><strong>查看缓存位置：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn cache dir</span><br></pre></td></tr></table></figure>
+<p><strong>清空缓存：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn cache clean</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>JSLanguage</category>
+        <category>Package</category>
       </categories>
       <tags>
-        <tag>Javascript</tag>
+        <tag>yarn</tag>
+        <tag>package</tag>
       </tags>
   </entry>
   <entry>
-    <title>js 中常用的几个精度计算库，解决精度丢失问题</title>
-    <url>/posts/2022/2J626YP.html</url>
-    <content><![CDATA[<p>Javascript 中所有的数据都是 64 位的浮点数保存，无法做到非常精确。</p>
-<p>比如：<code>0.1+0.2</code>、<code>0.1*0.2</code> 这样的计算。</p>
-<p>然而在进行一些金额的计算时，对于精度要求的需要比较精准，所以需要使用一些包来进行处理。</p>
+    <title>yarn镜像源管理工具yrm使用</title>
+    <url>/posts/2022/QRGC5D.html</url>
+    <content><![CDATA[<p>通过 yrm(yarn registry manager) 可以很方面的管理和切换
+yarn的镜像源。</p>
 <span id="more"></span>
-<h2 id="math.js">Math.js</h2>
-<p><a href="https://mathjs.org/docs/index.html">Math.js</a> 是一个用于
-JavaScript 和 Node.js 的扩展数学库。</p>
-<p>它具有支持符号计算的灵活表达式解析器，大量内置函数和常量，并提供了集成的解决方案来处理不同的数据类型，例如数字，大数，复数，分数，单位和矩阵。</p>
-<p>强大且易于使用。</p>
-<h2 id="decimal.js">decimal.js</h2>
-<p><a href="http://mikemcl.github.io/decimal.js/">decimal.js</a> 是
-JavaScript 的任意精度的十进制类型。</p>
-<h2 id="big.js">big.js</h2>
-<p><a href="http://mikemcl.github.io/big.js/">big.js</a>
-是一个小型，快速，易于使用的库，用于任意精度的十进制算术运算。</p>
-<h2 id="bignumber.js">bignumber.js</h2>
-<p><a href="https://mikemcl.github.io/bignumber.js/">bignumber.js</a>
-是一个用于任意精度算术的 JavaScript 库。</p>
-<h2 id="比较"><a
-href="https://npmtrends.com/big.js-vs-bignumber.js-vs-decimal.js-vs-mathjs">比较</a></h2>
-<iframe src="https://npmtrends.com/big.js-vs-bignumber.js-vs-decimal.js-vs-mathjs"/>
+<h2 id="安装">安装</h2>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">-g</span> yrm</span><br></pre></td></tr></table></figure>
+<h2 id="使用">使用</h2>
+<p><strong>查看可用源列表：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm ls</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>结果中带 * 号的为当前使用的源</p>
+</blockquote>
+<p><strong>快速切换：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm use xxx</span><br></pre></td></tr></table></figure>
+<p><strong>增加镜像源：</strong></p>
+<p>如果我们需要增加特定的源，比如自己的私有源，可以执行以下命令进行添加，其中
+<code>reigstry</code>为源名，<code>url</code>为源的路径。</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm add &lt;registry&gt; &lt;url&gt;</span><br></pre></td></tr></table></figure>
+<p><strong>删除：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm del &lt;registry&gt;</span><br></pre></td></tr></table></figure>
+<p><strong>测试某个源的速度：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm test xxx</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>JSLanguage</category>
+        <category>Package</category>
       </categories>
       <tags>
-        <tag>Javascript</tag>
+        <tag>npm</tag>
+        <tag>pakage</tag>
+        <tag>nrm</tag>
       </tags>
   </entry>
   <entry>
-    <title>Lodash 中一些让人喜出望外的函数</title>
-    <url>/posts/2022/071MK6.html</url>
-    <content><![CDATA[<h2 id="为什么选择-lodash">为什么选择 Lodash ？</h2>
-<p>Lodash 通过降低 array、number、objects、string 等等的使用难度从而让
-JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于：</p>
-<ul>
-<li>遍历 array、object 和 string</li>
-<li>对值进行操作和检测</li>
-<li>创建符合功能的函数</li>
-</ul>
-<p>下面是本人在阅读文档时，对遇到的一些让人觉得非常好用的函数的整理。</p>
-<blockquote>
-<p>文档版本：4.17.15</p>
-</blockquote>
+    <title>向 verdaccio 新建用户并发布包</title>
+    <url>/posts/2022/GZ1MBS.html</url>
+    <content><![CDATA[<p>本文记录了如何向私有镜像管理器（verdaccio）中新建用户并发布本地包的方法。</p>
 <span id="more"></span>
-<h2 id="array">Array</h2>
-<h3 id="difference系列">_.difference系列</h3>
-<p>返回第一个数组中与第二个数组不同的值。</p>
-<p>当在 vue 中 watch 的是一个数组时，找到变化的值非常有用。</p>
-<h3 id="uniq-系列">_.uniq 系列</h3>
-<p>返回数组中所有第一次出现的值。</p>
-<p>用于去重很有用。</p>
-<h2 id="function">Function</h2>
-<h3 id="throttle">_.throttle</h3>
-<p>节流函数，在一定时间内仅会执行一次。</p>
-<p>可以用于更新上传或下载的进度。</p>
-<h2 id="number">Number</h2>
-<h3 id="clamp">_.clamp</h3>
-<p>传入一个值下界和上界，返回在这个界限内的值。</p>
-<h2 id="object">Object</h2>
-<h3 id="at">_.at</h3>
-<p>通过传入属性路径来获取值，属性路径是字符串，同时路径支持函数</p>
-<h3 id="default">_.default</h3>
-<p>对于是undefined的属性赋予初值</p>
-<h3 id="get">_.get</h3>
-<p>同 <code>_.at</code>，但可以传入一个未找到时的默认值</p>
-<h3 id="invoke">_.invoke</h3>
-<p>通过<strong>字符串路径</strong>来调用对象中原生的方法</p>
-<h3 id="pick">_.pick</h3>
-<p>通过给定的字符串路径来重新构建一个对象</p>
-<h2 id="参考">参考</h2>
-<p>本文参考以下文章，在此表示诚挚感谢！</p>
-<ol type="1">
-<li><a href="https://www.lodashjs.com/">Lodash中文文档</a></li>
-<li><a href="https://lodash.com/docs/4.17.15">Lodash英文文档</a></li>
-</ol>
+<p>verdaccio 没有用户注册管理界面，一切需要在终端利用 npm 操作。</p>
+<h2 id="登陆用户">登陆用户</h2>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">npm adduser --registry https://yourdomain.cn/</span><br></pre></td></tr></table></figure>
+<h2 id="发布包">发布包</h2>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">npm publish --registry https://yourdomain.cn/</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>Lodash</category>
+        <category>Package</category>
       </categories>
       <tags>
-        <tag>Javascript</tag>
-        <tag>lodash</tag>
+        <tag>npm</tag>
+        <tag>verdaccio</tag>
       </tags>
   </entry>
   <entry>
-    <title>js 下载文件后弹出保存框</title>
-    <url>/posts/2022/WP9100.html</url>
-    <content><![CDATA[<p>本文介绍了如何在前端 js
-在下载文件时，弹出另存为对话框，方便用户可以选择保存的位置。</p>
+    <title>用 git 管理私有包</title>
+    <url>/posts/2022/3TYQ1H6.html</url>
+    <content><![CDATA[<p>在实际的开发中，有时候 npm
+上的包可能不满足使用要求，需要在其基础上进行修改，然后发布自己的包。在程序体量不大的情况下，可以采用
+<code>Git</code> 来进行包管理。</p>
 <span id="more"></span>
-<h2 id="正文">正文</h2>
-<p>可以使用 <code>showSaveFilePicker()</code> API 来实现，这个实现是 <a
-href="https://wicg.github.io/file-system-access/">File System Access</a>
-API 的一部分，虽然它仍然是一个草案，但是可以在 <code>Chromuim</code>
-内核的浏览器中使用。</p>
-<p>代码如下：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">async</span> <span class="keyword">function</span> <span class="title function_">handleSaveImg</span>(<span class="params">event</span>)&#123;</span><br><span class="line">  <span class="keyword">const</span> image = <span class="keyword">await</span> <span class="keyword">new</span> <span class="title class_">Promise</span>( <span class="function">(<span class="params">res</span>) =&gt;</span> canvas.<span class="title function_">toBlob</span>( res ) );</span><br><span class="line">  <span class="keyword">if</span>( <span class="variable language_">window</span>.<span class="property">showSaveFilePicker</span> ) &#123;</span><br><span class="line">    <span class="keyword">const</span> handle = <span class="keyword">await</span> <span class="title function_">showSaveFilePicker</span>();</span><br><span class="line">    <span class="keyword">const</span> writable = <span class="keyword">await</span> handle.<span class="title function_">createWritable</span>();</span><br><span class="line">    <span class="keyword">await</span> writable.<span class="title function_">write</span>( image );</span><br><span class="line">    writable.<span class="title function_">close</span>();</span><br><span class="line">  &#125;</span><br><span class="line">  <span class="keyword">else</span> &#123;</span><br><span class="line">    <span class="keyword">const</span> saveImg = <span class="variable language_">document</span>.<span class="title function_">createElement</span>( <span class="string">&quot;a&quot;</span> );</span><br><span class="line">    saveImg.<span class="property">href</span> = <span class="variable constant_">URL</span>.<span class="title function_">createObjectURL</span>( image );</span><br><span class="line">    saveImg.<span class="property">download</span>= <span class="string">&quot;image.png&quot;</span>;</span><br><span class="line">    saveImg.<span class="title function_">click</span>();</span><br><span class="line">    <span class="built_in">setTimeout</span>(<span class="function">() =&gt;</span> <span class="variable constant_">URL</span>.<span class="title function_">revokeObjectURL</span>( saveImg.<span class="property">href</span> ), <span class="number">60000</span> );</span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>下文以 <code>Quasar</code> 组件为例。</p>
+<h2 id="下载包">下载包</h2>
+<p>使用 npm 或 yarn 将包更新到自己需要的版本。以后基于该版本进行修改</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">yarn add quasar@<span class="number">1.18</span>.<span class="number">9</span></span><br></pre></td></tr></table></figure>
+<h2 id="新建-git">新建 Git</h2>
+<ul>
+<li><p>复制包的内容到新目录，然后运行 <code>git init</code>
+初始化包</p></li>
+<li><p>按需修改组件，新增一个 tag</p></li>
+</ul>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">git remote add origin xxx(仓库地址)</span><br><span class="line"></span><br><span class="line"><span class="comment"># ...省略分支推送</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 新建tag </span></span><br><span class="line">git tag v1.<span class="number">18.9</span>.<span class="number">1</span></span><br><span class="line"><span class="comment"># 推送tag</span></span><br><span class="line">git push origin v1.<span class="number">18.9</span>.<span class="number">1</span></span><br></pre></td></tr></table></figure>
+<h2 id="更新标签">更新标签</h2>
+<p>标签无法更新，只有先删除再重新创建。</p>
+<p>删除代码如下：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 删除本地tag</span></span><br><span class="line">git tag <span class="literal">-d</span> [<span class="type">tag</span>]</span><br><span class="line"></span><br><span class="line"><span class="comment"># 删除远程tag</span></span><br><span class="line">git push origin :refs/tags/[<span class="type">tagName</span>]</span><br></pre></td></tr></table></figure>
+<h2 id="使用">使用</h2>
+<p><strong>yarn</strong> 格式:</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">yarn add &lt;git remote url&gt;<span class="comment">#&lt;branch/commit/tag&gt;</span></span><br></pre></td></tr></table></figure>
+<p><strong>npm 格式:</strong></p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">-s</span> &lt;git remote url&gt;<span class="comment">#&lt;branch/commit/tag&gt;</span></span><br></pre></td></tr></table></figure>
 <h2 id="参考">参考</h2>
-<ol type="1">
-<li><a href="https://save-canvas-as.glitch.me/">live demo</a></li>
-<li><a
-href="https://glitch.com/edit/#!/save-canvas-as?path=script.js%3A21%3A12">code</a></li>
-<li><a
-href="https://stackoverflow.com/questions/67804382/force-showing-the-save-as-dialog-box-when-downloading-a-file">Force
-showing the "Save as" dialog box when downloading a file</a></li>
-</ol>
+<p><a
+href="https://classic.yarnpkg.com/en/docs/cli/add#toc-adding-dependencies">yarn
+Adding dependencies</a></p>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>JSLanguage</category>
+        <category>Package</category>
       </categories>
       <tags>
-        <tag>Javascript</tag>
+        <tag>package</tag>
+        <tag>git</tag>
       </tags>
   </entry>
   <entry>
-    <title>nodejs文件上传下载处理相关的包</title>
-    <url>/posts/2021/1TBWW0K.html</url>
-    <content><![CDATA[<ul>
-<li><p>文件压缩与解压缩 compressing</p></li>
-<li><p>流处理</p>
-<p>pump</p></li>
-<li><p>消费流</p>
-<p>stream-wormhole</p></li>
-</ul>
+    <title>The unauthenticated git protocol on port 9418 is no longer supported</title>
+    <url>/posts/2022/Q9EGFQ.html</url>
+    <content><![CDATA[<p>在使用 <code>npm install</code> 或 <code>yarn insatll</code>
+时，报错：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">error Command failed.</span><br><span class="line"><span class="keyword">Exit</span> code: <span class="number">128</span></span><br><span class="line">Command: git</span><br><span class="line">Arguments: <span class="built_in">ls</span><span class="literal">-remote</span> <span class="literal">--tags</span> <span class="literal">--heads</span> git://github.com/adobe<span class="literal">-webplatform</span>/eve.git</span><br><span class="line">Directory: E:\galensShare\Develop\swToolsFrontEnd</span><br><span class="line">Output:</span><br><span class="line">fatal: remote error:</span><br><span class="line">  The unauthenticated git protocol on port <span class="number">9418</span> is no longer supported.</span><br><span class="line">Please see https://github.blog/<span class="number">2021</span><span class="literal">-09-01-improving-git-protocol-security-github</span>/ <span class="keyword">for</span> more information.</span><br><span class="line">info Visit https://yarnpkg.com/en/docs/<span class="built_in">cli</span>/install <span class="keyword">for</span> documentation about this command.</span><br></pre></td></tr></table></figure>
+<span id="more"></span>
+<p><strong>原因分析</strong>：</p>
+<p>这是由于某些依赖包是通过 Git 来进行安装的，并且其安装链接为 SSH，而
+Github 现已不支持 SSH 安装，所以会报错。</p>
+<p><strong>解决办法</strong>：</p>
+<p>搜索 <code>.gitconfig</code> 文件</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220408162030125.png"
+alt="image-20220408162030125" />
+<figcaption aria-hidden="true">image-20220408162030125</figcaption>
+</figure>
+<p>在里面添加如下内容，来告诉 git 在遇到它时使用 https 而不是 SSH。</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">[url &quot;https://&quot;]</span><br><span class="line">    insteadOf = ssh://</span><br><span class="line">[url &quot;https://&quot;]</span><br><span class="line">    insteadOf = git://</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>Nodejs</category>
+        <category>Package</category>
       </categories>
       <tags>
-        <tag>Javascript</tag>
-        <tag>nodejs</tag>
-        <tag>文件上传下载</tag>
+        <tag>npm</tag>
+        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
-    <title>进程守护 pm2 的使用</title>
-    <url>/posts/2021/31GSH68.html</url>
-    <content><![CDATA[<p>最近在后端的部署中，发现一个好用的进程守护包，叫
-MP2，记录下它的基本使用。</p>
+    <title>如何优雅地在本地测试 npm 包</title>
+    <url>/posts/2022/2151DJJ.html</url>
+    <content><![CDATA[<p>需要发布 <code>my-package</code>，想在 <code>my-project</code>
+项目内测试 <code>my-package</code>，可以通过下列 3 种方式。</p>
+<blockquote>
+<p><code>my-package</code> 是包名，<code>my-project</code>
+是测试项目名</p>
+</blockquote>
 <span id="more"></span>
-<h2 id="安装">安装</h2>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">$ npm install pm2@latest -g</span><br><span class="line"># or</span><br><span class="line">$ yarn global add pm2</span><br></pre></td></tr></table></figure>
-<h2 id="启动-app">启动 App</h2>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">$ pm2 start app.js</span><br></pre></td></tr></table></figure>
-<h2 id="管理进程">管理进程</h2>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">$ pm2 restart app_name</span><br><span class="line">$ pm2 reload app_name</span><br><span class="line">$ pm2 stop app_name</span><br><span class="line">$ pm2 delete app_name</span><br></pre></td></tr></table></figure>
+<h2 id="yalc-模拟仓库">yalc 模拟仓库</h2>
+<p>全局安装：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm i yalc <span class="literal">-g</span></span><br><span class="line"><span class="comment"># 或者</span></span><br><span class="line">yarn global add yalc</span><br></pre></td></tr></table></figure>
+<p>my-npm build 后， 执行 <code>yalc public</code>，在 my-project 中
+<code>yalc add my-package</code></p>
 <h2 id="参考">参考</h2>
+<p><a href="https://github.com/wclr/yalc">yalc</a></p>
 <p><a
-href="https://pm2.keymetrics.io/docs/usage/pm2-doc-single-page/">pm2官方文档</a></p>
+href="https://juejin.cn/post/7006241938974179359">如何优雅地在本地测试
+npm 包</a></p>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>Nodejs</category>
+        <category>Package</category>
       </categories>
       <tags>
         <tag>Javascript</tag>
-        <tag>nodejs</tag>
+        <tag>npm</tag>
       </tags>
   </entry>
   <entry>
-    <title>nodejs 环境安装</title>
-    <url>/posts/2022/2RW3NJ1.html</url>
-    <content><![CDATA[
+    <title>在 rollup 中配置别名</title>
+    <url>/posts/2022/3JD7WCR.html</url>
+    <content><![CDATA[<p>在 <code>rollup</code> 中配置别名需要用到 <a
+href="https://www.npmjs.com/package/@rollup/plugin-alias"><span
+class="citation"
+data-cites="rollup/plugin-alias">@rollup/plugin-alias</span></a>
+包。</p>
+<span id="more"></span>
+<h2 id="安装">安装</h2>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install @rollup/plugin<span class="literal">-alias</span> <span class="literal">--save-dev</span></span><br><span class="line"><span class="comment"># or</span></span><br><span class="line">yarn add <span class="literal">-D</span> @rollup/plugin<span class="literal">-alias</span></span><br></pre></td></tr></table></figure>
+<h2 id="使用">使用</h2>
+<p>在 <code>rollup.config.js</code> <a
+href="https://www.rollupjs.org/guide/en/#configuration-files">配置文件</a>
+中导入下列配置</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> alias <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-alias&#x27;</span>;</span><br><span class="line"><span class="keyword">import</span> path <span class="keyword">from</span> <span class="string">&#x27;path&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="variable language_">module</span>.<span class="property">exports</span> = &#123;</span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    <span class="title function_">alias</span>(&#123;</span><br><span class="line">      <span class="attr">entries</span>: [</span><br><span class="line">        &#123; <span class="attr">find</span>: <span class="string">&#x27;utils&#x27;</span>, <span class="attr">replacement</span>: <span class="string">&#x27;../../../utils&#x27;</span> &#125;,</span><br><span class="line">        &#123; <span class="attr">find</span>: <span class="string">&#x27;batman-1.0.0&#x27;</span>, <span class="attr">replacement</span>: <span class="string">&#x27;./joker-1.5.0&#x27;</span> &#125;,</span><br><span class="line">        <span class="comment">// __dirName 是 config 所在的目录</span></span><br><span class="line">        &#123; <span class="attr">find</span>: <span class="string">&#x27;@&#x27;</span>, <span class="attr">replacement</span>: path.<span class="title function_">resolve</span>(path.<span class="title function_">dirname</span>(__dirname), <span class="string">&#x27;src&#x27;</span>) &#125;</span><br><span class="line">      ]</span><br><span class="line">    &#125;)</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>__dirname
+代表根目录，说明参见：http://nodejs.cn/api/globals.html#__dirname</p>
+</blockquote>
+<h2 id="jest-中配置别名">jest 中配置别名</h2>
+<p>为了使别名支持<code>jest</code> 单元测试，需要对 <code>jest</code> <a
+href="https://jestjs.io/docs/configuration">配置</a> <a
+href="https://jestjs.io/docs/configuration#modulenamemapper-objectstring-string--arraystring">moduleNameMapper</a></p>
+<p>在 <code>package.json</code> 文件中添加如下配置</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// package 根</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;jest&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;moduleNameMapper&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">      <span class="attr">&quot;^@/(.*)&quot;</span><span class="punctuation">:</span><span class="string">&quot;&lt;rootDir&gt;/src/$1&quot;</span></span><br><span class="line">    <span class="punctuation">&#125;</span> </span><br><span class="line">  <span class="punctuation">&#125;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<h2 id="vscode-中别名智能识别">vscode 中别名智能识别</h2>
+<p>在根目录中创建 <a
+href="https://code.visualstudio.com/docs/languages/jsconfig">jsconfig.json</a>
+文件，里面添加如下内容：</p>
+<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 此处是根，如果已经存在配置，则去掉外层大括号</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;compilerOptions&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;baseUrl&quot;</span><span class="punctuation">:</span> <span class="string">&quot;./&quot;</span><span class="punctuation">,</span></span><br><span class="line">        <span class="attr">&quot;paths&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;@/*&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">                <span class="string">&quot;app/*&quot;</span></span><br><span class="line">            <span class="punctuation">]</span></span><br><span class="line">        <span class="punctuation">&#125;</span></span><br><span class="line">    <span class="punctuation">&#125;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<p>https://www.npmjs.com/package/<span class="citation"
+data-cites="rollup/plugin-alias">@rollup/plugin-alias</span></p>
+<p>https://medium.com/<span class="citation"
+data-cites="justintulk/solve-module-import-aliasing-for-webpack-jest-and-vscode-74007ce4adc9">@justintulk/solve-module-import-aliasing-for-webpack-jest-and-vscode-74007ce4adc9</span></p>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>Nodejs</category>
+        <category>Package</category>
       </categories>
+      <tags>
+        <tag>Rollup</tag>
+        <tag>Package</tag>
+      </tags>
   </entry>
   <entry>
     <title>Quasar中css总结</title>
@@ -33140,993 +33755,438 @@ style="text-align: left;">将DOM元素上的鼠标指针更改为与父选项相
 </tr>
 </thead>
 <tbody>
-<tr class="odd">
-<td style="text-align: left;"><code>fit</code></td>
-<td style="text-align: left;">宽度和高度设置为100％</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>full-height</code></td>
-<td style="text-align: left;">高度设置为100％</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>full-width</code></td>
-<td style="text-align: left;">宽度设置为100％</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>window-height</code></td>
-<td style="text-align: left;">高度设置为100vh，顶部和底部边距为0</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>window-width</code></td>
-<td style="text-align: left;">宽度设置为100vw，左边距和右边距0</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>block</code></td>
-<td
-style="text-align: left;">将<code>display</code>属性设置为<code>block</code></td>
-</tr>
-</tbody>
-</table>
-<h3 id="方向有关">方向有关</h3>
-<table>
-<thead>
-<tr class="header">
-<th style="text-align: left;">类名</th>
-<th style="text-align: left;">说明</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td style="text-align: left;"><code>rotate-45</code></td>
-<td style="text-align: left;">旋转45度</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>rotate-90</code></td>
-<td style="text-align: left;">旋转90度</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>rotate-135</code></td>
-<td style="text-align: left;">旋转135度</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>rotate-180</code></td>
-<td style="text-align: left;">旋转180度</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>rotate-205</code></td>
-<td style="text-align: left;">旋转205度</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>rotate-270</code></td>
-<td style="text-align: left;">旋转270度</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>rotate-315</code></td>
-<td style="text-align: left;">旋转315度</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>flip-horizontal</code></td>
-<td style="text-align: left;">水平翻转DOM元素</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>flip-vertical</code></td>
-<td style="text-align: left;">垂直翻转DOM元素</td>
-</tr>
-</tbody>
-</table>
-<h3 id="边界相关">边界相关</h3>
-<table>
-<thead>
-<tr class="header">
-<th style="text-align: left;">类名</th>
-<th style="text-align: left;">说明</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td style="text-align: left;"><code>no-border</code></td>
-<td style="text-align: left;">删除任何边框</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>no-border-radius</code></td>
-<td style="text-align: left;">删除边框可能具有的任何半径</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>rounded-borders</code></td>
-<td style="text-align: left;">应用通用边框半径</td>
-</tr>
-</tbody>
-</table>
-<h2 id="flex"><a
-href="http://www.quasarchs.com/layout/grid/introduction-to-flexbox">Flex</a></h2>
-<h3 id="设置方向">设置方向</h3>
-<table>
-<thead>
-<tr class="header">
-<th style="text-align: left;">类名</th>
-<th style="text-align: left;">说明</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td style="text-align: left;"><code>row</code></td>
-<td style="text-align: left;">Flex行</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>row inline</code></td>
-<td style="text-align: left;">内联Flex行</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>column</code></td>
-<td style="text-align: left;">Flex列</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>column inline</code></td>
-<td style="text-align: left;">内联Flex列</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>row reverse</code></td>
-<td
-style="text-align: left;">将<code>flex-direction</code>设置为<code>row-reverse</code>的Flex行</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>column reverse</code></td>
-<td
-style="text-align: left;">将<code>flex-direction</code>设置为<code>column-reverse</code>的Flex列</td>
-</tr>
-</tbody>
-</table>
-<h3 id="包裹">包裹</h3>
-<table>
-<thead>
-<tr class="header">
-<th style="text-align: left;">类名</th>
-<th style="text-align: left;">说明</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td style="text-align: left;"><code>wrap</code></td>
-<td
-style="text-align: left;">如有必要进行包裹（默认为“on”，不需要指定）</td>
-</tr>
-<tr class="even">
-<td style="text-align: left;"><code>no-wrap</code></td>
-<td style="text-align: left;">即使有必要，也不要包裹</td>
-</tr>
-<tr class="odd">
-<td style="text-align: left;"><code>reverse-wrap</code></td>
-<td style="text-align: left;">如有必要逆向包裹</td>
-</tr>
-</tbody>
-</table>
-<h3 id="对齐-1">对齐</h3>
-<ul>
-<li><p>沿主轴</p>
-<figure>
-<img data-src="https://cdn.quasar.dev/img/flexbox-main-axis-align---2.svg"
-alt="img" />
-<figcaption aria-hidden="true">img</figcaption>
-</figure></li>
-<li><p>垂直于主轴</p>
-<figure>
-<img data-src="https://cdn.quasar.dev/img/flexbox-cross-axis-align.svg"
-alt="img" />
-<figcaption aria-hidden="true">img</figcaption>
-</figure></li>
-<li><p>多条主轴且有多余空间时</p>
-<figure>
-<img data-src="https://cdn.quasar.dev/img/flexbox-content-align.svg"
-alt="img" />
-<figcaption aria-hidden="true">img</figcaption>
-</figure></li>
-</ul>
-<h3 id="自对齐">自对齐</h3>
-<p><strong>子元素可以覆盖父元素上指定的对齐方式</strong>。
-这允许对单个Flex项进行对齐。</p>
-<p>可用值有： <code>self-start</code>, <code>self-center</code>,
-<code>self-baseline</code>, <code>self-end</code>,
-<code>self-stretch</code></p>
-<figure>
-<img data-src="https://cdn.quasar.dev/img/flexbox-self.svg" alt="img" />
-<figcaption aria-hidden="true">img</figcaption>
-</figure>
-<h3 id="大小">大小</h3>
-<p>与 flex 值使用类似</p>
-<p>Quasar使用一个12分的列系统来分配子行的大小。
-以下是可用的CSS辅助类的一些示例：</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;row&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;col-8&quot;</span>&gt;</span>two thirds<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;col-2&quot;</span>&gt;</span>one sixth<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;col-auto&quot;</span>&gt;</span>auto size based on content and available space<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;col&quot;</span>&gt;</span>fills remaining available space<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br></pre></td></tr></table></figure>
-<p>在上面的例子中，由于8/12 = 2/3 =
-66％，col-8占据了行宽的三分之二（2/3），而col-2占据了六分之一（2/12 = 1
-/ 6〜16.67％）。</p>
-<p>CSS辅助类<code>col-auto</code>使单元格只填充需要渲染的空间。
-另一方面，<code>col</code>试图填充所有可用的空间，同时如果需要也可以缩小。</p>
-<p>CSS辅助类<code>col-grow</code>使单元格至少填充需要渲染的空间，并有可能在有更多空间可用时增长。</p>
-<p>CSS辅助类<code>col-shrink</code>使单元格最多填充需要呈现的空间，并且当没有足够的可用空间时有可能收缩。</p>
-<h3 id="顺序">顺序</h3>
-<p><strong>您可以使用<code>order-first</code>和<code>order-last</code>
-CSS辅助类来设置子元素的顺序</strong>。</p>
-<p>默认情况下，Flex项按源(source)顺序排列。
-但是，order属性控制它们在flex容器中的显示顺序。
-如果您需要更多粒度，请使用<code>order</code> CSS属性并分配所需的值。</p>
-<p>例子：</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;row&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">&quot;order: 2&quot;</span>&gt;</span>Second column<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;order-last&quot;</span>&gt;</span>Third column<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;order-first&quot;</span>&gt;</span>First column<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br></pre></td></tr></table></figure>
-<p>以下是CSS<code>order</code>属性的工作原理：</p>
-<figure>
-<img data-src="https://cdn.quasar.dev/img/flexbox-order.svg" alt="img" />
-<figcaption aria-hidden="true">img</figcaption>
-</figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Quasar</category>
-      </categories>
-      <tags>
-        <tag>Quasar</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Quasar中css总结</title>
-    <url>/posts/2021/3BD2JEJ.html</url>
-    <content><![CDATA[<p>Quasar 中的控件常用用法总结。</p>
-<span id="more"></span>
-<h2 id="q-select">q-select</h2>
-<h3 id="映射选项">映射选项</h3>
-<p>使返回值为对象中的某个字段</p>
-<ul>
-<li>代码</li>
-</ul>
-<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">q-select</span></span></span><br><span class="line"><span class="tag">  <span class="attr">class</span>=<span class="string">&quot;field-value&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">filled</span></span></span><br><span class="line"><span class="tag">  <span class="attr">fill-input</span></span></span><br><span class="line"><span class="tag">  <span class="attr">v-model</span>=<span class="string">&quot;fixedAssetInfo.typeId&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">:options</span>=<span class="string">&quot;types&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">use-input</span></span></span><br><span class="line"><span class="tag">  <span class="attr">option-value</span>=<span class="string">&quot;_id&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">display-value</span>=<span class="string">&quot;&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">emit-value</span></span></span><br><span class="line"><span class="tag">  <span class="attr">map-options</span></span></span><br><span class="line"><span class="tag">  <span class="attr">option-label</span>=<span class="string">&quot;name&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">dense</span></span></span><br><span class="line"><span class="tag">  <span class="attr">options-dense</span></span></span><br><span class="line"><span class="tag">&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">template</span> <span class="attr">v-slot:no-option</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">q-item</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">q-item-section</span> <span class="attr">class</span>=<span class="string">&quot;text-grey&quot;</span>&gt;</span>No results<span class="tag">&lt;/<span class="name">q-item-section</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;/<span class="name">q-item</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;/<span class="name">template</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">q-select</span>&gt;</span></span><br></pre></td></tr></table></figure>
-<ul>
-<li>说明</li>
-</ul>
-<table>
-<thead>
-<tr class="header">
-<th>属性</th>
-<th>说明</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>filled</td>
-<td>边框为方形</td>
-</tr>
-</tbody>
-</table>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Quasar</category>
-      </categories>
-      <tags>
-        <tag>Quasar</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>vue2.x中安装quasar</title>
-    <url>/posts/2021/2HDPP49.html</url>
-    <content><![CDATA[<p>随着 quasar 的升级，quasar 从 1.x升级到了 2.x，而通过
-<code>vue add quasar</code> 会安装<code>vue-cli-plugin-quasar</code>
-4.x，通过该 CLI 安装的 qusar 为 quasar 2.x 版本，2.x 版本支持
-vue3,但是却不兼容 vue2.x。这导致在 vue 2.x 中按照教程使用
-<code>vue add quasar</code> 后，运行时总是失败。</p>
-<span id="more"></span>
-<p>失败错误如下：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Uncaught TypeError: Object(...) is not a function</span><br><span class="line">    at eval (webpack-internal:///./node_modules/quasar/src/plugins/Platform.js:29)</span><br><span class="line">    at Module../node_modules/quasar/src/plugins/Platform.js (chunk-vendors.js:4272)</span><br><span class="line">    at __webpack_require__ (app.js:849)</span><br><span class="line">    at fn (app.js:151)</span><br><span class="line">    at eval (webpack-internal:///./node_modules/quasar/src/install-quasar.js:18)</span><br><span class="line">    at Module../node_modules/quasar/src/install-quasar.js (chunk-vendors.js:4236)</span><br><span class="line">    at __webpack_require__ (app.js:849)</span><br><span class="line">    at fn (app.js:151)</span><br><span class="line">    at eval (webpack-internal:///./node_modules/quasar/src/vue-plugin.js:2)</span><br><span class="line">    at Module../node_modules/quasar/src/vue-plugin.js (chunk-vendors.js:4380)</span><br></pre></td></tr></table></figure>
-<p>为了解决上述问题，我们需要使用 quasar-cli 3.x
-或者以下的版本来安装。</p>
-<p>在使用 <code>vue add</code> 的时候，增加一个版本号，如下：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">vue add quasar@<span class="number">3</span>.x</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Quasar</category>
-      </categories>
-      <tags>
-        <tag>Quasar</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Qusar 中 Table 虚拟滚动切换后数据显示不全的解决办法</title>
-    <url>/posts/2023/34QSN23.html</url>
-    <content><![CDATA[<p>在使用 Quasar 中的 Table
-控件时，当用户选择全部后，由于数据较多，会导致响应会非常卡顿，为了解决这个问题，于是向
-Table 增加虚拟滚动的功能。</p>
-<p>可是当进行页面切换时，发现不能完整的显示当前页的数据，每行最多只有 12
-条数据。</p>
-<span id="more"></span>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230515101947071.png"
-alt="image-20230515101947071" />
-<figcaption aria-hidden="true">image-20230515101947071</figcaption>
-</figure>
-<p>通过排查，发现下面浅绿色的部分用于滚动触发，所以猜想是否是虚拟列表中渲染的最小行数限制了，于是将
-<code>virtual-scroll-slice-size</code> 设置成 25
-后，问题得到了解决。</p>
-<p>参考：<a
-href="http://v1.quasarchs.com/vue-components/table#qtable-api">表格 |
-Quasar Framework 中文网 (quasarchs.com)</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Quasar</category>
-      </categories>
-      <tags>
-        <tag>Vue</tag>
-        <tag>Quasar</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>verdaccio 私有化配置</title>
-    <url>/posts/2022/38ND00E.html</url>
-    <content><![CDATA[<h2 id="添加用户">添加用户</h2>
-<p>添加用户是通过终端电脑的npm来操作的，在输入下列命令后，根据要求输入用户名和密码即可。</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">npm adduser --registry https://mydomain.com:port/</span><br></pre></td></tr></table></figure>
-<h2 id="授权验证">授权验证</h2>
-<h2 id="i18n">i18n</h2>
-<h2 id="发布包">发布包</h2>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">npm publish --registry https://mydomain.com:port/</span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><a href="https://verdaccio.org/docs/configuration/">verdaccio
-官方配置文档</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Verdaccio</category>
-      </categories>
-      <tags>
-        <tag>verdaccio</tag>
-        <tag>私服npm</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>WindowsServer安装Verdaccio安装排坑日记</title>
-    <url>/posts/2022/7MJX55.html</url>
-    <content><![CDATA[<p>为了在js开发中更加便利的模块化，解决开发中频繁地更新npm包的问题，决定搭建一个轻量的npm包管理服务。比较了
-verdaccio，cnpm 后，最后选择了
-verdaccio。因为它够方便和快速，同时也够用。</p>
-<span id="more"></span>
-<h2 id="npm-私有仓库">npm 私有仓库</h2>
-<h3 id="npm-私有仓库的好处">npm 私有仓库的好处</h3>
-<ol type="1">
-<li><p>安全性角度考虑：如果我们想要一个公共组件库，那么把组件放到我们私有库中，只有内网可以访问，这样可以避免组件中业务的泄露；</p></li>
-<li><p>模块复用性角度考虑：多个项目之间有重复的共有模块，当需要修改模块，通过简单的统一的配置就可以实现；提炼后的组件有专门的地址可以用来查看，方便使用，在后期项目的引用中也能节约开发成本</p></li>
-<li><p>npm 包下载速度角度考虑：使用内部的地址，能够在开发下载 node
-包的同时，将关联的依赖包缓存到 npm
-私有仓库服务器中，下载速度更快；</p></li>
-<li><p>项目开发中的路劲角度考虑：在项目开发中书写代码更整洁简练，不需书写更长的相对路径；</p></li>
-<li><p>公司技术沉淀角度考虑：知识的沉淀，在公司业务相关的应用上尤佳；</p></li>
-<li><p>版本角度的考虑：相当于一个容器，统一管理需要的包，保持版本的唯一；</p></li>
-<li><p>开发效率角度考虑：使私有公共业务或组件模块能以共有包一样的管理组织方式，保持一致性，提高开发效率.</p></li>
-</ol>
-<h3 id="npm-私有仓库的原理">npm 私有仓库的原理</h3>
-<figure>
-<img
 data-src="https://zhaomenghuan.js.org/assets/img/private-npm.f27dab4e.jpg"
-alt="img" />
-<figcaption aria-hidden="true">img</figcaption>
-</figure>
-<p>用户 install 后向私有 npm
-发起请求，服务器会先查询所请求的这个模块是否是我们自己的私有模块或已经缓存过的公共模块，如果是则直接返回给用户；如果请求的是一个还没有被缓存的公共模块，那么则会向上游源请求模块并进行缓存后返回给用户。上游的源可以是
-npm 仓库，也可以是淘宝镜像。</p>
-<h2 id="常用的仓库地址">常用的仓库地址</h2>
-<ul>
-<li>npm —— <a
-href="https://registry.npmjs.org/">https://registry.npmjs.org</a></li>
-<li>cnpm —— <a href="http://r.cnpmjs.org/">http://r.cnpmjs.org</a></li>
-<li>taobao —— <a
-href="https://registry.npm.taobao.org/">https://registry.npm.taobao.org</a></li>
-<li>nj —— <a
-href="https://registry.nodejitsu.com/">https://registry.nodejitsu.com</a></li>
-<li>rednpm —— <a
-href="http://registry.mirror.cqupt.edu.cn/">http://registry.mirror.cqupt.edu.cn</a></li>
-<li>npmMirror —— https://skimdb.npmjs.com/registry</li>
-<li>edunpm —— <a
-href="http://registry.enpmjs.org/">http://registry.enpmjs.org</a></li>
-</ul>
-<h2 id="windows-server环境">windows server环境</h2>
-<ul>
-<li>windows server 2022</li>
-<li>宝塔面板</li>
-</ul>
-<h2 id="配置nginx">配置nginx</h2>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">server &#123;</span><br><span class="line">	listen 443 ssl http2;</span><br><span class="line">	server_name registry.xxx.com;</span><br><span class="line">  </span><br><span class="line">    # ssl</span><br><span class="line">    ssl on;</span><br><span class="line">    ssl_certificate cert.crt;</span><br><span class="line">    ssl_certificate_key cert.key;</span><br><span class="line">    ssl_session_timeout 5m;</span><br><span class="line">    ssl_protocols TLSv1.2 TLSv1.1 TLSv1; #SSL协议</span><br><span class="line">    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;#SSL加密算法</span><br><span class="line">    ssl_prefer_server_ciphers on;</span><br><span class="line"></span><br><span class="line">	location / &#123;</span><br><span class="line">        proxy_set_header    Host $host;</span><br><span class="line">        proxy_set_header    X-Real-IP $remote_addr;</span><br><span class="line">        proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;</span><br><span class="line">        proxy_set_header    X-Forwarded-Proto $scheme;</span><br><span class="line">        proxy_pass          http://127.0.0.1:4873/;</span><br><span class="line">        proxy_read_timeout  600;</span><br><span class="line">        proxy_redirect off;</span><br><span class="line">	 &#125;</span><br><span class="line">	</span><br><span class="line">	 // 必须要有</span><br><span class="line">	 location ~ ^/verdaccio/(.*)$ &#123;</span><br><span class="line">        proxy_set_header X-Real-IP $remote_addr;</span><br><span class="line">        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;</span><br><span class="line">        proxy_set_header Host $host;</span><br><span class="line">        proxy_set_header X-NginX-Proxy true;</span><br><span class="line">        proxy_pass http://127.0.0.1:4873/$1;</span><br><span class="line">        proxy_redirect off;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="无法加载-venders-等静态文件">无法加载 venders 等静态文件</h2>
-<p>按照官方教程配置完成后，在 ngnix 配置
-https，然后通过域名（https://mydomain.com:4433）访问 verdaccio
-时，一直是空白。</p>
-<p>F12打开调试面板，查看网络项，发现读取 runtime, vendors, main
-等文件是失败的，查看其 headers，发现其请求的 url 是
-<code>https://mydomain.com/-/xx</code>, 端口莫名丢掉了。</p>
-<p><img data-src="https://s2.loli.net/2022/01/06/A5Slk24eLHWZaN3.png" /></p>
-<p>造成这种问题的原因是，在nginx的配置中，少了</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">location ~ ^/verdaccio/(.*)$ ...</span><br></pre></td></tr></table></figure>
-<p>这项配置。</p>
-<h2 id="参考">参考</h2>
-<p>本文主要参考以下，在此报以诚挚感谢！</p>
-<ol type="1">
-<li><a
-href="https://zhaomenghuan.js.org/blog/npm-private-repository-verdaccio.html#npm-%E6%96%B9%E5%BC%8F%E5%AE%89%E8%A3%85">npm
-私有仓库工具 Verdaccio 搭建</a></li>
-<li><a
-href="https://github.com/verdaccio/verdaccio/blob/a6b0d63afb21c0a0e7eb11435e9924e02f97be1a/website/blog/2021-04-14-verdaccio-5-migration-guide.md#a-new-public-url-environment-variable-a-new-public-url-environment-variable">Verdaccio
-5 migration guidelines，介绍了 VERDACCIO_PUBLIC_URL的作用</a></li>
-<li><a
-href="https://github.com/verdaccio/verdaccio/wiki/Debugging-Verdaccio">Debugging
-Verdaccio</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Verdaccio</category>
-      </categories>
-      <tags>
-        <tag>私服npm</tag>
-        <tag>Verdaccio</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>yarn 常用命令</title>
-    <url>/posts/2022/AKDK4Z.html</url>
-    <content><![CDATA[<p>yarn 的常用命令如下：</p>
-<span id="more"></span>
-<h2 id="添加">添加</h2>
-<p><strong>本地安装：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn add &lt;package&gt;[@&lt;version&gt;]</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>&lt;&gt; 代表名称</p>
-<p>[] 中内容代表可选</p>
-</blockquote>
-<p><strong>安装为开发依赖：</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">yarn add &lt;package&gt;[@&lt;version&gt;] -D</span><br><span class="line"></span><br><span class="line"><span class="comment">// 或</span></span><br><span class="line">yarn add &lt;package&gt;[@&lt;version&gt;] --dev</span><br></pre></td></tr></table></figure>
-<p><strong>全局安装：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn global add &lt;package&gt;[@&lt;version&gt;]</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>注意 global 的顺序，位于 add 之前</p>
-</blockquote>
-<h2 id="移除">移除</h2>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn remove &lt;package&gt;</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>运行 <code>yarn remove foo</code> 会从你的直接依赖里移除名为
-<code>foo</code> 的包，在此期间会更新你的 <code>package.json</code> 和
-<code>yarn.lock</code> 文件</p>
-</blockquote>
-<h2 id="运行">运行</h2>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn run [script][&lt;args&gt;]</span><br></pre></td></tr></table></figure>
-<h2 id="缓存">缓存</h2>
-<p><strong>查看缓存位置：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn cache dir</span><br></pre></td></tr></table></figure>
-<p><strong>清空缓存：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yarn cache clean</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Package</category>
-      </categories>
-      <tags>
-        <tag>yarn</tag>
-        <tag>package</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>创建 npm 工具库</title>
-    <url>/posts/2022/2VDPVDM.html</url>
-    <content><![CDATA[<h2 id="打包工具的选择">打包工具的选择</h2>
-<p>如果我们需要构建一个简单的小型应用并让它快速运行起来，可以使用
-<code>Parcel</code>；如果需要构建一个类库只需要导入很少第三方库，可以使用
-<code>Rollup</code>；如果需要构建一个复杂的应用，需要集成很多第三方库，并且需要代码分拆、HMR等功能，推荐使用
-<code>Webpack</code> <a
-href="https://zhuanlan.zhihu.com/p/350601275">[3]</a>。</p>
-<p>所以，在开发工具库时，我们选择 <code>rollup</code> 作为打包工具。</p>
-<span id="more"></span>
-<h2 id="初始化">初始化</h2>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">mkdir wow<span class="literal">-tool</span></span><br><span class="line"><span class="built_in">cd</span> wow<span class="literal">-tool</span></span><br><span class="line">npm init <span class="literal">-y</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加src目录</span></span><br><span class="line">mkdir src</span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加 index.js 入口文件</span></span><br><span class="line"><span class="built_in">New-Item</span> src/index.js</span><br><span class="line"></span><br><span class="line"><span class="comment"># 修改入口文件位置</span></span><br><span class="line"><span class="comment"># package.json 中 exports 修改为如下值，使其支持浏览器和 nodejs</span></span><br><span class="line">&#123;</span><br><span class="line">  <span class="string">&quot;exports&quot;</span>:&#123; </span><br><span class="line">    <span class="string">&quot;require&quot;</span>: <span class="string">&quot;./dist/yourPackageName.cjs.js&quot;</span>,</span><br><span class="line">    <span class="string">&quot;import&quot;</span>: <span class="string">&quot;./dist/yourPackageName.esm.js&quot;</span> </span><br><span class="line">  &#125;,</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="安装-rollup">安装 rollup</h2>
-<p>将 rollup 安装为本地开发依赖</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># npm</span></span><br><span class="line">npm install rollup <span class="literal">--save-dev</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># yarn</span></span><br><span class="line">yarn add rollup <span class="literal">--dev</span></span><br></pre></td></tr></table></figure>
-<h2 id="安装-rollup-插件">安装 rollup 插件</h2>
-<p>先安装如下rollup插件：</p>
+<tr class="odd">
+<td style="text-align: left;"><code>fit</code></td>
+<td style="text-align: left;">宽度和高度设置为100％</td>
+</tr>
+<tr class="even">
+<td style="text-align: left;"><code>full-height</code></td>
+<td style="text-align: left;">高度设置为100％</td>
+</tr>
+<tr class="odd">
+<td style="text-align: left;"><code>full-width</code></td>
+<td style="text-align: left;">宽度设置为100％</td>
+</tr>
+<tr class="even">
+<td style="text-align: left;"><code>window-height</code></td>
+<td style="text-align: left;">高度设置为100vh，顶部和底部边距为0</td>
+</tr>
+<tr class="odd">
+<td style="text-align: left;"><code>window-width</code></td>
+<td style="text-align: left;">宽度设置为100vw，左边距和右边距0</td>
+</tr>
+<tr class="even">
+<td style="text-align: left;"><code>block</code></td>
+<td
+style="text-align: left;">将<code>display</code>属性设置为<code>block</code></td>
+</tr>
+</tbody>
+</table>
+<h3 id="方向有关">方向有关</h3>
 <table>
-<colgroup>
-<col style="width: 31%" />
-<col style="width: 68%" />
-</colgroup>
 <thead>
 <tr class="header">
-<th>插件包名</th>
-<th>作用</th>
+<th style="text-align: left;">类名</th>
+<th style="text-align: left;">说明</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td><span class="citation"
-data-cites="rollup/plugin-node-resolve">@rollup/plugin-node-resolve</span></td>
-<td>使用 nodejs的解析算法，使得可以在 node_modules 中使用第三方包</td>
+<td style="text-align: left;"><code>rotate-45</code></td>
+<td style="text-align: left;">旋转45度</td>
 </tr>
 <tr class="even">
-<td><span class="citation"
-data-cites="rollup/plugin-commonjs">@rollup/plugin-commonjs</span></td>
-<td>将 CommonJS 模块转成 ES 模块</td>
+<td style="text-align: left;"><code>rotate-90</code></td>
+<td style="text-align: left;">旋转90度</td>
 </tr>
 <tr class="odd">
-<td><span class="citation"
-data-cites="rollup/plugin-alias">@rollup/plugin-alias</span></td>
-<td>在打包的时候创建别名</td>
+<td style="text-align: left;"><code>rotate-135</code></td>
+<td style="text-align: left;">旋转135度</td>
 </tr>
 <tr class="even">
-<td><span class="citation"
-data-cites="rollup/plugin-replace">@rollup/plugin-replace</span></td>
-<td>在打包时替换目标字符串</td>
+<td style="text-align: left;"><code>rotate-180</code></td>
+<td style="text-align: left;">旋转180度</td>
 </tr>
 <tr class="odd">
-<td><span class="citation"
-data-cites="rollup/plugin-eslint">@rollup/plugin-eslint</span></td>
-<td>代码规范化</td>
+<td style="text-align: left;"><code>rotate-205</code></td>
+<td style="text-align: left;">旋转205度</td>
 </tr>
 <tr class="even">
-<td><span class="citation"
-data-cites="rollup/plugin-babel">@rollup/plugin-babel</span></td>
-<td>与 babel 无缝集成，将 ES6 代码转换成 ES5</td>
+<td style="text-align: left;"><code>rotate-270</code></td>
+<td style="text-align: left;">旋转270度</td>
 </tr>
 <tr class="odd">
-<td>rollup-plugin-terser</td>
-<td>通过使用 terser 引擎，缩减打包后的大小</td>
+<td style="text-align: left;"><code>rotate-315</code></td>
+<td style="text-align: left;">旋转315度</td>
 </tr>
 <tr class="even">
-<td>rollup-plugin-clear</td>
-<td>在编译前清空输出目录</td>
+<td style="text-align: left;"><code>flip-horizontal</code></td>
+<td style="text-align: left;">水平翻转DOM元素</td>
 </tr>
 <tr class="odd">
-<td><span class="citation"
-data-cites="rollup/plugin-json">@rollup/plugin-json</span></td>
-<td>将 json 文件转成 ES 模块</td>
+<td style="text-align: left;"><code>flip-vertical</code></td>
+<td style="text-align: left;">垂直翻转DOM元素</td>
 </tr>
-<tr class="even">
-<td>rollup-plugin-serve</td>
-<td>创建开发服务</td>
+</tbody>
+</table>
+<h3 id="边界相关">边界相关</h3>
+<table>
+<thead>
+<tr class="header">
+<th style="text-align: left;">类名</th>
+<th style="text-align: left;">说明</th>
 </tr>
+</thead>
+<tbody>
 <tr class="odd">
-<td>rollup-plugin-livereload</td>
-<td>实时重载代码修改</td>
+<td style="text-align: left;"><code>no-border</code></td>
+<td style="text-align: left;">删除任何边框</td>
 </tr>
 <tr class="even">
-<td>rollup-plugin-filesize</td>
-<td>在终端中显示包文件的大小</td>
+<td style="text-align: left;"><code>no-border-radius</code></td>
+<td style="text-align: left;">删除边框可能具有的任何半径</td>
+</tr>
+<tr class="odd">
+<td style="text-align: left;"><code>rounded-borders</code></td>
+<td style="text-align: left;">应用通用边框半径</td>
 </tr>
 </tbody>
 </table>
-<p>安装命令如下：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># npm</span></span><br><span class="line">npm install @rollup/plugin<span class="literal">-node-resolve</span> @rollup/plugin<span class="literal">-commonjs</span> @rollup/plugin<span class="literal">-alias</span> @rollup/plugin<span class="operator">-replace</span> @rollup/plugin<span class="literal">-eslint</span> @rollup/plugin<span class="literal">-babel</span> rollup<span class="literal">-plugin-terser</span> rollup<span class="literal">-plugin-clear</span> @rollup/plugin<span class="literal">-json</span> rollup<span class="literal">-plugin-serve</span> rollup<span class="literal">-plugin-livereload</span> rollup<span class="literal">-plugin-filesize</span> <span class="literal">--save-dev</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># yarn</span></span><br><span class="line"><span class="comment"># yarn 安装开发依赖的命令如下</span></span><br><span class="line">yarn add &lt;package<span class="literal">-name</span>&gt; <span class="literal">--dev</span></span><br></pre></td></tr></table></figure>
-<p>插件的具体作用参考：<a
-href="https://github.com/rollup/awesome">rollup官方插件库</a></p>
-<h2 id="配置-rollup">配置 rollup</h2>
-<ol type="1">
-<li>根据开发环境区分不同的配置</li>
-<li>设置对应的 <code>npm script</code></li>
-<li>输出不同规范的产物：umd、umd.min、cjs、esm</li>
-<li>兼容 <code>jest</code> 不支持 <code>es module</code>的问题</li>
-</ol>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">mkdir config</span><br><span class="line"><span class="built_in">cd</span> config</span><br><span class="line"><span class="built_in">New-Item</span> rollup.config.base.js</span><br><span class="line"><span class="built_in">New-Item</span> rollup.config.dev.js</span><br><span class="line"><span class="built_in">New-Item</span> rollup.config.prod.js</span><br></pre></td></tr></table></figure>
-<h3 id="rollup.config.base.js">rollup.config.base.js</h3>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> &#123; nodeResolve &#125; <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-node-resolve&#x27;</span> <span class="comment">// 解析 node_modules 中的模块</span></span><br><span class="line"><span class="keyword">import</span> commonjs <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-commonjs&#x27;</span> <span class="comment">// cjs =&gt; esm</span></span><br><span class="line"><span class="keyword">import</span> alias <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-alias&#x27;</span> <span class="comment">// alias 和 reslove 功能</span></span><br><span class="line"><span class="keyword">import</span> replace <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-replace&#x27;</span></span><br><span class="line"><span class="keyword">import</span> eslint <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-eslint&#x27;</span></span><br><span class="line"><span class="keyword">import</span> &#123; babel &#125; <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-babel&#x27;</span></span><br><span class="line"><span class="keyword">import</span> &#123; terser &#125; <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-terser&#x27;</span></span><br><span class="line"><span class="keyword">import</span> clear <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-clear&#x27;</span></span><br><span class="line"><span class="keyword">import</span> json <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-json&#x27;</span> <span class="comment">// 支持在源码中直接引入json文件，不影响下面的</span></span><br><span class="line"><span class="keyword">import</span> &#123; name, version, author &#125; <span class="keyword">from</span> <span class="string">&#x27;../package.json&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 此处 pkgName 要修改成自己的包名</span></span><br><span class="line"><span class="keyword">const</span> pkgName = <span class="string">&#x27;vtools&#x27;</span></span><br><span class="line"><span class="keyword">const</span> banner =</span><br><span class="line"><span class="string">&#x27;/*!\n&#x27;</span> +</span><br><span class="line"><span class="string">` * <span class="subst">$&#123;name&#125;</span> v<span class="subst">$&#123;version&#125;</span>\n`</span> +</span><br><span class="line"><span class="string">` * (c) 2014-<span class="subst">$&#123;<span class="keyword">new</span> <span class="built_in">Date</span>().getFullYear()&#125;</span> <span class="subst">$&#123;author&#125;</span>\n`</span> +</span><br><span class="line"><span class="string">&#x27; * Released under the MIT License.\n&#x27;</span> +</span><br><span class="line"><span class="string">&#x27; */&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">default</span> &#123;</span><br><span class="line">  <span class="attr">input</span>: <span class="string">&#x27;src/index.js&#x27;</span>,</span><br><span class="line">  <span class="comment">// 同时打包多种规范的产物</span></span><br><span class="line">  <span class="attr">output</span>: [</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="attr">file</span>: <span class="string">`dist/<span class="subst">$&#123;pkgName&#125;</span>.umd.js`</span>,</span><br><span class="line">      <span class="attr">format</span>: <span class="string">&#x27;umd&#x27;</span>,</span><br><span class="line">      <span class="attr">name</span>: pkgName,</span><br><span class="line">      banner</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="attr">file</span>: <span class="string">`dist/<span class="subst">$&#123;pkgName&#125;</span>.umd.min.js`</span>,</span><br><span class="line">      <span class="attr">format</span>: <span class="string">&#x27;umd&#x27;</span>,</span><br><span class="line">      <span class="attr">name</span>: pkgName,</span><br><span class="line">      banner,</span><br><span class="line">      <span class="attr">plugins</span>: [<span class="title function_">terser</span>()]</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="attr">file</span>: <span class="string">`dist/<span class="subst">$&#123;pkgName&#125;</span>.cjs.js`</span>,</span><br><span class="line">      <span class="attr">format</span>: <span class="string">&#x27;cjs&#x27;</span>,</span><br><span class="line">      <span class="attr">name</span>: pkgName,</span><br><span class="line">      banner</span><br><span class="line">    &#125;,</span><br><span class="line">    &#123;</span><br><span class="line">      <span class="attr">file</span>: <span class="string">`dist/<span class="subst">$&#123;pkgName&#125;</span>.esm.js`</span>,</span><br><span class="line">      <span class="attr">format</span>: <span class="string">&#x27;es&#x27;</span>,</span><br><span class="line">      banner</span><br><span class="line">    &#125;</span><br><span class="line">  ],</span><br><span class="line">  <span class="comment">// 注意 plugin 的使用顺序</span></span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    <span class="title function_">json</span>(),</span><br><span class="line">    <span class="title function_">clear</span>(&#123;</span><br><span class="line">      <span class="attr">targets</span>: [<span class="string">&#x27;dist&#x27;</span>]</span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">alias</span>(),</span><br><span class="line">    <span class="title function_">replace</span>(&#123;</span><br><span class="line">      <span class="string">&#x27;process.env.NODE_ENV&#x27;</span>: <span class="title class_">JSON</span>.<span class="title function_">stringify</span>(process.<span class="property">env</span>.<span class="property">NODE_ENV</span> || <span class="string">&#x27;development&#x27;</span>),</span><br><span class="line">      <span class="attr">preventAssignment</span>: <span class="literal">true</span></span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">nodeResolve</span>(),</span><br><span class="line">    <span class="title function_">commonjs</span>(&#123;</span><br><span class="line">      <span class="attr">include</span>: <span class="string">&#x27;node_modules/**&#x27;</span></span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">eslint</span>(&#123;</span><br><span class="line">      <span class="attr">throwOnError</span>: <span class="literal">true</span>, <span class="comment">// 抛出异常并阻止打包</span></span><br><span class="line">      <span class="attr">include</span>: [<span class="string">&#x27;src/**&#x27;</span>],</span><br><span class="line">      <span class="attr">exclude</span>: [<span class="string">&#x27;node_modules/**&#x27;</span>]</span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">babel</span>(&#123; <span class="attr">babelHelpers</span>: <span class="string">&#x27;bundled&#x27;</span> &#125;)</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p><strong>修改包名</strong>：</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 此处 pkgName 要修改成自己的包名</span></span><br><span class="line"><span class="keyword">const</span> pkgName = <span class="string">&#x27;vtools&#x27;</span></span><br></pre></td></tr></table></figure>
-<h3 id="rollup.config.dev.js">rollup.config.dev.js</h3>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> baseConfig <span class="keyword">from</span> <span class="string">&#x27;./rollup.config.base&#x27;</span></span><br><span class="line"><span class="keyword">import</span> serve <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-serve&#x27;</span></span><br><span class="line"><span class="keyword">import</span> livereload <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-livereload&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">default</span> &#123;</span><br><span class="line">  ...baseConfig,</span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    ...baseConfig.<span class="property">plugins</span>,</span><br><span class="line">    <span class="title function_">serve</span>(&#123;</span><br><span class="line">      <span class="attr">port</span>: <span class="number">8080</span>,</span><br><span class="line">      <span class="attr">contentBase</span>: [<span class="string">&#x27;dist&#x27;</span>, <span class="string">&#x27;examples/brower&#x27;</span>],</span><br><span class="line">      <span class="attr">openPage</span>: <span class="string">&#x27;index.html&#x27;</span>,</span><br><span class="line">    &#125;),</span><br><span class="line">    <span class="title function_">livereload</span>(&#123;</span><br><span class="line">      <span class="attr">watch</span>: <span class="string">&#x27;examples/brower&#x27;</span>,</span><br><span class="line">    &#125;)</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h3 id="rollup.config.prod.js">rollup.config.prod.js</h3>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> baseConfig <span class="keyword">from</span> <span class="string">&#x27;./rollup.config.base&#x27;</span></span><br><span class="line"><span class="keyword">import</span> filesize <span class="keyword">from</span> <span class="string">&#x27;rollup-plugin-filesize&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">default</span> &#123;</span><br><span class="line">  ...baseConfig,</span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    ...baseConfig.<span class="property">plugins</span>,</span><br><span class="line">    <span class="title function_">filesize</span>()</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="配置-prettier">配置 prettier</h2>
-<p>prettier 主要用于代码格式校验和修正。</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># --save-exact 添加准确的版本号，例如：&quot;webpack&quot;: &quot;^5.1.3&quot;，添加--save-exact后将没有 ^ 号</span></span><br><span class="line"><span class="comment"># npm</span></span><br><span class="line">npm install <span class="literal">--save-dev</span> <span class="literal">--save-exact</span> prettier</span><br><span class="line"><span class="comment"># yarn</span></span><br><span class="line">yarn add <span class="literal">--dev</span> <span class="literal">--exact</span> prettier</span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加配置文件</span></span><br><span class="line"><span class="built_in">New-Item</span> .prettierrc.js</span><br><span class="line"><span class="comment"># 添加下列内容</span></span><br><span class="line">module.exports = &#123;</span><br><span class="line">  printWidth: <span class="number">80</span>,</span><br><span class="line">  tabWidth: <span class="number">2</span>,</span><br><span class="line">  useTabs: false,</span><br><span class="line">  singleQuote: true,</span><br><span class="line">  proseWrap: <span class="string">&#x27;preserve&#x27;</span>,</span><br><span class="line">  arrowParens: <span class="string">&#x27;avoid&#x27;</span>,</span><br><span class="line">  bracketSpacing: true,</span><br><span class="line">  disableLanguages: [<span class="string">&#x27;vue&#x27;</span>],</span><br><span class="line">  endOfLine: <span class="string">&#x27;auto&#x27;</span>,</span><br><span class="line">  eslintIntegration: false,</span><br><span class="line">  htmlWhitespaceSensitivity: <span class="string">&#x27;ignore&#x27;</span>,</span><br><span class="line">  ignorePath: <span class="string">&#x27;.prettierignore&#x27;</span>,</span><br><span class="line">  jsxBracketSameLine: false,</span><br><span class="line">  jsxSingleQuote: true,</span><br><span class="line">  parser: <span class="string">&#x27;babel&#x27;</span>,</span><br><span class="line">  requireConfig: false,</span><br><span class="line">  stylelintIntegration: false,</span><br><span class="line">  trailingComma: <span class="string">&#x27;none&#x27;</span>,</span><br><span class="line">  tslintIntegration: true,</span><br><span class="line">  <span class="string">&#x27;workbench.iconTheme&#x27;</span>: <span class="string">&#x27;vscode-icons&#x27;</span>,</span><br><span class="line">  <span class="string">&#x27;editor.minimap.enabled&#x27;</span>: false,</span><br><span class="line">  <span class="string">&#x27;editor.renderWhitespace&#x27;</span>: <span class="string">&#x27;none&#x27;</span>,</span><br><span class="line">  <span class="string">&#x27;editor.renderControlCharacters&#x27;</span>: false,</span><br><span class="line">  semi: false</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加忽略文件</span></span><br><span class="line"><span class="built_in">New-Item</span> .prettierignore.js <span class="literal">-value</span> build`ncoverage</span><br></pre></td></tr></table></figure>
-<h2 id="配置-eslint">配置 eslint</h2>
-<p>eslint 主要用于代码质量的校验。</p>
-<p><strong>安装</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 在开发环境中安装 esLint</span></span><br><span class="line">npm i eslint -D</span><br><span class="line"></span><br><span class="line"><span class="comment">// 生成配置文件</span></span><br><span class="line">npx eslint --init</span><br><span class="line"></span><br><span class="line"><span class="comment">// 开发中使用 eslit 检查语法，用 prettier 检查格式</span></span><br><span class="line"><span class="comment">// 1.选择 To check syntax and find problems</span></span><br><span class="line"><span class="comment">// 2.选择用 javaScript modules 开发</span></span><br></pre></td></tr></table></figure>
-<p><strong>安装插件并配置</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 使用 standard 规范</span></span><br><span class="line">npm install --save-dev eslint-config-standard eslint-config-prettier eslint-plugin-promise eslint-plugin-<span class="keyword">import</span> eslint-plugin-node</span><br><span class="line"></span><br><span class="line"><span class="comment">// .eslintrc.js 配置</span></span><br><span class="line"><span class="variable language_">module</span>.<span class="property">exports</span> = &#123;</span><br><span class="line">  <span class="attr">root</span>: <span class="literal">true</span>,</span><br><span class="line">  <span class="attr">env</span>: &#123;</span><br><span class="line">    <span class="attr">browser</span>: <span class="literal">true</span>,</span><br><span class="line">    <span class="attr">es2021</span>: <span class="literal">true</span>,</span><br><span class="line">    <span class="attr">jest</span>: <span class="literal">true</span> <span class="comment">// 支持jest</span></span><br><span class="line">  &#125;,</span><br><span class="line">  <span class="attr">extends</span>: [<span class="string">&#x27;standard&#x27;</span>, <span class="string">&#x27;prettier&#x27;</span>],</span><br><span class="line">  <span class="attr">parserOptions</span>: &#123;</span><br><span class="line">    <span class="attr">ecmaVersion</span>: <span class="number">12</span>,</span><br><span class="line">    <span class="attr">sourceType</span>: <span class="string">&#x27;module&#x27;</span></span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment">// .eslintignore 配置忽略 dist, 防止校验打包的产物</span></span><br><span class="line"><span class="title class_">New</span>-<span class="title class_">Item</span> .<span class="property">eslintignore</span>.<span class="property">js</span> -value dist</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>如果有更复杂的需求，可以安装 eslint-config-prettier 来禁用 eslint 与
-prettier 之间冲突的配置。</p>
-</blockquote>
-<h2 id="配置-babel">配置 babel</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">npm i -D @babel/core @babel/preset-env babel-plugin-transform-<span class="keyword">async</span>-to-promises</span><br><span class="line"></span><br><span class="line"><span class="title class_">New</span>-<span class="title class_">Item</span> .<span class="property">babelrc</span>.<span class="property">js</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// .babelrc.js</span></span><br><span class="line"><span class="variable language_">module</span>.<span class="property">exports</span> = &#123;</span><br><span class="line">  <span class="attr">presets</span>: [</span><br><span class="line">    [<span class="string">&#x27;@babel/preset-env&#x27;</span>, &#123;</span><br><span class="line">      <span class="comment">// rollupjs 会处理模块，所以设置成 false</span></span><br><span class="line">      <span class="attr">modules</span>: <span class="literal">false</span></span><br><span class="line">    &#125;]</span><br><span class="line">  ],</span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    <span class="comment">// 避免 babel 将 async/await 转成 Generator</span></span><br><span class="line">    <span class="comment">// 这样兼容性更好</span></span><br><span class="line">    <span class="string">&#x27;transform-async-to-promises&#x27;</span></span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="单元测试">单元测试</h2>
-<p>test 目录下创建 xxx.test.js（xxx 和 源码中的文件名保持一致）</p>
-<ul>
-<li>选用 <code>jest</code> 做单元测试</li>
-<li>配置 <code>eslint</code> 的 <code>jest</code> 环境</li>
-<li>解决 <code>jest</code> 不支持 <code>es module</code> 的问题</li>
-</ul>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm i <span class="literal">-D</span> jest</span><br><span class="line"><span class="comment"># 支持 `es module`</span></span><br><span class="line">npm i <span class="literal">-D</span> rollup<span class="literal">-jest</span> </span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加测试目录</span></span><br><span class="line">mkdir test</span><br><span class="line"></span><br><span class="line"><span class="comment"># package.json 中设置 </span></span><br><span class="line"><span class="string">&quot;jest&quot;</span>: &#123;</span><br><span class="line">    <span class="string">&quot;preset&quot;</span>: <span class="string">&quot;rollup-jest&quot;</span></span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line"><span class="comment"># 执行测试</span></span><br><span class="line">npx jest </span><br><span class="line"></span><br><span class="line"><span class="comment"># 测试覆盖率</span></span><br><span class="line">npx jest <span class="literal">--coverage</span></span><br></pre></td></tr></table></figure>
-<h2 id="更新忽略文件">更新忽略文件</h2>
-<h3 id="gitignore">.gitignore</h3>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># `n 代表换行</span></span><br><span class="line"><span class="comment"># 如果是用 git 仓库管理来作为包服务的话，dist 不能忽略</span></span><br><span class="line"><span class="built_in">New-Item</span> .gitignore <span class="literal">-value</span> node_modules`ndist`ncoverage`n</span><br></pre></td></tr></table></figure>
-<h3 id="npmignore">.npmignore</h3>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 新建文件</span></span><br><span class="line"><span class="built_in">New-Item</span> .npmignore</span><br><span class="line"></span><br><span class="line"><span class="comment"># 添加内容</span></span><br><span class="line">node_modules</span><br><span class="line">test</span><br><span class="line">src</span><br><span class="line">.babelrc.js</span><br><span class="line">.eslintrc.js</span><br><span class="line">scripts</span><br><span class="line">coverage</span><br><span class="line">docs</span><br><span class="line">.czrc</span><br><span class="line">.eslintignore</span><br><span class="line">.huskyrc</span><br><span class="line">.commitlint.config.js</span><br><span class="line">.commitlint.config</span><br></pre></td></tr></table></figure>
-<h2 id="readme.md">README.md</h2>
-<p>添加徽标</p>
-<ul>
-<li>GitHub徽标官网是<a
-href="https://link.juejin.cn?target=https%3A%2F%2Fshields.io%2F">shields.io</a></li>
-<li>普通徽标</li>
-</ul>
-<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="attr">https</span>:<span class="comment">//img.shields.io/badge/&#123;徽标标题&#125;-&#123;徽标内容&#125;-&#123;徽标颜色&#125;.svg</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// eg</span></span><br><span class="line">![build](<span class="attr">https</span>:<span class="comment">//img.shields.io/badge/build-passing-success.svg)</span></span><br><span class="line">复制代码</span><br></pre></td></tr></table></figure>
-<ul>
-<li>动态徽标</li>
-</ul>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">https://img.shields.io/github/issues/&#123;github用户名&#125;/&#123;仓库名&#125;.svg</span><br><span class="line">https://img.shields.io/github/forks/&#123;github用户名&#125;/&#123;仓库名&#125;.svg</span><br><span class="line">https://img.shields.io/github/stars/&#123;github用户名&#125;/&#123;仓库名&#125;.svg</span><br><span class="line">https://img.shields.io/github/license/&#123;github用户名&#125;/&#123;仓库名&#125;.svg</span><br></pre></td></tr></table></figure>
-<h2 id="git-提交校验">git 提交校验</h2>
-<p><strong>安装下列包：</strong></p>
+<h2 id="flex"><a
+href="http://www.quasarchs.com/layout/grid/introduction-to-flexbox">Flex</a></h2>
+<h3 id="设置方向">设置方向</h3>
 <table>
-<colgroup>
-<col style="width: 35%" />
-<col style="width: 64%" />
-</colgroup>
 <thead>
 <tr class="header">
-<th>包名</th>
-<th>作用</th>
+<th style="text-align: left;">类名</th>
+<th style="text-align: left;">说明</th>
 </tr>
 </thead>
 <tbody>
 <tr class="odd">
-<td>husky</td>
-<td>关联git的hook与项目，可以实现在提交时校验提交信息的规范性</td>
+<td style="text-align: left;"><code>row</code></td>
+<td style="text-align: left;">Flex行</td>
 </tr>
 <tr class="even">
-<td><span class="citation"
-data-cites="commitlint/config-conventional">@commitlint/config-conventional</span></td>
-<td>代码提交 message 规范校验格式库</td>
+<td style="text-align: left;"><code>row inline</code></td>
+<td style="text-align: left;">内联Flex行</td>
 </tr>
 <tr class="odd">
-<td><span class="citation"
-data-cites="commitlint/cli">@commitlint/cli</span></td>
-<td>代码提交 message 规范校验</td>
+<td style="text-align: left;"><code>column</code></td>
+<td style="text-align: left;">Flex列</td>
 </tr>
 <tr class="even">
-<td>commitizen</td>
-<td>代码交互提交</td>
+<td style="text-align: left;"><code>column inline</code></td>
+<td style="text-align: left;">内联Flex列</td>
 </tr>
 <tr class="odd">
-<td>cz-conventional</td>
-<td></td>
+<td style="text-align: left;"><code>row reverse</code></td>
+<td
+style="text-align: left;">将<code>flex-direction</code>设置为<code>row-reverse</code>的Flex行</td>
+</tr>
+<tr class="even">
+<td style="text-align: left;"><code>column reverse</code></td>
+<td
+style="text-align: left;">将<code>flex-direction</code>设置为<code>column-reverse</code>的Flex列</td>
 </tr>
 </tbody>
 </table>
-<p><strong>完整安装及配置：</strong></p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">--save-dev</span> husky @commitlint/config<span class="literal">-conventional</span> @commitlint/<span class="built_in">cli</span> commitizen cz<span class="literal">-conventional-changelog</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># commitlint.config</span></span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;module.exports = &#123;extends: [&#x27;@commitlint/config-conventional&#x27;]&#125;&quot;</span> &gt; commitlint.config.js</span><br><span class="line"></span><br><span class="line"><span class="comment"># 初始化 git</span></span><br><span class="line">git init</span><br><span class="line"></span><br><span class="line"><span class="comment"># commitlint 使用 husky 的消息钩子</span></span><br><span class="line">npx husky install</span><br><span class="line"><span class="comment"># 注意，-- commitlint 之间有一个空格</span></span><br><span class="line">npx husky add .husky/commit<span class="literal">-msg</span> <span class="string">&#x27;npx --no -- commitlint --edit &quot;$1&quot;&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># .czrc</span></span><br><span class="line"><span class="built_in">New-Item</span> .czrc</span><br><span class="line"></span><br><span class="line"><span class="comment"># 内容</span></span><br><span class="line">&#123; <span class="string">&quot;path&quot;</span>: <span class="string">&quot;cz-conventional-changelog&quot;</span> &#125;</span><br><span class="line"></span><br><span class="line"><span class="comment"># package.json</span></span><br><span class="line"><span class="comment"># commitizen 快捷命令</span></span><br><span class="line">&#123;</span><br><span class="line">  <span class="string">&quot;scripts&quot;</span>: &#123;</span><br><span class="line">    <span class="string">&quot;commit&quot;</span>: <span class="string">&quot;cz&quot;</span></span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p><strong>常用的commitlint type类别：</strong></p>
+<h3 id="包裹">包裹</h3>
+<table>
+<thead>
+<tr class="header">
+<th style="text-align: left;">类名</th>
+<th style="text-align: left;">说明</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td style="text-align: left;"><code>wrap</code></td>
+<td
+style="text-align: left;">如有必要进行包裹（默认为“on”，不需要指定）</td>
+</tr>
+<tr class="even">
+<td style="text-align: left;"><code>no-wrap</code></td>
+<td style="text-align: left;">即使有必要，也不要包裹</td>
+</tr>
+<tr class="odd">
+<td style="text-align: left;"><code>reverse-wrap</code></td>
+<td style="text-align: left;">如有必要逆向包裹</td>
+</tr>
+</tbody>
+</table>
+<h3 id="对齐-1">对齐</h3>
 <ul>
-<li>build：发布</li>
-<li>chore：构建过程或辅助工具的变动</li>
-<li>ci：合并其它贡献者的代码变化（continuous integration）</li>
-<li>docs：文档（documentation）</li>
-<li>feat：新功能（feature）</li>
-<li>fix：修补bug</li>
-<li>perf：</li>
-<li>refactor：重构（即不是新增功能，也不是修改bug的代码变动）</li>
-<li>style： 格式（不影响代码运行的变动）</li>
-<li>test：增加测试</li>
+<li><p>沿主轴</p>
+<figure>
+<img data-src="https://cdn.quasar.dev/img/flexbox-main-axis-align---2.svg"
+alt="img" />
+<figcaption aria-hidden="true">img</figcaption>
+</figure></li>
+<li><p>垂直于主轴</p>
+<figure>
+<img data-src="https://cdn.quasar.dev/img/flexbox-cross-axis-align.svg"
+alt="img" />
+<figcaption aria-hidden="true">img</figcaption>
+</figure></li>
+<li><p>多条主轴且有多余空间时</p>
+<figure>
+<img data-src="https://cdn.quasar.dev/img/flexbox-content-align.svg"
+alt="img" />
+<figcaption aria-hidden="true">img</figcaption>
+</figure></li>
 </ul>
-<blockquote>
-<p>例：</p>
-<p>git commit -m 'feat: 增加 xxx 功能' git commit -m 'bug: 修复 xxx
-功能'</p>
-</blockquote>
-<h2 id="配置package.json">配置package.json</h2>
-<p>经过上述配置，我们还需要配置一些 npm 脚本来运行，如下：</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="attr">&quot;scripts&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;dev&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npx rollup -w --environment NODE_ENV:development -c config/rollup.config.dev.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;build&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npx rollup --environment NODE_ENV:production -c config/rollup.config.prod.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;x&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version major&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;y&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version minor&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;z&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version patch&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;lint&quot;</span><span class="punctuation">:</span> <span class="string">&quot;eslint src&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;fix&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run lint --fix&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;commit&quot;</span><span class="punctuation">:</span> <span class="string">&quot;git-cz&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;test&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jest&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;test:c&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jest --coverage&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;prepublish&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run build&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:x&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run x &amp;&amp; npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:y&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run y &amp;&amp; npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:z&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run z &amp;&amp; npm publish --access=public&quot;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
-<p>完整版：</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;name&quot;</span><span class="punctuation">:</span> <span class="string">&quot;wow-tool&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;version&quot;</span><span class="punctuation">:</span> <span class="string">&quot;0.0.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;author&quot;</span><span class="punctuation">:</span> <span class="string">&quot;&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;description&quot;</span><span class="punctuation">:</span> <span class="string">&quot;provide some usefull uities for javascript&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;main&quot;</span><span class="punctuation">:</span> <span class="string">&quot;src/index.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="comment">// main,module,broser 分别代表不同环境下的入口文件</span></span><br><span class="line">  <span class="attr">&quot;main&quot;</span><span class="punctuation">:</span> <span class="string">&quot;dst/sw-utils.cjs.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;module&quot;</span><span class="punctuation">:</span> <span class="string">&quot;dst/sw-utils.esm.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;scripts&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">     <span class="attr">&quot;dev&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npx rollup -w --environment NODE_ENV:development -c config/rollup.config.dev.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;build&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npx rollup --environment NODE_ENV:production -c config/rollup.config.prod.js&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;x&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version major&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;y&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version minor&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;z&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm --no-git-tag-version version patch&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;lint&quot;</span><span class="punctuation">:</span> <span class="string">&quot;eslint src&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;fix&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run lint --fix&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;commit&quot;</span><span class="punctuation">:</span> <span class="string">&quot;git-cz&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;test&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jest&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;test:c&quot;</span><span class="punctuation">:</span> <span class="string">&quot;jest --coverage&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;prepublish&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run build&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:x&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run x &amp;&amp; npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:y&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run y &amp;&amp; npm publish --access=public&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;pub:z&quot;</span><span class="punctuation">:</span> <span class="string">&quot;npm run z &amp;&amp; npm publish --access=public&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;jest&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;preset&quot;</span><span class="punctuation">:</span> <span class="string">&quot;rollup-jest&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;repository&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;type&quot;</span><span class="punctuation">:</span> <span class="string">&quot;git&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;url&quot;</span><span class="punctuation">:</span> <span class="string">&quot;https://gitee.com/noctiflorous/wow-tool.git&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;keywords&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span><span class="punctuation">]</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;license&quot;</span><span class="punctuation">:</span> <span class="string">&quot;ISC&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;bugs&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;url&quot;</span><span class="punctuation">:</span> <span class="string">&quot;https://gitee.com/noctiflorous/wow-tool.git/issues&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="attr">&quot;homepage&quot;</span><span class="punctuation">:</span> <span class="string">&quot;https://gitee.com/noctiflorous/wow-tool.git#readme&quot;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="comment">// 开发依赖（作为npm包被install时，开发依赖不会被下载进node_modules）</span></span><br><span class="line">  <span class="attr">&quot;devDependencies&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;@babel/core&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.16.7&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@babel/preset-env&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.16.7&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@commitlint/cli&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^16.0.2&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@commitlint/config-conventional&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^16.0.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-alias&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^3.1.9&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-babel&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^5.3.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-commonjs&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^21.0.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-eslint&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^8.0.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-json&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^4.1.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-node-resolve&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^13.1.3&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;@rollup/plugin-replace&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^3.0.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;commitizen&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^4.2.4&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;cz-conventional-changelog&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^3.3.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.32.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint-config-standard&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^16.0.3&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint-plugin-import&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^2.25.4&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint-plugin-node&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^11.1.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;eslint-plugin-promise&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^5.2.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;husky&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.0.4&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;jest&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^27.4.7&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^2.63.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-jest&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^1.1.3&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-clear&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^2.0.7&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-filesize&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^9.1.1&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-livereload&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^2.0.5&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-serve&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^1.1.0&quot;</span><span class="punctuation">,</span></span><br><span class="line">    <span class="attr">&quot;rollup-plugin-terser&quot;</span><span class="punctuation">:</span> <span class="string">&quot;^7.0.2&quot;</span></span><br><span class="line">  <span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line">  <span class="comment">// 依赖（作为npm包被install时，依赖会被下载进node_modules）</span></span><br><span class="line">  <span class="attr">&quot;dependencies&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span><span class="punctuation">&#125;</span><span class="punctuation">,</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
-<h2 id="编写功能">编写功能</h2>
-<p>上述配置完成后，就可以开始编写功能了。</p>
-<p>入口函数为 <code>src/index.js</code> ，该入口在
-<code>rollup.config.base.js</code> 中定义的。</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// src/index.js</span></span><br><span class="line"></span><br><span class="line"><span class="keyword">const</span> units = [<span class="string">&#x27;B&#x27;</span>, <span class="string">&#x27;KB&#x27;</span>, <span class="string">&#x27;MB&#x27;</span>, <span class="string">&#x27;GB&#x27;</span>, <span class="string">&#x27;TB&#x27;</span>, <span class="string">&#x27;PB&#x27;</span>]</span><br><span class="line"></span><br><span class="line"><span class="comment">/**</span></span><br><span class="line"><span class="comment"> * 字节转存储大小</span></span><br><span class="line"><span class="comment"> * <span class="doctag">@param</span> &#123;<span class="type">*</span>&#125; <span class="variable">bytes</span></span></span><br><span class="line"><span class="comment"> * <span class="doctag">@returns</span></span></span><br><span class="line"><span class="comment"> */</span></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">function</span> <span class="title function_">humanStorageSize</span>(<span class="params">bytes</span>) &#123;</span><br><span class="line">  <span class="keyword">let</span> u = <span class="number">0</span></span><br><span class="line"></span><br><span class="line">  <span class="keyword">while</span> (<span class="built_in">parseInt</span>(bytes, <span class="number">10</span>) &gt;= <span class="number">1024</span> &amp;&amp; u &lt; units.<span class="property">length</span> - <span class="number">1</span>) &#123;</span><br><span class="line">    bytes /= <span class="number">1024</span></span><br><span class="line">    ++u</span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">  <span class="keyword">return</span> <span class="string">`<span class="subst">$&#123;bytes.toFixed(<span class="number">1</span>)&#125;</span><span class="subst">$&#123;units[u]&#125;</span>`</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="编写测试">编写测试</h2>
-<p>针对上述的 <code>humanStorageSize</code>
-方法编写一个单元测试，单元编写参考：<a
-href="https://github.com/ambar/rollup-jest">rollup-jest</a> 、<a
-href="https://github.com/facebook/jest">jest</a></p>
-<p><strong>使用示例：</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> path <span class="keyword">from</span> <span class="string">&#x27;path&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="title function_">test</span>(<span class="string">&#x27;parses extname&#x27;</span>, <span class="function">() =&gt;</span> &#123;</span><br><span class="line">  <span class="title function_">expect</span>(path.<span class="title function_">extname</span>(<span class="string">&#x27;foo.md&#x27;</span>)).<span class="title function_">toBe</span>(<span class="string">&#x27;.md&#x27;</span>)</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
-<p><strong>humanStorageSize 测试示例：</strong></p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 新建文件</span></span><br><span class="line"><span class="title class_">New</span>-<span class="title class_">Item</span> test/humanStorageSize.<span class="property">test</span>.<span class="property">js</span></span><br><span class="line"></span><br><span class="line"><span class="comment">// 添加如下内容</span></span><br><span class="line"><span class="keyword">import</span> &#123; humanStorageSize &#125; <span class="keyword">from</span> <span class="string">&#x27;../src/index&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="title function_">test</span>(<span class="string">&#x27;test humanStorageSize&#x27;</span>, <span class="function">() =&gt;</span> &#123;</span><br><span class="line">  <span class="title function_">expect</span>(<span class="title function_">humanStorageSize</span>(<span class="number">1024</span>)).<span class="title function_">toBe</span>(<span class="string">&#x27;1.0KB&#x27;</span>)</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
-<p><strong>执行测试</strong>：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">// 运行测试</span><br><span class="line">npx jest test/humanStorageSize</span><br></pre></td></tr></table></figure>
-<p><strong>测试结果</strong>：</p>
+<h3 id="自对齐">自对齐</h3>
+<p><strong>子元素可以覆盖父元素上指定的对齐方式</strong>。
+这允许对单个Flex项进行对齐。</p>
+<p>可用值有： <code>self-start</code>, <code>self-center</code>,
+<code>self-baseline</code>, <code>self-end</code>,
+<code>self-stretch</code></p>
 <figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220407181351999.png"
-alt="image-20220407181351999" />
-<figcaption aria-hidden="true">image-20220407181351999</figcaption>
+<img data-src="https://cdn.quasar.dev/img/flexbox-self.svg" alt="img" />
+<figcaption aria-hidden="true">img</figcaption>
+</figure>
+<h3 id="大小">大小</h3>
+<p>与 flex 值使用类似</p>
+<p>Quasar使用一个12分的列系统来分配子行的大小。
+以下是可用的CSS辅助类的一些示例：</p>
+<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;row&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;col-8&quot;</span>&gt;</span>two thirds<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;col-2&quot;</span>&gt;</span>one sixth<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;col-auto&quot;</span>&gt;</span>auto size based on content and available space<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;col&quot;</span>&gt;</span>fills remaining available space<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br></pre></td></tr></table></figure>
+<p>在上面的例子中，由于8/12 = 2/3 =
+66％，col-8占据了行宽的三分之二（2/3），而col-2占据了六分之一（2/12 = 1
+/ 6〜16.67％）。</p>
+<p>CSS辅助类<code>col-auto</code>使单元格只填充需要渲染的空间。
+另一方面，<code>col</code>试图填充所有可用的空间，同时如果需要也可以缩小。</p>
+<p>CSS辅助类<code>col-grow</code>使单元格至少填充需要渲染的空间，并有可能在有更多空间可用时增长。</p>
+<p>CSS辅助类<code>col-shrink</code>使单元格最多填充需要呈现的空间，并且当没有足够的可用空间时有可能收缩。</p>
+<h3 id="顺序">顺序</h3>
+<p><strong>您可以使用<code>order-first</code>和<code>order-last</code>
+CSS辅助类来设置子元素的顺序</strong>。</p>
+<p>默认情况下，Flex项按源(source)顺序排列。
+但是，order属性控制它们在flex容器中的显示顺序。
+如果您需要更多粒度，请使用<code>order</code> CSS属性并分配所需的值。</p>
+<p>例子：</p>
+<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;row&quot;</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">&quot;order: 2&quot;</span>&gt;</span>Second column<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;order-last&quot;</span>&gt;</span>Third column<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;order-first&quot;</span>&gt;</span>First column<span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span><br></pre></td></tr></table></figure>
+<p>以下是CSS<code>order</code>属性的工作原理：</p>
+<figure>
+<img data-src="https://cdn.quasar.dev/img/flexbox-order.svg" alt="img" />
+<figcaption aria-hidden="true">img</figcaption>
 </figure>
-<h2 id="通过-git-管理包">通过 Git 管理包</h2>
-<p>如果公司没有私有包服务器，同时也不想将包发到 npm 上，可以发布到私有
-Git 仓库里，然后直接从 Git 安装包。<a
-href="https://galens.uamazing.cn/posts/2022/3TYQ1H6.html">&gt;&gt; 用
-git 管理私有包</a></p>
-<h2 id="发布到-npm">发布到 npm</h2>
-<h2 id="发布到-verdaccio">发布到 verdaccio</h2>
-<h2 id="参考">参考</h2>
-<p>本文主要参考以下文章，在此致以诚挚谢意！</p>
-<ol type="1">
-<li><a
-href="https://juejin.cn/post/6844904030976606216">详解从零创建自己的NPM包</a></li>
-<li><a href="https://juejin.cn/post/6945376222863949831">开发一个规范的
-npm 包</a></li>
-<li><a
-href="https://zhuanlan.zhihu.com/p/350601275">深入对比Webpack、Parcel、Rollup打包工具</a></li>
-<li><a
-href="https://www.ruanyifeng.com/blog/2020/08/how-nodejs-use-es6-module.html">Node.js
-如何处理 ES6 模块 - 阮一峰的网络日志 (ruanyifeng.com)</a></li>
-<li><a href="https://github.com/SunshowerC/blog/issues/8">package.json
-中 你还不清楚的 browser，module，main 字段优先级</a></li>
-<li><a href="https://webpack.js.org/guides/package-exports/">Package
-exports | webpack</a></li>
-<li><a
-href="https://blog.csdn.net/huzhenv5/article/details/105231011">ES6和commonJs模块化规范的混用</a></li>
-</ol>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>Package</category>
+        <category>Quasar</category>
       </categories>
       <tags>
-        <tag>npm</tag>
-        <tag>galens</tag>
+        <tag>Quasar</tag>
       </tags>
   </entry>
   <entry>
-    <title>npm镜像源管理工具nrm使用</title>
-    <url>/posts/2022/W1573T.html</url>
-    <content><![CDATA[<p>通过 nrm(npmregistry manager) 可以很方面的管理和切换 npm
-的镜像源。</p>
+    <title>Quasar中css总结</title>
+    <url>/posts/2021/3BD2JEJ.html</url>
+    <content><![CDATA[<p>Quasar 中的控件常用用法总结。</p>
 <span id="more"></span>
-<h2 id="安装">安装</h2>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">-g</span> nrm</span><br></pre></td></tr></table></figure>
-<h2 id="使用">使用</h2>
-<p><strong>查看可用源列表：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm ls</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>结果中带 * 号的为当前使用的源</p>
-</blockquote>
-<p><strong>快速切换：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm use xxx</span><br></pre></td></tr></table></figure>
-<p><strong>增加镜像源：</strong></p>
-<p>如果我们需要增加特定的源，比如自己的私有源，可以执行以下命令进行添加，其中
-<code>reigstry</code>为源名，<code>url</code>为源的路径。</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm add &lt;registry&gt; &lt;url&gt;</span><br></pre></td></tr></table></figure>
-<p><strong>删除：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm del &lt;registry&gt;</span><br></pre></td></tr></table></figure>
-<p><strong>测试某个源的速度：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">nrm test xxx</span><br></pre></td></tr></table></figure>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Package</category>
-      </categories>
-      <tags>
-        <tag>npm</tag>
-        <tag>pakage</tag>
-        <tag>nrm</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>npm包开发建议</title>
-    <url>/posts/2022/31N5JWW.html</url>
-    <content><![CDATA[<h2 id="技术选型">技术选型</h2>
-<blockquote>
-<p>建议根据所开发的npm包功能，选择更加快速且合理的打包方案。如果开发的是一个
-<code>tools</code> 这样的工具库，显然更适合用 <code>rollup</code>
-打包。如果是开发的是一个业务组件（vue），则更加适合采用
-<code>@vue/cli</code> 的 <code>lib</code> 模式来构建。</p>
-</blockquote>
-<p>为什么一定要选择打包工具来开发 <code>npm</code> 包?</p>
+<h2 id="q-select">q-select</h2>
+<h3 id="映射选项">映射选项</h3>
+<p>使返回值为对象中的某个字段</p>
 <ul>
-<li>不一定非要使用构建工具来开发，使用构建工具主要是为了使用它强大的生态系统。比如代码风格检测、本地服务、同时构建多种规范的产物等等，方便我们的开发</li>
+<li>代码</li>
 </ul>
-<p>为什么是 <code>rollup</code> 而不是 <code>webpack</code>?</p>
+<figure class="highlight html"><table><tr><td class="code"><pre><span class="line"><span class="tag">&lt;<span class="name">q-select</span></span></span><br><span class="line"><span class="tag">  <span class="attr">class</span>=<span class="string">&quot;field-value&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">filled</span></span></span><br><span class="line"><span class="tag">  <span class="attr">fill-input</span></span></span><br><span class="line"><span class="tag">  <span class="attr">v-model</span>=<span class="string">&quot;fixedAssetInfo.typeId&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">:options</span>=<span class="string">&quot;types&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">use-input</span></span></span><br><span class="line"><span class="tag">  <span class="attr">option-value</span>=<span class="string">&quot;_id&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">display-value</span>=<span class="string">&quot;&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">emit-value</span></span></span><br><span class="line"><span class="tag">  <span class="attr">map-options</span></span></span><br><span class="line"><span class="tag">  <span class="attr">option-label</span>=<span class="string">&quot;name&quot;</span></span></span><br><span class="line"><span class="tag">  <span class="attr">dense</span></span></span><br><span class="line"><span class="tag">  <span class="attr">options-dense</span></span></span><br><span class="line"><span class="tag">&gt;</span></span><br><span class="line">  <span class="tag">&lt;<span class="name">template</span> <span class="attr">v-slot:no-option</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;<span class="name">q-item</span>&gt;</span></span><br><span class="line">      <span class="tag">&lt;<span class="name">q-item-section</span> <span class="attr">class</span>=<span class="string">&quot;text-grey&quot;</span>&gt;</span>No results<span class="tag">&lt;/<span class="name">q-item-section</span>&gt;</span></span><br><span class="line">    <span class="tag">&lt;/<span class="name">q-item</span>&gt;</span></span><br><span class="line">  <span class="tag">&lt;/<span class="name">template</span>&gt;</span></span><br><span class="line"><span class="tag">&lt;/<span class="name">q-select</span>&gt;</span></span><br></pre></td></tr></table></figure>
 <ul>
-<li>随着 <code>rollup</code> 和 <code>webpack</code>
-的版本更新，二者之间的差异性特性越来越小</li>
-<li><code>rollup</code>
-配置简单，支持同时打包输出多种规范的产物（iife、cjs、umd、esm、amd、system）</li>
-<li><code>webpack</code>
-功能强大社区丰富，更加适合大型应用；不支持打包输出为<code>es module</code>，而且产物不是很纯净</li>
-<li>构建<code>App应用</code>时，webpack比较合适；如果是<code>类库（纯js项目）</code>，rollup更加适合。</li>
+<li>说明</li>
 </ul>
-<span id="more"></span>
-<h2 id="完整的开发流程">完整的开发流程</h2>
-<ol type="1">
-<li>初始化项目</li>
-<li>创建合理的目录结构</li>
-<li>配置 <code>eslint</code> 统一代码风格</li>
-<li>配置 <code>typescript</code> 开发环境</li>
-<li>配置 <code>babel</code></li>
-<li>配置 <code>git</code> 提交的校验钩子</li>
-<li>开始编写代码</li>
-<li>watch 模式开发(本地服务)</li>
-<li>添加单元测试，编写测试示例</li>
-<li>完善 <code>package.json</code> 必要字段</li>
-<li>配置合适的 <code>npm script</code></li>
-<li>本地测试开发的 <code>npm</code> 包</li>
-<li>发布包到 <code>npm</code></li>
-<li>提交代码到 <code>git</code> 仓库</li>
-</ol>
-<h2 id="合理的包结构">合理的包结构</h2>
-<figure class="highlight js"><table><tr><td class="code"><pre><span class="line">├── bin  <span class="comment">// 用于存放可执行二进制文件的目录</span></span><br><span class="line">├── <span class="title function_">dist</span>(lib)  <span class="comment">// 产物输出目录</span></span><br><span class="line">├── docs <span class="comment">// 文档说明</span></span><br><span class="line">├── examples <span class="comment">// 示例</span></span><br><span class="line">├── package.<span class="property">json</span></span><br><span class="line">├── <span class="variable constant_">README</span>.<span class="property">md</span> <span class="comment">// 包说明，会在npm展示</span></span><br><span class="line">├── scripts <span class="comment">// 脚本</span></span><br><span class="line">├── <span class="title function_">src</span>(packages) <span class="comment">// 源码</span></span><br><span class="line">├── test <span class="comment">// 单元测试</span></span><br><span class="line">└── ...  <span class="comment">// 一些配置文件（eg: eslint、babel）</span></span><br></pre></td></tr></table></figure>
-<h2 id="致谢">致谢</h2>
-<p>本文摘抄于以下文章，在此致以诚挚谢意！</p>
-<ol type="1">
-<li><a href="https://juejin.cn/post/6945376222863949831">开发一个规范的
-npm 包</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Package</category>
-      </categories>
-      <tags>
-        <tag>npm包</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>向 verdaccio 新建用户并发布包</title>
-    <url>/posts/2022/GZ1MBS.html</url>
-    <content><![CDATA[<p>本文记录了如何向私有镜像管理器（verdaccio）中新建用户并发布本地包的方法。</p>
-<span id="more"></span>
-<p>verdaccio 没有用户注册管理界面，一切需要在终端利用 npm 操作。</p>
-<h2 id="登陆用户">登陆用户</h2>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">npm adduser --registry https://yourdomain.cn/</span><br></pre></td></tr></table></figure>
-<h2 id="发布包">发布包</h2>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">npm publish --registry https://yourdomain.cn/</span><br></pre></td></tr></table></figure>
+<table>
+<thead>
+<tr class="header">
+<th>属性</th>
+<th>说明</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>filled</td>
+<td>边框为方形</td>
+</tr>
+</tbody>
+</table>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>Package</category>
+        <category>Quasar</category>
       </categories>
       <tags>
-        <tag>verdaccio</tag>
-        <tag>npm</tag>
+        <tag>Quasar</tag>
       </tags>
   </entry>
   <entry>
-    <title>yarn镜像源管理工具yrm使用</title>
-    <url>/posts/2022/QRGC5D.html</url>
-    <content><![CDATA[<p>通过 yrm(yarn registry manager) 可以很方面的管理和切换
-yarn的镜像源。</p>
-<span id="more"></span>
-<h2 id="安装">安装</h2>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">-g</span> yrm</span><br></pre></td></tr></table></figure>
-<h2 id="使用">使用</h2>
-<p><strong>查看可用源列表：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm ls</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>结果中带 * 号的为当前使用的源</p>
-</blockquote>
-<p><strong>快速切换：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm use xxx</span><br></pre></td></tr></table></figure>
-<p><strong>增加镜像源：</strong></p>
-<p>如果我们需要增加特定的源，比如自己的私有源，可以执行以下命令进行添加，其中
-<code>reigstry</code>为源名，<code>url</code>为源的路径。</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm add &lt;registry&gt; &lt;url&gt;</span><br></pre></td></tr></table></figure>
-<p><strong>删除：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm del &lt;registry&gt;</span><br></pre></td></tr></table></figure>
-<p><strong>测试某个源的速度：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">yrm test xxx</span><br></pre></td></tr></table></figure>
+    <title>vue2.x中安装quasar</title>
+    <url>/posts/2021/2HDPP49.html</url>
+    <content><![CDATA[<p>随着 quasar 的升级，quasar 从 1.x升级到了 2.x，而通过
+<code>vue add quasar</code> 会安装<code>vue-cli-plugin-quasar</code>
+4.x，通过该 CLI 安装的 qusar 为 quasar 2.x 版本，2.x 版本支持
+vue3,但是却不兼容 vue2.x。这导致在 vue 2.x 中按照教程使用
+<code>vue add quasar</code> 后，运行时总是失败。</p>
+<span id="more"></span>
+<p>失败错误如下：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">Uncaught TypeError: Object(...) is not a function</span><br><span class="line">    at eval (webpack-internal:///./node_modules/quasar/src/plugins/Platform.js:29)</span><br><span class="line">    at Module../node_modules/quasar/src/plugins/Platform.js (chunk-vendors.js:4272)</span><br><span class="line">    at __webpack_require__ (app.js:849)</span><br><span class="line">    at fn (app.js:151)</span><br><span class="line">    at eval (webpack-internal:///./node_modules/quasar/src/install-quasar.js:18)</span><br><span class="line">    at Module../node_modules/quasar/src/install-quasar.js (chunk-vendors.js:4236)</span><br><span class="line">    at __webpack_require__ (app.js:849)</span><br><span class="line">    at fn (app.js:151)</span><br><span class="line">    at eval (webpack-internal:///./node_modules/quasar/src/vue-plugin.js:2)</span><br><span class="line">    at Module../node_modules/quasar/src/vue-plugin.js (chunk-vendors.js:4380)</span><br></pre></td></tr></table></figure>
+<p>为了解决上述问题，我们需要使用 quasar-cli 3.x
+或者以下的版本来安装。</p>
+<p>在使用 <code>vue add</code> 的时候，增加一个版本号，如下：</p>
+<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">vue add quasar@<span class="number">3</span>.x</span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>Package</category>
+        <category>Quasar</category>
       </categories>
       <tags>
-        <tag>npm</tag>
-        <tag>pakage</tag>
-        <tag>nrm</tag>
+        <tag>Quasar</tag>
       </tags>
   </entry>
   <entry>
-    <title>用 git 管理私有包</title>
-    <url>/posts/2022/3TYQ1H6.html</url>
-    <content><![CDATA[<p>在实际的开发中，有时候 npm
-上的包可能不满足使用要求，需要在其基础上进行修改，然后发布自己的包。在程序体量不大的情况下，可以采用
-<code>Git</code> 来进行包管理。</p>
+    <title>Qusar 中 Table 虚拟滚动切换后数据显示不全的解决办法</title>
+    <url>/posts/2023/34QSN23.html</url>
+    <content><![CDATA[<p>在使用 Quasar 中的 Table
+控件时，当用户选择全部后，由于数据较多，会导致响应会非常卡顿，为了解决这个问题，于是向
+Table 增加虚拟滚动的功能。</p>
+<p>可是当进行页面切换时，发现不能完整的显示当前页的数据，每行最多只有 12
+条数据。</p>
 <span id="more"></span>
-<p>下文以 <code>Quasar</code> 组件为例。</p>
-<h2 id="下载包">下载包</h2>
-<p>使用 npm 或 yarn 将包更新到自己需要的版本。以后基于该版本进行修改</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">yarn add quasar@<span class="number">1.18</span>.<span class="number">9</span></span><br></pre></td></tr></table></figure>
-<h2 id="新建-git">新建 Git</h2>
-<ul>
-<li><p>复制包的内容到新目录，然后运行 <code>git init</code>
-初始化包</p></li>
-<li><p>按需修改组件，新增一个 tag</p></li>
-</ul>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">git remote add origin xxx(仓库地址)</span><br><span class="line"></span><br><span class="line"><span class="comment"># ...省略分支推送</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 新建tag </span></span><br><span class="line">git tag v1.<span class="number">18.9</span>.<span class="number">1</span></span><br><span class="line"><span class="comment"># 推送tag</span></span><br><span class="line">git push origin v1.<span class="number">18.9</span>.<span class="number">1</span></span><br></pre></td></tr></table></figure>
-<h2 id="更新标签">更新标签</h2>
-<p>标签无法更新，只有先删除再重新创建。</p>
-<p>删除代码如下：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 删除本地tag</span></span><br><span class="line">git tag <span class="literal">-d</span> [<span class="type">tag</span>]</span><br><span class="line"></span><br><span class="line"><span class="comment"># 删除远程tag</span></span><br><span class="line">git push origin :refs/tags/[<span class="type">tagName</span>]</span><br></pre></td></tr></table></figure>
-<h2 id="使用">使用</h2>
-<p><strong>yarn</strong> 格式:</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">yarn add &lt;git remote url&gt;<span class="comment">#&lt;branch/commit/tag&gt;</span></span><br></pre></td></tr></table></figure>
-<p><strong>npm 格式:</strong></p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install <span class="literal">-s</span> &lt;git remote url&gt;<span class="comment">#&lt;branch/commit/tag&gt;</span></span><br></pre></td></tr></table></figure>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20230515101947071.png"
+alt="image-20230515101947071" />
+<figcaption aria-hidden="true">image-20230515101947071</figcaption>
+</figure>
+<p>通过排查，发现下面浅绿色的部分用于滚动触发，所以猜想是否是虚拟列表中渲染的最小行数限制了，于是将
+<code>virtual-scroll-slice-size</code> 设置成 25
+后，问题得到了解决。</p>
+<p>参考：<a
+href="http://v1.quasarchs.com/vue-components/table#qtable-api">表格 |
+Quasar Framework 中文网 (quasarchs.com)</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Quasar</category>
+      </categories>
+      <tags>
+        <tag>Vue</tag>
+        <tag>Quasar</tag>
+        <tag>galens</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>verdaccio 私有化配置</title>
+    <url>/posts/2022/38ND00E.html</url>
+    <content><![CDATA[<h2 id="添加用户">添加用户</h2>
+<p>添加用户是通过终端电脑的npm来操作的，在输入下列命令后，根据要求输入用户名和密码即可。</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">npm adduser --registry https://mydomain.com:port/</span><br></pre></td></tr></table></figure>
+<h2 id="授权验证">授权验证</h2>
+<h2 id="i18n">i18n</h2>
+<h2 id="发布包">发布包</h2>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">npm publish --registry https://mydomain.com:port/</span><br></pre></td></tr></table></figure>
 <h2 id="参考">参考</h2>
-<p><a
-href="https://classic.yarnpkg.com/en/docs/cli/add#toc-adding-dependencies">yarn
-Adding dependencies</a></p>
+<ol type="1">
+<li><a href="https://verdaccio.org/docs/configuration/">verdaccio
+官方配置文档</a></li>
+</ol>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>Package</category>
+        <category>Verdaccio</category>
       </categories>
       <tags>
-        <tag>package</tag>
-        <tag>git</tag>
+        <tag>verdaccio</tag>
+        <tag>私服npm</tag>
       </tags>
   </entry>
   <entry>
-    <title>在 rollup 中配置别名</title>
-    <url>/posts/2022/3JD7WCR.html</url>
-    <content><![CDATA[<p>在 <code>rollup</code> 中配置别名需要用到 <a
-href="https://www.npmjs.com/package/@rollup/plugin-alias"><span
-class="citation"
-data-cites="rollup/plugin-alias">@rollup/plugin-alias</span></a>
-包。</p>
+    <title>WindowsServer安装Verdaccio安装排坑日记</title>
+    <url>/posts/2022/7MJX55.html</url>
+    <content><![CDATA[<p>为了在js开发中更加便利的模块化，解决开发中频繁地更新npm包的问题，决定搭建一个轻量的npm包管理服务。比较了
+verdaccio，cnpm 后，最后选择了
+verdaccio。因为它够方便和快速，同时也够用。</p>
 <span id="more"></span>
-<h2 id="安装">安装</h2>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm install @rollup/plugin<span class="literal">-alias</span> <span class="literal">--save-dev</span></span><br><span class="line"><span class="comment"># or</span></span><br><span class="line">yarn add <span class="literal">-D</span> @rollup/plugin<span class="literal">-alias</span></span><br></pre></td></tr></table></figure>
-<h2 id="使用">使用</h2>
-<p>在 <code>rollup.config.js</code> <a
-href="https://www.rollupjs.org/guide/en/#configuration-files">配置文件</a>
-中导入下列配置</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> alias <span class="keyword">from</span> <span class="string">&#x27;@rollup/plugin-alias&#x27;</span>;</span><br><span class="line"><span class="keyword">import</span> path <span class="keyword">from</span> <span class="string">&#x27;path&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="variable language_">module</span>.<span class="property">exports</span> = &#123;</span><br><span class="line">  <span class="attr">plugins</span>: [</span><br><span class="line">    <span class="title function_">alias</span>(&#123;</span><br><span class="line">      <span class="attr">entries</span>: [</span><br><span class="line">        &#123; <span class="attr">find</span>: <span class="string">&#x27;utils&#x27;</span>, <span class="attr">replacement</span>: <span class="string">&#x27;../../../utils&#x27;</span> &#125;,</span><br><span class="line">        &#123; <span class="attr">find</span>: <span class="string">&#x27;batman-1.0.0&#x27;</span>, <span class="attr">replacement</span>: <span class="string">&#x27;./joker-1.5.0&#x27;</span> &#125;,</span><br><span class="line">        <span class="comment">// __dirName 是 config 所在的目录</span></span><br><span class="line">        &#123; <span class="attr">find</span>: <span class="string">&#x27;@&#x27;</span>, <span class="attr">replacement</span>: path.<span class="title function_">resolve</span>(path.<span class="title function_">dirname</span>(__dirname), <span class="string">&#x27;src&#x27;</span>) &#125;</span><br><span class="line">      ]</span><br><span class="line">    &#125;)</span><br><span class="line">  ]</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>__dirname
-代表根目录，说明参见：http://nodejs.cn/api/globals.html#__dirname</p>
-</blockquote>
-<h2 id="jest-中配置别名">jest 中配置别名</h2>
-<p>为了使别名支持<code>jest</code> 单元测试，需要对 <code>jest</code> <a
-href="https://jestjs.io/docs/configuration">配置</a> <a
-href="https://jestjs.io/docs/configuration#modulenamemapper-objectstring-string--arraystring">moduleNameMapper</a></p>
-<p>在 <code>package.json</code> 文件中添加如下配置</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// package 根</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">  <span class="attr">&quot;jest&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;moduleNameMapper&quot;</span><span class="punctuation">:</span><span class="punctuation">&#123;</span></span><br><span class="line">      <span class="attr">&quot;^@/(.*)&quot;</span><span class="punctuation">:</span><span class="string">&quot;&lt;rootDir&gt;/src/$1&quot;</span></span><br><span class="line">    <span class="punctuation">&#125;</span> </span><br><span class="line">  <span class="punctuation">&#125;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
-<h2 id="vscode-中别名智能识别">vscode 中别名智能识别</h2>
-<p>在根目录中创建 <a
-href="https://code.visualstudio.com/docs/languages/jsconfig">jsconfig.json</a>
-文件，里面添加如下内容：</p>
-<figure class="highlight json"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 此处是根，如果已经存在配置，则去掉外层大括号</span></span><br><span class="line"><span class="punctuation">&#123;</span></span><br><span class="line">    <span class="attr">&quot;compilerOptions&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">        <span class="attr">&quot;baseUrl&quot;</span><span class="punctuation">:</span> <span class="string">&quot;./&quot;</span><span class="punctuation">,</span></span><br><span class="line">        <span class="attr">&quot;paths&quot;</span><span class="punctuation">:</span> <span class="punctuation">&#123;</span></span><br><span class="line">            <span class="attr">&quot;@/*&quot;</span><span class="punctuation">:</span> <span class="punctuation">[</span></span><br><span class="line">                <span class="string">&quot;app/*&quot;</span></span><br><span class="line">            <span class="punctuation">]</span></span><br><span class="line">        <span class="punctuation">&#125;</span></span><br><span class="line">    <span class="punctuation">&#125;</span></span><br><span class="line"><span class="punctuation">&#125;</span></span><br></pre></td></tr></table></figure>
+<h2 id="npm-私有仓库">npm 私有仓库</h2>
+<h3 id="npm-私有仓库的好处">npm 私有仓库的好处</h3>
+<ol type="1">
+<li><p>安全性角度考虑：如果我们想要一个公共组件库，那么把组件放到我们私有库中，只有内网可以访问，这样可以避免组件中业务的泄露；</p></li>
+<li><p>模块复用性角度考虑：多个项目之间有重复的共有模块，当需要修改模块，通过简单的统一的配置就可以实现；提炼后的组件有专门的地址可以用来查看，方便使用，在后期项目的引用中也能节约开发成本</p></li>
+<li><p>npm 包下载速度角度考虑：使用内部的地址，能够在开发下载 node
+包的同时，将关联的依赖包缓存到 npm
+私有仓库服务器中，下载速度更快；</p></li>
+<li><p>项目开发中的路劲角度考虑：在项目开发中书写代码更整洁简练，不需书写更长的相对路径；</p></li>
+<li><p>公司技术沉淀角度考虑：知识的沉淀，在公司业务相关的应用上尤佳；</p></li>
+<li><p>版本角度的考虑：相当于一个容器，统一管理需要的包，保持版本的唯一；</p></li>
+<li><p>开发效率角度考虑：使私有公共业务或组件模块能以共有包一样的管理组织方式，保持一致性，提高开发效率.</p></li>
+</ol>
+<h3 id="npm-私有仓库的原理">npm 私有仓库的原理</h3>
+<figure>
+<img
 data-src="https://zhaomenghuan.js.org/assets/img/private-npm.f27dab4e.jpg"
+alt="img" />
+<figcaption aria-hidden="true">img</figcaption>
+</figure>
+<p>用户 install 后向私有 npm
+发起请求，服务器会先查询所请求的这个模块是否是我们自己的私有模块或已经缓存过的公共模块，如果是则直接返回给用户；如果请求的是一个还没有被缓存的公共模块，那么则会向上游源请求模块并进行缓存后返回给用户。上游的源可以是
+npm 仓库，也可以是淘宝镜像。</p>
+<h2 id="常用的仓库地址">常用的仓库地址</h2>
+<ul>
+<li>npm —— <a
+href="https://registry.npmjs.org/">https://registry.npmjs.org</a></li>
+<li>cnpm —— <a href="http://r.cnpmjs.org/">http://r.cnpmjs.org</a></li>
+<li>taobao —— <a
+href="https://registry.npm.taobao.org/">https://registry.npm.taobao.org</a></li>
+<li>nj —— <a
+href="https://registry.nodejitsu.com/">https://registry.nodejitsu.com</a></li>
+<li>rednpm —— <a
+href="http://registry.mirror.cqupt.edu.cn/">http://registry.mirror.cqupt.edu.cn</a></li>
+<li>npmMirror —— https://skimdb.npmjs.com/registry</li>
+<li>edunpm —— <a
+href="http://registry.enpmjs.org/">http://registry.enpmjs.org</a></li>
+</ul>
+<h2 id="windows-server环境">windows server环境</h2>
+<ul>
+<li>windows server 2022</li>
+<li>宝塔面板</li>
+</ul>
+<h2 id="配置nginx">配置nginx</h2>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">server &#123;</span><br><span class="line">	listen 443 ssl http2;</span><br><span class="line">	server_name registry.xxx.com;</span><br><span class="line">  </span><br><span class="line">    # ssl</span><br><span class="line">    ssl on;</span><br><span class="line">    ssl_certificate cert.crt;</span><br><span class="line">    ssl_certificate_key cert.key;</span><br><span class="line">    ssl_session_timeout 5m;</span><br><span class="line">    ssl_protocols TLSv1.2 TLSv1.1 TLSv1; #SSL协议</span><br><span class="line">    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;#SSL加密算法</span><br><span class="line">    ssl_prefer_server_ciphers on;</span><br><span class="line"></span><br><span class="line">	location / &#123;</span><br><span class="line">        proxy_set_header    Host $host;</span><br><span class="line">        proxy_set_header    X-Real-IP $remote_addr;</span><br><span class="line">        proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;</span><br><span class="line">        proxy_set_header    X-Forwarded-Proto $scheme;</span><br><span class="line">        proxy_pass          http://127.0.0.1:4873/;</span><br><span class="line">        proxy_read_timeout  600;</span><br><span class="line">        proxy_redirect off;</span><br><span class="line">	 &#125;</span><br><span class="line">	</span><br><span class="line">	 // 必须要有</span><br><span class="line">	 location ~ ^/verdaccio/(.*)$ &#123;</span><br><span class="line">        proxy_set_header X-Real-IP $remote_addr;</span><br><span class="line">        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;</span><br><span class="line">        proxy_set_header Host $host;</span><br><span class="line">        proxy_set_header X-NginX-Proxy true;</span><br><span class="line">        proxy_pass http://127.0.0.1:4873/$1;</span><br><span class="line">        proxy_redirect off;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<h2 id="无法加载-venders-等静态文件">无法加载 venders 等静态文件</h2>
+<p>按照官方教程配置完成后，在 ngnix 配置
+https，然后通过域名（https://mydomain.com:4433）访问 verdaccio
+时，一直是空白。</p>
+<p>F12打开调试面板，查看网络项，发现读取 runtime, vendors, main
+等文件是失败的，查看其 headers，发现其请求的 url 是
+<code>https://mydomain.com/-/xx</code>, 端口莫名丢掉了。</p>
+<p><img data-src="https://s2.loli.net/2022/01/06/A5Slk24eLHWZaN3.png" /></p>
+<p>造成这种问题的原因是，在nginx的配置中，少了</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">location ~ ^/verdaccio/(.*)$ ...</span><br></pre></td></tr></table></figure>
+<p>这项配置。</p>
 <h2 id="参考">参考</h2>
-<p>https://www.npmjs.com/package/<span class="citation"
-data-cites="rollup/plugin-alias">@rollup/plugin-alias</span></p>
-<p>https://medium.com/<span class="citation"
-data-cites="justintulk/solve-module-import-aliasing-for-webpack-jest-and-vscode-74007ce4adc9">@justintulk/solve-module-import-aliasing-for-webpack-jest-and-vscode-74007ce4adc9</span></p>
+<p>本文主要参考以下，在此报以诚挚感谢！</p>
+<ol type="1">
+<li><a
+href="https://zhaomenghuan.js.org/blog/npm-private-repository-verdaccio.html#npm-%E6%96%B9%E5%BC%8F%E5%AE%89%E8%A3%85">npm
+私有仓库工具 Verdaccio 搭建</a></li>
+<li><a
+href="https://github.com/verdaccio/verdaccio/blob/a6b0d63afb21c0a0e7eb11435e9924e02f97be1a/website/blog/2021-04-14-verdaccio-5-migration-guide.md#a-new-public-url-environment-variable-a-new-public-url-environment-variable">Verdaccio
+5 migration guidelines，介绍了 VERDACCIO_PUBLIC_URL的作用</a></li>
+<li><a
+href="https://github.com/verdaccio/verdaccio/wiki/Debugging-Verdaccio">Debugging
+Verdaccio</a></li>
+</ol>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
-        <category>Package</category>
+        <category>Verdaccio</category>
       </categories>
       <tags>
-        <tag>Rollup</tag>
-        <tag>Package</tag>
+        <tag>私服npm</tag>
+        <tag>Verdaccio</tag>
       </tags>
   </entry>
   <entry>
@@ -34156,64 +34216,80 @@ href="https://cn.vitejs.dev/config/shared-options.html#resolve-alias">resolve.al
       </tags>
   </entry>
   <entry>
-    <title>如何优雅地在本地测试 npm 包</title>
-    <url>/posts/2022/2151DJJ.html</url>
-    <content><![CDATA[<p>需要发布 <code>my-package</code>，想在 <code>my-project</code>
-项目内测试 <code>my-package</code>，可以通过下列 3 种方式。</p>
+    <title>Python 中函数的参数</title>
+    <url>/posts/2023/JKVCZP.html</url>
+    <content><![CDATA[<p>函数的参数有 4 种，本文对这 4
+种进行简要列举，方便回忆，详细请阅读后文中的参考链接。</p>
+<span id="more"></span>
+<h2 id="位置参数">位置参数</h2>
+<p>用法如下 ：</p>
+<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">power</span>(<span class="params">x</span>):</span><br><span class="line">    <span class="keyword">return</span> x * x</span><br></pre></td></tr></table></figure>
+<p><strong>使用要点：</strong></p>
+<ol type="1">
+<li>在调用时，必须按顺序给位置参数传递值</li>
+</ol>
+<h2 id="默认参数">默认参数</h2>
+<p>用法如下：</p>
+<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">power</span>(<span class="params">x, n=<span class="number">2</span></span>):</span><br><span class="line">    s = <span class="number">1</span></span><br><span class="line">    <span class="keyword">while</span> n &gt; <span class="number">0</span>:</span><br><span class="line">        n = n - <span class="number">1</span></span><br><span class="line">        s = s * x</span><br><span class="line">    <span class="keyword">return</span> s</span><br></pre></td></tr></table></figure>
+<p><strong>使用要点：</strong></p>
+<ol type="1">
+<li>默认参数应在位置参数后面</li>
+<li>在调用时，默认参数可以不传递值。没有值时取默认值</li>
+<li>默认参数必须指向不变对象</li>
+</ol>
 <blockquote>
-<p><code>my-package</code> 是包名，<code>my-project</code>
-是测试项目名</p>
+<p>在类的定义中，可以使用默认参数来实现函数的重载</p>
 </blockquote>
-<span id="more"></span>
-<h2 id="yalc-模拟仓库">yalc 模拟仓库</h2>
-<p>全局安装：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">npm i yalc <span class="literal">-g</span></span><br><span class="line"><span class="comment"># 或者</span></span><br><span class="line">yarn global add yalc</span><br></pre></td></tr></table></figure>
-<p>my-npm build 后， 执行 <code>yalc public</code>，在 my-project 中
-<code>yalc add my-package</code></p>
-<h2 id="参考">参考</h2>
-<p><a href="https://github.com/wclr/yalc">yalc</a></p>
-<p><a
-href="https://juejin.cn/post/7006241938974179359">如何优雅地在本地测试
-npm 包</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Package</category>
-      </categories>
-      <tags>
-        <tag>Javascript</tag>
-        <tag>npm</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>The unauthenticated git protocol on port 9418 is no longer supported</title>
-    <url>/posts/2022/Q9EGFQ.html</url>
-    <content><![CDATA[<p>在使用 <code>npm install</code> 或 <code>yarn insatll</code>
-时，报错：</p>
-<figure class="highlight powershell"><table><tr><td class="code"><pre><span class="line">error Command failed.</span><br><span class="line"><span class="keyword">Exit</span> code: <span class="number">128</span></span><br><span class="line">Command: git</span><br><span class="line">Arguments: <span class="built_in">ls</span><span class="literal">-remote</span> <span class="literal">--tags</span> <span class="literal">--heads</span> git://github.com/adobe<span class="literal">-webplatform</span>/eve.git</span><br><span class="line">Directory: E:\galensShare\Develop\swToolsFrontEnd</span><br><span class="line">Output:</span><br><span class="line">fatal: remote error:</span><br><span class="line">  The unauthenticated git protocol on port <span class="number">9418</span> is no longer supported.</span><br><span class="line">Please see https://github.blog/<span class="number">2021</span><span class="literal">-09-01-improving-git-protocol-security-github</span>/ <span class="keyword">for</span> more information.</span><br><span class="line">info Visit https://yarnpkg.com/en/docs/<span class="built_in">cli</span>/install <span class="keyword">for</span> documentation about this command.</span><br></pre></td></tr></table></figure>
-<span id="more"></span>
-<p><strong>原因分析</strong>：</p>
-<p>这是由于某些依赖包是通过 Git 来进行安装的，并且其安装链接为 SSH，而
-Github 现已不支持 SSH 安装，所以会报错。</p>
-<p><strong>解决办法</strong>：</p>
-<p>搜索 <code>.gitconfig</code> 文件</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220408162030125.png"
-alt="image-20220408162030125" />
-<figcaption aria-hidden="true">image-20220408162030125</figcaption>
-</figure>
-<p>在里面添加如下内容，来告诉 git 在遇到它时使用 https 而不是 SSH。</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">[url &quot;https://&quot;]</span><br><span class="line">    insteadOf = ssh://</span><br><span class="line">[url &quot;https://&quot;]</span><br><span class="line">    insteadOf = git://</span><br></pre></td></tr></table></figure>
+<h2 id="可变参数">可变参数</h2>
+<p>可变参数定义如下：</p>
+<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">calc</span>(<span class="params">*numbers</span>):</span><br><span class="line">    <span class="built_in">sum</span> = <span class="number">0</span></span><br><span class="line">    <span class="keyword">for</span> n <span class="keyword">in</span> numbers:</span><br><span class="line">        <span class="built_in">sum</span> = <span class="built_in">sum</span> + n * n</span><br><span class="line">    <span class="keyword">return</span> <span class="built_in">sum</span></span><br></pre></td></tr></table></figure>
+<p>调用：</p>
+<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 使用方式1</span></span><br><span class="line">nums = [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>]</span><br><span class="line">calc(nums[<span class="number">0</span>], nums[<span class="number">1</span>], nums[<span class="number">2</span>])</span><br><span class="line"></span><br><span class="line"><span class="comment"># 使用方式2</span></span><br><span class="line">nums2 = (<span class="number">1</span>,<span class="number">2</span>,<span class="number">3</span>) <span class="comment"># 定义一个 tuple</span></span><br><span class="line">cal(*nums2)</span><br></pre></td></tr></table></figure>
+<p><strong>使用要点：</strong></p>
+<ol type="1">
+<li>可变参数接收者是 tuple 类型</li>
+</ol>
+<h2 id="关键字参数">关键字参数</h2>
+<p>关键字参数允许传入任意个(包含 0
+个)含参数名的参数，这些关键字参数在函数内部自动组装为一个 dict
+类型。</p>
+<h3 id="非命名关键字参数">非命名关键字参数</h3>
+<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">person</span>(<span class="params">name, age, **kw</span>):</span><br><span class="line">    <span class="built_in">print</span>(<span class="string">&#x27;name:&#x27;</span>, name, <span class="string">&#x27;age:&#x27;</span>, age, <span class="string">&#x27;other:&#x27;</span>, kw)</span><br></pre></td></tr></table></figure>
+<h3 id="命名关键字参数">命名关键字参数</h3>
+<p>如果要限制关键字参数的名字，就可以用命名关键字参数。</p>
+<p>使用时，只能传入指定的关键字名，命名关键字参数需要一个特殊分隔符<code>*</code>，<code>*</code>后面的参数被视为命名关键字参数。</p>
+<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">person</span>(<span class="params">name, age, *, city, job=“dev”</span>):</span><br><span class="line">    <span class="built_in">print</span>(name, age, city, job)</span><br></pre></td></tr></table></figure>
+<p><strong>使用要点：</strong></p>
+<ol type="1">
+<li>使用时，只能传入指定的关键字名。</li>
+<li>命名关键字参数需要一个特殊分隔符<code>*</code>，<code>*</code>后面的参数被视为命名关键字参数。</li>
+<li>如果函数定义中已经有了一个可变参数，后面跟着的命名关键字参数就不再需要一个特殊分隔符<code>*</code>：</li>
+<li>命名参数可以设置默认值</li>
+<li>没有默认值的命名参数，必须要传入值</li>
+</ol>
+<h2 id="参数组合">参数组合</h2>
+<p>当必选参数、默认参数、可变参数、关键字参数和命名关键字参数组合使用时，其定义顺序为：必选参数、默认参数、可变参数、命名关键字参数和关键字参数。</p>
+<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">f1</span>(<span class="params">a, b, c=<span class="number">0</span>, *args, **kw</span>):</span><br><span class="line">    <span class="built_in">print</span>(<span class="string">&#x27;a =&#x27;</span>, a, <span class="string">&#x27;b =&#x27;</span>, b, <span class="string">&#x27;c =&#x27;</span>, c, <span class="string">&#x27;args =&#x27;</span>, args, <span class="string">&#x27;kw =&#x27;</span>, kw)</span><br></pre></td></tr></table></figure>
+<p>可以通过 tuple 和 dic 调用上述函数：</p>
+<figure class="highlight python"><table><tr><td class="code"><pre><span class="line">args = (<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>)</span><br><span class="line">kw = &#123;<span class="string">&#x27;d&#x27;</span>: <span class="number">99</span>, <span class="string">&#x27;x&#x27;</span>: <span class="string">&#x27;#&#x27;</span>&#125;</span><br><span class="line">f1(*args, **kw)</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>注意前面的 <code>*</code> 号</p>
+</blockquote>
+<p>所以：对于任意函数，都可以通过类似<code>func(*args, **kw)</code>的形式调用它，无论它的参数是如何定义的。</p>
+<h2 id="致谢">致谢</h2>
+<p>本文参考以下文章，在此报以诚挚谢意！</p>
+<ol type="1">
+<li><a
+href="https://www.liaoxuefeng.com/wiki/1016959663602400/1017261630425888">函数的参数-廖雪峰的官方网站</a></li>
+</ol>
 ]]></content>
       <categories>
         <category>Develop</category>
-        <category>Javascript</category>
-        <category>Package</category>
+        <category>Python</category>
+        <category>Base</category>
       </categories>
       <tags>
-        <tag>npm</tag>
-        <tag>galens</tag>
+        <tag>Python</tag>
       </tags>
   </entry>
   <entry>
@@ -34359,6 +34435,33 @@ Encrypt）证书</a></p>
         <tag>https</tag>
       </tags>
   </entry>
+  <entry>
+    <title>电脑无法更新Let&#39;sEncrypt根证书的解决办法</title>
+    <url>/posts/2021/G2SGMF.html</url>
+    <content><![CDATA[<p>网站使用了 Let's Encrypt 数字证书，随着 DST Root CA X3 根证书于
+2021年09月30日过期，有的电脑可能会无法将网站的根证书更新到新的根节点（ISRG
+Root X1），导致在访问网站时提示网站不安全或者无法访问。</p>
+<span id="more"></span>
+<h2 id="如何判断出现是根证书问题">如何判断出现是根证书问题</h2>
+<p>在浏览器中打开【证书窗口】，切换到【证书路径】，查看证书路径中根节点的状态。如果没有更新的话，根节点为
+DST Root CA X3。</p>
+<h2 id="手动更新根证书">手动更新根证书</h2>
+<p>先在正常使用的电脑上面导出 ISRG Root X1
+证书，然后在有问题的电脑中导入即可。</p>
+<p>如果在 mmc 中导入证书无效时，可以通过 IE
+进行导入。具体导入方法见视频：https://youtu.be/scaPxbWy_2E</p>
+<h2 id="导出证书">导出证书</h2>
+<p><img data-src="https://s2.loli.net/2022/01/20/GwV9IXjN7JdEMmB.png" /></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Web</category>
+        <category>LetsEncrypt</category>
+      </categories>
+      <tags>
+        <tag>let&#39;s encrypt</tag>
+      </tags>
+  </entry>
   <entry>
     <title>使用 win-acme 申请泛域名证书</title>
     <url>/posts/2023/1ZNRJSW.html</url>
@@ -34419,110 +34522,6 @@ validation</a></li>
         <tag>galens</tag>
       </tags>
   </entry>
-  <entry>
-    <title>电脑无法更新Let&#39;sEncrypt根证书的解决办法</title>
-    <url>/posts/2021/G2SGMF.html</url>
-    <content><![CDATA[<p>网站使用了 Let's Encrypt 数字证书，随着 DST Root CA X3 根证书于
-2021年09月30日过期，有的电脑可能会无法将网站的根证书更新到新的根节点（ISRG
-Root X1），导致在访问网站时提示网站不安全或者无法访问。</p>
-<span id="more"></span>
-<h2 id="如何判断出现是根证书问题">如何判断出现是根证书问题</h2>
-<p>在浏览器中打开【证书窗口】，切换到【证书路径】，查看证书路径中根节点的状态。如果没有更新的话，根节点为
-DST Root CA X3。</p>
-<h2 id="手动更新根证书">手动更新根证书</h2>
-<p>先在正常使用的电脑上面导出 ISRG Root X1
-证书，然后在有问题的电脑中导入即可。</p>
-<p>如果在 mmc 中导入证书无效时，可以通过 IE
-进行导入。具体导入方法见视频：https://youtu.be/scaPxbWy_2E</p>
-<h2 id="导出证书">导出证书</h2>
-<p><img data-src="https://s2.loli.net/2022/01/20/GwV9IXjN7JdEMmB.png" /></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Web</category>
-        <category>LetsEncrypt</category>
-      </categories>
-      <tags>
-        <tag>let&#39;s encrypt</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Python 中函数的参数</title>
-    <url>/posts/2023/JKVCZP.html</url>
-    <content><![CDATA[<p>函数的参数有 4 种，本文对这 4
-种进行简要列举，方便回忆，详细请阅读后文中的参考链接。</p>
-<span id="more"></span>
-<h2 id="位置参数">位置参数</h2>
-<p>用法如下 ：</p>
-<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">power</span>(<span class="params">x</span>):</span><br><span class="line">    <span class="keyword">return</span> x * x</span><br></pre></td></tr></table></figure>
-<p><strong>使用要点：</strong></p>
-<ol type="1">
-<li>在调用时，必须按顺序给位置参数传递值</li>
-</ol>
-<h2 id="默认参数">默认参数</h2>
-<p>用法如下：</p>
-<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">power</span>(<span class="params">x, n=<span class="number">2</span></span>):</span><br><span class="line">    s = <span class="number">1</span></span><br><span class="line">    <span class="keyword">while</span> n &gt; <span class="number">0</span>:</span><br><span class="line">        n = n - <span class="number">1</span></span><br><span class="line">        s = s * x</span><br><span class="line">    <span class="keyword">return</span> s</span><br></pre></td></tr></table></figure>
-<p><strong>使用要点：</strong></p>
-<ol type="1">
-<li>默认参数应在位置参数后面</li>
-<li>在调用时，默认参数可以不传递值。没有值时取默认值</li>
-<li>默认参数必须指向不变对象</li>
-</ol>
-<blockquote>
-<p>在类的定义中，可以使用默认参数来实现函数的重载</p>
-</blockquote>
-<h2 id="可变参数">可变参数</h2>
-<p>可变参数定义如下：</p>
-<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">calc</span>(<span class="params">*numbers</span>):</span><br><span class="line">    <span class="built_in">sum</span> = <span class="number">0</span></span><br><span class="line">    <span class="keyword">for</span> n <span class="keyword">in</span> numbers:</span><br><span class="line">        <span class="built_in">sum</span> = <span class="built_in">sum</span> + n * n</span><br><span class="line">    <span class="keyword">return</span> <span class="built_in">sum</span></span><br></pre></td></tr></table></figure>
-<p>调用：</p>
-<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="comment"># 使用方式1</span></span><br><span class="line">nums = [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>]</span><br><span class="line">calc(nums[<span class="number">0</span>], nums[<span class="number">1</span>], nums[<span class="number">2</span>])</span><br><span class="line"></span><br><span class="line"><span class="comment"># 使用方式2</span></span><br><span class="line">nums2 = (<span class="number">1</span>,<span class="number">2</span>,<span class="number">3</span>) <span class="comment"># 定义一个 tuple</span></span><br><span class="line">cal(*nums2)</span><br></pre></td></tr></table></figure>
-<p><strong>使用要点：</strong></p>
-<ol type="1">
-<li>可变参数接收者是 tuple 类型</li>
-</ol>
-<h2 id="关键字参数">关键字参数</h2>
-<p>关键字参数允许传入任意个(包含 0
-个)含参数名的参数，这些关键字参数在函数内部自动组装为一个 dict
-类型。</p>
-<h3 id="非命名关键字参数">非命名关键字参数</h3>
-<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">person</span>(<span class="params">name, age, **kw</span>):</span><br><span class="line">    <span class="built_in">print</span>(<span class="string">&#x27;name:&#x27;</span>, name, <span class="string">&#x27;age:&#x27;</span>, age, <span class="string">&#x27;other:&#x27;</span>, kw)</span><br></pre></td></tr></table></figure>
-<h3 id="命名关键字参数">命名关键字参数</h3>
-<p>如果要限制关键字参数的名字，就可以用命名关键字参数。</p>
-<p>使用时，只能传入指定的关键字名，命名关键字参数需要一个特殊分隔符<code>*</code>，<code>*</code>后面的参数被视为命名关键字参数。</p>
-<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">person</span>(<span class="params">name, age, *, city, job=“dev”</span>):</span><br><span class="line">    <span class="built_in">print</span>(name, age, city, job)</span><br></pre></td></tr></table></figure>
-<p><strong>使用要点：</strong></p>
-<ol type="1">
-<li>使用时，只能传入指定的关键字名。</li>
-<li>命名关键字参数需要一个特殊分隔符<code>*</code>，<code>*</code>后面的参数被视为命名关键字参数。</li>
-<li>如果函数定义中已经有了一个可变参数，后面跟着的命名关键字参数就不再需要一个特殊分隔符<code>*</code>：</li>
-<li>命名参数可以设置默认值</li>
-<li>没有默认值的命名参数，必须要传入值</li>
-</ol>
-<h2 id="参数组合">参数组合</h2>
-<p>当必选参数、默认参数、可变参数、关键字参数和命名关键字参数组合使用时，其定义顺序为：必选参数、默认参数、可变参数、命名关键字参数和关键字参数。</p>
-<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="keyword">def</span> <span class="title function_">f1</span>(<span class="params">a, b, c=<span class="number">0</span>, *args, **kw</span>):</span><br><span class="line">    <span class="built_in">print</span>(<span class="string">&#x27;a =&#x27;</span>, a, <span class="string">&#x27;b =&#x27;</span>, b, <span class="string">&#x27;c =&#x27;</span>, c, <span class="string">&#x27;args =&#x27;</span>, args, <span class="string">&#x27;kw =&#x27;</span>, kw)</span><br></pre></td></tr></table></figure>
-<p>可以通过 tuple 和 dic 调用上述函数：</p>
-<figure class="highlight python"><table><tr><td class="code"><pre><span class="line">args = (<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>)</span><br><span class="line">kw = &#123;<span class="string">&#x27;d&#x27;</span>: <span class="number">99</span>, <span class="string">&#x27;x&#x27;</span>: <span class="string">&#x27;#&#x27;</span>&#125;</span><br><span class="line">f1(*args, **kw)</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>注意前面的 <code>*</code> 号</p>
-</blockquote>
-<p>所以：对于任意函数，都可以通过类似<code>func(*args, **kw)</code>的形式调用它，无论它的参数是如何定义的。</p>
-<h2 id="致谢">致谢</h2>
-<p>本文参考以下文章，在此报以诚挚谢意！</p>
-<ol type="1">
-<li><a
-href="https://www.liaoxuefeng.com/wiki/1016959663602400/1017261630425888">函数的参数-廖雪峰的官方网站</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Python</category>
-        <category>Base</category>
-      </categories>
-      <tags>
-        <tag>Python</tag>
-      </tags>
-  </entry>
   <entry>
     <title>判断给定点是否在 CurveVector 上</title>
     <url>/posts/2022/37DM65S.html</url>
@@ -34533,70 +34532,11 @@ href="https://www.liaoxuefeng.com/wiki/1016959663602400/1017261630425888">函数
       <categories>
         <category>Bentley</category>
         <category>Develop</category>
-        <category>GeometryNET</category>
-        <category>CurveVector</category>
-      </categories>
-      <tags>
-        <tag>CurveVector</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>.NET 中对所有类添加 IgnoreExtraElements 属性</title>
-    <url>/posts/2022/JME2G9.html</url>
-    <content><![CDATA[<p>在将 mongodb 中的数据映射到类的时候，当 mongodb
-中的字段与定义的实体类的字段不一样时，会报错，此时只需要在类上添加
-<code>BsonIgnoreExtraElements</code> 特性，即可解决。</p>
-<span id="more"></span>
-<h2 id="正文">正文</h2>
-<p>假设有如下 mongodb 数据：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">[</span><br><span class="line">  &#123;</span><br><span class="line">    &quot;Name&quot;: &quot;zhangsan&quot;,</span><br><span class="line">    &quot;Age&quot;: 20,</span><br><span class="line">    &quot;Gender&quot;: &quot;男&quot;</span><br><span class="line">  &#125;,</span><br><span class="line">  &#123;</span><br><span class="line">    &quot;Name&quot;: &quot;xiaofang&quot;,</span><br><span class="line">    &quot;Age&quot;: 18</span><br><span class="line">  &#125;</span><br><span class="line">]</span><br></pre></td></tr></table></figure>
-<p>数据库对应的类的定义为：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">[<span class="meta">BsonIgnoreExtraElements</span>]</span><br><span class="line"><span class="keyword">public</span> calss Person</span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> Name&#123;<span class="keyword">get</span>;<span class="keyword">set</span>;&#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">int</span> Age&#123;<span class="keyword">get</span>;<span class="keyword">set</span>;&#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>为了使 mongodb 在映射到 <code>Person</code> 时不报错，要在
-<code>Person</code> 上添加 <code>[BsonIgnoreExtraElements]</code>
-特性。</p>
-<blockquote>
-<p>BsonIgnoreExtraElements 位于命名空间
-MongoDB.Bson.Serialization.Attributes 中</p>
-</blockquote>
-<p>这种方式有个弊端，如果要在每一个类上添加
-<code>[BsonIgnoreExtraElements]</code>，那写代码时简直难受，且代码侵入性很大。</p>
-<p><strong>有没有办法将 <code>BsonIgnoreExtraElements</code>
-应用于所有的类呢？</strong></p>
-<p>当然有，其方法如下，只需要在初始化 <code>MongoClient</code>
-之前运行一次如下代码即可。该设置是单例的，下次初始化时就不需要运行了。</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// mongodb 全局设置</span></span><br><span class="line"><span class="keyword">var</span> pack = <span class="keyword">new</span> ConventionPack();</span><br><span class="line"><span class="comment">// 在反序列化时，忽略多出的字段</span></span><br><span class="line">pack.Add(<span class="keyword">new</span> IgnoreExtraElementsConvention(<span class="literal">true</span>));</span><br><span class="line">pack.Add(<span class="keyword">new</span> IgnoreIfNullConvention(<span class="literal">true</span>));</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>ConventionPack 位于命名空间 MongoDB.Bson.Serialization.Conventions
-中</p>
-</blockquote>
-<ul>
-<li><p>IgnoreExtraElementsConvention：忽略库中有但是类中没有定义的字段。这个一般用于敏感字段处理，例如密码字段，它会存在用户
-Collection
-中，但是这个字段只是登录校验的时候会用到（这时可以用js来查询），其他用户查询（linq查询）基本都不需要用到密码字段。</p></li>
-<li><p>IgnoreIfNullConvention：如果字段
-<code>null</code>，则不存这个字段，简单来说就是省空间，假设一个类中有
-<code>A，B</code> 两个字段，其中 <code>A</code>
-字段为空，如果指定该设置，存为 <code>&#123;B:'B'&#125;</code>，否则，存为
-<code>&#123;A:null, B:'B'&#125;</code>。</p></li>
-</ul>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><p><a
-href="https://www.cnblogs.com/Erik_Xu/p/5514804.html">MongoDB系列（二）：C#应用</a></p></li>
-<li><p><a href="https://qa.1r1g.com/sf/ask/1641404411/#">MongoDB
-C#驱动程序 - 忽略绑定上的字段</a></p></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Database</category>
-        <category>Mongodb</category>
-        <category>DotNet</category>
+        <category>GeometryNET</category>
+        <category>CurveVector</category>
       </categories>
       <tags>
-        <tag>.NET</tag>
-        <tag>MongoDB</tag>
+        <tag>CurveVector</tag>
       </tags>
   </entry>
   <entry>
@@ -34711,6 +34651,65 @@ Aggregation Operations</h2>
         <tag>Aggregation</tag>
       </tags>
   </entry>
+  <entry>
+    <title>.NET 中对所有类添加 IgnoreExtraElements 属性</title>
+    <url>/posts/2022/JME2G9.html</url>
+    <content><![CDATA[<p>在将 mongodb 中的数据映射到类的时候，当 mongodb
+中的字段与定义的实体类的字段不一样时，会报错，此时只需要在类上添加
+<code>BsonIgnoreExtraElements</code> 特性，即可解决。</p>
+<span id="more"></span>
+<h2 id="正文">正文</h2>
+<p>假设有如下 mongodb 数据：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">[</span><br><span class="line">  &#123;</span><br><span class="line">    &quot;Name&quot;: &quot;zhangsan&quot;,</span><br><span class="line">    &quot;Age&quot;: 20,</span><br><span class="line">    &quot;Gender&quot;: &quot;男&quot;</span><br><span class="line">  &#125;,</span><br><span class="line">  &#123;</span><br><span class="line">    &quot;Name&quot;: &quot;xiaofang&quot;,</span><br><span class="line">    &quot;Age&quot;: 18</span><br><span class="line">  &#125;</span><br><span class="line">]</span><br></pre></td></tr></table></figure>
+<p>数据库对应的类的定义为：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line">[<span class="meta">BsonIgnoreExtraElements</span>]</span><br><span class="line"><span class="keyword">public</span> calss Person</span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">string</span> Name&#123;<span class="keyword">get</span>;<span class="keyword">set</span>;&#125;</span><br><span class="line">    <span class="keyword">public</span> <span class="built_in">int</span> Age&#123;<span class="keyword">get</span>;<span class="keyword">set</span>;&#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>为了使 mongodb 在映射到 <code>Person</code> 时不报错，要在
+<code>Person</code> 上添加 <code>[BsonIgnoreExtraElements]</code>
+特性。</p>
+<blockquote>
+<p>BsonIgnoreExtraElements 位于命名空间
+MongoDB.Bson.Serialization.Attributes 中</p>
+</blockquote>
+<p>这种方式有个弊端，如果要在每一个类上添加
+<code>[BsonIgnoreExtraElements]</code>，那写代码时简直难受，且代码侵入性很大。</p>
+<p><strong>有没有办法将 <code>BsonIgnoreExtraElements</code>
+应用于所有的类呢？</strong></p>
+<p>当然有，其方法如下，只需要在初始化 <code>MongoClient</code>
+之前运行一次如下代码即可。该设置是单例的，下次初始化时就不需要运行了。</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="comment">// mongodb 全局设置</span></span><br><span class="line"><span class="keyword">var</span> pack = <span class="keyword">new</span> ConventionPack();</span><br><span class="line"><span class="comment">// 在反序列化时，忽略多出的字段</span></span><br><span class="line">pack.Add(<span class="keyword">new</span> IgnoreExtraElementsConvention(<span class="literal">true</span>));</span><br><span class="line">pack.Add(<span class="keyword">new</span> IgnoreIfNullConvention(<span class="literal">true</span>));</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>ConventionPack 位于命名空间 MongoDB.Bson.Serialization.Conventions
+中</p>
+</blockquote>
+<ul>
+<li><p>IgnoreExtraElementsConvention：忽略库中有但是类中没有定义的字段。这个一般用于敏感字段处理，例如密码字段，它会存在用户
+Collection
+中，但是这个字段只是登录校验的时候会用到（这时可以用js来查询），其他用户查询（linq查询）基本都不需要用到密码字段。</p></li>
+<li><p>IgnoreIfNullConvention：如果字段
+<code>null</code>，则不存这个字段，简单来说就是省空间，假设一个类中有
+<code>A，B</code> 两个字段，其中 <code>A</code>
+字段为空，如果指定该设置，存为 <code>&#123;B:'B'&#125;</code>，否则，存为
+<code>&#123;A:null, B:'B'&#125;</code>。</p></li>
+</ul>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><p><a
+href="https://www.cnblogs.com/Erik_Xu/p/5514804.html">MongoDB系列（二）：C#应用</a></p></li>
+<li><p><a href="https://qa.1r1g.com/sf/ask/1641404411/#">MongoDB
+C#驱动程序 - 忽略绑定上的字段</a></p></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Database</category>
+        <category>Mongodb</category>
+        <category>DotNet</category>
+      </categories>
+      <tags>
+        <tag>.NET</tag>
+        <tag>MongoDB</tag>
+      </tags>
+  </entry>
   <entry>
     <title>Query 和 Projection 操作符</title>
     <url>/posts/2022/TZZNFQ.html</url>
@@ -35182,93 +35181,6 @@ href="https://docs.mongoing.com/aggregation/aggregation-pipeline/aggregation-pip
         <tag>MongoDB</tag>
       </tags>
   </entry>
-  <entry>
-    <title>如何获得Stylet中IContainer的引用</title>
-    <url>/posts/2021/2MV52X2.html</url>
-    <content><![CDATA[<p>使用 Stylet 框架进行 MVVM 开发，采用 IoC 时，我们可能需要传递 IoC
-生成的 <code>IContainer</code>
-引用，这样可以在其它地方自由地获取实例，比如整个程序的配置文件。</p>
-<span id="more"></span>
-<h2 id="正文">正文</h2>
-<p>想要获取 <code>IContainer</code>，可以在 <code>Bootstrapper</code>
-中获取。代码如下：</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> System;</span><br><span class="line"><span class="keyword">using</span> Stylet;</span><br><span class="line"><span class="keyword">using</span> StyletIoC;</span><br><span class="line"><span class="keyword">using</span> log4net.Core;</span><br><span class="line"><span class="keyword">using</span> log4net;</span><br><span class="line"><span class="keyword">using</span> Server.Pages;</span><br><span class="line"><span class="keyword">using</span> Server.Database;</span><br><span class="line"><span class="keyword">using</span> Server.Config;</span><br><span class="line"><span class="keyword">using</span> Server.Http;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">Server</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">class</span> <span class="title">Bootstrapper</span> : <span class="title">Bootstrapper</span>&lt;<span class="title">ShellViewModel</span>&gt;</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">readonly</span> ILog _logger = LogManager.GetLogger(<span class="keyword">typeof</span>(Bootstrapper));</span><br><span class="line"></span><br><span class="line">        <span class="keyword">private</span> HttpServiceMain _httpServer;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">ConfigureIoC</span>(<span class="params">IStyletIoCBuilder builder</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="comment">// Configure the IoC container in here</span></span><br><span class="line"></span><br><span class="line">            <span class="comment">// 注册 IoC</span></span><br><span class="line">            <span class="keyword">var</span> userConfig = <span class="keyword">new</span> UserConfig();</span><br><span class="line">            builder.Bind&lt;UserConfig&gt;().ToInstance(userConfig);</span><br><span class="line">            builder.Bind&lt;LiteDBManager&gt;().ToInstance(<span class="keyword">new</span> LiteDBManager(userConfig));</span><br><span class="line"></span><br><span class="line">            <span class="keyword">base</span>.ConfigureIoC(builder);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="comment">// 在此处获取 Container, 其它地方获取的都是空</span></span><br><span class="line">        <span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">Configure</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="comment">// Perform any other configuration before the application starts</span></span><br><span class="line">			</span><br><span class="line">            <span class="comment">// 加载静态网页服务</span></span><br><span class="line">            _httpServer = <span class="keyword">new</span> HttpServiceMain();</span><br><span class="line">            _httpServer.Start(Container);</span><br><span class="line"></span><br><span class="line">            <span class="comment">// 加载 websocket</span></span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">OnStart</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            Stylet.Logging.LogManager.Enabled = <span class="literal">true</span>;</span><br><span class="line"></span><br><span class="line">            <span class="comment">// 添加对所有未捕获异常的读取</span></span><br><span class="line">            AppDomain.CurrentDomain.UnhandledException += CurrentDomain_UnhandledException;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">CurrentDomain_UnhandledException</span>(<span class="params"><span class="built_in">object</span> sender, UnhandledExceptionEventArgs e</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            _logger.Error(<span class="string">&quot;未捕获异常:&quot;</span> + e.ExceptionObject.ToString());</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<p>[1]. <a
-href="https://github.com/canton7/Stylet/wiki/IoC%3A-Static-Service-Locator">IoC:
-Static Service Locator</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>Stylet 框架</category>
-        <category>StyletIoC</category>
-      </categories>
-      <tags>
-        <tag>Stylet</tag>
-        <tag>IoC</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>WPF MVVM Stylet使用文档（中文）14-1-Introduction of StyletIoC</title>
-    <url>/posts/2020/3CQNFDK.html</url>
-    <content><![CDATA[<p>StyletIoC 是一个非常轻量和非常快的 IoC
-容器。它被设计来只做很少的事情，但做得很好，且直观。</p>
-<span id="more"></span>
-<p>它使用一个流畅的接口进行配置——没有任何XML垃圾，也没有依赖关系。</p>
-<p>现在，我假设您对 IoC
-容器的概念有一定的了解——如果没有，请阅读一些资料，然后再回来。我以后可能会写一篇更深入的介绍。</p>
-<h2 id="服务和实现services-and-implementations">服务和实现（Services and
-Implementations）</h2>
-<p>StyletIoC
-是围绕服务的概念构建的。服务是具体类型、抽象类型或接口，由具体类型实现(或可以实现)，例如:</p>
-<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">interface</span> <span class="title">IVehicle</span> &#123; ... &#125;</span><br><span class="line"><span class="keyword">class</span> <span class="title">HotHatchback</span> : <span class="title">IVehicle</span> &#123; ... &#125;</span><br></pre></td></tr></table></figure>
-<p>这里，<code>IVehicle</code> 是服务，<code>HotHatchback</code>
-是实现服务的具体类型。注意 <code>HotHatchback</code>
-也是一个服务，它是由 <code>HotHatchback</code> 类本身实现的。</p>
-<p>配置 StyletIoC
-时，要定义一组关系。每个关系都是服务与实现它的类型(或多个类型)之间的关系。所以这里，我们可以告诉
-StyletIoC: "在服务 <code>IVehicle</code> 和类型
-<code>HotHatchback</code> 之间创建一个关系”。</p>
-<p>稍后，当你想要一个 <code>IVehicle</code> 的实现时，你可以请求
-StyletIoC: “给我一个实现服务 <code>IVehicle</code>
-的实例"，然后StyletIoC 会构造一个 <code>HotHatchback</code>
-并将它传递给你。</p>
-<h2
-id="处理类型服务定位符和注入resolving-types---the-service-locator-and-injection">处理类型——服务定位符和注入（Resolving
-Types - The Service Locator and Injection）</h2>
-<p>有3种方法让 StyletIoC 为我们构建一个类型:</p>
-<ol type="1">
-<li><p>通过直接调用 IContainer.Get</p></li>
-<li><p>构造函数注入</p></li>
-<li><p>属性注入</p></li>
-</ol>
-<p>直接调用 <code>IContainer.Get</code>
-是最容易解释的，它看起来像这样:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> ioc = ... <span class="comment">// Covered in lots of detail elsewhere</span></span><br><span class="line"><span class="keyword">var</span> vehicle = ioc.Get&lt;IVehicle&gt;();</span><br></pre></td></tr></table></figure>
-<p>尽管这看起来很诱人，但这只应该在应用程序的根目录中完成——在其他地方使用构造函数注入和参数注入。</p>
-<p>当 StyletIoC
-为您构造一个类型时，它将寻找一个构造函数，该构造函数具有它知道如何解析的类型的参数。然后，它将解析这些类型，并将它们注入构造函数。例如:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">Engine</span> &#123; ... &#125;</span><br><span class="line"><span class="keyword">class</span> <span class="title">Car</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">Car</span>(<span class="params">Engine engine</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// &#x27;engine&#x27; contains a new instance of Engine</span></span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>这是 StyletIoC 之外的创建新实例最常见的方式——StyletIoC
-构造的每一个类型都会在它的构造函数中列出它的依赖项，而 StyletIoC
-会构造每一个，注入它的依赖项。</p>
-<p>如果你愿意，你也可以做参数注入，如果要注入的参数有属性
-<code>[Inject]</code>，例如:</p>
-<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">Engine</span> &#123; ... &#125;</span><br><span class="line"><span class="keyword">class</span> <span class="title">Car</span></span><br><span class="line">&#123;</span><br><span class="line">   [<span class="meta">Inject</span>]</span><br><span class="line">   <span class="keyword">public</span> Engine Engine &#123; <span class="keyword">get</span>; <span class="keyword">set</span>; &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>每种方法的各种优点，我们将在其他地方讨论。</p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>DotNET</category>
-        <category>Stylet 框架</category>
-        <category>StyletIoC</category>
-      </categories>
-      <tags>
-        <tag>MVVM</tag>
-        <tag>WPF</tag>
-      </tags>
-  </entry>
   <entry>
     <title>WPF MVVM Stylet使用文档（中文）19-1 LabelledValue</title>
     <url>/posts/2020/PBS08B.html</url>
@@ -35364,86 +35276,6 @@ GetHashCode，这样你的视图就只显示标签，这样它们就能在含有
         <tag>WPF</tag>
       </tags>
   </entry>
-  <entry>
-    <title>Vue2.x帮助文档读书笔记</title>
-    <url>/posts/2021/17EC6DQ.html</url>
-    <content><![CDATA[<p>随着工作中不断使用 vue，总感觉对 vue
-的使用不够随心所欲，所以，本篇为重新学习 vue
-的帮助文档，并将精华部分整理成笔记。本记录 Vue.js 2.x 的帮助文档。</p>
-<span id="more"></span>
-<h2 id="基础">基础</h2>
-<h3 id="vue-实例">Vue 实例</h3>
-<ol type="1">
-<li><p>创建实例</p>
-<p>当一个 Vue 实例被创建时，它将 <code>data</code> 对象中的所有的
-property 加入到 Vue 的<strong>响应式系统</strong>中。</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">/ 我们的数据对象</span><br><span class="line">var data = &#123; a: 1 &#125;</span><br><span class="line"></span><br><span class="line">// 该对象被加入到一个 Vue 实例中</span><br><span class="line">var vm = new Vue(&#123;</span><br><span class="line">  data: data</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
-<blockquote>
-<p>值得注意的是只有当实例被创建时就已经存在于 <code>data</code> 中的
-property 才是<strong>响应式</strong>的。</p>
-<p>使用 <code>Object.freeze(obj)</code>，这会阻止修改现有的
-property，也意味着响应系统无法再<em>追踪</em>变化。</p>
-</blockquote></li>
-<li><p>访问实例的 property 和方法</p>
-<p>vue 本身 property 和方法，它们都有前缀
-<code>$</code>，以便与用户定义的 property 区分开来</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">var data = &#123; a: 1 &#125;</span><br><span class="line">var vm = new Vue(&#123;</span><br><span class="line">  el: &#x27;#example&#x27;,</span><br><span class="line">  data: data</span><br><span class="line">&#125;)</span><br><span class="line"></span><br><span class="line">vm.$data === data // =&gt; true</span><br><span class="line">vm.$el === document.getElementById(&#x27;example&#x27;) // =&gt; true</span><br><span class="line"></span><br><span class="line">// $watch 是一个实例方法</span><br><span class="line">vm.$watch(&#x27;a&#x27;, function (newValue, oldValue) &#123;</span><br><span class="line">  // 这个回调将在 `vm.a` 改变后调用</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure></li>
-</ol>
-<h3 id="模板语法">模板语法</h3>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Vue</category>
-        <category>Vue2.x</category>
-      </categories>
-      <tags>
-        <tag>vue</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>Vue 如何同时传递子组件和父组件的参数给方法</title>
-    <url>/posts/2022/3Q3PPSM.html</url>
-    <content><![CDATA[<h2 id="前言">前言</h2>
-<p>在 vue 自定义事件中，子组件会通过 <code>emit</code>
-向父组件传递参数，父组件执行回调函数。但是有时候父组件再执行回调时也需要传入参数，如果直接给父组件回调函数传入参数会覆盖掉子组件的参数。我们有三种解决办法。</p>
-<h2 id="正文">正文</h2>
-<h3 id="event-方法">$event 方法</h3>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 子组件中 Child.vue</span></span><br><span class="line">&lt;script setup&gt;</span><br><span class="line">  <span class="keyword">const</span> &#123; proxy &#125; = <span class="title function_">getCurrentInstance</span>()</span><br><span class="line">  <span class="keyword">function</span> <span class="title function_">edit</span> (item) &#123;</span><br><span class="line">      <span class="variable language_">console</span>.<span class="title function_">log</span>(<span class="string">&#x27;子组件参数&#x27;</span>, childParam)</span><br><span class="line">      proxy.$emit(<span class="string">&#x27;edit&#x27;</span>, childParam)</span><br><span class="line">  &#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="comment">// 父组件接收参数</span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">Child</span> @<span class="attr">edit</span>=<span class="string">&quot;editFun($event, parentParam)&quot;</span>&gt;</span><span class="tag">&lt;/<span class="name">Child</span>&gt;</span></span></span><br></pre></td></tr></table></figure>
-<p>当子组件有参数返回时，在父组件中使用 $event 作为占位符，这里 $event
-就代表了子组件返回的参数。这里 $event
-位置没有限制，可以在第一位，也可以在最后一位。</p>
-<blockquote>
-<p><strong>局限性</strong>：
-只适合子组件返回一个参数的情况，如果子组件有多个参数返回，只能接收到第一个参数</p>
-</blockquote>
-<h3 id="箭头函数法">箭头函数法</h3>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 子组件中 Child.vue</span></span><br><span class="line">&lt;script setup&gt;</span><br><span class="line">  <span class="keyword">const</span> &#123; proxy &#125; = <span class="title function_">getCurrentInstance</span>()</span><br><span class="line">  <span class="keyword">function</span> <span class="title function_">edit</span> (item) &#123;</span><br><span class="line">      proxy.$emit(<span class="string">&#x27;edit&#x27;</span>, childParam1, childParam2)</span><br><span class="line">  &#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line">......</span><br><span class="line"></span><br><span class="line"><span class="comment">// 父组件接收参数</span></span><br><span class="line">&lt;<span class="title class_">Child</span> @edit=<span class="string">&quot;(param1,param2)=&gt;editFun(param1,param2,parentParam)&quot;</span><span class="string">&quot;&gt;&lt;/Child&gt;</span></span><br><span class="line"><span class="string"></span></span><br><span class="line"><span class="string">&lt;script setup&gt;</span></span><br><span class="line"><span class="string">function editFun(p1,p2,p3)&#123;</span></span><br><span class="line"><span class="string">  ...</span></span><br><span class="line"><span class="string">&#125;</span></span><br><span class="line"><span class="string">&lt;/script&gt;</span></span><br></pre></td></tr></table></figure>
-<p>这种方法利用了一个箭头函数先把子模块返回的参数接收，然后再传递到回调函数中。</p>
-<blockquote>
-<p>使用是注意先接收子模块返回的参数，此方法对参数个数没有限制</p>
-</blockquote>
-<h3 id="arguments-方法">arguments 方法</h3>
-<p>此方法类似于方法一，只不过是用 arguments 作为占位符,这里 argument
-是一个数组</p>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 父组件接收参数</span></span><br><span class="line">&lt;<span class="title class_">Child</span> @edit=<span class="string">&quot;editFun(arguments, scope.row)&quot;</span>&gt;&lt;/<span class="title class_">Child</span>&gt;</span><br><span class="line"></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">script</span> <span class="attr">setup</span>&gt;</span><span class="language-javascript"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"><span class="keyword">function</span> <span class="title function_">editFun</span>(<span class="params">p1,p2</span>)&#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  ...</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">&#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span></span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<p>本文摘抄至以下文章，在此表示诚挚感谢！</p>
-<ol type="1">
-<li><a
-href="https://blog.51cto.com/u_10624715/4781327">Vue3自定义事件中，子组件有返回参数，父组件也有参数的处理方法</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Vue</category>
-        <category>Vue2.x</category>
-      </categories>
-      <tags>
-        <tag>vue</tag>
-      </tags>
-  </entry>
   <entry>
     <title>WPF MVVM Stylet使用文档（中文）19-4 IoC：Static Service Locator</title>
     <url>/posts/2020/1R7P97F.html</url>
@@ -35477,239 +35309,90 @@ IoC。首先创建这个静态 IoC 类:</p>
       </tags>
   </entry>
   <entry>
-    <title>vue 中 this.$forceUpdate 生效范围</title>
-    <url>/posts/2022/39S6V31.html</url>
-    <content><![CDATA[<p>在 vue 中，当使用 <code>$forceUpdate</code>
-时，要特别注意，该方法仅对被 vue 监听的字段生效。</p>
-<span id="more"></span>
-<p>所以，在使用中，如果需要更新某个字段时，使用 <code>this.$set()</code>
-来修改或添加字段。</p>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://cn.vuejs.org/v2/guide/components-edge-cases.html#强制更新">vue
-强制更新</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Vue</category>
-        <category>Vue2.x</category>
-      </categories>
-      <tags>
-        <tag>vue</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>vue 中完美地二次封装 UI 组件</title>
-    <url>/posts/2022/2H9CDXZ.html</url>
-    <content><![CDATA[<p>当我们全局引用UI框架（类似于 <a
-href="http://www.quasarchs.com/">Quasar
-Framework</a>）的时候，为了使得整个项目风格统一，需要对某些组件进行二次封装，使得可以集中管理组件风格，使得代码易于维护。</p>
-<span id="more"></span>
-<h2 id="封装需求">封装需求</h2>
-<ul>
-<li><p>属性传递</p>
-<p>二次封装后的组件与被封装组件和具有同样的参数</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;xxx-xxx v-bind=&quot;$attrs&quot;&gt;</span><br><span class="line">&lt;/xxx-xxx&gt;</span><br></pre></td></tr></table></figure></li>
-<li><p>事件传递</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;xxx-xxx v-on=&quot;$listeners&quot;&gt;</span><br><span class="line">&lt;/xxx-xxx&gt;</span><br></pre></td></tr></table></figure></li>
-<li><p>插槽传递</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;xxx-xxx&gt;</span><br><span class="line">	&lt;template v-for=&quot;name in $scopedSlots&quot; :slot=&quot;name&quot;&gt;</span><br><span class="line">		&lt;slot :name=&quot;name&quot; /&gt;</span><br><span class="line">	&lt;/template&gt;</span><br><span class="line">&lt;/xxx-xxx&gt;</span><br></pre></td></tr></table></figure></li>
-</ul>
-<h2 id="vue-相关知识点">vue 相关知识点</h2>
-<h3 id="vm.attrs"><a
-href="https://cn.vuejs.org/v2/api/#vm-attrs">vm.$attrs</a></h3>
-<p>官方解释：</p>
-<blockquote>
-<p>包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定
-(<code>class</code> 和 <code>style</code> 除外)。当一个组件没有声明任何
-prop 时，这里会包含所有父作用域的绑定 (<code>class</code> 和
-<code>style</code> 除外)，并且可以通过 <code>v-bind="$attrs"</code>
-传入内部组件——在创建高级别的组件时非常有用。</p>
-</blockquote>
-<p>通俗的理解就是，子组件可以通过 <code>$attrs</code>
-可以访问父组件传过来的所有属性，但需要注意的是如果父组件所传的属性中有在子组件
-<code>props</code> 中有过声明，那么该属性不会出现在 <code>$attrs</code>
-对象中。</p>
-<h3 id="vm.listeners"><a
-href="https://cn.vuejs.org/v2/api/#vm-listeners">vm.$listeners</a></h3>
-<p>官方解释：</p>
-<blockquote>
-<p>包含了父作用域中的 (不含 <code>.native</code> 修饰器的)
-<code>v-on</code> 事件监听器。它可以通过 <code>v-on="$listeners"</code>
-传入内部组件——在创建更高层次的组件时非常有用。</p>
-</blockquote>
-<h3 id="vm.props"><a
-href="https://cn.vuejs.org/v2/api/#vm-props">vm.$props</a></h3>
-<p>官方解释：</p>
-<blockquote>
-<p>当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象 property
-的访问。</p>
-</blockquote>
-<h3 id="inheritattrs"><a
-href="https://cn.vuejs.org/v2/api/index.html#inheritAttrs">inheritAttrs</a></h3>
-<p>官方的解释让人看着头大，通俗来讲，其实默认情况就是把
-<code>$attrs</code> 对象上没在子组件 <code>props</code>
-中声明的属性加在子组件的根 <code>html</code> 标签上。</p>
-<h3 id="vm.scopedslots"><a
-href="https://cn.vuejs.org/v2/api/#vm-scopedSlots">vm.$scopedSlots</a></h3>
-<p>官方解释：</p>
-<blockquote>
-<p>用来访问<a
-href="https://cn.vuejs.org/v2/guide/components-slots.html#作用域插槽">作用域插槽</a>。对于包括
-<code>默认 slot</code> 在内的每一个插槽，该对象都包含一个返回相应 VNode
-的函数。</p>
-</blockquote>
-<p>通俗讲，就是通过该属性，可以访问所有的插槽。</p>
-<h2 id="封装示例">封装示例</h2>
-<p>为了能够实现上述两个需求，我们使用
-<code>$attrs</code>、<code>$props</code>和<code>$listeners</code>
-这三个属性来实现。下文将通过封装 <code>quasar</code> 组件中的
-<code>QTable</code> 来举例说明</p>
-<h3 id="原始组件">原始组件</h3>
-<p>从 <a
-href="http://www.quasarchs.com/vue-components/table#qtable-api">QTable
-API</a> 中我们可以知道，其有63个属性，19 个插槽，9
-个事件，在封装的时候，我们需要通过预设一些属性，使得表格符合我们的使用，但是又得保证其灵活性。</p>
-<figure>
-<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220406214311656.png"
-alt="image-20220406214311656" />
-<figcaption aria-hidden="true">image-20220406214311656</figcaption>
-</figure>
-<h3 id="二次封装">二次封装</h3>
-<p>具体解释见里面的备注</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  &lt;q-table v-bind=&quot;$attrs&quot; :dense=&quot;dense&quot; v-on=&quot;$listeners&quot;&gt;</span><br><span class="line">    &lt;!--示例: 在封装组件中增加插槽，通过后备内容进行自定义，方便父组件覆盖当前插槽--&gt;</span><br><span class="line">    &lt;template v-slot:top=&quot;props&quot;&gt;</span><br><span class="line">      &lt;slot name=&quot;top&quot; v-bind=&quot;props&quot;&gt;</span><br><span class="line">        &lt;q-space /&gt;</span><br><span class="line">        &lt;q-input</span><br><span class="line">          v-model=&quot;filter&quot;</span><br><span class="line">          dense</span><br><span class="line">          debounce=&quot;300&quot;</span><br><span class="line">          placeholder=&quot;搜索&quot;</span><br><span class="line">          color=&quot;primary&quot;</span><br><span class="line">        &gt;</span><br><span class="line">          &lt;template v-slot:append&gt;</span><br><span class="line">            &lt;q-icon name=&quot;search&quot; /&gt;</span><br><span class="line">          &lt;/template&gt;</span><br><span class="line">        &lt;/q-input&gt;</span><br><span class="line">      &lt;/slot&gt;</span><br><span class="line">    &lt;/template&gt;</span><br><span class="line"></span><br><span class="line">    &lt;!--根据父类插槽定义，传递插槽到被封装组件--&gt;</span><br><span class="line">    &lt;template v-for=&quot;slotName in scopedSlotsName&quot; v-slot:[slotName]=&quot;props&quot;&gt;</span><br><span class="line">      &lt;!-- v-bind 是向插槽中传递参数，使得父类的插槽可以使用--&gt;</span><br><span class="line">      &lt;slot :name=&quot;slotName&quot; v-bind=&quot;props&quot; /&gt;</span><br><span class="line">    &lt;/template&gt;</span><br><span class="line">  &lt;/q-table&gt;</span><br><span class="line">&lt;/template&gt;</span><br><span class="line"></span><br><span class="line">&lt;script&gt;</span><br><span class="line">export default &#123;</span><br><span class="line">  // 默认为 true,为 true 时会把 `$attrs` 对象上没在子组件 `props` 中声明的属性加在子组件的根 `html` 标签上。</span><br><span class="line">  inheritAttrs: false,</span><br><span class="line"></span><br><span class="line">  props: &#123;</span><br><span class="line">    // 设置组件的默认值</span><br><span class="line">    dense: &#123;</span><br><span class="line">      type: Boolean,</span><br><span class="line">      default() &#123;</span><br><span class="line">        return true</span><br><span class="line">      &#125;</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;,</span><br><span class="line"></span><br><span class="line">  data() &#123;</span><br><span class="line">    return &#123;</span><br><span class="line">      filter: &#x27;filter2&#x27;</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;,</span><br><span class="line"></span><br><span class="line">  computed: &#123;</span><br><span class="line">    attrs() &#123;</span><br><span class="line">      // 因为 $attrs 不包含 $props 中的值，在此处对属性进行合并，然后供被封装组件使用</span><br><span class="line">      // 由于 Object.assign 是浅复制，所以不会影响字段的 getter 和 setter</span><br><span class="line">      return Object.assign(&#123;&#125;, this.$attrs, this.$props)</span><br><span class="line">    &#125;,</span><br><span class="line"></span><br><span class="line">    // 作用域内的插槽名称</span><br><span class="line">    scopedSlotsName() &#123;</span><br><span class="line">      let keys = Object.keys(this.$scopedSlots)</span><br><span class="line">      // 过滤掉以$开头的字段,$ 开头的是 vue 框架的值</span><br><span class="line">      keys = keys.filter(key =&gt; !key.startsWith(&#x27;$&#x27;))</span><br><span class="line">      // 过滤掉已经添加插槽名称</span><br><span class="line">      const existSlotNames = [&#x27;top&#x27;]</span><br><span class="line">      keys = keys.filter(key =&gt; !existSlotNames.includes(key))</span><br><span class="line"></span><br><span class="line">      return keys</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line">&lt;style scoped&gt;</span><br><span class="line">&lt;/style&gt;&gt;</span><br></pre></td></tr></table></figure>
-<h3 id="组件使用">组件使用</h3>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  &lt;wrapped-table :data=&quot;data&quot; :columns=&quot;columns&quot; :dense=&quot;dense&quot;&gt;</span><br><span class="line">    &lt;template v-slot:body-cell-index=&quot;props&quot;&gt;</span><br><span class="line">      &lt;q-td&gt;&#123;&#123; props.value &#125;&#125;_1&lt;/q-td&gt;</span><br><span class="line">    &lt;/template&gt;</span><br><span class="line">  &lt;/wrapped-table&gt;</span><br><span class="line">&lt;/template&gt;</span><br><span class="line"></span><br><span class="line">&lt;script&gt;</span><br><span class="line">import WrappedTable from &#x27;./index.vue&#x27;</span><br><span class="line"></span><br><span class="line">export default &#123;</span><br><span class="line">  components: &#123; WrappedTable &#125;,</span><br><span class="line"></span><br><span class="line">  data() &#123;</span><br><span class="line">    return &#123;</span><br><span class="line">      columns: [</span><br><span class="line">        &#123;</span><br><span class="line">          name: &#x27;index&#x27;,</span><br><span class="line">          label: &#x27;序号&#x27;,</span><br><span class="line">          align: &#x27;left&#x27;,</span><br><span class="line">          field: &#x27;name&#x27;</span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">          name: &#x27;name&#x27;,</span><br><span class="line">          align: &#x27;center&#x27;,</span><br><span class="line">          label: &#x27;名称&#x27;,</span><br><span class="line">          field: &#x27;name&#x27;,</span><br><span class="line">          sortable: true</span><br><span class="line">        &#125;</span><br><span class="line">      ],</span><br><span class="line">      data: [</span><br><span class="line">        &#123;</span><br><span class="line">          index: 1,</span><br><span class="line">          name: &#x27;Frozen Yogurt&#x27;</span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">          index: 1,</span><br><span class="line">          name: &#x27;Ice cream sandwich&#x27;</span><br><span class="line">        &#125;</span><br><span class="line">      ],</span><br><span class="line"></span><br><span class="line">      dense: false</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line">&lt;style scoped&gt;</span><br><span class="line">&lt;/style&gt;</span><br></pre></td></tr></table></figure>
-<h2 id="参考">参考</h2>
-<ol type="1">
-<li><a
-href="https://www.codetd.com/article/13736693">解决Vue2.x中二次封装Vue组件时批量继承属性，方法，插槽的方法</a></li>
-<li><a
-href="https://blog.csdn.net/zh_rey/article/details/106735049">Vue二次封装组件，并传递props和v-on事件</a></li>
-<li><a
-href="https://segmentfault.com/a/1190000038483387">基于UI库二次组件封装
-- SegmentFault 思否</a></li>
-<li><a href="https://segmentfault.com/a/1190000021945187">浅谈 Vue2.4.0
-$attrs 与 inheritAttrs - SegmentFault 思否</a></li>
-<li><a href="https://cn.vuejs.org/v2/guide/components-slots.html">插槽 —
-Vue.js (vuejs.org)</a></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Vue</category>
-        <category>Vue2.x</category>
-      </categories>
-      <tags>
-        <tag>Vue</tag>
-        <tag>galens</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>vue 中 v-model 的最佳实现</title>
-    <url>/posts/2022/DPK9DJ.html</url>
-    <content><![CDATA[<p>在利用 vue
-开发一个组件时，可能需要它能够实时响应变化的值，这个时候我们就需要用到
-<code>v-model</code>。</p>
-<p>然而在实际使用中，如果有两个相互影响的变量要进行实时变化时，就可能导致无限循环，提升编码难度。</p>
-<p>本文给出了一个 <code>v-model</code> 的最佳实践，可以参考使用。</p>
+    <title>WPF MVVM Stylet使用文档（中文）14-1-Introduction of StyletIoC</title>
+    <url>/posts/2020/3CQNFDK.html</url>
+    <content><![CDATA[<p>StyletIoC 是一个非常轻量和非常快的 IoC
+容器。它被设计来只做很少的事情，但做得很好，且直观。</p>
 <span id="more"></span>
-<h2 id="需求示例">需求示例</h2>
-<p>假设我们需要编写一个部门用户选择组件，它能够同时返回选择的部门和用户，同时在初始化时，可以回显到界面。</p>
-<p>下面大致分析一下可能导致的问题：</p>
-<p>如果用户数据改变后，则返回的部门也需要触发变化，而返回的部门改变了，又会去触发用户改变，这样就构成了一个无限循环。</p>
-<p>要如何解决这个问题呢？继续向下阅读。</p>
-<h2 id="实现代码">实现代码</h2>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  <span class="language-xml"><span class="tag">&lt;<span class="name">div</span>&gt;</span></span></span><br><span class="line"><span class="language-xml">    <span class="tag">&lt;<span class="name">DepartmentTree</span> <span class="attr">v-model</span>=<span class="string">&quot;_departmentIds&quot;</span>&gt;</span>部门树<span class="tag">&lt;/<span class="name">DepartmentTree</span>&gt;</span></span></span><br><span class="line"><span class="language-xml">    <span class="tag">&lt;<span class="name">UsersTable</span> <span class="attr">v-model</span>=<span class="string">&quot;_users&quot;</span>&gt;</span>用户列表<span class="tag">&lt;/<span class="name">UsersTable</span>&gt;</span></span></span><br><span class="line"><span class="language-xml">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span></span><br><span class="line">&lt;/template&gt;</span><br><span class="line"></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="language-javascript"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"><span class="keyword">import</span> <span class="title class_">DepartmentTree</span> <span class="keyword">from</span> <span class="string">&#x27;./departmentTree.vue&#x27;</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"><span class="keyword">import</span> <span class="title class_">UsersTable</span> <span class="keyword">from</span> <span class="string">&#x27;./usersTable.vue&#x27;</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"><span class="keyword">export</span> <span class="keyword">default</span> &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">components</span>: &#123; <span class="title class_">DepartmentTree</span>, <span class="title class_">UsersTable</span> &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">props</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="attr">departmentIds</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">type</span>: <span class="title class_">Array</span>,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">default</span>: <span class="function">() =&gt;</span> []</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="attr">users</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">type</span>: <span class="title class_">Array</span>,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">default</span>: <span class="function">() =&gt;</span> []</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="title function_">data</span>(<span class="params"></span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="keyword">return</span> &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">_departmentIds</span>: <span class="variable language_">this</span>.<span class="property">users</span>,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">_users</span>: <span class="variable language_">this</span>.<span class="property">departmentIds</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">computed</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 使得每次返回的值不是同一个引用</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 在 watch 时可以解决新旧值一样的问题</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">usersCp</span>(<span class="params"></span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="keyword">return</span> <span class="title class_">JSON</span>.<span class="title function_">parse</span>(<span class="title class_">JSON</span>.<span class="title function_">stringify</span>(<span class="variable language_">this</span>.<span class="property">users</span>))</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">watch</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 外部更改后，触发更新</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">departmentIds</span>(<span class="params">newValues</span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 判断与 this._departmentIds 的区别，如果是完全一样，则不继续执行</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="keyword">if</span> (newValues.<span class="property">lenght</span> === <span class="variable language_">this</span>.<span class="property">_departmentIds</span>.<span class="property">length</span>) <span class="keyword">return</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 如果不一样时,通过部门来更新 _users 数据</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 触发 users 更改</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.<span class="title function_">usersChanged</span>()</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 此处不需要触发 departments 修改，因为这个函数调用是由于外部的变化传递进来的</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 直接 watch users 的话，newValues 和 oldValues 是一样的</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 此处 watch 计算属性，这样就使得每次的结果不是同一个引用，新旧值就会不一样了</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">usersCp</span>(<span class="params">newValues, oldValues</span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 判断与 this._users 是否一样</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="keyword">if</span> (<span class="variable language_">this</span>.<span class="property">_users</span>.<span class="property">length</span> === newValues.<span class="property">lenght</span>) <span class="keyword">return</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 将用户对应的 departmentIds 更新到 this._departmentIds 中</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.<span class="property">_departmentIds</span> = <span class="title class_">Array</span>.<span class="title function_">from</span>(<span class="keyword">new</span> <span class="title class_">Set</span>(<span class="variable language_">this</span>.<span class="property">users</span>.<span class="title function_">map</span>(<span class="function"><span class="params">x</span> =&gt;</span> x.<span class="property">departmentId</span>)))</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 触发 departmentIds 改变</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.<span class="title function_">departmentIdsChanged</span>()</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// departmentIds 改变后，会触发 departmentIds watch 事件,</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 在这个事件执行时，会先匹配是否与当前实例保存的值一样，如果一样就不执行</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 这样就不会导致无限循环了</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">methods</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">usersChanged</span>(<span class="params"></span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.$emit(<span class="string">&#x27;update:users&#x27;</span>, <span class="variable language_">this</span>.<span class="property">_users</span>)</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">departmentIdsChanged</span>(<span class="params"></span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.$emit(<span class="string">&#x27;update:departmentIds&#x27;</span>, <span class="variable language_">this</span>.<span class="property">_departmentIds</span>)</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">&#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span></span><br><span class="line"></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">style</span>&gt;</span></span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span></span><br></pre></td></tr></table></figure>
-<p>上述代码的主要思想如下：</p>
+<p>它使用一个流畅的接口进行配置——没有任何XML垃圾，也没有依赖关系。</p>
+<p>现在，我假设您对 IoC
+容器的概念有一定的了解——如果没有，请阅读一些资料，然后再回来。我以后可能会写一篇更深入的介绍。</p>
+<h2 id="服务和实现services-and-implementations">服务和实现（Services and
+Implementations）</h2>
+<p>StyletIoC
+是围绕服务的概念构建的。服务是具体类型、抽象类型或接口，由具体类型实现(或可以实现)，例如:</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">interface</span> <span class="title">IVehicle</span> &#123; ... &#125;</span><br><span class="line"><span class="keyword">class</span> <span class="title">HotHatchback</span> : <span class="title">IVehicle</span> &#123; ... &#125;</span><br></pre></td></tr></table></figure>
+<p>这里，<code>IVehicle</code> 是服务，<code>HotHatchback</code>
+是实现服务的具体类型。注意 <code>HotHatchback</code>
+也是一个服务，它是由 <code>HotHatchback</code> 类本身实现的。</p>
+<p>配置 StyletIoC
+时，要定义一组关系。每个关系都是服务与实现它的类型(或多个类型)之间的关系。所以这里，我们可以告诉
+StyletIoC: "在服务 <code>IVehicle</code> 和类型
+<code>HotHatchback</code> 之间创建一个关系”。</p>
+<p>稍后，当你想要一个 <code>IVehicle</code> 的实现时，你可以请求
+StyletIoC: “给我一个实现服务 <code>IVehicle</code>
+的实例"，然后StyletIoC 会构造一个 <code>HotHatchback</code>
+并将它传递给你。</p>
+<h2
+id="处理类型服务定位符和注入resolving-types---the-service-locator-and-injection">处理类型——服务定位符和注入（Resolving
+Types - The Service Locator and Injection）</h2>
+<p>有3种方法让 StyletIoC 为我们构建一个类型:</p>
 <ol type="1">
-<li>将外部变化与内部变化分开处理，外部变化处理通过 watch props
-来实现，内部变化通过内部方法来实现</li>
-<li>变化完成后，再向外传递变化结果</li>
-<li>每次外部变化影响到内部时，都要进行验证，防止循环</li>
+<li><p>通过直接调用 IContainer.Get</p></li>
+<li><p>构造函数注入</p></li>
+<li><p>属性注入</p></li>
 </ol>
-<h2 id="watch-数组时新旧值相同处理">watch 数组时新旧值相同处理</h2>
-<p>如果被 watch
-的字段是一个数组时，它的新旧值都是一样的，因为引用相同，为了得到不一样的值，可以增加一个计算属性来进行过渡。</p>
-<p>如上例中的 <code>usersCp</code>。</p>
-<h2 id="参考">参考</h2>
-<p><a
-href="https://v2.cn.vuejs.org/v2/guide/components-custom-events.html#自定义组件的-v-model">自定义组件的
-<code>v-model</code></a></p>
+<p>直接调用 <code>IContainer.Get</code>
+是最容易解释的，它看起来像这样:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">var</span> ioc = ... <span class="comment">// Covered in lots of detail elsewhere</span></span><br><span class="line"><span class="keyword">var</span> vehicle = ioc.Get&lt;IVehicle&gt;();</span><br></pre></td></tr></table></figure>
+<p>尽管这看起来很诱人，但这只应该在应用程序的根目录中完成——在其他地方使用构造函数注入和参数注入。</p>
+<p>当 StyletIoC
+为您构造一个类型时，它将寻找一个构造函数，该构造函数具有它知道如何解析的类型的参数。然后，它将解析这些类型，并将它们注入构造函数。例如:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">Engine</span> &#123; ... &#125;</span><br><span class="line"><span class="keyword">class</span> <span class="title">Car</span></span><br><span class="line">&#123;</span><br><span class="line">   <span class="function"><span class="keyword">public</span> <span class="title">Car</span>(<span class="params">Engine engine</span>)</span></span><br><span class="line">   &#123;</span><br><span class="line">      <span class="comment">// &#x27;engine&#x27; contains a new instance of Engine</span></span><br><span class="line">   &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>这是 StyletIoC 之外的创建新实例最常见的方式——StyletIoC
+构造的每一个类型都会在它的构造函数中列出它的依赖项，而 StyletIoC
+会构造每一个，注入它的依赖项。</p>
+<p>如果你愿意，你也可以做参数注入，如果要注入的参数有属性
+<code>[Inject]</code>，例如:</p>
+<figure class="highlight csharp"><table><tr><td class="code"><pre><span class="line"><span class="keyword">class</span> <span class="title">Engine</span> &#123; ... &#125;</span><br><span class="line"><span class="keyword">class</span> <span class="title">Car</span></span><br><span class="line">&#123;</span><br><span class="line">   [<span class="meta">Inject</span>]</span><br><span class="line">   <span class="keyword">public</span> Engine Engine &#123; <span class="keyword">get</span>; <span class="keyword">set</span>; &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>每种方法的各种优点，我们将在其他地方讨论。</p>
 ]]></content>
       <categories>
         <category>Develop</category>
-        <category>Javascript</category>
-        <category>Vue</category>
-        <category>Vue2.x</category>
+        <category>DotNET</category>
+        <category>Stylet 框架</category>
+        <category>StyletIoC</category>
       </categories>
       <tags>
-        <tag>Vue</tag>
+        <tag>MVVM</tag>
+        <tag>WPF</tag>
       </tags>
   </entry>
   <entry>
-    <title>asyncComputed 的原理浅析及使用</title>
-    <url>/posts/2022/3G3ZXDE.html</url>
-    <content><![CDATA[<p>在 vue 的计算属性中，是不能使用异步的，这个时候就需要用到 <a
-href="https://github.com/foxbenjaminfox/vue-async-computed">vue-async-computed</a>
-这个包提供的 <code>asyncComputed</code> 来实现异步计算属性。</p>
-<p>本文将浅析其实现原理，然后介绍使用方法。</p>
+    <title>如何获得Stylet中IContainer的引用</title>
+    <url>/posts/2021/2MV52X2.html</url>
+    <content><![CDATA[<p>使用 Stylet 框架进行 MVVM 开发，采用 IoC 时，我们可能需要传递 IoC
+生成的 <code>IContainer</code>
+引用，这样可以在其它地方自由地获取实例，比如整个程序的配置文件。</p>
 <span id="more"></span>
-<h2 id="主要步骤">主要步骤</h2>
-<ol type="1">
-<li>利用 asyncComputed 的 key 在 data 中初始化数据</li>
-<li>将 asyncComputed 的计算属性重命名赋值给 computed</li>
-<li>watch 重命名后的计算属性</li>
-<li>当重命名的计算属性更改后，watch 生效，将值赋给 data
-中对应的字段</li>
-</ol>
-<blockquote>
-<p>在使用 this.asyncComputedField 时，其实是读取的 data
-中对应名称的字段的值</p>
-</blockquote>
+<h2 id="正文">正文</h2>
+<p>想要获取 <code>IContainer</code>，可以在 <code>Bootstrapper</code>
+中获取。代码如下：</p>
+<figure class="highlight c#"><table><tr><td class="code"><pre><span class="line"><span class="keyword">using</span> System;</span><br><span class="line"><span class="keyword">using</span> Stylet;</span><br><span class="line"><span class="keyword">using</span> StyletIoC;</span><br><span class="line"><span class="keyword">using</span> log4net.Core;</span><br><span class="line"><span class="keyword">using</span> log4net;</span><br><span class="line"><span class="keyword">using</span> Server.Pages;</span><br><span class="line"><span class="keyword">using</span> Server.Database;</span><br><span class="line"><span class="keyword">using</span> Server.Config;</span><br><span class="line"><span class="keyword">using</span> Server.Http;</span><br><span class="line"></span><br><span class="line"><span class="keyword">namespace</span> <span class="title">Server</span></span><br><span class="line">&#123;</span><br><span class="line">    <span class="keyword">public</span> <span class="keyword">class</span> <span class="title">Bootstrapper</span> : <span class="title">Bootstrapper</span>&lt;<span class="title">ShellViewModel</span>&gt;</span><br><span class="line">    &#123;</span><br><span class="line">        <span class="keyword">private</span> <span class="keyword">readonly</span> ILog _logger = LogManager.GetLogger(<span class="keyword">typeof</span>(Bootstrapper));</span><br><span class="line"></span><br><span class="line">        <span class="keyword">private</span> HttpServiceMain _httpServer;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">ConfigureIoC</span>(<span class="params">IStyletIoCBuilder builder</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="comment">// Configure the IoC container in here</span></span><br><span class="line"></span><br><span class="line">            <span class="comment">// 注册 IoC</span></span><br><span class="line">            <span class="keyword">var</span> userConfig = <span class="keyword">new</span> UserConfig();</span><br><span class="line">            builder.Bind&lt;UserConfig&gt;().ToInstance(userConfig);</span><br><span class="line">            builder.Bind&lt;LiteDBManager&gt;().ToInstance(<span class="keyword">new</span> LiteDBManager(userConfig));</span><br><span class="line"></span><br><span class="line">            <span class="keyword">base</span>.ConfigureIoC(builder);</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="comment">// 在此处获取 Container, 其它地方获取的都是空</span></span><br><span class="line">        <span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">Configure</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            <span class="comment">// Perform any other configuration before the application starts</span></span><br><span class="line">			</span><br><span class="line">            <span class="comment">// 加载静态网页服务</span></span><br><span class="line">            _httpServer = <span class="keyword">new</span> HttpServiceMain();</span><br><span class="line">            _httpServer.Start(Container);</span><br><span class="line"></span><br><span class="line">            <span class="comment">// 加载 websocket</span></span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">protected</span> <span class="keyword">override</span> <span class="keyword">void</span> <span class="title">OnStart</span>()</span></span><br><span class="line">        &#123;</span><br><span class="line">            Stylet.Logging.LogManager.Enabled = <span class="literal">true</span>;</span><br><span class="line"></span><br><span class="line">            <span class="comment">// 添加对所有未捕获异常的读取</span></span><br><span class="line">            AppDomain.CurrentDomain.UnhandledException += CurrentDomain_UnhandledException;</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="function"><span class="keyword">private</span> <span class="keyword">void</span> <span class="title">CurrentDomain_UnhandledException</span>(<span class="params"><span class="built_in">object</span> sender, UnhandledExceptionEventArgs e</span>)</span></span><br><span class="line">        &#123;</span><br><span class="line">            _logger.Error(<span class="string">&quot;未捕获异常:&quot;</span> + e.ExceptionObject.ToString());</span><br><span class="line">        &#125;</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
 <h2 id="参考">参考</h2>
-<p><a
-href="https://github.com/foxbenjaminfox/vue-async-computed">vue-async-computed</a></p>
-<p><a
-href="https://moonland.cc/2018/07/28/vue-%E5%BC%82%E6%AD%A5%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7%E5%AE%9E%E7%8E%B0/">Vue
-异步计算属性实现</a></p>
-<p><a
-href="https://www.jianshu.com/p/738e5a5494f0">asyncComputed源码解析</a></p>
-<p><a
-href="https://blog.csdn.net/dandan666dandan/article/details/107409977">asyncComputed
-异步计算属性</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Vue</category>
-        <category>Vue2.x</category>
-      </categories>
-      <tags>
-        <tag>Vue</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>如何优雅地实现 echarts 的自适应</title>
-    <url>/posts/2023/1G6444M.html</url>
-    <content><![CDATA[<p>要实现 echarts 窗口自适应变化，可以使用 ResizeObserver API
-监听容器元素的大小变化，并在容器大小变化时调用 echarts 实例的
-<code>resize()</code> 方法重新渲染图表。</p>
-<p>代码如下：</p>
-<span id="more"></span>
-<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> &#123; watch &#125; <span class="keyword">from</span> <span class="string">&#x27;vue&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="comment">/**</span></span><br><span class="line"><span class="comment"> * eCharts 图表自适应</span></span><br><span class="line"><span class="comment"> * 在 chart 值就去时会自动注册自适应逻辑</span></span><br><span class="line"><span class="comment"> * <span class="doctag">@param</span> &#123;<span class="type">ref</span>&#125; <span class="variable">echartRef</span></span></span><br><span class="line"><span class="comment"> */</span></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">function</span> <span class="title function_">resizeECharts</span>(<span class="params">echartRef</span>) &#123;</span><br><span class="line">  <span class="keyword">if</span> (!echartRef) <span class="keyword">return</span></span><br><span class="line"></span><br><span class="line">  <span class="keyword">function</span> <span class="title function_">resizeCallback</span>(<span class="params"></span>) &#123;</span><br><span class="line">    <span class="keyword">if</span> (echartRef &amp;&amp; echartRef.<span class="property">value</span>) echartRef.<span class="property">value</span>.<span class="title function_">resize</span>()</span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">  <span class="title function_">watch</span>(echart, <span class="function"><span class="params">newValue</span> =&gt;</span> &#123;</span><br><span class="line">    <span class="keyword">if</span> (!newValue) <span class="keyword">return</span></span><br><span class="line">    <span class="keyword">const</span> parentDom = newValue.<span class="property">_dom</span>.<span class="property">parentElement</span></span><br><span class="line">    <span class="comment">// 监听 parentDom 元素的大小变化</span></span><br><span class="line">    <span class="keyword">const</span> observer = <span class="keyword">new</span> <span class="title class_">ResizeObserver</span>(<span class="function">() =&gt;</span> &#123;</span><br><span class="line">      <span class="title function_">resizeCallback</span>()</span><br><span class="line">    &#125;)</span><br><span class="line">    observer.<span class="title function_">observe</span>(parentDom)</span><br><span class="line">  &#125;)</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
+<p>[1]. <a
+href="https://github.com/canton7/Stylet/wiki/IoC%3A-Static-Service-Locator">IoC:
+Static Service Locator</a></p>
 ]]></content>
       <categories>
         <category>Develop</category>
-        <category>Javascript</category>
-        <category>Vue</category>
-        <category>Vue2.x</category>
+        <category>DotNET</category>
+        <category>Stylet 框架</category>
+        <category>StyletIoC</category>
       </categories>
       <tags>
-        <tag>Vue</tag>
-        <tag>Vue2.x</tag>
+        <tag>Stylet</tag>
+        <tag>IoC</tag>
       </tags>
   </entry>
   <entry>
@@ -36667,280 +36350,6 @@ href="https://github.com/vuejs/vue-router-next">vue-router</a>)。</li>
         <tag>galens</tag>
       </tags>
   </entry>
-  <entry>
-    <title>16款优秀的Vue UI组件库推荐</title>
-    <url>/posts/2020/28N842C.html</url>
-    <content><![CDATA[<p>Vue
-是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。
-在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。
-开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。
-在选择Vue
-UI组件库的过程中，通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素，也收集整理了一些优秀的Vue
-UI组件库。</p>
-<span id="more"></span>
-<p><strong>PS：国内的UI组件大部分都只有一部分的，常用的头部导航，底部导航，listview，grid表格很多都是没有的。</strong></p>
-<p><strong>后面才发现，基于Vue的Quasar Framework 介绍
-这个框架UI组件很全面，准备下次使用这个框架了</strong></p>
-<p>基于Vue的Quasar Framework 中文网 http://www.quasarchs.com/</p>
-<p>quasarframework/quasar: Quasar Framework
-https://github.com/quasarframework/quasar</p>
-<p>Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），可帮助Web开发人员创建：
-响应式网站 PWA（Progressive Web App） 通过Apache
-Cordova构建移动APP（Android，iOS，…） 多平台桌面应用程序（使用Electron）
-Quasar允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile
-App和Electron
-App。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar
-Web组件。</p>
-<p>当使用Quasar时，你不需要像Hammerjs，Momentjs或Bootstrap这样的额外重型库。它拥有这些功能，而且体积很小！</p>
-<hr />
-<h2 id="iview-ui组件库">1、 iView UI组件库</h2>
-<p>iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC
-界面的中后台产品。iView的组件还是比较齐全的，更新也很快，文档写得很详细。有公司团队维护，比较可靠的Vue
-UI组件框架。iView生态也做得很好，还有开源了一个iView
-Admin，做后台非常方便。官网上介绍，iView已经应用在TalkingData、阿里巴巴、百度、腾讯、今日头条、京东、滴滴出行、美团、新浪、联想等大型公司的产品中。
-iView官网：https://www.iviewui.com/</p>
-<h2 id="vux-ui组件库">2、Vux UI组件库</h2>
-<p>Vux是基于WeUI和Vue2.x开发的移动端UI组件库，主要服务于微信页面。Vux的定位已经很明确了，一是：Vue移动端UI组件库，二是：WeUI的基础样式库。Vux的组件涵盖了所有的WeUI的内容，还扩展了一些常用的组件。比如：Sticky、timeline、v-chart、XCircle。Vux是个人维护的。但是GitHub上star还是很高的，达到13k。在GitHub上看到对issue的关闭还是很迅速的。Vux文档基本的组件用法和效果都讲解到位了。在vux官网上也展示了很多Vux的使用案例。在微信页面开发中，基本没有太多的bug，开发还是比较顺手的。
-Vux官网：https://vux.li/</p>
-<h2 id="element-ui组件库">3、Element UI组件库</h2>
-<p>Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0
-的桌面端组件库。Element是饿了么前端开源维护的Vue
-UI组件库，更新频率还是很高的，基本一周到半个月都会发布一个新版本。组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。没有实际使用过，网上的Element教程和文章比较多。Element应该是一个质量比较高的Vue
-UI组件库。 Element官网：http://element.eleme.io/#/zh-CN</p>
-<h2 id="mint-ui组件库">4、Mint UI组件库</h2>
-<p>Mint UI基于 Vue.js 的移动端组件库，同样出自饿了么前端的项目。Mint
-UI是真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件。Mint
-UI 采用 CSS3
-处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。网上的视频教程很多都是基于Mint
-UI来讲的，开发移动端web项目还是很方便，文档也很简介明了。很多页面Mint
-UI组件都已经封装好，基本可以照着例子写，简单的调整一下就可以实现。不过，在GitHub上看最后一次代码提交在2018年1月16日。不知道是项目比较稳定没有更新，还是项目有被废弃的可能。
-Mint UI官网：http://mint-ui.github.io/#!/zh-cn</p>
-<h2 id="bootstrap-vue-ui组件库">5、Bootstrap-Vue UI组件库</h2>
-<p>Bootstrap-VUE提供了基于vue2的Bootstrap
-V4组件和网格系统的实现，完成了广泛和自动化的WAI
-ARA可访问性标记。Bootstrap 4是最新发布的版本，与 Bootstrap3
-相比拥有了更多的具体的类以及把一些有关的部分变成了相关的组件。同时
-Bootstrap.min.css 的体积减少了40%以上。Bootstrap4 放弃了对 IE8 以及 iOS
-6 的支持，现在仅仅支持 IE9 以上 以及 iOS 7
-以上版本的浏览器。想当初刚流行响应式网站的时候，Bootstrap是世界上最受欢迎的建立移动优先网站的框架，Bootstrap可以说风靡全球。就算放在现在很多企业网站都是采用Bootstrap做的响应式。Bootstrap-Vue可以让你在Vue中也实现Bootstrap的效果。
-Bootstrap-Vue官网：https://bootstrap-vue.js.org/</p>
-<h2 id="ant-design-vue-ui组件库">6、Ant Design Vue UI组件库</h2>
-<p>Ant Design Vue是 Ant Design 3.X 的 Vue
-实现，开发和服务于企业级后台产品。在GitHub上可以找到几个Ant
-Design的Vue组件。不过相比较而言，Ant Design Vue更胜一筹。Ant Design
-Vue共享Ant Design of React设计工具体系，实现了所有Ant Design of
-React的组件，支持现代浏览器和 IE9 及以上（需要
-polyfills）。可以让熟悉Ant Design的在使用Vue时，很容易的上手。 Ant
-Design
-Vue官网：https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/</p>
-<h2 id="at-ui-ui组件库">7、AT-UI UI组件库</h2>
-<p>AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC
-网站中后台产品，支持现代浏览器和 IE9 及以上。AT-UI
-更加精简，实现了后台常用的组件。
-AT_UI官网：https://at-ui.github.io/at-ui/#/zh</p>
-<h2 id="vant-ui组件库">8、Vant UI组件库</h2>
-<p>Vant是一个轻量、可靠的移动端 Vue
-组件库。Vant是有赞团队开源的，主要维护也是有赞团队。Vant Weapp
-是有赞移动端组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的
-API 接口，助力开发者快速搭建小程序应用。截止到目前，Vant已经开源了50+
-个经过有赞线上业务检验的组件。比如：、AddressEdit 地址编辑、AddressList
-地址列表、Area 省市区选择、Card 卡片、Contact 联系人、Coupon
-优惠券、GoodsAction 商品页行动点、SubmitBar 提交订单栏、Sku
-商品规格弹层。如果做商城的，不太在意界面，实现业务逻辑的话，用Vant组件库开发还是很快的。
-Vant官网：https://youzan.github.io/vant/#/zh-CN/intro</p>
-<h2 id="cube-ui-ui组件库">9、cube-ui UI组件库</h2>
-<p>cube-ui 是基于 Vue.js
-实现的精致移动端组件库。由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。在交互体验方面追求极致。遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。
-cube-ui官网：https://didi.github.io/cube-ui/#/zh-CN</p>
-<h2 id="muse-ui-ui组件库">10、Muse-UI UI组件库</h2>
-<p>Muse-UI基于 Vue 2.0 优雅的 Material Design UI 组件库。Muse UI
-拥有40多个UI 组件，用于适应不同业务环境。Muse UI
-仅需少量代码即可完成主题样式替换。Muse UI 可用于开发的复杂单页应用
-Muse-UI官网：https://muse-ui.org/#/zh-CN</p>
-<h2 id="n3-components-ui组件库">11、N3-components UI组件库</h2>
-<p>N3组件库是基于Vue.js构建的，让前端工程师和全栈工程师能快速构建页面和应用。N3-components超过60个组件
-组件列表、自定义样式、支持多种模化范式（UMD）、使用ES6进行开发。
-N3官网：https://n3-components.github.io/N3-components/component.html</p>
-<h2 id="mand-mobile">12、Mand Mobile</h2>
-<p>Mand
-Mobile是面向金融场景的Vue移动端UI组件库，丰富、灵活、实用，快速搭建优质的金融类产品，让复杂的金融场景变简单。Mand
-Mobile含有丰富的组件30+的基础组件，覆盖金融场景，极高的易用性组件均有详细说明文档、案例演示，汲取最前沿技术，组件化轻量化实现，兼顾稳定和品质，努力实现金融场景的全覆盖。
-Mand Mobile官网：https://didi.github.io/mand-mobile/#/zh-CN/home</p>
-<p>下面是1.x的文档和演示地址：（文档地址已经迁移了）</p>
-<p>https://mand-mobile.github.io/1x-doc/
-https://mand-mobile.github.io/2x-doc/</p>
-<p><strong>之前的地址打不开了</strong></p>
-<h2 id="we-vue-ui组件库">13、we-vue UI组件库</h2>
-<p>we-vue 是一套基于 Vue.js 的移动关组件库，结合 weui.css
-样式库，封装了一系列组件，非常适于微信公众号等移动端开发。we-vue 包含35+
-个组件，单元测试覆盖率超 98%，支持
-babel-plugin-import，完善的在线文档，详细的在线示例。
-we-vue官网：https://wevue.org/</p>
-<h2 id="veui-ui组件库">14、veui UI组件库</h2>
-<p>veui是一个由百度EFE
-team开发的Vue企业级UI组件库。目前文档还没有，只有demo。
-GitHub上说是正在进行的一项工作。那我们就耐心等待吧。
-veui官网：https://ecomfe.github.io/veui/components/#/</p>
-<h2 id="semantic-ui-vue-ui组件库">15、Semantic-UI-Vue UI组件库</h2>
-<p>Semantic-UI-Vue是基于 Vue.js对Semantic-UI 框架的实现。
-Semantic作为一款开发框架，帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局。Semantic-UI-Vue提供了一个类似于
-Semantic-UI 的 API 以及一组可定制的主题。
-Semantic-UI-Vue官网：https://semantic-ui-vue.github.io/#/
-在选择框架的时候一定要根据实际Web开发情况和团队的熟悉程度来选择。一个好的UI组件库对一个Web项目来说很重要</p>
-<h2 id="vue.js-material-component-framework-vuetify.js">16.Vue.js
-Material Component Framework — Vuetify.js</h2>
-<p><a
-href="https://vuetifyjs.com/zh-Hans"><em>https://vuetifyjs.com/zh-Hans</em></a></p>
-<p>Vuetify完全根据Material
-Design规范开发。每个组件都是手工制作的，为您的下一个伟大的应用程序带来最好的UI工具。开发并没有停留在Google规范中的核心组件上。通过社区成员和赞助商的支持，更多的组件将被设计并提供给大家享受。</p>
-<p>这个主要是国外比较流行的vue
-ui组件，各种功能都有，有中文翻译的，但有些还是英文的，翻译得不是很好</p>
-<p>PS：国内的UI组件大部分都只有一部分的，常用的头部导航，底部导航，listview，grid表格很多都是没有的。</p>
-<h2 id="致谢">致谢</h2>
-<p>本文摘至：<a
-href="https://www.cnblogs.com/zdz8207/p/vue-ui-framework.html">16款优秀的Vue
-UI组件库推荐</a></p>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Vue</category>
-        <category>VueBasic</category>
-      </categories>
-      <tags>
-        <tag>vue</tag>
-      </tags>
-  </entry>
-  <entry>
-    <title>一文理清在 vue2.x 中 compositionAPI 与 optionsAPI 混合使用要点</title>
-    <url>/posts/2023/3E7GWG0.html</url>
-    <content><![CDATA[<p>由于项目基于 vue2 框架，随着项目规模的增加，mixin
-的组织方式越来越不方便维护，因此将其升级到 vue2.7，使用 composition API
-与 options API 混合开发。</p>
-<p>本文将一步一步梳理混合开发的步骤及要点，让大家对混合开发有一个全局的掌握。</p>
-<span id="more"></span>
-<h2 id="向后移植的功能">向后移植的功能</h2>
-<ol type="1">
-<li><a
-href="https://vuejs.org/guide/extras/composition-api-faq.html">Composition
-API</a></li>
-<li>SFC <a
-href="https://vuejs.org/api/sfc-script-setup.html"><code>&lt;script setup&gt;</code></a></li>
-<li>SFC <a
-href="https://vuejs.org/api/sfc-css-features.html#v-bind-in-css">CSS
-v-bind</a></li>
-<li><code>defineComponent()</code>：具有改进的类型推断（与Vue.extend相比）</li>
-<li><code>h()、useSlot()、useAttrs()、useCssModules()</code></li>
-<li><code>set()、del()</code>和 <code>nextTick()</code> 在 ESM
-构建中也作为命名导出提供</li>
-<li>支持
-<code>emits</code>，但仅用作类型检查用途（不影响运行时行为）。</li>
-<li>Vue2.7 还支持在模板表达式中使用 ESNext 语法</li>
-<li>在模版里面用可选链，如<code>formData?.userInfo?.userId</code></li>
-</ol>
-<h2 id="关于被导出的-api-的注意事项">关于被导出的 API 的注意事项</h2>
-<ul>
-<li><p>在 ESM 构建版本中，这些 API 会 (且仅会) 被导出为具名 API：</p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">import Vue, &#123; ref &#125; from &quot;vue&quot;;</span><br><span class="line"></span><br><span class="line">Vue.ref; // undefined，请换为使用具名导出的 API</span><br></pre></td></tr></table></figure></li>
-<li><p>在 UMD 和 CJS 构建版本里，这些 API 会被导出为全局对象
-<code>Vue</code> 的属性。</p></li>
-<li><p>当调用外置的 CJS 版本进行打包时，打包工具应该有能力处理与 ESM
-模块的互操作 (ESM interop)。</p></li>
-</ul>
-<h2 id="与-vue3-的差异">与 Vue3 的差异</h2>
-<p>Composition API 使用 Vue2 的基于 getter/setter
-的响应式系统进行反向移植，以确保浏览器兼容性。这意味着与 Vue3 的基于
-proxy 的系统存在一些重要的行为差异：</p>
-<ul>
-<li>所有 Vue2 更改检测警告仍然适用；</li>
-<li>reactive()、ref() 和 shallowReactive()
-将直接转换原始对象而不是创建代理：</li>
-</ul>
-<figure class="highlight html"><table><tr><td class="code"><pre><span class="line">html复制代码// 在2.7中可行，在3.x中不可行</span><br><span class="line">reactive(foo) === foo</span><br></pre></td></tr></table></figure>
-<ul>
-<li>readonly()
-确实创建了一个单独的对象，但它不会跟踪新添加的属性并且不适用于数组；</li>
-<li>避免在 reactive() 中使用数组作为 root
-值，因为如果没有属性访问，则不会跟踪数组的变化（这将导致警告）；</li>
-<li>Reactivity APIs 忽略带有 symbol 键的属性。</li>
-</ul>
-<p>此外，以下功能是未移植的：</p>
-<ul>
-<li>❌ createApp()（Vue2 没有独立的应用范围）</li>
-<li>❌ 在 <code>&lt;script setup&gt;</code> 顶层使用 <code>await</code>
-(Vue 2 不支持异步组件初始化)</li>
-<li>❌ 模板表达式中的 TypeScript 语法（与 Vue2 解析器不兼容）</li>
-<li>❌ Reactivity transform（仍处于试验阶段）</li>
-<li>❌ options 组件不支持 expose
-选项（但在<code>&lt;script setup&gt;</code> 中支持
-<code>defineExpose()</code> )</li>
-</ul>
-<h2 id="vue2.x-升级为-vue2.7">vue2.x 升级为 vue2.7</h2>
-<p>请查看官方升级文档 <a
-href="https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html#升级指南">升级指南</a></p>
-<h2 id="如何在vue2.x项目中使用-compositionapi">如何在vue2.x项目中使用
-compositionAPI</h2>
-<h3 id="适用场景">适用场景</h3>
-<p>当将 vue2.x 升级到 vue2.7 后，有时候需要维护原来的组件，分 3
-种情况讨论：</p>
-<ol type="1">
-<li>若修改原来的功能，建议直接使用选项式 API 的方式开发，因为在
-<code>setup</code> 中无法获取到 <code>this</code>，无法调用一些现有的
-data、methods 等等。</li>
-<li>若新增加功能且与现有功能不耦合，可以直接添加 <code>setup()</code>
-函数，在该函数中增加新功能逻辑。当然，若有多个功能，可以将功能拆分成多个文件，然后在
-<code>setup()</code> 函数中来聚合</li>
-<li>若开发新组件，可以直接使用 <code>&lt;script setup&gt;</code>
-的方式</li>
-</ol>
-<h3 id="开发需知">开发需知</h3>
-<ol type="1">
-<li><p><code>reactive()、ref()、shallowReactive()</code>
-将直接转换原始对象而不是创建代理</p></li>
-<li><p>使用组件时，不要使用自闭合标签，应
-<code>&lt;component&gt;&lt;/component&gt;</code></p></li>
-<li><p>对于数组，使用 <code>ref</code>，不要使用
-<code>reactive</code></p></li>
-</ol>
-<h3 id="ref-与-reactive"><code>ref</code> 与 <code>reactive</code></h3>
-<ul>
-<li><code>reactive</code> 一般用于对象/数组类型的数据，都不需要使用
-<code>.value</code>；</li>
-<li><code>ref</code>一般用于基础数据类型的数据，在 JS
-中读取和修改时，需要使用
-<code>.value</code>，在模版中使用时则不需要；</li>
-<li><code>reactive</code> 可以修改深层属性值，并保持响应；</li>
-<li><code>reactive</code> 返回值和源对象不同；</li>
-<li><code>reactive</code>的属性值可以是 <code>ref</code>值；</li>
-<li><code>ref</code> 本质也是
-<code>reactive</code>，<code>ref(obj)</code>等价于
-<code>reactive(&#123;value: obj&#125;)</code>。</li>
-</ul>
-<h2 id="参考">参考</h2>
-<p>本文参考以下文章，在此报以诚挚谢意！</p>
-<ol type="1">
-<li><p><a href="https://blog.vuejs.org/posts/vue-2-7-naruto">Vue 2.7
-"Naruto" Released | The Vue Point (vuejs.org)</a></p></li>
-<li><p><a
-href="https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html">迁移至
-Vue 2.7 — Vue.js (vuejs.org)</a></p></li>
-<li><p><a
-href="https://juejin.cn/post/7158362697803759624">Vue2.7正式发布，终于可以在Vue2项目中使用Vue3的特性了
-- 掘金 (juejin.cn)</a></p></li>
-</ol>
-]]></content>
-      <categories>
-        <category>Develop</category>
-        <category>Javascript</category>
-        <category>Vue</category>
-        <category>Vue2.x</category>
-      </categories>
-      <tags>
-        <tag>NexT</tag>
-        <tag>vue2.x</tag>
-        <tag>compositionAPI</tag>
-      </tags>
-  </entry>
   <entry>
     <title>vue3 如何在 setup 中调用异步方法</title>
     <url>/posts/2023/2KBPKH9.html</url>
@@ -37920,6 +37329,150 @@ href="https://github.com/vuejs/vue-router-next">vue-router</a>)。</li>
         <tag>galens</tag>
       </tags>
   </entry>
+  <entry>
+    <title>16款优秀的Vue UI组件库推荐</title>
+    <url>/posts/2020/28N842C.html</url>
+    <content><![CDATA[<p>Vue
+是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。
+在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。
+开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。
+在选择Vue
+UI组件库的过程中，通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素，也收集整理了一些优秀的Vue
+UI组件库。</p>
+<span id="more"></span>
+<p><strong>PS：国内的UI组件大部分都只有一部分的，常用的头部导航，底部导航，listview，grid表格很多都是没有的。</strong></p>
+<p><strong>后面才发现，基于Vue的Quasar Framework 介绍
+这个框架UI组件很全面，准备下次使用这个框架了</strong></p>
+<p>基于Vue的Quasar Framework 中文网 http://www.quasarchs.com/</p>
+<p>quasarframework/quasar: Quasar Framework
+https://github.com/quasarframework/quasar</p>
+<p>Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），可帮助Web开发人员创建：
+响应式网站 PWA（Progressive Web App） 通过Apache
+Cordova构建移动APP（Android，iOS，…） 多平台桌面应用程序（使用Electron）
+Quasar允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile
+App和Electron
+App。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar
+Web组件。</p>
+<p>当使用Quasar时，你不需要像Hammerjs，Momentjs或Bootstrap这样的额外重型库。它拥有这些功能，而且体积很小！</p>
+<hr />
+<h2 id="iview-ui组件库">1、 iView UI组件库</h2>
+<p>iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC
+界面的中后台产品。iView的组件还是比较齐全的，更新也很快，文档写得很详细。有公司团队维护，比较可靠的Vue
+UI组件框架。iView生态也做得很好，还有开源了一个iView
+Admin，做后台非常方便。官网上介绍，iView已经应用在TalkingData、阿里巴巴、百度、腾讯、今日头条、京东、滴滴出行、美团、新浪、联想等大型公司的产品中。
+iView官网：https://www.iviewui.com/</p>
+<h2 id="vux-ui组件库">2、Vux UI组件库</h2>
+<p>Vux是基于WeUI和Vue2.x开发的移动端UI组件库，主要服务于微信页面。Vux的定位已经很明确了，一是：Vue移动端UI组件库，二是：WeUI的基础样式库。Vux的组件涵盖了所有的WeUI的内容，还扩展了一些常用的组件。比如：Sticky、timeline、v-chart、XCircle。Vux是个人维护的。但是GitHub上star还是很高的，达到13k。在GitHub上看到对issue的关闭还是很迅速的。Vux文档基本的组件用法和效果都讲解到位了。在vux官网上也展示了很多Vux的使用案例。在微信页面开发中，基本没有太多的bug，开发还是比较顺手的。
+Vux官网：https://vux.li/</p>
+<h2 id="element-ui组件库">3、Element UI组件库</h2>
+<p>Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0
+的桌面端组件库。Element是饿了么前端开源维护的Vue
+UI组件库，更新频率还是很高的，基本一周到半个月都会发布一个新版本。组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。没有实际使用过，网上的Element教程和文章比较多。Element应该是一个质量比较高的Vue
+UI组件库。 Element官网：http://element.eleme.io/#/zh-CN</p>
+<h2 id="mint-ui组件库">4、Mint UI组件库</h2>
+<p>Mint UI基于 Vue.js 的移动端组件库，同样出自饿了么前端的项目。Mint
+UI是真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件。Mint
+UI 采用 CSS3
+处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。网上的视频教程很多都是基于Mint
+UI来讲的，开发移动端web项目还是很方便，文档也很简介明了。很多页面Mint
+UI组件都已经封装好，基本可以照着例子写，简单的调整一下就可以实现。不过，在GitHub上看最后一次代码提交在2018年1月16日。不知道是项目比较稳定没有更新，还是项目有被废弃的可能。
+Mint UI官网：http://mint-ui.github.io/#!/zh-cn</p>
+<h2 id="bootstrap-vue-ui组件库">5、Bootstrap-Vue UI组件库</h2>
+<p>Bootstrap-VUE提供了基于vue2的Bootstrap
+V4组件和网格系统的实现，完成了广泛和自动化的WAI
+ARA可访问性标记。Bootstrap 4是最新发布的版本，与 Bootstrap3
+相比拥有了更多的具体的类以及把一些有关的部分变成了相关的组件。同时
+Bootstrap.min.css 的体积减少了40%以上。Bootstrap4 放弃了对 IE8 以及 iOS
+6 的支持，现在仅仅支持 IE9 以上 以及 iOS 7
+以上版本的浏览器。想当初刚流行响应式网站的时候，Bootstrap是世界上最受欢迎的建立移动优先网站的框架，Bootstrap可以说风靡全球。就算放在现在很多企业网站都是采用Bootstrap做的响应式。Bootstrap-Vue可以让你在Vue中也实现Bootstrap的效果。
+Bootstrap-Vue官网：https://bootstrap-vue.js.org/</p>
+<h2 id="ant-design-vue-ui组件库">6、Ant Design Vue UI组件库</h2>
+<p>Ant Design Vue是 Ant Design 3.X 的 Vue
+实现，开发和服务于企业级后台产品。在GitHub上可以找到几个Ant
+Design的Vue组件。不过相比较而言，Ant Design Vue更胜一筹。Ant Design
+Vue共享Ant Design of React设计工具体系，实现了所有Ant Design of
+React的组件，支持现代浏览器和 IE9 及以上（需要
+polyfills）。可以让熟悉Ant Design的在使用Vue时，很容易的上手。 Ant
+Design
+Vue官网：https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/</p>
+<h2 id="at-ui-ui组件库">7、AT-UI UI组件库</h2>
+<p>AT-UI 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC
+网站中后台产品，支持现代浏览器和 IE9 及以上。AT-UI
+更加精简，实现了后台常用的组件。
+AT_UI官网：https://at-ui.github.io/at-ui/#/zh</p>
+<h2 id="vant-ui组件库">8、Vant UI组件库</h2>
+<p>Vant是一个轻量、可靠的移动端 Vue
+组件库。Vant是有赞团队开源的，主要维护也是有赞团队。Vant Weapp
+是有赞移动端组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的
+API 接口，助力开发者快速搭建小程序应用。截止到目前，Vant已经开源了50+
+个经过有赞线上业务检验的组件。比如：、AddressEdit 地址编辑、AddressList
+地址列表、Area 省市区选择、Card 卡片、Contact 联系人、Coupon
+优惠券、GoodsAction 商品页行动点、SubmitBar 提交订单栏、Sku
+商品规格弹层。如果做商城的，不太在意界面，实现业务逻辑的话，用Vant组件库开发还是很快的。
+Vant官网：https://youzan.github.io/vant/#/zh-CN/intro</p>
+<h2 id="cube-ui-ui组件库">9、cube-ui UI组件库</h2>
+<p>cube-ui 是基于 Vue.js
+实现的精致移动端组件库。由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。在交互体验方面追求极致。遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。
+cube-ui官网：https://didi.github.io/cube-ui/#/zh-CN</p>
+<h2 id="muse-ui-ui组件库">10、Muse-UI UI组件库</h2>
+<p>Muse-UI基于 Vue 2.0 优雅的 Material Design UI 组件库。Muse UI
+拥有40多个UI 组件，用于适应不同业务环境。Muse UI
+仅需少量代码即可完成主题样式替换。Muse UI 可用于开发的复杂单页应用
+Muse-UI官网：https://muse-ui.org/#/zh-CN</p>
+<h2 id="n3-components-ui组件库">11、N3-components UI组件库</h2>
+<p>N3组件库是基于Vue.js构建的，让前端工程师和全栈工程师能快速构建页面和应用。N3-components超过60个组件
+组件列表、自定义样式、支持多种模化范式（UMD）、使用ES6进行开发。
+N3官网：https://n3-components.github.io/N3-components/component.html</p>
+<h2 id="mand-mobile">12、Mand Mobile</h2>
+<p>Mand
+Mobile是面向金融场景的Vue移动端UI组件库，丰富、灵活、实用，快速搭建优质的金融类产品，让复杂的金融场景变简单。Mand
+Mobile含有丰富的组件30+的基础组件，覆盖金融场景，极高的易用性组件均有详细说明文档、案例演示，汲取最前沿技术，组件化轻量化实现，兼顾稳定和品质，努力实现金融场景的全覆盖。
+Mand Mobile官网：https://didi.github.io/mand-mobile/#/zh-CN/home</p>
+<p>下面是1.x的文档和演示地址：（文档地址已经迁移了）</p>
+<p>https://mand-mobile.github.io/1x-doc/
+https://mand-mobile.github.io/2x-doc/</p>
+<p><strong>之前的地址打不开了</strong></p>
+<h2 id="we-vue-ui组件库">13、we-vue UI组件库</h2>
+<p>we-vue 是一套基于 Vue.js 的移动关组件库，结合 weui.css
+样式库，封装了一系列组件，非常适于微信公众号等移动端开发。we-vue 包含35+
+个组件，单元测试覆盖率超 98%，支持
+babel-plugin-import，完善的在线文档，详细的在线示例。
+we-vue官网：https://wevue.org/</p>
+<h2 id="veui-ui组件库">14、veui UI组件库</h2>
+<p>veui是一个由百度EFE
+team开发的Vue企业级UI组件库。目前文档还没有，只有demo。
+GitHub上说是正在进行的一项工作。那我们就耐心等待吧。
+veui官网：https://ecomfe.github.io/veui/components/#/</p>
+<h2 id="semantic-ui-vue-ui组件库">15、Semantic-UI-Vue UI组件库</h2>
+<p>Semantic-UI-Vue是基于 Vue.js对Semantic-UI 框架的实现。
+Semantic作为一款开发框架，帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局。Semantic-UI-Vue提供了一个类似于
+Semantic-UI 的 API 以及一组可定制的主题。
+Semantic-UI-Vue官网：https://semantic-ui-vue.github.io/#/
+在选择框架的时候一定要根据实际Web开发情况和团队的熟悉程度来选择。一个好的UI组件库对一个Web项目来说很重要</p>
+<h2 id="vue.js-material-component-framework-vuetify.js">16.Vue.js
+Material Component Framework — Vuetify.js</h2>
+<p><a
+href="https://vuetifyjs.com/zh-Hans"><em>https://vuetifyjs.com/zh-Hans</em></a></p>
+<p>Vuetify完全根据Material
+Design规范开发。每个组件都是手工制作的，为您的下一个伟大的应用程序带来最好的UI工具。开发并没有停留在Google规范中的核心组件上。通过社区成员和赞助商的支持，更多的组件将被设计并提供给大家享受。</p>
+<p>这个主要是国外比较流行的vue
+ui组件，各种功能都有，有中文翻译的，但有些还是英文的，翻译得不是很好</p>
+<p>PS：国内的UI组件大部分都只有一部分的，常用的头部导航，底部导航，listview，grid表格很多都是没有的。</p>
+<h2 id="致谢">致谢</h2>
+<p>本文摘至：<a
+href="https://www.cnblogs.com/zdz8207/p/vue-ui-framework.html">16款优秀的Vue
+UI组件库推荐</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Vue</category>
+        <category>VueBasic</category>
+      </categories>
+      <tags>
+        <tag>vue</tag>
+      </tags>
+  </entry>
   <entry>
     <title>vue通信及组件之间传值</title>
     <url>/posts/2020/2H8Y4ZN.html</url>
@@ -38070,256 +37623,702 @@ href="https://blog.csdn.net/weihaifeng163/article/details/88338822">vue通信及
         <category>Develop</category>
         <category>Javascript</category>
         <category>Vue</category>
-        <category>VueBasic</category>
+        <category>VueBasic</category>
+      </categories>
+      <tags>
+        <tag>vue</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>LearnVue 介绍</title>
+    <url>/posts/2020/3W94T82.html</url>
+    <content><![CDATA[<p>计划系统的对 Vue.js 的源代码进行深入学习。以 <a
+href="https://github.com/answershuto/learnVue">learnVue</a>
+入门，因为它当前的 star 数已经破 9k了, 肯定是干货满满的。</p>
+<p>本文记录了在学习过程中的一些个人见解，同时，对于以前未涉及的知识点作一个总结和记录，以便今后回顾，如果也有小白恰好看到了这篇文章，希望也能帮到你，节省一些查找资料的时间。</p>
+<p>当然，我所理解的可能会存在偏差，欢迎提留言指出，共同学习，共同进步。</p>
+<p>最后，再次感谢 <a
+href="https://github.com/answershuto">answershuto</a> 的 <a
+href="https://github.com/answershuto/learnVue">learnVue</a>。</p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Vue</category>
+        <category>VueBasic</category>
+      </categories>
+      <tags>
+        <tag>vue</tag>
+        <tag>LearnVue</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>LearnVue 响应式原理</title>
+    <url>/posts/2020/1P0TW1J.html</url>
+    <content><![CDATA[<p>Vue.js的响应式原理依赖于 <a
+href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty</a>，尤大大在
+<a
+href="https://cn.vuejs.org/v2/guide/reactivity.html#如何追踪变化">Vue.js文档</a>
+中就已经提到过，这也是 Vue.js 不支持 IE8 以及更低版本浏览器的原因。Vue
+通过设定对象属性的 setter/getter 方法来监听数据的变化，通过 getter
+进行依赖收集，而每个 setter
+方法就是一个观察者，在数据变更的时候通知订阅者更新视图。</p>
+<span id="more"></span>
+<h2
+id="将数据data变成可观察observable的">将数据data变成可观察（observable）的</h2>
+<h3 id="注解">注解</h3>
+<ul>
+<li><p><a
+href="%5Bhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty(
+obj, propName, descriptor )</a></p>
+<p>在对象上定义一个新的属性，或者修改一个存在的属性，然后返回该对象</p>
+<p>其中 descriptor 有以下参数</p>
+<table>
+<colgroup>
+<col style="width: 14%" />
+<col style="width: 74%" />
+<col style="width: 11%" />
+</colgroup>
+<thead>
+<tr class="header">
+<th>描述符</th>
+<th>作用</th>
+<th>默认值</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>configurable</td>
+<td>是否 可更改属性类型和可删除</td>
+<td>false</td>
+</tr>
+<tr class="even">
+<td>enumerable</td>
+<td>是否 可枚举属性该属性。如果为 true,
+在枚举属性的时候，会显示该属性</td>
+<td>false</td>
+</tr>
+<tr class="odd">
+<td>vlue</td>
+<td>属性的值, 可以是任意的 js 值类型</td>
+<td>undefined</td>
+</tr>
+<tr class="even">
+<td>writable</td>
+<td>是否 属性值是否可以通过赋值运算符进行修改</td>
+<td>false</td>
+</tr>
+<tr class="odd">
+<td>get</td>
+<td>存取器</td>
+<td>undefined</td>
+</tr>
+<tr class="even">
+<td>set</td>
+<td>存取器</td>
+<td>undefined</td>
+</tr>
+</tbody>
+</table></li>
+<li><p><a
+href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys">Object.keys()</a></p>
+<p>返回对象所有的属性</p></li>
+</ul>
+<h3 id="疑问">疑问？</h3>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">class Vue &#123;</span><br><span class="line">    constructor(options) &#123;</span><br><span class="line">        this._data = options.data;</span><br><span class="line">        observe(this._data, options.render)</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<p>如果是 component ，它的 data 是一个函数，那它的 data
+是怎么处理的呢？</p>
+<h2 id="代理">代理</h2>
+<p>我们可以在Vue的构造函数constructor中为data执行一个代理<a
+href="https://github.com/vuejs/vue/blob/dev/src/core/instance/state.js#L33">proxy</a>。这样我们就把data上面的属性代理到了vm实例上。</p>
+<ul>
+<li><p><a
+href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call">call()</a></p>
+<p>使用给定的 this 值和单独提供的参数调用函数。</p>
+<p>这样，在 _proxy 函数里面就可以调用 this 值了。</p></li>
+</ul>
+<h3 id="问题">问题？</h3>
+<p>为什么不直接将 data 中的参数定义到 vm (vue 的实例) 上，而是要先定义到
+vm._data, 然后再代理到 vm 呢？</p>
+<p>我猜测是因为：</p>
+<ul>
+<li>如果直接定义到 this 实例上，那 data 就没有定义</li>
+<li>而通过代理，data 传递引用给 vm._data, 在 _data上定义，就代表在 data
+上也定义了，然后再代理到 vm 上，这样，可以通过 vm.propertyName
+访问了</li>
+</ul>
+<h2 id="后记">后记</h2>
+<p>本文是在学习 <a
+href="https://github.com/answershuto/learnVue">LearnVue</a>
+时的个人注解，如果需要参考，请先阅读 <a
+href="https://github.com/answershuto/learnVue">LearnVue</a> 。</p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Vue</category>
+        <category>VueBasic</category>
+      </categories>
+      <tags>
+        <tag>vue</tag>
+        <tag>LearnVue</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>在组件内怎么监听 Vuex 中 state 的变化</title>
+    <url>/posts/2020/2B9D6M8.html</url>
+    <content><![CDATA[<p>最近在项目中需要使用 Vuex
+来维护一个全局字段，同时在子组件里需要根据该字段的变化向后端请求数据来展示。</p>
+<span id="more"></span>
+<p>有两个办法解决上面的问题：</p>
+<ul>
+<li>用 computed 属性</li>
+</ul>
+<p>本方案有个缺陷，就是如果在组件内的模板区域内没有使用该计算属性，它是不会响应
+state
+中值的变化的，而本项目就遇到了这个坑，后面采用下面的方法解决了。</p>
+<ul>
+<li>用 watch 属性</li>
+</ul>
+<p>直接 watch state 里面的属性值，这里也有一个注意的地方，不能使用 lamda
+表达式，而是要使用完整的方法定义，见下面的代码：</p>
+<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="attr">watch</span>: &#123;</span><br><span class="line">    <span class="string">&#x27;$store.getters.loginedProjectGroupId&#x27;</span>: <span class="keyword">function</span>(<span class="params">value</span>) &#123;</span><br><span class="line">      <span class="variable language_">this</span>.<span class="title function_">getProjectInfo</span>(value)</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;,</span><br></pre></td></tr></table></figure>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Vue</category>
+        <category>VueBasic</category>
+      </categories>
+      <tags>
+        <tag>vue</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>Vue 中对跨域的 iframe 进行缓存</title>
+    <url>/posts/2023/1EARQ0T.html</url>
+    <content><![CDATA[<p>在 vue 应用程序中，有时候需要使用 <code>iframe</code>
+嵌入其它网站的内容，并希望可以缓存 <code>iframe</code>
+的状态。但如果被链接的源(origin) 与当前的 origin
+不同时，<code>iframe</code>
+就会发生跨域加载，这个时候，就不能在当前程序中获取 iframe 中的内容，包括
+src，从而无法获取 iframe 中的状态，导致无法在初始化 iframe
+时对状态进行恢复。</p>
+<p>可以按以下方法来实现对 iframe 的缓存：</p>
+<span id="more"></span>
+<h2 id="尝试过的方法">尝试过的方法</h2>
+<ol type="1">
+<li><p>使用 <code>keep-alive</code></p>
+<p>KeepAlive 缓存的是 vnode 节点，vnode
+上面会有对应的真实DOM。组件“销毁”时，会将真实 DOM
+移动到“隐藏容器”中，组件重新“渲染”时会从 vnode 上取到真实
+DOM，再重新插入到页面中。这样对普通元素是没有影响的，但是 iframe
+很特别，<strong>当其插入到页面时会重新加载，这是浏览器特性，与 Vue
+无关。</strong></p></li>
+<li><p>保存 iframe 实例，当组件挂载后添加到对应位置</p>
+<p>失败的原因与第 1 点相同，当其重新插入到页面时会重新加载。</p></li>
+</ol>
+<h2 id="解决方案">解决方案</h2>
+<h3 id="实现步骤">实现步骤</h3>
+<blockquote>
+<p><strong>思路</strong>：路由第一次加载时将 iframe
+渲染到页面中，路由切换时通过 <code>v-show</code> 改变显/隐。</p>
+</blockquote>
+<ol type="1">
+<li>在路由中，将 component 赋值为一个空组件 <code>index.vue</code></li>
+</ol>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">  path: &quot;/chathub&quot;,</span><br><span class="line">  name: &quot;chathub&quot;,</span><br><span class="line">  component: ()=&gt;import(&quot;@/chathub/index.vue&quot;)</span><br><span class="line">&#125;,</span><br></pre></td></tr></table></figure>
+<p><strong>index.js 代码：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  &lt;div class=&quot;iframe-example-index row justify-center&quot;&gt;</span><br><span class="line">    &lt;div class=&quot;column justify-center text-h6 text-secondary&quot;&gt;加载中...&lt;/div&gt;    </span><br><span class="line">  &lt;/div&gt;</span><br><span class="line">&lt;/template&gt;</span><br><span class="line"></span><br><span class="line">&lt;script&gt;</span><br><span class="line">import &#123; onMounted, ref &#125; from &#x27;vue&#x27;</span><br><span class="line">import store from &#x27;@/store/index&#x27;</span><br><span class="line">import &#123; useRoute &#125; from &#x27;@/compositions/vueRouter&#x27;</span><br><span class="line"></span><br><span class="line">export default &#123;</span><br><span class="line">  name: &quot;iframeContainer&quot;,</span><br><span class="line">  setup() &#123;</span><br><span class="line">    const src = ref(&quot;www.baidu.com&quot;)</span><br><span class="line"></span><br><span class="line">    function getIframeElement() &#123;</span><br><span class="line">      const iframeElement = document.getElementById(&#x27;iframe-example-body&#x27;)</span><br><span class="line">      return iframeElement</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    async function restoreSrc() &#123;</span><br><span class="line">      const iframeElement = getIframeElement()</span><br><span class="line">      if (!iframeElement) return</span><br><span class="line"></span><br><span class="line">      // 设置值</span><br><span class="line">      iframeElement.setAttribute(&#x27;src&#x27;, src.value)</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    function initIFrame(force = false) &#123;</span><br><span class="line">      if (!force &amp;&amp; iframeSetting.initialized) return</span><br><span class="line"></span><br><span class="line">      console.log(&#x27;开始创建 iframe&#x27;)</span><br><span class="line"></span><br><span class="line">      // 初始化 iframe</span><br><span class="line">      const iframeTemp = document.createElement(&#x27;iframe&#x27;)</span><br><span class="line">      iframeTemp.setAttribute(&#x27;id&#x27;, &#x27;iframe-example-body&#x27;)</span><br><span class="line">      iframeTemp.setAttribute(&#x27;width&#x27;, &#x27;100%&#x27;)</span><br><span class="line">      iframeTemp.setAttribute(&#x27;height&#x27;, &#x27;100%&#x27;)</span><br><span class="line">      const container = document.getElementById(&#x27;iframe-example-container&#x27;)</span><br><span class="line">      // 判断是否有 children,有的话，移除</span><br><span class="line">      if (container.children.length &gt; 0) &#123;</span><br><span class="line">        container.removeChild(container.children[0])</span><br><span class="line">      &#125;</span><br><span class="line">      container.appendChild(iframeTemp)</span><br><span class="line">      iframeTemp.setAttribute(&#x27;src&#x27;, src.value)</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    onMounted(async () =&gt; &#123;</span><br><span class="line">      // 修改 iframe</span><br><span class="line">      getIframeElement()</span><br><span class="line"></span><br><span class="line">      // 创建一个 iframe，保存到 iframe-example-container children 中</span><br><span class="line">      initIFrame()</span><br><span class="line"></span><br><span class="line">      // 从 url 中获取 src</span><br><span class="line">      await restoreSrc()</span><br><span class="line">    &#125;)</span><br><span class="line"></span><br><span class="line">    return &#123; src &#125;</span><br><span class="line">  &#125;,</span><br><span class="line">&#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line">.iframe-example-index &#123;</span><br><span class="line">  position: absolute;</span><br><span class="line">  top: 0px;</span><br><span class="line">  left: 0px;</span><br><span class="line">  width: 100%;</span><br><span class="line">  height: 100%;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
+<ol start="2" type="1">
+<li>在 router-view 处，加载一个 container 容器组件，通过
+<code>v-if</code>、 <code>v-show</code> 来控制显示隐藏</li>
+</ol>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;Container v-if=&quot;iframeVisited&quot; v-show=&quot;isIFramePageVisible&quot;&gt;&lt;/Container&gt;</span><br><span class="line"></span><br><span class="line">&lt;router-view v-slot=&quot;&#123; Component &#125;&quot;&gt;</span><br><span class="line">  &lt;keep-alive :include=&quot;keepAliveList&quot;&gt;</span><br><span class="line">    &lt;component :is=&quot;Component&quot;&gt;&lt;/component&gt;</span><br><span class="line">  &lt;/keep-alive&gt;</span><br><span class="line">&lt;/router-view&gt;</span><br></pre></td></tr></table></figure>
+<p><strong>container.js 代码：</strong></p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  &lt;div id=&quot;iframe-example-container&quot;&gt;</span><br><span class="line">  &lt;/div&gt;</span><br><span class="line">&lt;/template&gt;</span><br></pre></td></tr></table></figure>
+<ol start="3" type="1">
+<li>通过监听路由path的变化，改变 ChatHub 的显/隐，间接控制 iframe
+的显示</li>
+</ol>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">const isIFramePageVisible = ref(false)</span><br><span class="line">// 这里是个优化，想的是只有页面访问过该路由才渲染，没访问过就不渲染该组件</span><br><span class="line">const iframeVisited = ref(false) </span><br><span class="line"></span><br><span class="line">watch(</span><br><span class="line">  () =&gt; routes.path,</span><br><span class="line">  (value) =&gt; &#123;</span><br><span class="line">    if (value === &#x27;/iframe&#x27;) &#123;</span><br><span class="line">      iframeVisited.value = true</span><br><span class="line">      isIFramePageVisible.value = true</span><br><span class="line">    &#125; else &#123;</span><br><span class="line">      isIFramePageVisible.value = false</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;,</span><br><span class="line">  &#123;</span><br><span class="line">    immediate: true</span><br><span class="line">  &#125;</span><br><span class="line">)</span><br></pre></td></tr></table></figure>
+<h3 id="注意事项">注意事项</h3>
+<p>iframe 只有处于显示时，才会加载 iframe 里面的内容。因此，必须保证
+iframe 不在后台实例化，可以通过以下方式实现：</p>
+<ol type="1">
+<li>通过 <code>v-if</code> 来控制初始化加载</li>
+<li>在 <code>index.vue</code> 第一次加载时，使用 js 初始化
+iframe，然后添加到 <code>ChatHub</code> 作为其子元素。</li>
+</ol>
+<blockquote>
+<p>如果后台先实例了 iframe 后，会导致从其它页面切换到 /chathub
+页面时，无法正常加载 iframe 里面的内容，并影响性能。</p>
+</blockquote>
+<h2 id="参考">参考</h2>
+<p>本文参考以下文章，在此报以诚挚谢意！</p>
+<ol type="1">
+<li><p><a
+href="https://juejin.cn/post/7041376972261294088">vue缓存iframe的解决方法</a></p></li>
+<li><p><a
+href="https://juejin.cn/post/7246310077233659941#heading-2">Vue
+KeepAlive 为什么不能缓存 iframe</a></p></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Vue</category>
+        <category>VueBasic</category>
+      </categories>
+      <tags>
+        <tag>Vue</tag>
+        <tag>iframe</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>Vue2.x帮助文档读书笔记</title>
+    <url>/posts/2021/17EC6DQ.html</url>
+    <content><![CDATA[<p>随着工作中不断使用 vue，总感觉对 vue
+的使用不够随心所欲，所以，本篇为重新学习 vue
+的帮助文档，并将精华部分整理成笔记。本记录 Vue.js 2.x 的帮助文档。</p>
+<span id="more"></span>
+<h2 id="基础">基础</h2>
+<h3 id="vue-实例">Vue 实例</h3>
+<ol type="1">
+<li><p>创建实例</p>
+<p>当一个 Vue 实例被创建时，它将 <code>data</code> 对象中的所有的
+property 加入到 Vue 的<strong>响应式系统</strong>中。</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">/ 我们的数据对象</span><br><span class="line">var data = &#123; a: 1 &#125;</span><br><span class="line"></span><br><span class="line">// 该对象被加入到一个 Vue 实例中</span><br><span class="line">var vm = new Vue(&#123;</span><br><span class="line">  data: data</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure>
+<blockquote>
+<p>值得注意的是只有当实例被创建时就已经存在于 <code>data</code> 中的
+property 才是<strong>响应式</strong>的。</p>
+<p>使用 <code>Object.freeze(obj)</code>，这会阻止修改现有的
+property，也意味着响应系统无法再<em>追踪</em>变化。</p>
+</blockquote></li>
+<li><p>访问实例的 property 和方法</p>
+<p>vue 本身 property 和方法，它们都有前缀
+<code>$</code>，以便与用户定义的 property 区分开来</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">var data = &#123; a: 1 &#125;</span><br><span class="line">var vm = new Vue(&#123;</span><br><span class="line">  el: &#x27;#example&#x27;,</span><br><span class="line">  data: data</span><br><span class="line">&#125;)</span><br><span class="line"></span><br><span class="line">vm.$data === data // =&gt; true</span><br><span class="line">vm.$el === document.getElementById(&#x27;example&#x27;) // =&gt; true</span><br><span class="line"></span><br><span class="line">// $watch 是一个实例方法</span><br><span class="line">vm.$watch(&#x27;a&#x27;, function (newValue, oldValue) &#123;</span><br><span class="line">  // 这个回调将在 `vm.a` 改变后调用</span><br><span class="line">&#125;)</span><br></pre></td></tr></table></figure></li>
+</ol>
+<h3 id="模板语法">模板语法</h3>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Vue</category>
+        <category>Vue2.x</category>
+      </categories>
+      <tags>
+        <tag>vue</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>Vue 如何同时传递子组件和父组件的参数给方法</title>
+    <url>/posts/2022/3Q3PPSM.html</url>
+    <content><![CDATA[<h2 id="前言">前言</h2>
+<p>在 vue 自定义事件中，子组件会通过 <code>emit</code>
+向父组件传递参数，父组件执行回调函数。但是有时候父组件再执行回调时也需要传入参数，如果直接给父组件回调函数传入参数会覆盖掉子组件的参数。我们有三种解决办法。</p>
+<h2 id="正文">正文</h2>
+<h3 id="event-方法">$event 方法</h3>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 子组件中 Child.vue</span></span><br><span class="line">&lt;script setup&gt;</span><br><span class="line">  <span class="keyword">const</span> &#123; proxy &#125; = <span class="title function_">getCurrentInstance</span>()</span><br><span class="line">  <span class="keyword">function</span> <span class="title function_">edit</span> (item) &#123;</span><br><span class="line">      <span class="variable language_">console</span>.<span class="title function_">log</span>(<span class="string">&#x27;子组件参数&#x27;</span>, childParam)</span><br><span class="line">      proxy.$emit(<span class="string">&#x27;edit&#x27;</span>, childParam)</span><br><span class="line">  &#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line"></span><br><span class="line"><span class="comment">// 父组件接收参数</span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">Child</span> @<span class="attr">edit</span>=<span class="string">&quot;editFun($event, parentParam)&quot;</span>&gt;</span><span class="tag">&lt;/<span class="name">Child</span>&gt;</span></span></span><br></pre></td></tr></table></figure>
+<p>当子组件有参数返回时，在父组件中使用 $event 作为占位符，这里 $event
+就代表了子组件返回的参数。这里 $event
+位置没有限制，可以在第一位，也可以在最后一位。</p>
+<blockquote>
+<p><strong>局限性</strong>：
+只适合子组件返回一个参数的情况，如果子组件有多个参数返回，只能接收到第一个参数</p>
+</blockquote>
+<h3 id="箭头函数法">箭头函数法</h3>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 子组件中 Child.vue</span></span><br><span class="line">&lt;script setup&gt;</span><br><span class="line">  <span class="keyword">const</span> &#123; proxy &#125; = <span class="title function_">getCurrentInstance</span>()</span><br><span class="line">  <span class="keyword">function</span> <span class="title function_">edit</span> (item) &#123;</span><br><span class="line">      proxy.$emit(<span class="string">&#x27;edit&#x27;</span>, childParam1, childParam2)</span><br><span class="line">  &#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line">......</span><br><span class="line"></span><br><span class="line"><span class="comment">// 父组件接收参数</span></span><br><span class="line">&lt;<span class="title class_">Child</span> @edit=<span class="string">&quot;(param1,param2)=&gt;editFun(param1,param2,parentParam)&quot;</span><span class="string">&quot;&gt;&lt;/Child&gt;</span></span><br><span class="line"><span class="string"></span></span><br><span class="line"><span class="string">&lt;script setup&gt;</span></span><br><span class="line"><span class="string">function editFun(p1,p2,p3)&#123;</span></span><br><span class="line"><span class="string">  ...</span></span><br><span class="line"><span class="string">&#125;</span></span><br><span class="line"><span class="string">&lt;/script&gt;</span></span><br></pre></td></tr></table></figure>
+<p>这种方法利用了一个箭头函数先把子模块返回的参数接收，然后再传递到回调函数中。</p>
+<blockquote>
+<p>使用是注意先接收子模块返回的参数，此方法对参数个数没有限制</p>
+</blockquote>
+<h3 id="arguments-方法">arguments 方法</h3>
+<p>此方法类似于方法一，只不过是用 arguments 作为占位符,这里 argument
+是一个数组</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="comment">// 父组件接收参数</span></span><br><span class="line">&lt;<span class="title class_">Child</span> @edit=<span class="string">&quot;editFun(arguments, scope.row)&quot;</span>&gt;&lt;/<span class="title class_">Child</span>&gt;</span><br><span class="line"></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">script</span> <span class="attr">setup</span>&gt;</span><span class="language-javascript"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"><span class="keyword">function</span> <span class="title function_">editFun</span>(<span class="params">p1,p2</span>)&#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  ...</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">&#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span></span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<p>本文摘抄至以下文章，在此表示诚挚感谢！</p>
+<ol type="1">
+<li><a
+href="https://blog.51cto.com/u_10624715/4781327">Vue3自定义事件中，子组件有返回参数，父组件也有参数的处理方法</a></li>
+</ol>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Vue</category>
+        <category>Vue2.x</category>
       </categories>
       <tags>
         <tag>vue</tag>
       </tags>
   </entry>
   <entry>
-    <title>在组件内怎么监听 Vuex 中 state 的变化</title>
-    <url>/posts/2020/2B9D6M8.html</url>
-    <content><![CDATA[<p>最近在项目中需要使用 Vuex
-来维护一个全局字段，同时在子组件里需要根据该字段的变化向后端请求数据来展示。</p>
+    <title>vue 中 this.$forceUpdate 生效范围</title>
+    <url>/posts/2022/39S6V31.html</url>
+    <content><![CDATA[<p>在 vue 中，当使用 <code>$forceUpdate</code>
+时，要特别注意，该方法仅对被 vue 监听的字段生效。</p>
 <span id="more"></span>
-<p>有两个办法解决上面的问题：</p>
-<ul>
-<li>用 computed 属性</li>
-</ul>
-<p>本方案有个缺陷，就是如果在组件内的模板区域内没有使用该计算属性，它是不会响应
-state
-中值的变化的，而本项目就遇到了这个坑，后面采用下面的方法解决了。</p>
-<ul>
-<li>用 watch 属性</li>
-</ul>
-<p>直接 watch state 里面的属性值，这里也有一个注意的地方，不能使用 lamda
-表达式，而是要使用完整的方法定义，见下面的代码：</p>
-<figure class="highlight js"><table><tr><td class="code"><pre><span class="line"><span class="attr">watch</span>: &#123;</span><br><span class="line">    <span class="string">&#x27;$store.getters.loginedProjectGroupId&#x27;</span>: <span class="keyword">function</span>(<span class="params">value</span>) &#123;</span><br><span class="line">      <span class="variable language_">this</span>.<span class="title function_">getProjectInfo</span>(value)</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;,</span><br></pre></td></tr></table></figure>
+<p>所以，在使用中，如果需要更新某个字段时，使用 <code>this.$set()</code>
+来修改或添加字段。</p>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://cn.vuejs.org/v2/guide/components-edge-cases.html#强制更新">vue
+强制更新</a></p>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
         <category>Vue</category>
-        <category>VueBasic</category>
+        <category>Vue2.x</category>
       </categories>
       <tags>
         <tag>vue</tag>
       </tags>
   </entry>
   <entry>
-    <title>LearnVue 介绍</title>
-    <url>/posts/2020/3W94T82.html</url>
-    <content><![CDATA[<p>计划系统的对 Vue.js 的源代码进行深入学习。以 <a
-href="https://github.com/answershuto/learnVue">learnVue</a>
-入门，因为它当前的 star 数已经破 9k了, 肯定是干货满满的。</p>
-<p>本文记录了在学习过程中的一些个人见解，同时，对于以前未涉及的知识点作一个总结和记录，以便今后回顾，如果也有小白恰好看到了这篇文章，希望也能帮到你，节省一些查找资料的时间。</p>
-<p>当然，我所理解的可能会存在偏差，欢迎提留言指出，共同学习，共同进步。</p>
-<p>最后，再次感谢 <a
-href="https://github.com/answershuto">answershuto</a> 的 <a
-href="https://github.com/answershuto/learnVue">learnVue</a>。</p>
+    <title>vue 中完美地二次封装 UI 组件</title>
+    <url>/posts/2022/2H9CDXZ.html</url>
+    <content><![CDATA[<p>当我们全局引用UI框架（类似于 <a
+href="http://www.quasarchs.com/">Quasar
+Framework</a>）的时候，为了使得整个项目风格统一，需要对某些组件进行二次封装，使得可以集中管理组件风格，使得代码易于维护。</p>
+<span id="more"></span>
+<h2 id="封装需求">封装需求</h2>
+<ul>
+<li><p>属性传递</p>
+<p>二次封装后的组件与被封装组件和具有同样的参数</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;xxx-xxx v-bind=&quot;$attrs&quot;&gt;</span><br><span class="line">&lt;/xxx-xxx&gt;</span><br></pre></td></tr></table></figure></li>
+<li><p>事件传递</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;xxx-xxx v-on=&quot;$listeners&quot;&gt;</span><br><span class="line">&lt;/xxx-xxx&gt;</span><br></pre></td></tr></table></figure></li>
+<li><p>插槽传递</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;xxx-xxx&gt;</span><br><span class="line">	&lt;template v-for=&quot;name in $scopedSlots&quot; :slot=&quot;name&quot;&gt;</span><br><span class="line">		&lt;slot :name=&quot;name&quot; /&gt;</span><br><span class="line">	&lt;/template&gt;</span><br><span class="line">&lt;/xxx-xxx&gt;</span><br></pre></td></tr></table></figure></li>
+</ul>
+<h2 id="vue-相关知识点">vue 相关知识点</h2>
+<h3 id="vm.attrs"><a
+href="https://cn.vuejs.org/v2/api/#vm-attrs">vm.$attrs</a></h3>
+<p>官方解释：</p>
+<blockquote>
+<p>包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定
+(<code>class</code> 和 <code>style</code> 除外)。当一个组件没有声明任何
+prop 时，这里会包含所有父作用域的绑定 (<code>class</code> 和
+<code>style</code> 除外)，并且可以通过 <code>v-bind="$attrs"</code>
+传入内部组件——在创建高级别的组件时非常有用。</p>
+</blockquote>
+<p>通俗的理解就是，子组件可以通过 <code>$attrs</code>
+可以访问父组件传过来的所有属性，但需要注意的是如果父组件所传的属性中有在子组件
+<code>props</code> 中有过声明，那么该属性不会出现在 <code>$attrs</code>
+对象中。</p>
+<h3 id="vm.listeners"><a
+href="https://cn.vuejs.org/v2/api/#vm-listeners">vm.$listeners</a></h3>
+<p>官方解释：</p>
+<blockquote>
+<p>包含了父作用域中的 (不含 <code>.native</code> 修饰器的)
+<code>v-on</code> 事件监听器。它可以通过 <code>v-on="$listeners"</code>
+传入内部组件——在创建更高层次的组件时非常有用。</p>
+</blockquote>
+<h3 id="vm.props"><a
+href="https://cn.vuejs.org/v2/api/#vm-props">vm.$props</a></h3>
+<p>官方解释：</p>
+<blockquote>
+<p>当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象 property
+的访问。</p>
+</blockquote>
+<h3 id="inheritattrs"><a
+href="https://cn.vuejs.org/v2/api/index.html#inheritAttrs">inheritAttrs</a></h3>
+<p>官方的解释让人看着头大，通俗来讲，其实默认情况就是把
+<code>$attrs</code> 对象上没在子组件 <code>props</code>
+中声明的属性加在子组件的根 <code>html</code> 标签上。</p>
+<h3 id="vm.scopedslots"><a
+href="https://cn.vuejs.org/v2/api/#vm-scopedSlots">vm.$scopedSlots</a></h3>
+<p>官方解释：</p>
+<blockquote>
+<p>用来访问<a
+href="https://cn.vuejs.org/v2/guide/components-slots.html#作用域插槽">作用域插槽</a>。对于包括
+<code>默认 slot</code> 在内的每一个插槽，该对象都包含一个返回相应 VNode
+的函数。</p>
+</blockquote>
+<p>通俗讲，就是通过该属性，可以访问所有的插槽。</p>
+<h2 id="封装示例">封装示例</h2>
+<p>为了能够实现上述两个需求，我们使用
+<code>$attrs</code>、<code>$props</code>和<code>$listeners</code>
+这三个属性来实现。下文将通过封装 <code>quasar</code> 组件中的
+<code>QTable</code> 来举例说明</p>
+<h3 id="原始组件">原始组件</h3>
+<p>从 <a
+href="http://www.quasarchs.com/vue-components/table#qtable-api">QTable
+API</a> 中我们可以知道，其有63个属性，19 个插槽，9
+个事件，在封装的时候，我们需要通过预设一些属性，使得表格符合我们的使用，但是又得保证其灵活性。</p>
+<figure>
+<img
 data-src="https://cdn.jsdelivr.net/gh/GalensGan/objects-storage/images/image-20220406214311656.png"
+alt="image-20220406214311656" />
+<figcaption aria-hidden="true">image-20220406214311656</figcaption>
+</figure>
+<h3 id="二次封装">二次封装</h3>
+<p>具体解释见里面的备注</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  &lt;q-table v-bind=&quot;$attrs&quot; :dense=&quot;dense&quot; v-on=&quot;$listeners&quot;&gt;</span><br><span class="line">    &lt;!--示例: 在封装组件中增加插槽，通过后备内容进行自定义，方便父组件覆盖当前插槽--&gt;</span><br><span class="line">    &lt;template v-slot:top=&quot;props&quot;&gt;</span><br><span class="line">      &lt;slot name=&quot;top&quot; v-bind=&quot;props&quot;&gt;</span><br><span class="line">        &lt;q-space /&gt;</span><br><span class="line">        &lt;q-input</span><br><span class="line">          v-model=&quot;filter&quot;</span><br><span class="line">          dense</span><br><span class="line">          debounce=&quot;300&quot;</span><br><span class="line">          placeholder=&quot;搜索&quot;</span><br><span class="line">          color=&quot;primary&quot;</span><br><span class="line">        &gt;</span><br><span class="line">          &lt;template v-slot:append&gt;</span><br><span class="line">            &lt;q-icon name=&quot;search&quot; /&gt;</span><br><span class="line">          &lt;/template&gt;</span><br><span class="line">        &lt;/q-input&gt;</span><br><span class="line">      &lt;/slot&gt;</span><br><span class="line">    &lt;/template&gt;</span><br><span class="line"></span><br><span class="line">    &lt;!--根据父类插槽定义，传递插槽到被封装组件--&gt;</span><br><span class="line">    &lt;template v-for=&quot;slotName in scopedSlotsName&quot; v-slot:[slotName]=&quot;props&quot;&gt;</span><br><span class="line">      &lt;!-- v-bind 是向插槽中传递参数，使得父类的插槽可以使用--&gt;</span><br><span class="line">      &lt;slot :name=&quot;slotName&quot; v-bind=&quot;props&quot; /&gt;</span><br><span class="line">    &lt;/template&gt;</span><br><span class="line">  &lt;/q-table&gt;</span><br><span class="line">&lt;/template&gt;</span><br><span class="line"></span><br><span class="line">&lt;script&gt;</span><br><span class="line">export default &#123;</span><br><span class="line">  // 默认为 true,为 true 时会把 `$attrs` 对象上没在子组件 `props` 中声明的属性加在子组件的根 `html` 标签上。</span><br><span class="line">  inheritAttrs: false,</span><br><span class="line"></span><br><span class="line">  props: &#123;</span><br><span class="line">    // 设置组件的默认值</span><br><span class="line">    dense: &#123;</span><br><span class="line">      type: Boolean,</span><br><span class="line">      default() &#123;</span><br><span class="line">        return true</span><br><span class="line">      &#125;</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;,</span><br><span class="line"></span><br><span class="line">  data() &#123;</span><br><span class="line">    return &#123;</span><br><span class="line">      filter: &#x27;filter2&#x27;</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;,</span><br><span class="line"></span><br><span class="line">  computed: &#123;</span><br><span class="line">    attrs() &#123;</span><br><span class="line">      // 因为 $attrs 不包含 $props 中的值，在此处对属性进行合并，然后供被封装组件使用</span><br><span class="line">      // 由于 Object.assign 是浅复制，所以不会影响字段的 getter 和 setter</span><br><span class="line">      return Object.assign(&#123;&#125;, this.$attrs, this.$props)</span><br><span class="line">    &#125;,</span><br><span class="line"></span><br><span class="line">    // 作用域内的插槽名称</span><br><span class="line">    scopedSlotsName() &#123;</span><br><span class="line">      let keys = Object.keys(this.$scopedSlots)</span><br><span class="line">      // 过滤掉以$开头的字段,$ 开头的是 vue 框架的值</span><br><span class="line">      keys = keys.filter(key =&gt; !key.startsWith(&#x27;$&#x27;))</span><br><span class="line">      // 过滤掉已经添加插槽名称</span><br><span class="line">      const existSlotNames = [&#x27;top&#x27;]</span><br><span class="line">      keys = keys.filter(key =&gt; !existSlotNames.includes(key))</span><br><span class="line"></span><br><span class="line">      return keys</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line">&lt;style scoped&gt;</span><br><span class="line">&lt;/style&gt;&gt;</span><br></pre></td></tr></table></figure>
+<h3 id="组件使用">组件使用</h3>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  &lt;wrapped-table :data=&quot;data&quot; :columns=&quot;columns&quot; :dense=&quot;dense&quot;&gt;</span><br><span class="line">    &lt;template v-slot:body-cell-index=&quot;props&quot;&gt;</span><br><span class="line">      &lt;q-td&gt;&#123;&#123; props.value &#125;&#125;_1&lt;/q-td&gt;</span><br><span class="line">    &lt;/template&gt;</span><br><span class="line">  &lt;/wrapped-table&gt;</span><br><span class="line">&lt;/template&gt;</span><br><span class="line"></span><br><span class="line">&lt;script&gt;</span><br><span class="line">import WrappedTable from &#x27;./index.vue&#x27;</span><br><span class="line"></span><br><span class="line">export default &#123;</span><br><span class="line">  components: &#123; WrappedTable &#125;,</span><br><span class="line"></span><br><span class="line">  data() &#123;</span><br><span class="line">    return &#123;</span><br><span class="line">      columns: [</span><br><span class="line">        &#123;</span><br><span class="line">          name: &#x27;index&#x27;,</span><br><span class="line">          label: &#x27;序号&#x27;,</span><br><span class="line">          align: &#x27;left&#x27;,</span><br><span class="line">          field: &#x27;name&#x27;</span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">          name: &#x27;name&#x27;,</span><br><span class="line">          align: &#x27;center&#x27;,</span><br><span class="line">          label: &#x27;名称&#x27;,</span><br><span class="line">          field: &#x27;name&#x27;,</span><br><span class="line">          sortable: true</span><br><span class="line">        &#125;</span><br><span class="line">      ],</span><br><span class="line">      data: [</span><br><span class="line">        &#123;</span><br><span class="line">          index: 1,</span><br><span class="line">          name: &#x27;Frozen Yogurt&#x27;</span><br><span class="line">        &#125;,</span><br><span class="line">        &#123;</span><br><span class="line">          index: 1,</span><br><span class="line">          name: &#x27;Ice cream sandwich&#x27;</span><br><span class="line">        &#125;</span><br><span class="line">      ],</span><br><span class="line"></span><br><span class="line">      dense: false</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;</span><br><span class="line">&#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line">&lt;style scoped&gt;</span><br><span class="line">&lt;/style&gt;</span><br></pre></td></tr></table></figure>
+<h2 id="参考">参考</h2>
+<ol type="1">
+<li><a
+href="https://www.codetd.com/article/13736693">解决Vue2.x中二次封装Vue组件时批量继承属性，方法，插槽的方法</a></li>
+<li><a
+href="https://blog.csdn.net/zh_rey/article/details/106735049">Vue二次封装组件，并传递props和v-on事件</a></li>
+<li><a
+href="https://segmentfault.com/a/1190000038483387">基于UI库二次组件封装
+- SegmentFault 思否</a></li>
+<li><a href="https://segmentfault.com/a/1190000021945187">浅谈 Vue2.4.0
+$attrs 与 inheritAttrs - SegmentFault 思否</a></li>
+<li><a href="https://cn.vuejs.org/v2/guide/components-slots.html">插槽 —
+Vue.js (vuejs.org)</a></li>
+</ol>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
         <category>Vue</category>
-        <category>VueBasic</category>
+        <category>Vue2.x</category>
       </categories>
       <tags>
-        <tag>vue</tag>
-        <tag>LearnVue</tag>
+        <tag>Vue</tag>
+        <tag>galens</tag>
       </tags>
   </entry>
   <entry>
-    <title>Vue 中对跨域的 iframe 进行缓存</title>
-    <url>/posts/2023/1EARQ0T.html</url>
-    <content><![CDATA[<p>在 vue 应用程序中，有时候需要使用 <code>iframe</code>
-嵌入其它网站的内容，并希望可以缓存 <code>iframe</code>
-的状态。但如果被链接的源(origin) 与当前的 origin
-不同时，<code>iframe</code>
-就会发生跨域加载，这个时候，就不能在当前程序中获取 iframe 中的内容，包括
-src，从而无法获取 iframe 中的状态，导致无法在初始化 iframe
-时对状态进行恢复。</p>
-<p>可以按以下方法来实现对 iframe 的缓存：</p>
+    <title>asyncComputed 的原理浅析及使用</title>
+    <url>/posts/2022/3G3ZXDE.html</url>
+    <content><![CDATA[<p>在 vue 的计算属性中，是不能使用异步的，这个时候就需要用到 <a
+href="https://github.com/foxbenjaminfox/vue-async-computed">vue-async-computed</a>
+这个包提供的 <code>asyncComputed</code> 来实现异步计算属性。</p>
+<p>本文将浅析其实现原理，然后介绍使用方法。</p>
 <span id="more"></span>
-<h2 id="尝试过的方法">尝试过的方法</h2>
+<h2 id="主要步骤">主要步骤</h2>
 <ol type="1">
-<li><p>使用 <code>keep-alive</code></p>
-<p>KeepAlive 缓存的是 vnode 节点，vnode
-上面会有对应的真实DOM。组件“销毁”时，会将真实 DOM
-移动到“隐藏容器”中，组件重新“渲染”时会从 vnode 上取到真实
-DOM，再重新插入到页面中。这样对普通元素是没有影响的，但是 iframe
-很特别，<strong>当其插入到页面时会重新加载，这是浏览器特性，与 Vue
-无关。</strong></p></li>
-<li><p>保存 iframe 实例，当组件挂载后添加到对应位置</p>
-<p>失败的原因与第 1 点相同，当其重新插入到页面时会重新加载。</p></li>
+<li>利用 asyncComputed 的 key 在 data 中初始化数据</li>
+<li>将 asyncComputed 的计算属性重命名赋值给 computed</li>
+<li>watch 重命名后的计算属性</li>
+<li>当重命名的计算属性更改后，watch 生效，将值赋给 data
+中对应的字段</li>
 </ol>
-<h2 id="解决方案">解决方案</h2>
-<h3 id="实现步骤">实现步骤</h3>
 <blockquote>
-<p><strong>思路</strong>：路由第一次加载时将 iframe
-渲染到页面中，路由切换时通过 <code>v-show</code> 改变显/隐。</p>
+<p>在使用 this.asyncComputedField 时，其实是读取的 data
+中对应名称的字段的值</p>
 </blockquote>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://github.com/foxbenjaminfox/vue-async-computed">vue-async-computed</a></p>
+<p><a
+href="https://moonland.cc/2018/07/28/vue-%E5%BC%82%E6%AD%A5%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7%E5%AE%9E%E7%8E%B0/">Vue
+异步计算属性实现</a></p>
+<p><a
+href="https://www.jianshu.com/p/738e5a5494f0">asyncComputed源码解析</a></p>
+<p><a
+href="https://blog.csdn.net/dandan666dandan/article/details/107409977">asyncComputed
+异步计算属性</a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Vue</category>
+        <category>Vue2.x</category>
+      </categories>
+      <tags>
+        <tag>Vue</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>vue 中 v-model 的最佳实现</title>
+    <url>/posts/2022/DPK9DJ.html</url>
+    <content><![CDATA[<p>在利用 vue
+开发一个组件时，可能需要它能够实时响应变化的值，这个时候我们就需要用到
+<code>v-model</code>。</p>
+<p>然而在实际使用中，如果有两个相互影响的变量要进行实时变化时，就可能导致无限循环，提升编码难度。</p>
+<p>本文给出了一个 <code>v-model</code> 的最佳实践，可以参考使用。</p>
+<span id="more"></span>
+<h2 id="需求示例">需求示例</h2>
+<p>假设我们需要编写一个部门用户选择组件，它能够同时返回选择的部门和用户，同时在初始化时，可以回显到界面。</p>
+<p>下面大致分析一下可能导致的问题：</p>
+<p>如果用户数据改变后，则返回的部门也需要触发变化，而返回的部门改变了，又会去触发用户改变，这样就构成了一个无限循环。</p>
+<p>要如何解决这个问题呢？继续向下阅读。</p>
+<h2 id="实现代码">实现代码</h2>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  <span class="language-xml"><span class="tag">&lt;<span class="name">div</span>&gt;</span></span></span><br><span class="line"><span class="language-xml">    <span class="tag">&lt;<span class="name">DepartmentTree</span> <span class="attr">v-model</span>=<span class="string">&quot;_departmentIds&quot;</span>&gt;</span>部门树<span class="tag">&lt;/<span class="name">DepartmentTree</span>&gt;</span></span></span><br><span class="line"><span class="language-xml">    <span class="tag">&lt;<span class="name">UsersTable</span> <span class="attr">v-model</span>=<span class="string">&quot;_users&quot;</span>&gt;</span>用户列表<span class="tag">&lt;/<span class="name">UsersTable</span>&gt;</span></span></span><br><span class="line"><span class="language-xml">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></span></span><br><span class="line">&lt;/template&gt;</span><br><span class="line"></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="language-javascript"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"><span class="keyword">import</span> <span class="title class_">DepartmentTree</span> <span class="keyword">from</span> <span class="string">&#x27;./departmentTree.vue&#x27;</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"><span class="keyword">import</span> <span class="title class_">UsersTable</span> <span class="keyword">from</span> <span class="string">&#x27;./usersTable.vue&#x27;</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"><span class="keyword">export</span> <span class="keyword">default</span> &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">components</span>: &#123; <span class="title class_">DepartmentTree</span>, <span class="title class_">UsersTable</span> &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">props</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="attr">departmentIds</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">type</span>: <span class="title class_">Array</span>,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">default</span>: <span class="function">() =&gt;</span> []</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="attr">users</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">type</span>: <span class="title class_">Array</span>,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">default</span>: <span class="function">() =&gt;</span> []</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="title function_">data</span>(<span class="params"></span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="keyword">return</span> &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">_departmentIds</span>: <span class="variable language_">this</span>.<span class="property">users</span>,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="attr">_users</span>: <span class="variable language_">this</span>.<span class="property">departmentIds</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">computed</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 使得每次返回的值不是同一个引用</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 在 watch 时可以解决新旧值一样的问题</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">usersCp</span>(<span class="params"></span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="keyword">return</span> <span class="title class_">JSON</span>.<span class="title function_">parse</span>(<span class="title class_">JSON</span>.<span class="title function_">stringify</span>(<span class="variable language_">this</span>.<span class="property">users</span>))</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">watch</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 外部更改后，触发更新</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">departmentIds</span>(<span class="params">newValues</span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 判断与 this._departmentIds 的区别，如果是完全一样，则不继续执行</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="keyword">if</span> (newValues.<span class="property">lenght</span> === <span class="variable language_">this</span>.<span class="property">_departmentIds</span>.<span class="property">length</span>) <span class="keyword">return</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 如果不一样时,通过部门来更新 _users 数据</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 触发 users 更改</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.<span class="title function_">usersChanged</span>()</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 此处不需要触发 departments 修改，因为这个函数调用是由于外部的变化传递进来的</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 直接 watch users 的话，newValues 和 oldValues 是一样的</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="comment">// 此处 watch 计算属性，这样就使得每次的结果不是同一个引用，新旧值就会不一样了</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">usersCp</span>(<span class="params">newValues, oldValues</span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 判断与 this._users 是否一样</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="keyword">if</span> (<span class="variable language_">this</span>.<span class="property">_users</span>.<span class="property">length</span> === newValues.<span class="property">lenght</span>) <span class="keyword">return</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 将用户对应的 departmentIds 更新到 this._departmentIds 中</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.<span class="property">_departmentIds</span> = <span class="title class_">Array</span>.<span class="title function_">from</span>(<span class="keyword">new</span> <span class="title class_">Set</span>(<span class="variable language_">this</span>.<span class="property">users</span>.<span class="title function_">map</span>(<span class="function"><span class="params">x</span> =&gt;</span> x.<span class="property">departmentId</span>)))</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 触发 departmentIds 改变</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.<span class="title function_">departmentIdsChanged</span>()</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// departmentIds 改变后，会触发 departmentIds watch 事件,</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 在这个事件执行时，会先匹配是否与当前实例保存的值一样，如果一样就不执行</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="comment">// 这样就不会导致无限循环了</span></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  <span class="attr">methods</span>: &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">usersChanged</span>(<span class="params"></span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.$emit(<span class="string">&#x27;update:users&#x27;</span>, <span class="variable language_">this</span>.<span class="property">_users</span>)</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;,</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    <span class="title function_">departmentIdsChanged</span>(<span class="params"></span>) &#123;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">      <span class="variable language_">this</span>.$emit(<span class="string">&#x27;update:departmentIds&#x27;</span>, <span class="variable language_">this</span>.<span class="property">_departmentIds</span>)</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">    &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">  &#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml">&#125;</span></span></span><br><span class="line"><span class="language-javascript"><span class="language-xml"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span></span></span><br><span class="line"></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">style</span>&gt;</span></span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></span></span><br></pre></td></tr></table></figure>
+<p>上述代码的主要思想如下：</p>
 <ol type="1">
-<li>在路由中，将 component 赋值为一个空组件 <code>index.vue</code></li>
+<li>将外部变化与内部变化分开处理，外部变化处理通过 watch props
+来实现，内部变化通过内部方法来实现</li>
+<li>变化完成后，再向外传递变化结果</li>
+<li>每次外部变化影响到内部时，都要进行验证，防止循环</li>
 </ol>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&#123;</span><br><span class="line">  path: &quot;/chathub&quot;,</span><br><span class="line">  name: &quot;chathub&quot;,</span><br><span class="line">  component: ()=&gt;import(&quot;@/chathub/index.vue&quot;)</span><br><span class="line">&#125;,</span><br></pre></td></tr></table></figure>
-<p><strong>index.js 代码：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  &lt;div class=&quot;iframe-example-index row justify-center&quot;&gt;</span><br><span class="line">    &lt;div class=&quot;column justify-center text-h6 text-secondary&quot;&gt;加载中...&lt;/div&gt;    </span><br><span class="line">  &lt;/div&gt;</span><br><span class="line">&lt;/template&gt;</span><br><span class="line"></span><br><span class="line">&lt;script&gt;</span><br><span class="line">import &#123; onMounted, ref &#125; from &#x27;vue&#x27;</span><br><span class="line">import store from &#x27;@/store/index&#x27;</span><br><span class="line">import &#123; useRoute &#125; from &#x27;@/compositions/vueRouter&#x27;</span><br><span class="line"></span><br><span class="line">export default &#123;</span><br><span class="line">  name: &quot;iframeContainer&quot;,</span><br><span class="line">  setup() &#123;</span><br><span class="line">    const src = ref(&quot;www.baidu.com&quot;)</span><br><span class="line"></span><br><span class="line">    function getIframeElement() &#123;</span><br><span class="line">      const iframeElement = document.getElementById(&#x27;iframe-example-body&#x27;)</span><br><span class="line">      return iframeElement</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    async function restoreSrc() &#123;</span><br><span class="line">      const iframeElement = getIframeElement()</span><br><span class="line">      if (!iframeElement) return</span><br><span class="line"></span><br><span class="line">      // 设置值</span><br><span class="line">      iframeElement.setAttribute(&#x27;src&#x27;, src.value)</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    function initIFrame(force = false) &#123;</span><br><span class="line">      if (!force &amp;&amp; iframeSetting.initialized) return</span><br><span class="line"></span><br><span class="line">      console.log(&#x27;开始创建 iframe&#x27;)</span><br><span class="line"></span><br><span class="line">      // 初始化 iframe</span><br><span class="line">      const iframeTemp = document.createElement(&#x27;iframe&#x27;)</span><br><span class="line">      iframeTemp.setAttribute(&#x27;id&#x27;, &#x27;iframe-example-body&#x27;)</span><br><span class="line">      iframeTemp.setAttribute(&#x27;width&#x27;, &#x27;100%&#x27;)</span><br><span class="line">      iframeTemp.setAttribute(&#x27;height&#x27;, &#x27;100%&#x27;)</span><br><span class="line">      const container = document.getElementById(&#x27;iframe-example-container&#x27;)</span><br><span class="line">      // 判断是否有 children,有的话，移除</span><br><span class="line">      if (container.children.length &gt; 0) &#123;</span><br><span class="line">        container.removeChild(container.children[0])</span><br><span class="line">      &#125;</span><br><span class="line">      container.appendChild(iframeTemp)</span><br><span class="line">      iframeTemp.setAttribute(&#x27;src&#x27;, src.value)</span><br><span class="line">    &#125;</span><br><span class="line"></span><br><span class="line">    onMounted(async () =&gt; &#123;</span><br><span class="line">      // 修改 iframe</span><br><span class="line">      getIframeElement()</span><br><span class="line"></span><br><span class="line">      // 创建一个 iframe，保存到 iframe-example-container children 中</span><br><span class="line">      initIFrame()</span><br><span class="line"></span><br><span class="line">      // 从 url 中获取 src</span><br><span class="line">      await restoreSrc()</span><br><span class="line">    &#125;)</span><br><span class="line"></span><br><span class="line">    return &#123; src &#125;</span><br><span class="line">  &#125;,</span><br><span class="line">&#125;</span><br><span class="line">&lt;/script&gt;</span><br><span class="line"></span><br><span class="line">.iframe-example-index &#123;</span><br><span class="line">  position: absolute;</span><br><span class="line">  top: 0px;</span><br><span class="line">  left: 0px;</span><br><span class="line">  width: 100%;</span><br><span class="line">  height: 100%;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<ol start="2" type="1">
-<li>在 router-view 处，加载一个 container 容器组件，通过
-<code>v-if</code>、 <code>v-show</code> 来控制显示隐藏</li>
+<h2 id="watch-数组时新旧值相同处理">watch 数组时新旧值相同处理</h2>
+<p>如果被 watch
+的字段是一个数组时，它的新旧值都是一样的，因为引用相同，为了得到不一样的值，可以增加一个计算属性来进行过渡。</p>
+<p>如上例中的 <code>usersCp</code>。</p>
+<h2 id="参考">参考</h2>
+<p><a
+href="https://v2.cn.vuejs.org/v2/guide/components-custom-events.html#自定义组件的-v-model">自定义组件的
+<code>v-model</code></a></p>
+]]></content>
+      <categories>
+        <category>Develop</category>
+        <category>Javascript</category>
+        <category>Vue</category>
+        <category>Vue2.x</category>
+      </categories>
+      <tags>
+        <tag>Vue</tag>
+      </tags>
+  </entry>
+  <entry>
+    <title>一文理清在 vue2.x 中 compositionAPI 与 optionsAPI 混合使用要点</title>
+    <url>/posts/2023/3E7GWG0.html</url>
+    <content><![CDATA[<p>由于项目基于 vue2 框架，随着项目规模的增加，mixin
+的组织方式越来越不方便维护，因此将其升级到 vue2.7，使用 composition API
+与 options API 混合开发。</p>
+<p>本文将一步一步梳理混合开发的步骤及要点，让大家对混合开发有一个全局的掌握。</p>
+<span id="more"></span>
+<h2 id="向后移植的功能">向后移植的功能</h2>
+<ol type="1">
+<li><a
+href="https://vuejs.org/guide/extras/composition-api-faq.html">Composition
+API</a></li>
+<li>SFC <a
+href="https://vuejs.org/api/sfc-script-setup.html"><code>&lt;script setup&gt;</code></a></li>
+<li>SFC <a
+href="https://vuejs.org/api/sfc-css-features.html#v-bind-in-css">CSS
+v-bind</a></li>
+<li><code>defineComponent()</code>：具有改进的类型推断（与Vue.extend相比）</li>
+<li><code>h()、useSlot()、useAttrs()、useCssModules()</code></li>
+<li><code>set()、del()</code>和 <code>nextTick()</code> 在 ESM
+构建中也作为命名导出提供</li>
+<li>支持
+<code>emits</code>，但仅用作类型检查用途（不影响运行时行为）。</li>
+<li>Vue2.7 还支持在模板表达式中使用 ESNext 语法</li>
+<li>在模版里面用可选链，如<code>formData?.userInfo?.userId</code></li>
 </ol>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;Container v-if=&quot;iframeVisited&quot; v-show=&quot;isIFramePageVisible&quot;&gt;&lt;/Container&gt;</span><br><span class="line"></span><br><span class="line">&lt;router-view v-slot=&quot;&#123; Component &#125;&quot;&gt;</span><br><span class="line">  &lt;keep-alive :include=&quot;keepAliveList&quot;&gt;</span><br><span class="line">    &lt;component :is=&quot;Component&quot;&gt;&lt;/component&gt;</span><br><span class="line">  &lt;/keep-alive&gt;</span><br><span class="line">&lt;/router-view&gt;</span><br></pre></td></tr></table></figure>
-<p><strong>container.js 代码：</strong></p>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">&lt;template&gt;</span><br><span class="line">  &lt;div id=&quot;iframe-example-container&quot;&gt;</span><br><span class="line">  &lt;/div&gt;</span><br><span class="line">&lt;/template&gt;</span><br></pre></td></tr></table></figure>
-<ol start="3" type="1">
-<li>通过监听路由path的变化，改变 ChatHub 的显/隐，间接控制 iframe
-的显示</li>
+<h2 id="关于被导出的-api-的注意事项">关于被导出的 API 的注意事项</h2>
+<ul>
+<li><p>在 ESM 构建版本中，这些 API 会 (且仅会) 被导出为具名 API：</p>
+<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">import Vue, &#123; ref &#125; from &quot;vue&quot;;</span><br><span class="line"></span><br><span class="line">Vue.ref; // undefined，请换为使用具名导出的 API</span><br></pre></td></tr></table></figure></li>
+<li><p>在 UMD 和 CJS 构建版本里，这些 API 会被导出为全局对象
+<code>Vue</code> 的属性。</p></li>
+<li><p>当调用外置的 CJS 版本进行打包时，打包工具应该有能力处理与 ESM
+模块的互操作 (ESM interop)。</p></li>
+</ul>
+<h2 id="与-vue3-的差异">与 Vue3 的差异</h2>
+<p>Composition API 使用 Vue2 的基于 getter/setter
+的响应式系统进行反向移植，以确保浏览器兼容性。这意味着与 Vue3 的基于
+proxy 的系统存在一些重要的行为差异：</p>
+<ul>
+<li>所有 Vue2 更改检测警告仍然适用；</li>
+<li>reactive()、ref() 和 shallowReactive()
+将直接转换原始对象而不是创建代理：</li>
+</ul>
+<figure class="highlight html"><table><tr><td class="code"><pre><span class="line">html复制代码// 在2.7中可行，在3.x中不可行</span><br><span class="line">reactive(foo) === foo</span><br></pre></td></tr></table></figure>
+<ul>
+<li>readonly()
+确实创建了一个单独的对象，但它不会跟踪新添加的属性并且不适用于数组；</li>
+<li>避免在 reactive() 中使用数组作为 root
+值，因为如果没有属性访问，则不会跟踪数组的变化（这将导致警告）；</li>
+<li>Reactivity APIs 忽略带有 symbol 键的属性。</li>
+</ul>
+<p>此外，以下功能是未移植的：</p>
+<ul>
+<li>❌ createApp()（Vue2 没有独立的应用范围）</li>
+<li>❌ 在 <code>&lt;script setup&gt;</code> 顶层使用 <code>await</code>
+(Vue 2 不支持异步组件初始化)</li>
+<li>❌ 模板表达式中的 TypeScript 语法（与 Vue2 解析器不兼容）</li>
+<li>❌ Reactivity transform（仍处于试验阶段）</li>
+<li>❌ options 组件不支持 expose
+选项（但在<code>&lt;script setup&gt;</code> 中支持
+<code>defineExpose()</code> )</li>
+</ul>
+<h2 id="vue2.x-升级为-vue2.7">vue2.x 升级为 vue2.7</h2>
+<p>请查看官方升级文档 <a
+href="https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html#升级指南">升级指南</a></p>
+<h2 id="如何在vue2.x项目中使用-compositionapi">如何在vue2.x项目中使用
+compositionAPI</h2>
+<h3 id="适用场景">适用场景</h3>
+<p>当将 vue2.x 升级到 vue2.7 后，有时候需要维护原来的组件，分 3
+种情况讨论：</p>
+<ol type="1">
+<li>若修改原来的功能，建议直接使用选项式 API 的方式开发，因为在
+<code>setup</code> 中无法获取到 <code>this</code>，无法调用一些现有的
+data、methods 等等。</li>
+<li>若新增加功能且与现有功能不耦合，可以直接添加 <code>setup()</code>
+函数，在该函数中增加新功能逻辑。当然，若有多个功能，可以将功能拆分成多个文件，然后在
+<code>setup()</code> 函数中来聚合</li>
+<li>若开发新组件，可以直接使用 <code>&lt;script setup&gt;</code>
+的方式</li>
 </ol>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">const isIFramePageVisible = ref(false)</span><br><span class="line">// 这里是个优化，想的是只有页面访问过该路由才渲染，没访问过就不渲染该组件</span><br><span class="line">const iframeVisited = ref(false) </span><br><span class="line"></span><br><span class="line">watch(</span><br><span class="line">  () =&gt; routes.path,</span><br><span class="line">  (value) =&gt; &#123;</span><br><span class="line">    if (value === &#x27;/iframe&#x27;) &#123;</span><br><span class="line">      iframeVisited.value = true</span><br><span class="line">      isIFramePageVisible.value = true</span><br><span class="line">    &#125; else &#123;</span><br><span class="line">      isIFramePageVisible.value = false</span><br><span class="line">    &#125;</span><br><span class="line">  &#125;,</span><br><span class="line">  &#123;</span><br><span class="line">    immediate: true</span><br><span class="line">  &#125;</span><br><span class="line">)</span><br></pre></td></tr></table></figure>
-<h3 id="注意事项">注意事项</h3>
-<p>iframe 只有处于显示时，才会加载 iframe 里面的内容。因此，必须保证
-iframe 不在后台实例化，可以通过以下方式实现：</p>
+<h3 id="开发需知">开发需知</h3>
 <ol type="1">
-<li>通过 <code>v-if</code> 来控制初始化加载</li>
-<li>在 <code>index.vue</code> 第一次加载时，使用 js 初始化
-iframe，然后添加到 <code>ChatHub</code> 作为其子元素。</li>
+<li><p><code>reactive()、ref()、shallowReactive()</code>
+将直接转换原始对象而不是创建代理</p></li>
+<li><p>使用组件时，不要使用自闭合标签，应
+<code>&lt;component&gt;&lt;/component&gt;</code></p></li>
+<li><p>对于数组，使用 <code>ref</code>，不要使用
+<code>reactive</code></p></li>
 </ol>
-<blockquote>
-<p>如果后台先实例了 iframe 后，会导致从其它页面切换到 /chathub
-页面时，无法正常加载 iframe 里面的内容，并影响性能。</p>
-</blockquote>
+<h3 id="ref-与-reactive"><code>ref</code> 与 <code>reactive</code></h3>
+<ul>
+<li><code>reactive</code> 一般用于对象/数组类型的数据，都不需要使用
+<code>.value</code>；</li>
+<li><code>ref</code>一般用于基础数据类型的数据，在 JS
+中读取和修改时，需要使用
+<code>.value</code>，在模版中使用时则不需要；</li>
+<li><code>reactive</code> 可以修改深层属性值，并保持响应；</li>
+<li><code>reactive</code> 返回值和源对象不同；</li>
+<li><code>reactive</code>的属性值可以是 <code>ref</code>值；</li>
+<li><code>ref</code> 本质也是
+<code>reactive</code>，<code>ref(obj)</code>等价于
+<code>reactive(&#123;value: obj&#125;)</code>。</li>
+</ul>
 <h2 id="参考">参考</h2>
 <p>本文参考以下文章，在此报以诚挚谢意！</p>
 <ol type="1">
+<li><p><a href="https://blog.vuejs.org/posts/vue-2-7-naruto">Vue 2.7
+"Naruto" Released | The Vue Point (vuejs.org)</a></p></li>
 <li><p><a
-href="https://juejin.cn/post/7041376972261294088">vue缓存iframe的解决方法</a></p></li>
+href="https://v2.cn.vuejs.org/v2/guide/migration-vue-2-7.html">迁移至
+Vue 2.7 — Vue.js (vuejs.org)</a></p></li>
 <li><p><a
-href="https://juejin.cn/post/7246310077233659941#heading-2">Vue
-KeepAlive 为什么不能缓存 iframe</a></p></li>
+href="https://juejin.cn/post/7158362697803759624">Vue2.7正式发布，终于可以在Vue2项目中使用Vue3的特性了
+- 掘金 (juejin.cn)</a></p></li>
 </ol>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
         <category>Vue</category>
-        <category>VueBasic</category>
+        <category>Vue2.x</category>
       </categories>
       <tags>
-        <tag>Vue</tag>
-        <tag>iframe</tag>
+        <tag>NexT</tag>
+        <tag>vue2.x</tag>
+        <tag>compositionAPI</tag>
       </tags>
   </entry>
   <entry>
-    <title>LearnVue 响应式原理</title>
-    <url>/posts/2020/1P0TW1J.html</url>
-    <content><![CDATA[<p>Vue.js的响应式原理依赖于 <a
-href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty</a>，尤大大在
-<a
-href="https://cn.vuejs.org/v2/guide/reactivity.html#如何追踪变化">Vue.js文档</a>
-中就已经提到过，这也是 Vue.js 不支持 IE8 以及更低版本浏览器的原因。Vue
-通过设定对象属性的 setter/getter 方法来监听数据的变化，通过 getter
-进行依赖收集，而每个 setter
-方法就是一个观察者，在数据变更的时候通知订阅者更新视图。</p>
+    <title>如何优雅地实现 echarts 的自适应</title>
+    <url>/posts/2023/1G6444M.html</url>
+    <content><![CDATA[<p>要实现 echarts 窗口自适应变化，可以使用 ResizeObserver API
+监听容器元素的大小变化，并在容器大小变化时调用 echarts 实例的
+<code>resize()</code> 方法重新渲染图表。</p>
+<p>代码如下：</p>
 <span id="more"></span>
-<h2
-id="将数据data变成可观察observable的">将数据data变成可观察（observable）的</h2>
-<h3 id="注解">注解</h3>
-<ul>
-<li><p><a
-href="%5Bhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty">Object.defineProperty(
-obj, propName, descriptor )</a></p>
-<p>在对象上定义一个新的属性，或者修改一个存在的属性，然后返回该对象</p>
-<p>其中 descriptor 有以下参数</p>
-<table>
-<colgroup>
-<col style="width: 14%" />
-<col style="width: 74%" />
-<col style="width: 11%" />
-</colgroup>
-<thead>
-<tr class="header">
-<th>描述符</th>
-<th>作用</th>
-<th>默认值</th>
-</tr>
-</thead>
-<tbody>
-<tr class="odd">
-<td>configurable</td>
-<td>是否 可更改属性类型和可删除</td>
-<td>false</td>
-</tr>
-<tr class="even">
-<td>enumerable</td>
-<td>是否 可枚举属性该属性。如果为 true,
-在枚举属性的时候，会显示该属性</td>
-<td>false</td>
-</tr>
-<tr class="odd">
-<td>vlue</td>
-<td>属性的值, 可以是任意的 js 值类型</td>
-<td>undefined</td>
-</tr>
-<tr class="even">
-<td>writable</td>
-<td>是否 属性值是否可以通过赋值运算符进行修改</td>
-<td>false</td>
-</tr>
-<tr class="odd">
-<td>get</td>
-<td>存取器</td>
-<td>undefined</td>
-</tr>
-<tr class="even">
-<td>set</td>
-<td>存取器</td>
-<td>undefined</td>
-</tr>
-</tbody>
-</table></li>
-<li><p><a
-href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys">Object.keys()</a></p>
-<p>返回对象所有的属性</p></li>
-</ul>
-<h3 id="疑问">疑问？</h3>
-<figure class="highlight plaintext"><table><tr><td class="code"><pre><span class="line">class Vue &#123;</span><br><span class="line">    constructor(options) &#123;</span><br><span class="line">        this._data = options.data;</span><br><span class="line">        observe(this._data, options.render)</span><br><span class="line">    &#125;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
-<p>如果是 component ，它的 data 是一个函数，那它的 data
-是怎么处理的呢？</p>
-<h2 id="代理">代理</h2>
-<p>我们可以在Vue的构造函数constructor中为data执行一个代理<a
-href="https://github.com/vuejs/vue/blob/dev/src/core/instance/state.js#L33">proxy</a>。这样我们就把data上面的属性代理到了vm实例上。</p>
-<ul>
-<li><p><a
-href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call">call()</a></p>
-<p>使用给定的 this 值和单独提供的参数调用函数。</p>
-<p>这样，在 _proxy 函数里面就可以调用 this 值了。</p></li>
-</ul>
-<h3 id="问题">问题？</h3>
-<p>为什么不直接将 data 中的参数定义到 vm (vue 的实例) 上，而是要先定义到
-vm._data, 然后再代理到 vm 呢？</p>
-<p>我猜测是因为：</p>
-<ul>
-<li>如果直接定义到 this 实例上，那 data 就没有定义</li>
-<li>而通过代理，data 传递引用给 vm._data, 在 _data上定义，就代表在 data
-上也定义了，然后再代理到 vm 上，这样，可以通过 vm.propertyName
-访问了</li>
-</ul>
-<h2 id="后记">后记</h2>
-<p>本文是在学习 <a
-href="https://github.com/answershuto/learnVue">LearnVue</a>
-时的个人注解，如果需要参考，请先阅读 <a
-href="https://github.com/answershuto/learnVue">LearnVue</a> 。</p>
+<figure class="highlight javascript"><table><tr><td class="code"><pre><span class="line"><span class="keyword">import</span> &#123; watch &#125; <span class="keyword">from</span> <span class="string">&#x27;vue&#x27;</span></span><br><span class="line"></span><br><span class="line"><span class="comment">/**</span></span><br><span class="line"><span class="comment"> * eCharts 图表自适应</span></span><br><span class="line"><span class="comment"> * 在 chart 值就去时会自动注册自适应逻辑</span></span><br><span class="line"><span class="comment"> * <span class="doctag">@param</span> &#123;<span class="type">ref</span>&#125; <span class="variable">echartRef</span></span></span><br><span class="line"><span class="comment"> */</span></span><br><span class="line"><span class="keyword">export</span> <span class="keyword">function</span> <span class="title function_">resizeECharts</span>(<span class="params">echartRef</span>) &#123;</span><br><span class="line">  <span class="keyword">if</span> (!echartRef) <span class="keyword">return</span></span><br><span class="line"></span><br><span class="line">  <span class="keyword">function</span> <span class="title function_">resizeCallback</span>(<span class="params"></span>) &#123;</span><br><span class="line">    <span class="keyword">if</span> (echartRef &amp;&amp; echartRef.<span class="property">value</span>) echartRef.<span class="property">value</span>.<span class="title function_">resize</span>()</span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">  <span class="title function_">watch</span>(echart, <span class="function"><span class="params">newValue</span> =&gt;</span> &#123;</span><br><span class="line">    <span class="keyword">if</span> (!newValue) <span class="keyword">return</span></span><br><span class="line">    <span class="keyword">const</span> parentDom = newValue.<span class="property">_dom</span>.<span class="property">parentElement</span></span><br><span class="line">    <span class="comment">// 监听 parentDom 元素的大小变化</span></span><br><span class="line">    <span class="keyword">const</span> observer = <span class="keyword">new</span> <span class="title class_">ResizeObserver</span>(<span class="function">() =&gt;</span> &#123;</span><br><span class="line">      <span class="title function_">resizeCallback</span>()</span><br><span class="line">    &#125;)</span><br><span class="line">    observer.<span class="title function_">observe</span>(parentDom)</span><br><span class="line">  &#125;)</span><br><span class="line">&#125;</span><br><span class="line"></span><br></pre></td></tr></table></figure>
 ]]></content>
       <categories>
         <category>Develop</category>
         <category>Javascript</category>
         <category>Vue</category>
-        <category>VueBasic</category>
+        <category>Vue2.x</category>
       </categories>
       <tags>
-        <tag>vue</tag>
-        <tag>LearnVue</tag>
+        <tag>Vue</tag>
+        <tag>Vue2.x</tag>
       </tags>
   </entry>
   <entry>
diff --git a/submit_urls.txt b/submit_urls.txt
index 88d07aea1c..2f1280b507 100644
--- a/submit_urls.txt
+++ b/submit_urls.txt
@@ -1,10 +1,10 @@
 https://galens.uamazing.cn/posts/2022/2CGPR3T.html
+https://galens.uamazing.cn/posts/2021/192XQSC.html
+https://galens.uamazing.cn/posts/2022/1621QC.html
 https://galens.uamazing.cn/posts/2023/1YG7ZB2.html
 https://galens.uamazing.cn/posts/2023/1T84381.html
 https://galens.uamazing.cn/posts/2023/2W88WG9.html
 https://galens.uamazing.cn/posts/2023/304FHXE.html
-https://galens.uamazing.cn/posts/2021/192XQSC.html
-https://galens.uamazing.cn/posts/2022/1621QC.html
 https://galens.uamazing.cn/posts/2022/2K21HCS.html
 https://galens.uamazing.cn/posts/2022/243ZBZ4.html
 https://galens.uamazing.cn/posts/2022/1VMAW6B.html
\ No newline at end of file
diff --git a/tags/Adguard/index.html b/tags/Adguard/index.html
index dde99164a0..2a8eceaf58 100644
--- a/tags/Adguard/index.html
+++ b/tags/Adguard/index.html
@@ -22,7 +22,7 @@
     <meta name="description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:type" content="website">
 <meta property="og:title" content="星辰大海">
-<meta property="og:url" content="https://galens.uamazing.cn/tags/Adguard/index.html">
+<meta property="og:url" content="https://galens.uamazing.cn/tags/AdGuard/index.html">
 <meta property="og:site_name" content="星辰大海">
 <meta property="og:description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:locale" content="zh_CN">
@@ -31,14 +31,14 @@
 <meta name="twitter:card" content="summary">
 
 
-<link rel="canonical" href="https://galens.uamazing.cn/tags/Adguard/">
+<link rel="canonical" href="https://galens.uamazing.cn/tags/AdGuard/">
 
 
 
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/Adguard/index.html","title":""}</script>
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/AdGuard/index.html","title":""}</script>
 
 <script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>标签: Adguard | 星辰大海</title>
+<title>标签: AdGuard | 星辰大海</title>
   
 
 
@@ -204,7 +204,7 @@
   <div class="post-block">
     <div class="post-content">
       <div class="collection-title">
-        <h1 class="collection-header">Adguard
+        <h1 class="collection-header">AdGuard
           <small>标签</small>
         </h1>
       </div>
@@ -218,35 +218,15 @@ <h1 class="collection-header">Adguard
     <header class="post-header">
       <div class="post-meta-container">
         <time itemprop="dateCreated"
-              datetime="2020-06-22T00:00:00+08:00"
-              content="2020-06-22">
-          06-22
+              datetime="2020-11-05T00:00:00+08:00"
+              content="2020-11-05">
+          11-05
         </time>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/2JN1KQ1.html" itemprop="url">
-            <span itemprop="name">使用 AdGuardHome，实现网页加速和去广告</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2020-05-16T00:00:00+08:00"
-              content="2020-05-16">
-          05-16
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1W2Z51R.html" itemprop="url">
-            <span itemprop="name">如何解决 Adguard 拖慢网速问题</span>
+          <a class="post-title-link" href="/posts/2020/K2C2JM.html" itemprop="url">
+            <span itemprop="name">AdGuard 语法</span>
           </a>
       </div>
 
@@ -335,7 +315,7 @@ <h1 class="collection-header">Adguard
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
 
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"8635dcb1107b027777c10ab7c28091a5"}</script>
+<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"91ac1cd0585304d026d4c74a002a8d1d"}</script>
 <script src="/js/third-party/comments/gitalk.js"></script>
 
 </body>
diff --git a/tags/Bentley/index.html b/tags/Bentley/index.html
index be41737fe1..cd3bc8bc09 100644
--- a/tags/Bentley/index.html
+++ b/tags/Bentley/index.html
@@ -388,8 +388,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
+          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
           </a>
       </div>
 
@@ -408,8 +408,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
+          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
           </a>
       </div>
 
diff --git a/tags/Bentley/page/2/index.html b/tags/Bentley/page/2/index.html
index 21374d5120..e0bef2f2c3 100644
--- a/tags/Bentley/page/2/index.html
+++ b/tags/Bentley/page/2/index.html
@@ -265,8 +265,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
-            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
+          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
+            <span itemprop="name">几何继承关系层次图</span>
           </a>
       </div>
 
@@ -285,8 +285,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1C9ATGS.html" itemprop="url">
-            <span itemprop="name">几何继承关系层次图</span>
+          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
+            <span itemprop="name">由浅入深地理解样条曲线</span>
           </a>
       </div>
 
@@ -305,8 +305,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
-            <span itemprop="name">由浅入深地理解样条曲线</span>
+          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
+            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
           </a>
       </div>
 
diff --git a/tags/Bentley/page/3/index.html b/tags/Bentley/page/3/index.html
index 19805dedc9..5cced74b3d 100644
--- a/tags/Bentley/page/3/index.html
+++ b/tags/Bentley/page/3/index.html
@@ -268,8 +268,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
-            <span itemprop="name">ORD打印图片是黑色</span>
+          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
+            <span itemprop="name">ORD安装完成一打开报错</span>
           </a>
       </div>
 
@@ -288,8 +288,8 @@ <h1 class="collection-header">Bentley
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
-            <span itemprop="name">ORD安装完成一打开报错</span>
+          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
+            <span itemprop="name">ORD打印图片是黑色</span>
           </a>
       </div>
 
diff --git "a/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/index.html" "b/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/index.html"
index caadeb98f9..ab76b1c8ab 100644
--- "a/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/index.html"
+++ "b/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/index.html"
@@ -325,8 +325,8 @@ <h1 class="collection-header">Bentley二次开发
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
+          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
           </a>
       </div>
 
@@ -345,8 +345,8 @@ <h1 class="collection-header">Bentley二次开发
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
+          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
           </a>
       </div>
 
@@ -385,8 +385,8 @@ <h1 class="collection-header">Bentley二次开发
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
-            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
+          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
+            <span itemprop="name">由浅入深地理解样条曲线</span>
           </a>
       </div>
 
@@ -405,8 +405,8 @@ <h1 class="collection-header">Bentley二次开发
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
-            <span itemprop="name">由浅入深地理解样条曲线</span>
+          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
+            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
           </a>
       </div>
 
diff --git "a/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/page/2/index.html" "b/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/page/2/index.html"
index 6d1b9c95b3..615dd87aa6 100644
--- "a/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/page/2/index.html"
+++ "b/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/page/2/index.html"
@@ -331,8 +331,8 @@ <h1 class="collection-header">Bentley二次开发
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
-            <span itemprop="name">MDL开发中如何创建makefile文件</span>
+          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
+            <span itemprop="name">MDL入门技术栈</span>
           </a>
       </div>
 
@@ -351,8 +351,8 @@ <h1 class="collection-header">Bentley二次开发
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
-            <span itemprop="name">MDL入门技术栈</span>
+          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
+            <span itemprop="name">MDL开发中如何创建makefile文件</span>
           </a>
       </div>
 
diff --git "a/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/page/3/index.html" "b/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/page/3/index.html"
index dc9b5f0b49..eef00f54da 100644
--- "a/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/page/3/index.html"
+++ "b/tags/Bentley\344\272\214\346\254\241\345\274\200\345\217\221/page/3/index.html"
@@ -245,8 +245,8 @@ <h1 class="collection-header">Bentley二次开发
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
-            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
+          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
+            <span itemprop="name">引线标注</span>
           </a>
       </div>
 
@@ -265,8 +265,8 @@ <h1 class="collection-header">Bentley二次开发
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1P955T2.html" itemprop="url">
-            <span itemprop="name">引线标注</span>
+          <a class="post-title-link" href="/posts/2020/31H546G.html" itemprop="url">
+            <span itemprop="name">将元素的颜色设置为 ByLevel</span>
           </a>
       </div>
 
diff --git "a/tags/Bentley\351\227\256\351\242\230\345\244\204\347\220\206/index.html" "b/tags/Bentley\351\227\256\351\242\230\345\244\204\347\220\206/index.html"
index df85c106b7..e37075c7e5 100644
--- "a/tags/Bentley\351\227\256\351\242\230\345\244\204\347\220\206/index.html"
+++ "b/tags/Bentley\351\227\256\351\242\230\345\244\204\347\220\206/index.html"
@@ -291,8 +291,8 @@ <h1 class="collection-header">Bentley问题处理
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
-            <span itemprop="name">ORD打印图片是黑色</span>
+          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
+            <span itemprop="name">ORD安装完成一打开报错</span>
           </a>
       </div>
 
@@ -311,8 +311,8 @@ <h1 class="collection-header">Bentley问题处理
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/WYBXRB.html" itemprop="url">
-            <span itemprop="name">ORD安装完成一打开报错</span>
+          <a class="post-title-link" href="/posts/2021/1P39N8S.html" itemprop="url">
+            <span itemprop="name">ORD打印图片是黑色</span>
           </a>
       </div>
 
diff --git a/tags/C/index.html b/tags/C/index.html
index 160562507c..b3212a3794 100644
--- a/tags/C/index.html
+++ b/tags/C/index.html
@@ -22,7 +22,7 @@
     <meta name="description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:type" content="website">
 <meta property="og:title" content="星辰大海">
-<meta property="og:url" content="https://galens.uamazing.cn/tags/C/index.html">
+<meta property="og:url" content="https://galens.uamazing.cn/tags/c/index.html">
 <meta property="og:site_name" content="星辰大海">
 <meta property="og:description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:locale" content="zh_CN">
@@ -31,14 +31,14 @@
 <meta name="twitter:card" content="summary">
 
 
-<link rel="canonical" href="https://galens.uamazing.cn/tags/C/">
+<link rel="canonical" href="https://galens.uamazing.cn/tags/c/">
 
 
 
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/C/index.html","title":""}</script>
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/c/index.html","title":""}</script>
 
 <script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>标签: C# | 星辰大海</title>
+<title>标签: c# | 星辰大海</title>
   
 
 
@@ -204,215 +204,29 @@
   <div class="post-block">
     <div class="post-content">
       <div class="collection-title">
-        <h1 class="collection-header">C#
+        <h1 class="collection-header">c#
           <small>标签</small>
         </h1>
       </div>
 
       
     <div class="collection-year">
-      <span class="collection-header">2023</span>
+      <span class="collection-header">2020</span>
     </div>
 
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
         <time itemprop="dateCreated"
-              datetime="2023-07-27T00:00:00+08:00"
-              content="2023-07-27">
-          07-27
+              datetime="2020-10-10T00:00:00+08:00"
+              content="2020-10-10">
+          10-10
         </time>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/210TYTX.html" itemprop="url">
-            <span itemprop="name">C# 中检测 Webview2 是否安装</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-02-26T00:00:00+08:00"
-              content="2023-02-26">
-          02-26
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/2JYPDKM.html" itemprop="url">
-            <span itemprop="name">C# 获取当前程序运行路径的方法集合</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-    <div class="collection-year">
-      <span class="collection-header">2022</span>
-    </div>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-10-21T00:00:00+08:00"
-              content="2022-10-21">
-          10-21
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1RWN42Y.html" itemprop="url">
-            <span itemprop="name">Webview2 中无法打开文件选择对话框</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-10-12T00:00:00+08:00"
-              content="2022-10-12">
-          10-12
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/E348XP.html" itemprop="url">
-            <span itemprop="name">C# 判断文件是否被占用</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-07-20T00:00:00+08:00"
-              content="2022-07-20">
-          07-20
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/14XRC75.html" itemprop="url">
-            <span itemprop="name">通用的深复制功能实现</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-07-12T00:00:00+08:00"
-              content="2022-07-12">
-          07-12
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1BXSKSD.html" itemprop="url">
-            <span itemprop="name">编程风格指南</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-07-12T00:00:00+08:00"
-              content="2022-07-12">
-          07-12
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/54B652.html" itemprop="url">
-            <span itemprop="name">C# 优雅编程</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-06-10T00:00:00+08:00"
-              content="2022-06-10">
-          06-10
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/9RVNQC.html" itemprop="url">
-            <span itemprop="name">C# 获取枚举上的 Description 特性值</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-05-06T00:00:00+08:00"
-              content="2022-05-06">
-          05-06
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1A0Q13P.html" itemprop="url">
-            <span itemprop="name">C# 通过 ()=>obj.Property 的形式获取实例和属性名</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-    <div class="collection-year">
-      <span class="collection-header">2021</span>
-    </div>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2021-09-18T00:00:00+08:00"
-              content="2021-09-18">
-          09-18
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/BKEMB5.html" itemprop="url">
-            <span itemprop="name">VS 中 C# 开发语法糖</span>
+          <a class="post-title-link" href="/posts/2020/2KKWR4A.html" itemprop="url">
+            <span itemprop="name">关于时间的用法总结</span>
           </a>
       </div>
 
@@ -425,9 +239,6 @@ <h1 class="collection-header">C#
   
   
   
-  <nav class="pagination">
-    <span class="page-number current">1</span><a class="page-number" href="/tags/C/page/2/">2</a><a class="page-number" href="/tags/C/page/3/">3</a><a class="extend next" rel="next" title="下一页" aria-label="下一页" href="/tags/C/page/2/"><i class="fa fa-angle-right"></i></a>
-  </nav>
 
 </div>
   </main>
@@ -504,7 +315,7 @@ <h1 class="collection-header">C#
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
 
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"b3cd0707211782ce58ed0d23486cd00f"}</script>
+<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"a590434b2981e083b7358943bed3196a"}</script>
 <script src="/js/third-party/comments/gitalk.js"></script>
 
 </body>
diff --git a/tags/English/index.html b/tags/English/index.html
index 70f0a82571..e2ea437c76 100644
--- a/tags/English/index.html
+++ b/tags/English/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">English
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
-            <span itemprop="name">American accent</span>
+          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
+            <span itemprop="name">12 Egnlish Tenses</span>
           </a>
       </div>
 
@@ -245,8 +245,8 @@ <h1 class="collection-header">English
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/B9PE5D.html" itemprop="url">
-            <span itemprop="name">12 Egnlish Tenses</span>
+          <a class="post-title-link" href="/posts/2020/317EM2J.html" itemprop="url">
+            <span itemprop="name">American accent</span>
           </a>
       </div>
 
diff --git a/tags/Git/index.html b/tags/Git/index.html
index effd5ed097..fe0640a2e9 100644
--- a/tags/Git/index.html
+++ b/tags/Git/index.html
@@ -22,7 +22,7 @@
     <meta name="description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:type" content="website">
 <meta property="og:title" content="星辰大海">
-<meta property="og:url" content="https://galens.uamazing.cn/tags/Git/index.html">
+<meta property="og:url" content="https://galens.uamazing.cn/tags/git/index.html">
 <meta property="og:site_name" content="星辰大海">
 <meta property="og:description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:locale" content="zh_CN">
@@ -31,14 +31,14 @@
 <meta name="twitter:card" content="summary">
 
 
-<link rel="canonical" href="https://galens.uamazing.cn/tags/Git/">
+<link rel="canonical" href="https://galens.uamazing.cn/tags/git/">
 
 
 
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/Git/index.html","title":""}</script>
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/git/index.html","title":""}</script>
 
 <script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>标签: Git | 星辰大海</title>
+<title>标签: git | 星辰大海</title>
   
 
 
@@ -204,35 +204,12 @@
   <div class="post-block">
     <div class="post-content">
       <div class="collection-title">
-        <h1 class="collection-header">Git
+        <h1 class="collection-header">git
           <small>标签</small>
         </h1>
       </div>
 
       
-    <div class="collection-year">
-      <span class="collection-header">2023</span>
-    </div>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-05-30T00:00:00+08:00"
-              content="2023-05-30">
-          05-30
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/2Y0295C.html" itemprop="url">
-            <span itemprop="name">Git中 子模块的添加与删除</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
     <div class="collection-year">
       <span class="collection-header">2022</span>
     </div>
@@ -241,101 +218,15 @@ <h1 class="collection-header">Git
     <header class="post-header">
       <div class="post-meta-container">
         <time itemprop="dateCreated"
-              datetime="2022-07-15T00:00:00+08:00"
-              content="2022-07-15">
-          07-15
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/24T5YRV.html" itemprop="url">
-            <span itemprop="name">yarn install 时提示无法连接 github</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-03-16T00:00:00+08:00"
-              content="2022-03-16">
-          03-16
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/18J366C.html" itemprop="url">
-            <span itemprop="name">Git 中自己常用别名总结</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-03-15T00:00:00+08:00"
-              content="2022-03-15">
-          03-15
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1E4K349.html" itemprop="url">
-            <span itemprop="name">Git提交时无法进行差异对比，整个文件删除和新增</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-    <div class="collection-year">
-      <span class="collection-header">2021</span>
-    </div>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2021-08-19T00:00:00+08:00"
-              content="2021-08-19">
-          08-19
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/3RHTYZB.html" itemprop="url">
-            <span itemprop="name">Git 中 branch 与 tag 的区别和使用场景</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-    <div class="collection-year">
-      <span class="collection-header">2020</span>
-    </div>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2020-10-20T00:00:00+08:00"
-              content="2020-10-20">
-          10-20
+              datetime="2022-03-25T00:00:00+08:00"
+              content="2022-03-25">
+          03-25
         </time>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/189RMV7.html" itemprop="url">
-            <span itemprop="name">git 常用命令总结</span>
+          <a class="post-title-link" href="/posts/2022/3TYQ1H6.html" itemprop="url">
+            <span itemprop="name">用 git 管理私有包</span>
           </a>
       </div>
 
@@ -424,7 +315,7 @@ <h1 class="collection-header">Git
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
 
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"ef245846add4eeea5c08f343dbd6faae"}</script>
+<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"730dd2a76b34bb9a77ad251b6c098737"}</script>
 <script src="/js/third-party/comments/gitalk.js"></script>
 
 </body>
diff --git a/tags/Hexo/index.html b/tags/Hexo/index.html
index dba690ff90..694c4c98c5 100644
--- a/tags/Hexo/index.html
+++ b/tags/Hexo/index.html
@@ -311,8 +311,8 @@ <h1 class="collection-header">Hexo
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
-            <span itemprop="name">博客搭建历程</span>
+          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
+            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
           </a>
       </div>
 
@@ -331,8 +331,8 @@ <h1 class="collection-header">Hexo
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
-            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
+          <a class="post-title-link" href="/posts/2019/24BB768.html" itemprop="url">
+            <span itemprop="name">博客搭建历程</span>
           </a>
       </div>
 
diff --git a/tags/MDL/index.html b/tags/MDL/index.html
index 5ac21144d7..fbbe874ce6 100644
--- a/tags/MDL/index.html
+++ b/tags/MDL/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">MDL
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
-            <span itemprop="name">MDL开发中如何创建makefile文件</span>
+          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
+            <span itemprop="name">MDL入门技术栈</span>
           </a>
       </div>
 
@@ -245,8 +245,8 @@ <h1 class="collection-header">MDL
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/14RZ2W.html" itemprop="url">
-            <span itemprop="name">MDL入门技术栈</span>
+          <a class="post-title-link" href="/posts/2020/353AZ4N.html" itemprop="url">
+            <span itemprop="name">MDL开发中如何创建makefile文件</span>
           </a>
       </div>
 
diff --git a/tags/MVVM/index.html b/tags/MVVM/index.html
index cbb914eeb0..3fbdcdb8ea 100644
--- a/tags/MVVM/index.html
+++ b/tags/MVVM/index.html
@@ -328,8 +328,8 @@ <h1 class="collection-header">MVVM
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
+          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
           </a>
       </div>
 
@@ -348,8 +348,8 @@ <h1 class="collection-header">MVVM
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
+          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
           </a>
       </div>
 
@@ -408,8 +408,8 @@ <h1 class="collection-header">MVVM
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
+          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
           </a>
       </div>
 
diff --git a/tags/MVVM/page/2/index.html b/tags/MVVM/page/2/index.html
index 14aa295314..9972438a98 100644
--- a/tags/MVVM/page/2/index.html
+++ b/tags/MVVM/page/2/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">MVVM
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
+          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
           </a>
       </div>
 
@@ -265,8 +265,8 @@ <h1 class="collection-header">MVVM
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
+          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
           </a>
       </div>
 
diff --git a/tags/Minio/index.html b/tags/Minio/index.html
index 83ba90b6e7..f83c49c53f 100644
--- a/tags/Minio/index.html
+++ b/tags/Minio/index.html
@@ -320,32 +320,3 @@ <h1 class="collection-header">minio
 
 </body>
 </html>
-PQp5A53EGZOnOLmc=" crossorigin="anonymous"></script>
-<script src="/js/third-party/search/local-search.js"></script>
-
-
-  <script class="next-config" data-name="mermaid" type="application/json">{"enable":true,"theme":"forest","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.4.3/mermaid.min.js","integrity":"sha256-e0o3JYsdjqKajf9eOe22FhioYSz9WofRY4dLKo3F6do="}}</script>
-  <script src="/js/third-party/tags/mermaid.js"></script>
-
-
-
-
-
-  
-
-
-
-
-  
-
-  <script class="next-config" data-name="enableMath" type="application/json">false</script><script class="next-config" data-name="mathjax" type="application/json">{"enable":true,"tags":"ams","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
-<script src="/js/third-party/math/mathjax.js"></script>
-
-
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
-
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"5340008a4bd7a039b3b7b580ce3960ab"}</script>
-<script src="/js/third-party/comments/gitalk.js"></script>
-
-</body>
-</html>
diff --git a/tags/Software/index.html b/tags/Software/index.html
index 7e5939a825..143aa8c855 100644
--- a/tags/Software/index.html
+++ b/tags/Software/index.html
@@ -22,7 +22,7 @@
     <meta name="description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:type" content="website">
 <meta property="og:title" content="星辰大海">
-<meta property="og:url" content="https://galens.uamazing.cn/tags/Software/index.html">
+<meta property="og:url" content="https://galens.uamazing.cn/tags/software/index.html">
 <meta property="og:site_name" content="星辰大海">
 <meta property="og:description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:locale" content="zh_CN">
@@ -31,14 +31,14 @@
 <meta name="twitter:card" content="summary">
 
 
-<link rel="canonical" href="https://galens.uamazing.cn/tags/Software/">
+<link rel="canonical" href="https://galens.uamazing.cn/tags/software/">
 
 
 
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/Software/index.html","title":""}</script>
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/software/index.html","title":""}</script>
 
 <script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>标签: Software | 星辰大海</title>
+<title>标签: software | 星辰大海</title>
   
 
 
@@ -204,7 +204,7 @@
   <div class="post-block">
     <div class="post-content">
       <div class="collection-title">
-        <h1 class="collection-header">Software
+        <h1 class="collection-header">software
           <small>标签</small>
         </h1>
       </div>
@@ -218,195 +218,15 @@ <h1 class="collection-header">Software
     <header class="post-header">
       <div class="post-meta-container">
         <time itemprop="dateCreated"
-              datetime="2023-08-09T00:00:00+08:00"
-              content="2023-08-09">
-          08-09
+              datetime="2023-05-26T00:00:00+08:00"
+              content="2023-05-26">
+          05-26
         </time>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1T84381.html" itemprop="url">
-            <span itemprop="name">Github Copilot 的免费替代软件</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-08-09T00:00:00+08:00"
-              content="2023-08-09">
-          08-09
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/2W88WG9.html" itemprop="url">
-            <span itemprop="name">iEPC 设计协同使用教程</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-06-30T00:00:00+08:00"
-              content="2023-06-30">
-          06-30
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/2SE43YW.html" itemprop="url">
-            <span itemprop="name">JitsiMeet 通过 JWT 配置用户的主持人角色</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-06-29T00:00:00+08:00"
-              content="2023-06-29">
-          06-29
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/3JD9V8X.html" itemprop="url">
-            <span itemprop="name">JitsiMeet 为房间添加描述</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-06-28T00:00:00+08:00"
-              content="2023-06-28">
-          06-28
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/3G2MHZ7.html" itemprop="url">
-            <span itemprop="name">JitsiMeet 中 Prosody 插件配置</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-06-28T00:00:00+08:00"
-              content="2023-06-28">
-          06-28
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/2QBX38K.html" itemprop="url">
-            <span itemprop="name">JitsiMeet 私有化部署获取事件回调</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-06-27T00:00:00+08:00"
-              content="2023-06-27">
-          06-27
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/220EMHS.html" itemprop="url">
-            <span itemprop="name">JitsiMeet 获取所有的房间列表</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-06-27T00:00:00+08:00"
-              content="2023-06-27">
-          06-27
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/3G78E45.html" itemprop="url">
-            <span itemprop="name">JitsiMeet 进行压力测试</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-06-25T00:00:00+08:00"
-              content="2023-06-25">
-          06-25
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/9Q7N69.html" itemprop="url">
-            <span itemprop="name">JitsiMeet docker 部署及设置 jw 授权</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-06-13T00:00:00+08:00"
-              content="2023-06-13">
-          06-13
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/2SJBCB8.html" itemprop="url">
-            <span itemprop="name">Powershell 安装 NerdFonts 字体</span>
+          <a class="post-title-link" href="/posts/2023/77AD03.html" itemprop="url">
+            <span itemprop="name">新版 Edge 取消圆角样式</span>
           </a>
       </div>
 
@@ -419,9 +239,6 @@ <h1 class="collection-header">Software
   
   
   
-  <nav class="pagination">
-    <span class="page-number current">1</span><a class="page-number" href="/tags/Software/page/2/">2</a><a class="extend next" rel="next" title="下一页" aria-label="下一页" href="/tags/Software/page/2/"><i class="fa fa-angle-right"></i></a>
-  </nav>
 
 </div>
   </main>
@@ -498,7 +315,7 @@ <h1 class="collection-header">Software
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
 
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"41dbed172bb0a7e31a8229447b70eeb5"}</script>
+<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"c71c32fb9bac962d4d0067f0bd76397b"}</script>
 <script src="/js/third-party/comments/gitalk.js"></script>
 
 </body>
diff --git a/tags/Software/page/2/index.html b/tags/Software/page/2/index.html
index c1f20753f9..0107f5502d 100644
--- a/tags/Software/page/2/index.html
+++ b/tags/Software/page/2/index.html
@@ -345,8 +345,8 @@ <h1 class="collection-header">Software
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
-            <span itemprop="name">z.lua 安装</span>
+          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
+            <span itemprop="name">Powershell7 实用插件集</span>
           </a>
       </div>
 
@@ -365,8 +365,8 @@ <h1 class="collection-header">Software
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/1N5WRFM.html" itemprop="url">
-            <span itemprop="name">Powershell7 实用插件集</span>
+          <a class="post-title-link" href="/posts/2023/1JSFERW.html" itemprop="url">
+            <span itemprop="name">z.lua 安装</span>
           </a>
       </div>
 
diff --git a/tags/Vue/index.html b/tags/Vue/index.html
index 925913128c..3d61d66734 100644
--- a/tags/Vue/index.html
+++ b/tags/Vue/index.html
@@ -466,14 +466,3 @@ <h1 class="collection-header">vue
 
 </body>
 </html>
-s://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
-<script src="/js/third-party/math/mathjax.js"></script>
-
-
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
-
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"ddd503e1f738eeba5ecde3596a43df28"}</script>
-<script src="/js/third-party/comments/gitalk.js"></script>
-
-</body>
-</html>
diff --git a/tags/WPF/index.html b/tags/WPF/index.html
index b65e2b6baa..01ea5bec82 100644
--- a/tags/WPF/index.html
+++ b/tags/WPF/index.html
@@ -345,8 +345,8 @@ <h1 class="collection-header">WPF
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
+          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
           </a>
       </div>
 
@@ -365,8 +365,8 @@ <h1 class="collection-header">WPF
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3R00ZSM.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）10-Execute：Dispatching to the UI thread</span>
+          <a class="post-title-link" href="/posts/2020/1H4GT7T.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）11-Screens and Conductors</span>
           </a>
       </div>
 
diff --git a/tags/WPF/page/2/index.html b/tags/WPF/page/2/index.html
index b39bb39d36..4791076a12 100644
--- a/tags/WPF/page/2/index.html
+++ b/tags/WPF/page/2/index.html
@@ -225,8 +225,8 @@ <h1 class="collection-header">WPF
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
+          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
           </a>
       </div>
 
@@ -245,8 +245,8 @@ <h1 class="collection-header">WPF
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/39AEVSS.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）15-The ViewManager</span>
+          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
           </a>
       </div>
 
@@ -285,8 +285,8 @@ <h1 class="collection-header">WPF
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/1SHECQH.html" itemprop="url">
-            <span itemprop="name">WPF MVVM Stylet使用文档（中文）16-Listening to INotifyPropertyChanged</span>
+          <a class="post-title-link" href="/posts/2020/4NQDGJ.html" itemprop="url">
+            <span itemprop="name">WPF MVVM Stylet使用文档（中文）18-Logging</span>
           </a>
       </div>
 
diff --git a/tags/Windows/index.html b/tags/Windows/index.html
index 1df558f4c7..68fcd6b0a3 100644
--- a/tags/Windows/index.html
+++ b/tags/Windows/index.html
@@ -22,7 +22,7 @@
     <meta name="description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:type" content="website">
 <meta property="og:title" content="星辰大海">
-<meta property="og:url" content="https://galens.uamazing.cn/tags/windows/index.html">
+<meta property="og:url" content="https://galens.uamazing.cn/tags/Windows/index.html">
 <meta property="og:site_name" content="星辰大海">
 <meta property="og:description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:locale" content="zh_CN">
@@ -31,14 +31,14 @@
 <meta name="twitter:card" content="summary">
 
 
-<link rel="canonical" href="https://galens.uamazing.cn/tags/windows/">
+<link rel="canonical" href="https://galens.uamazing.cn/tags/Windows/">
 
 
 
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/windows/index.html","title":""}</script>
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/Windows/index.html","title":""}</script>
 
 <script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>标签: windows | 星辰大海</title>
+<title>标签: Windows | 星辰大海</title>
   
 
 
@@ -204,12 +204,55 @@
   <div class="post-block">
     <div class="post-content">
       <div class="collection-title">
-        <h1 class="collection-header">windows
+        <h1 class="collection-header">Windows
           <small>标签</small>
         </h1>
       </div>
 
       
+    <div class="collection-year">
+      <span class="collection-header">2023</span>
+    </div>
+
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2023-08-07T00:00:00+08:00"
+              content="2023-08-07">
+          08-07
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/posts/2023/2CR6PKS.html" itemprop="url">
+            <span itemprop="name">重装 windows 系统</span>
+          </a>
+      </div>
+
+      
+    </header>
+  </article>
+
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2023-03-21T00:00:00+08:00"
+              content="2023-03-21">
+          03-21
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/posts/2023/1D7C89K.html" itemprop="url">
+            <span itemprop="name">windows10 更新升级</span>
+          </a>
+      </div>
+
+      
+    </header>
+  </article>
     <div class="collection-year">
       <span class="collection-header">2022</span>
     </div>
@@ -218,15 +261,15 @@ <h1 class="collection-header">windows
     <header class="post-header">
       <div class="post-meta-container">
         <time itemprop="dateCreated"
-              datetime="2022-01-17T00:00:00+08:00"
-              content="2022-01-17">
-          01-17
+              datetime="2022-09-23T00:00:00+08:00"
+              content="2022-09-23">
+          09-23
         </time>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/X71YPD.html" itemprop="url">
-            <span itemprop="name">ventoy安装系统时无法选择MBR分区的盘</span>
+          <a class="post-title-link" href="/posts/2022/1S9QPH9.html" itemprop="url">
+            <span itemprop="name">取消当你连接时将向你询问凭据</span>
           </a>
       </div>
 
@@ -238,15 +281,15 @@ <h1 class="collection-header">windows
     <header class="post-header">
       <div class="post-meta-container">
         <time itemprop="dateCreated"
-              datetime="2022-01-10T00:00:00+08:00"
-              content="2022-01-10">
-          01-10
+              datetime="2022-04-13T00:00:00+08:00"
+              content="2022-04-13">
+          04-13
         </time>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/2ZJ91KM.html" itemprop="url">
-            <span itemprop="name">windows 8.1/10/11 系统激活</span>
+          <a class="post-title-link" href="/posts/2022/SWJS0K.html" itemprop="url">
+            <span itemprop="name">重装系统后快速恢复生产力</span>
           </a>
       </div>
 
@@ -333,17 +376,6 @@ <h1 class="collection-header">windows
 <script src="/js/third-party/math/mathjax.js"></script>
 
 
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
-
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"f4312f19857b667333a5fe2556f21b6b"}</script>
-<script src="/js/third-party/comments/gitalk.js"></script>
-
-</body>
-</html>
-h" type="application/json">false</script><script class="next-config" data-name="mathjax" type="application/json">{"enable":true,"tags":"ams","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
-<script src="/js/third-party/math/mathjax.js"></script>
-
-
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
 
 <script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"e0b820f36efbf944337aaf330539d04c"}</script>
diff --git a/tags/docker/index.html b/tags/docker/index.html
index 5b19540fa8..e6f7dccca2 100644
--- a/tags/docker/index.html
+++ b/tags/docker/index.html
@@ -320,36 +320,3 @@ <h1 class="collection-header">docker
 
 </body>
 </html>
-x/libs/lozad.js/1.16.0/lozad.min.js" integrity="sha256-mOFREFhqmHeQbXpK2lp4nA3qooVgACfh88fpJftLBbc=" crossorigin="anonymous"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js" integrity="sha256-j+yj56cdEY2CwkVtGyz18fNybFGpMGJ8JxG3GSyO2+I=" crossorigin="anonymous"></script>
-<script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/motion.js"></script><script src="/js/next-boot.js"></script><script src="/js/pjax.js"></script>
-
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/hexo-generator-searchdb/1.4.1/search.js" integrity="sha256-1kfA5uHPf65M5cphT2dvymhkuyHPQp5A53EGZOnOLmc=" crossorigin="anonymous"></script>
-<script src="/js/third-party/search/local-search.js"></script>
-
-
-  <script class="next-config" data-name="mermaid" type="application/json">{"enable":true,"theme":"forest","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.4.3/mermaid.min.js","integrity":"sha256-e0o3JYsdjqKajf9eOe22FhioYSz9WofRY4dLKo3F6do="}}</script>
-  <script src="/js/third-party/tags/mermaid.js"></script>
-
-
-
-
-
-  
-
-
-
-
-  
-
-  <script class="next-config" data-name="enableMath" type="application/json">false</script><script class="next-config" data-name="mathjax" type="application/json">{"enable":true,"tags":"ams","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
-<script src="/js/third-party/math/mathjax.js"></script>
-
-
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
-
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"ad96c663337ef27d1f054c4673bfc3cb"}</script>
-<script src="/js/third-party/comments/gitalk.js"></script>
-
-</body>
-</html>
diff --git a/tags/galens/page/4/index.html b/tags/galens/page/4/index.html
index 7e0c6a89f8..3fba479bac 100644
--- a/tags/galens/page/4/index.html
+++ b/tags/galens/page/4/index.html
@@ -305,8 +305,8 @@ <h1 class="collection-header">galens
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
+          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
           </a>
       </div>
 
@@ -325,8 +325,8 @@ <h1 class="collection-header">galens
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1FJ4HP4.html" itemprop="url">
-            <span itemprop="name">DgnPrimitiveTool 使用文档</span>
+          <a class="post-title-link" href="/posts/2022/K0VDR.html" itemprop="url">
+            <span itemprop="name">DgnPrimitiveTool 详细说明文档</span>
           </a>
       </div>
 
@@ -365,8 +365,8 @@ <h1 class="collection-header">galens
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
-            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
+          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
+            <span itemprop="name">由浅入深地理解样条曲线</span>
           </a>
       </div>
 
@@ -385,8 +385,8 @@ <h1 class="collection-header">galens
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1CPW2GG.html" itemprop="url">
-            <span itemprop="name">由浅入深地理解样条曲线</span>
+          <a class="post-title-link" href="/posts/2022/1NF37FV.html" itemprop="url">
+            <span itemprop="name">如何调用 Microstation 的消息管理器</span>
           </a>
       </div>
 
diff --git a/tags/galens/page/7/index.html b/tags/galens/page/7/index.html
index c0fd855604..defc3b09d1 100644
--- a/tags/galens/page/7/index.html
+++ b/tags/galens/page/7/index.html
@@ -254,26 +254,6 @@ <h1 class="collection-header">galens
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2022-02-21T00:00:00+08:00"
-              content="2022-02-21">
-          02-21
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1621QC.html" itemprop="url">
-            <span itemprop="name">利用 HttpClient 进行网络请求并获取进度信息</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
@@ -417,6 +397,29 @@ <h1 class="collection-header">galens
       </div>
 
       
+    </header>
+  </article>
+    <div class="collection-year">
+      <span class="collection-header">2019</span>
+    </div>
+
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2019-11-26T00:00:00+08:00"
+              content="2019-11-26">
+          11-26
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/posts/2019/ARMN8G.html" itemprop="url">
+            <span itemprop="name">给博客增加revealjs功能</span>
+          </a>
+      </div>
+
+      
     </header>
   </article>
 
diff --git a/tags/galens/page/8/index.html b/tags/galens/page/8/index.html
index d3b9e58588..e9e13a6d72 100644
--- a/tags/galens/page/8/index.html
+++ b/tags/galens/page/8/index.html
@@ -214,26 +214,6 @@ <h1 class="collection-header">galens
       <span class="collection-header">2019</span>
     </div>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2019-11-26T00:00:00+08:00"
-              content="2019-11-26">
-          11-26
-        </time>
-      </div>
-
-      <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/ARMN8G.html" itemprop="url">
-            <span itemprop="name">给博客增加revealjs功能</span>
-          </a>
-      </div>
-
-      
-    </header>
-  </article>
-
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
@@ -245,8 +225,8 @@ <h1 class="collection-header">galens
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
-            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
+          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
+            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
           </a>
       </div>
 
@@ -265,8 +245,8 @@ <h1 class="collection-header">galens
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
-            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
+          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
+            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
           </a>
       </div>
 
diff --git a/tags/jekyll/index.html b/tags/jekyll/index.html
index 03953ec360..d6ab6ef168 100644
--- a/tags/jekyll/index.html
+++ b/tags/jekyll/index.html
@@ -245,8 +245,8 @@ <h1 class="collection-header">jekyll
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
-            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
+          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
+            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
           </a>
       </div>
 
@@ -265,8 +265,8 @@ <h1 class="collection-header">jekyll
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2019/3PCKARV.html" itemprop="url">
-            <span itemprop="name">一步步在 github pages 上用 jekyll 搭建属于自己的博客</span>
+          <a class="post-title-link" href="/posts/2019/2YZ5NBS.html" itemprop="url">
+            <span itemprop="name">博客 CDN 加速和增加 Live2d</span>
           </a>
       </div>
 
diff --git a/tags/let-s-encrypt/index.html b/tags/let-s-encrypt/index.html
index 3f24b2b7ab..bc86599553 100644
--- a/tags/let-s-encrypt/index.html
+++ b/tags/let-s-encrypt/index.html
@@ -22,7 +22,7 @@
     <meta name="description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:type" content="website">
 <meta property="og:title" content="星辰大海">
-<meta property="og:url" content="https://galens.uamazing.cn/tags/let-s-encrypt/index.html">
+<meta property="og:url" content="https://galens.uamazing.cn/tags/Let-s-Encrypt/index.html">
 <meta property="og:site_name" content="星辰大海">
 <meta property="og:description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:locale" content="zh_CN">
@@ -31,14 +31,14 @@
 <meta name="twitter:card" content="summary">
 
 
-<link rel="canonical" href="https://galens.uamazing.cn/tags/let-s-encrypt/">
+<link rel="canonical" href="https://galens.uamazing.cn/tags/Let-s-Encrypt/">
 
 
 
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/let-s-encrypt/index.html","title":""}</script>
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/Let-s-Encrypt/index.html","title":""}</script>
 
 <script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>标签: let's encrypt | 星辰大海</title>
+<title>标签: Let's Encrypt | 星辰大海</title>
   
 
 
@@ -204,29 +204,29 @@
   <div class="post-block">
     <div class="post-content">
       <div class="collection-title">
-        <h1 class="collection-header">let's encrypt
+        <h1 class="collection-header">Let's Encrypt
           <small>标签</small>
         </h1>
       </div>
 
       
     <div class="collection-year">
-      <span class="collection-header">2021</span>
+      <span class="collection-header">2023</span>
     </div>
 
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
         <time itemprop="dateCreated"
-              datetime="2021-10-09T00:00:00+08:00"
-              content="2021-10-09">
-          10-09
+              datetime="2023-02-15T00:00:00+08:00"
+              content="2023-02-15">
+          02-15
         </time>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/G2SGMF.html" itemprop="url">
-            <span itemprop="name">电脑无法更新Let'sEncrypt根证书的解决办法</span>
+          <a class="post-title-link" href="/posts/2023/1ZNRJSW.html" itemprop="url">
+            <span itemprop="name">使用 win-acme 申请泛域名证书</span>
           </a>
       </div>
 
@@ -315,7 +315,7 @@ <h1 class="collection-header">let's encrypt
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
 
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"6986aeeda9e7c026fb24e87bbc18299a"}</script>
+<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"cc4ea267856f7fc017d67ec16f01c654"}</script>
 <script src="/js/third-party/comments/gitalk.js"></script>
 
 </body>
diff --git a/tags/markdown/index.html b/tags/markdown/index.html
index 78305a147f..ddc6b6bf3c 100644
--- a/tags/markdown/index.html
+++ b/tags/markdown/index.html
@@ -22,7 +22,7 @@
     <meta name="description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:type" content="website">
 <meta property="og:title" content="星辰大海">
-<meta property="og:url" content="https://galens.uamazing.cn/tags/markdown/index.html">
+<meta property="og:url" content="https://galens.uamazing.cn/tags/Markdown/index.html">
 <meta property="og:site_name" content="星辰大海">
 <meta property="og:description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:locale" content="zh_CN">
@@ -31,14 +31,14 @@
 <meta name="twitter:card" content="summary">
 
 
-<link rel="canonical" href="https://galens.uamazing.cn/tags/markdown/">
+<link rel="canonical" href="https://galens.uamazing.cn/tags/Markdown/">
 
 
 
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/markdown/index.html","title":""}</script>
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/Markdown/index.html","title":""}</script>
 
 <script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>标签: markdown | 星辰大海</title>
+<title>标签: Markdown | 星辰大海</title>
   
 
 
@@ -204,29 +204,52 @@
   <div class="post-block">
     <div class="post-content">
       <div class="collection-title">
-        <h1 class="collection-header">markdown
+        <h1 class="collection-header">Markdown
           <small>标签</small>
         </h1>
       </div>
 
       
     <div class="collection-year">
-      <span class="collection-header">2022</span>
+      <span class="collection-header">2020</span>
     </div>
 
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
         <time itemprop="dateCreated"
-              datetime="2022-03-21T00:00:00+08:00"
-              content="2022-03-21">
-          03-21
+              datetime="2020-12-11T00:00:00+08:00"
+              content="2020-12-11">
+          12-11
         </time>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2022/1ERZT1V.html" itemprop="url">
-            <span itemprop="name">markdown 中 LaTeX公式语法大全</span>
+          <a class="post-title-link" href="/posts/2020/26DVEVG.html" itemprop="url">
+            <span itemprop="name">Windows下右键新建.md文件</span>
+          </a>
+      </div>
+
+      
+    </header>
+  </article>
+    <div class="collection-year">
+      <span class="collection-header">2019</span>
+    </div>
+
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2019-12-11T00:00:00+08:00"
+              content="2019-12-11">
+          12-11
+        </time>
+      </div>
+
+      <div class="post-title">
+          <a class="post-title-link" href="/posts/2019/3Y73VWH.html" itemprop="url">
+            <span itemprop="name">Markdown 语法使用手册</span>
           </a>
       </div>
 
@@ -315,7 +338,7 @@ <h1 class="collection-header">markdown
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
 
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"d50412ab284de7b13c6f06f22819c34c"}</script>
+<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"e307219cdd7c4519721f8cbffdb94d7c"}</script>
 <script src="/js/third-party/comments/gitalk.js"></script>
 
 </body>
diff --git a/tags/mongodb/page/4/index.html b/tags/mongodb/page/4/index.html
index 303808e7b8..d8d0f6bcab 100644
--- a/tags/mongodb/page/4/index.html
+++ b/tags/mongodb/page/4/index.html
@@ -245,8 +245,8 @@ <h1 class="collection-header">MongoDB
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
-            <span itemprop="name">用命令行安装mongodb指南</span>
+          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
+            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
           </a>
       </div>
 
@@ -265,8 +265,8 @@ <h1 class="collection-header">MongoDB
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2020/3H6MPWC.html" itemprop="url">
-            <span itemprop="name">mongodb的备份、还原、导出、导入</span>
+          <a class="post-title-link" href="/posts/2020/35KNZY8.html" itemprop="url">
+            <span itemprop="name">用命令行安装mongodb指南</span>
           </a>
       </div>
 
diff --git a/tags/mongoose/index.html b/tags/mongoose/index.html
index 7d94fddced..bac889ea67 100644
--- a/tags/mongoose/index.html
+++ b/tags/mongoose/index.html
@@ -288,8 +288,8 @@ <h1 class="collection-header">Mongoose
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
-            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
+          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
+            <span itemprop="name">mongoose子文档</span>
           </a>
       </div>
 
@@ -308,8 +308,8 @@ <h1 class="collection-header">Mongoose
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2021/1QN39SQ.html" itemprop="url">
-            <span itemprop="name">mongoose子文档</span>
+          <a class="post-title-link" href="/posts/2021/10XS5HK.html" itemprop="url">
+            <span itemprop="name">monggose嵌套对象中添加ObjectId</span>
           </a>
       </div>
 
diff --git a/tags/package/index.html b/tags/package/index.html
index b42ef47f10..abb0aa6031 100644
--- a/tags/package/index.html
+++ b/tags/package/index.html
@@ -320,8 +320,3 @@ <h1 class="collection-header">Package
 
 </body>
 </html>
-log-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"c40a6d4fbad1cd3548ce1b5789f46fec"}</script>
-<script src="/js/third-party/comments/gitalk.js"></script>
-
-</body>
-</html>
diff --git a/tags/verdaccio/index.html b/tags/verdaccio/index.html
index 0faef7dad5..a71b20309b 100644
--- a/tags/verdaccio/index.html
+++ b/tags/verdaccio/index.html
@@ -320,8 +320,3 @@ <h1 class="collection-header">Verdaccio
 
 </body>
 </html>
-":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"9c488822e45ded9b57b1cbe9513eb4f4"}</script>
-<script src="/js/third-party/comments/gitalk.js"></script>
-
-</body>
-</html>
diff --git a/tags/vue2-x/index.html b/tags/vue2-x/index.html
index a6f7d77b28..36b7ff9fce 100644
--- a/tags/vue2-x/index.html
+++ b/tags/vue2-x/index.html
@@ -22,7 +22,7 @@
     <meta name="description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:type" content="website">
 <meta property="og:title" content="星辰大海">
-<meta property="og:url" content="https://galens.uamazing.cn/tags/vue2-x/index.html">
+<meta property="og:url" content="https://galens.uamazing.cn/tags/Vue2-x/index.html">
 <meta property="og:site_name" content="星辰大海">
 <meta property="og:description" content="人生万事须自为，跬步江山即寥廓">
 <meta property="og:locale" content="zh_CN">
@@ -31,14 +31,14 @@
 <meta name="twitter:card" content="summary">
 
 
-<link rel="canonical" href="https://galens.uamazing.cn/tags/vue2-x/">
+<link rel="canonical" href="https://galens.uamazing.cn/tags/Vue2-x/">
 
 
 
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/vue2-x/index.html","title":""}</script>
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/Vue2-x/index.html","title":""}</script>
 
 <script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>标签: vue2.x | 星辰大海</title>
+<title>标签: Vue2.x | 星辰大海</title>
   
 
 
@@ -204,7 +204,7 @@
   <div class="post-block">
     <div class="post-content">
       <div class="collection-title">
-        <h1 class="collection-header">vue2.x
+        <h1 class="collection-header">Vue2.x
           <small>标签</small>
         </h1>
       </div>
@@ -218,15 +218,15 @@ <h1 class="collection-header">vue2.x
     <header class="post-header">
       <div class="post-meta-container">
         <time itemprop="dateCreated"
-              datetime="2023-06-08T00:00:00+08:00"
-              content="2023-06-08">
-          06-08
+              datetime="2023-08-07T00:00:00+08:00"
+              content="2023-08-07">
+          08-07
         </time>
       </div>
 
       <div class="post-title">
-          <a class="post-title-link" href="/posts/2023/3E7GWG0.html" itemprop="url">
-            <span itemprop="name">一文理清在 vue2.x 中 compositionAPI 与 optionsAPI 混合使用要点</span>
+          <a class="post-title-link" href="/posts/2023/1G6444M.html" itemprop="url">
+            <span itemprop="name">如何优雅地实现 echarts 的自适应</span>
           </a>
       </div>
 
@@ -315,8 +315,12 @@ <h1 class="collection-header">vue2.x
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.css" integrity="sha256-AJnUHL7dBv6PGaeyPQJcgQPDjt/Hn/PvYZde1iqfp8U=" crossorigin="anonymous">
 
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"060a1911932ffe43db0f363105373e16"}</script>
+<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"caa0557022969a6ad0f5c1dff979729c"}</script>
 <script src="/js/third-party/comments/gitalk.js"></script>
 
 </body>
 </html>
+"></script>
+
+</body>
+</html>
diff --git a/tags/webview2/index.html b/tags/webview2/index.html
index 57d63c6bb3..f253ecf481 100644
--- a/tags/webview2/index.html
+++ b/tags/webview2/index.html
@@ -320,10 +320,3 @@ <h1 class="collection-header">Webview2
 
 </body>
 </html>
-ous">
-
-<script class="next-config" data-name="gitalk" type="application/json">{"enable":true,"github_id":"galensgan","repo":"blog-comments","client_id":"63ece14861c297420892","client_secret":"731f0c050c35a3afee5aed41ca386decc768a3f0","admin_user":"galensgan","distraction_free_mode":true,"proxy":"https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token","language":"zh-CN","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/gitalk/1.8.0/gitalk.min.js","integrity":"sha256-MVK9MGD/XJaGyIghSVrONSnoXoGh3IFxLw0zfvzpxR4="},"path_md5":"3e598450ccae1048446eaa1c219ee946"}</script>
-<script src="/js/third-party/comments/gitalk.js"></script>
-
-</body>
-</html>