feat: 相关文章以及去除杂乱文章

2023-03-28 13:06:02 +08:00
parent 41531a2ad9
commit 950f679c79
9 changed files with 110 additions and 503 deletions
@@ -0,0 +1,49 @@
+---
+title: AOP
+date: 2022-03-18 15:02:52
+permalink: /pages/8dfab5/
+article: false
+---
+
+# 动态代理策略
+- `AUTO` 框架按照一定策略动态选择代理方式
+- `JDK_DYNAMIC_PROXY` JDK动态代理
+- `ASGC_PROXY` 子类继承代理（傲世孤尘代理）
+
+# 自动代理策略
+> 当被代理类是一个接口时，采用JDK动态代理，否则采用子类代理
+
+# JDK动态代理
+> 目前仅支持代理接口，不支持为普通类生成代理。
+> 原因是：JDK动态代理生成的代理类，不能用被代理类的类型接收，而必须用被代理类的接口类型接收，这与目前的设计结构有冲突，后续需要思考优化解决
+
+# 子类继承代理
+> 顾名思义，通过生成一个被代理类的子类来创建一个代理类实例，因此可以用被代理类类型接收代理实例。
+> 可代理接口、普通类。不能代理静态类、内部类、final修饰的类、final修饰的方法，暂不支持代理抽象类。
+
+# 拦截器
+> 所有拦截器实例都是单例的，与bean容器打通（这块后期着重优化）
+
+- `全局拦截器` 全局维护，由所有代理类共享的拦截器，根据需要可以过滤。
+- `普通拦截器` 代理实例维护，不同的代理实例可共享，需要在被代理类或者方法上加`@Intercept`注解标注
+- `过滤器` 阉割版的拦截器，用于在目标方法执行前进行过滤操作
+- `结果处理器` 阉割版的拦截器，用于在目标方法执行完毕正常返回后，对返回数据进行处理
+- `异常处理器` 阉割版的拦截器，用于在目标方法执行抛异常后，对异常进行捕获处理
+
+# 拦截器的继承
+> 不是父类子类的继承，类似于财产的继承。按照继承关系依次是：全局拦截器 -> 类拦截器 -> 方法拦截器
+- 所有的代理类都继承全局拦截器，前提是代理类没有排除全局拦截器
+- 所有的可代理方法都继承类上的拦截器（`@Intercept`在类上标注的拦截器），前提是方法上没有标注排除类上的拦截器。
+- 特别的，如果被代理类是一个接口。则这个接口会继承所有父接口的拦截器。
+
+# 拦截器的执行顺序
+- 对于普通类来说，拦截器按照继承顺序执行，也就是会首先执行全局拦截器
+- 对于接口来说，先按照拦截器继承顺序，再按照接口继承层级向上传递。如：全局拦截器 -> 类拦截器 -> 方法拦截器 -> 父接口拦截器 -> 爷接口拦截器 -> ...
+
+# 拦截器的异常处理流程
+> 异常处理与拦截器执行顺序相反，类似于冒泡的过程。
+- 末端拦截器处理，若未能捕获，则继续流转
+- 全局拦截器处理，若未能捕获、则继续流转
+- 若被代理方法声明了对外抛出，则抛给应用层，否则继续流转
+- 代理方法处理，直接打印堆栈信息
+
@@ -1,26 +0,0 @@
---
-title: 使目录栏支持h2~h6标题
-date: 2022-03-18 15:02:52
-permalink: /pages/8dfab5/
-article: false
---
-
-在`.vuepress/config.js`添加如下配置即可使 VuePress 提取相应标题级别的数据，并应用到主题的右侧目录栏中<Badge text="v1.10.0 +"/>。
-
-
-## markdown.extractHeaders
-
- 类型: Array
- 默认: ['h2', 'h3']
-
-Markdown 文件的 headers (标题 & 小标题) 会在准备阶段被提取出来，并存储在 this.$page.headers 中。默认情况下，VuePress 会提取 h2 和 h3 标题。你可以通过这个选项来修改提取出的标题级别。
-
-```js
-module.exports = {
-  markdown: {
-    extractHeaders: [ 'h2', 'h3', 'h4', 'h5', 'h6' ]
-  }
-}
-```
-
-注：此配置来自 [VuePress官方文档](https://vuepress.vuejs.org/zh/config/#markdown-extractheaders)
@@ -0,0 +1,61 @@
+---
+title: 代理实现中涉及的几类Channel
+date: 2020-09-26 21:13:59
+permalink: /pages/dd027d/
+article: false
+---
+
+# 代理实现中涉及的几类Channel
+
+## 指令通道(CmdChannel)
+- 该channel负责维护客户端与服务端之间的指令通讯，由客户端启动后向服务端发起连接请求，服务端验证license成功后连接建立。
+- 服务端维护第一个CmdChannel的映射表，key为licenseId。服务端可以根据licenseId，向指定的客户端指令通道发布指令。
+- 该通道建立完成后，服务端会将该license授权的外网映射端口打开，等待用户访问。正常情况下，只要客户端不下线，该通道一直可用。
+- 然后服务端维护第二个CmdChannel的映射表，key为服务端外网端口。服务端可以根据指定的外网端口，向指定的客户端指令通道发布指令。
+
+## 用户访问通道(VisitorChannel)
+- 该channel负责维护访问者与服务端端口之间的通讯，由访问者向服务端映射的外网端口发起请求开始建立，具体断开时机由实际的被代理的
+  协议决定。
+- 如HTTP/1.0下，用户向该端口发起请求，响应结束后，该通道随之关闭，下一次发起请求后，重新建立新的连接。
+- 该连接建立后，服务端会向该外网端口映射的指令通道发送`Connect`指令,传输该外网端口需要代理的内网信息，
+  如：`127.0.0.1:3306`。
+
+## 被代理服务的实际通道(RealServerChannel)
+- 该channel负责维护客户端与实际被代理服务之间的通讯，当客户端接收到服务端的`Connect`指令后，客户端便会建立该通道。
+
+## 代理数据传输的通道(ProxyChannel)
+- 该channel负责完成内网被代理服务与代理服务端之间的数据转发任务。
+- 每个客户端维护一个`ProxyChannel`的缓存队列，需要时从该队列中取，当取不到时，直接新建一个`ProxyChannel`返回。
+  当一个`ProxyChannel`实例用完后，需要归还到缓存队列中(`ProxyChannel`收到`DisConnect`指令时)。
+- 当`RealServerChannel`建立完成后，就会获取相关联的`ProxyChannel`,并与其绑定。设置`RealServerChannel`为
+  可读状态。然后通过`ProxyChannel`向服务端发送`Connect`指令。
+
+
+# 代理实现流程
+## 1、服务连接阶段
+- 1.1、客户端根据是否需要使用SSL，选择对应的服务端端口发起连接，建立`CmdChannel`。
+- 1.2、客户端根据用户输入或配置文件获取`license`,并携带`license`通过`CmdChannel`向服务端发送`Auth`指令。
+- 1.3、服务端通过`CmdChannel`接收到来自客户端的`Auth`指令。若验证`license`有效，则建立`licenseId`与`CmdChannel`的映射缓存、
+  外网端口与`CmdChannel`的映射缓存。并启动服务端代理端口，等待用户连接。
+## 2、用户连接阶段
+- 2.1、用户向服务端代理的外网端口发起请求，服务端建立`VisitorChannel`。
+- 2.2、根据外网端口查找`CmdChannel`，若不存在有效的`CmdChannel`，则关闭该`VisitorChannel`。否则，
+  设置`VisitorChannel`为不可读，并携带内网映射信息(如：`127.0.0.1:3306`)通过`CmdChannel`向客户端发送`Connect`指令。
+## 3、实际被代理服务连接阶段
+- 3.1、客户端通过`CmdChannel`接收到服务端的`Connect`指令。拿到需要代理的内网IP、端口号，向实际被
+  代理服务发起连接请求，若连接失败，则通过`CmdChannel`向服务端发送`DisConnect`指令。建立`RealServerChannel`成功，设置`RealServerChannel`为不可读
+  状态，并进入4.1阶段
+## 4、代理通道连接阶段
+- 4.1、客户端通过`ProxyChannelQueue`获取或新建一个`ProxyChannel`，并将`RealServerChannel`与`ProxyChannel`进行绑定。
+- 4.2、客户端通过`ProxyChannel`向服务端发送`Connect`指令。
+- 4.3、服务端通过`ProxyChannel`通道收到来自客户端的`Connect`指令后，将`ProxyChannel`与对应的`VisitorChannel`进行绑定，并
+  设置`VisitorChannel`为可读状态。
+## 5、数据传输阶段
+- 5.1、服务端通过`VisitorChannel`收到来自用户的请求数据，然后找到`VisitorChannel`绑定的`ProxyChannel`，
+  通过`ProxyChannel`发送`Transfer`指令，并携带用户请求数据。
+- 5.2、客户端通过`ProxyChannel`收到来自服务端的`Transfer`指令，取出用户请求数据。找到`ProxyChannel`绑定的`RealServerChannel`,
+  通过`RealServerChannel`向被代理服务写入用户请求数据。
+- 5.3、客户端通过`RealServerChannel`收到被代理服务响应的数据，找到`RealServerChannel`绑定的`ProxyChannel`，
+  通过`ProxyChannel`向服务端发送`Transfer`指令，并携带响应数据。
+- 5.4、服务端通过`ProxyChannel`收到来自客户端的`Transfer`指令，找到`ProxyChannel`绑定的`VisitorChannel`，
+  通过`VisitorChannel`向用户端写入响应数据。
@@ -1,230 +0,0 @@
---
-title: 如何让你的笔记更有表现力
-date: 2020-09-26 21:13:59
-permalink: /pages/dd027d/
-article: false
---
-
-你的知识笔记枯燥无味没有重点？基于本主题，配合各种骚操作，让你的知识笔记表现力爆棚~~
-
-::: note
-Markdown的基本语法就不再重复啦 (对Markdown不了解的可以看 [这里](https://xugaoyi.com/pages/ad247c4332211551/)),
-下面将介绍一些可以在本主题Markdown中使用的骚操作~
-:::
-
-## 1. 文本高亮
-使用`<mark>`标签让文本高亮
-
-```text
-Vdoing是一款简洁高效的 <mark>知识管理&博客</mark> 主题
-```
-Vdoing是一款简洁高效的 <mark> 知识管理&博客 </mark> 主题
-
-## 2. 标记
-### 内置标记
-主题内置的[Badge组件](https://vuepress.vuejs.org/zh/guide/using-vue.html#badge)，直接在 Markdown 文件中使用
-
-```html
-<Badge text="beta" type="warning"/>
-<Badge text="Vdoing主题"/>
-```
-<Badge text="beta" type="warning"/>
-<Badge text="Vdoing主题"/>
-
-### 外部标记
-使用 [shields](https://shields.io/) 生成标记，在Markdown中使用
-```markdown
-![npm](https://img.shields.io/npm/v/vuepress-theme-vdoing)
-![star](https://img.shields.io/github/stars/xugaoyi/vuepress-theme-vdoing)
-```
-![npm](https://img.shields.io/npm/v/vuepress-theme-vdoing)
-![star](https://img.shields.io/github/stars/xugaoyi/vuepress-theme-vdoing)
-
-> 这类标记图标可以生成动态统计数据。
-
-## 3. 折叠列表
-主题内置的容器，直接在 Markdown 文件中使用
-````html
-::: details
-这是一个详情块
-```js
-console.log('这是一个详情块')
-```
-:::
-````
-::: details
-这是一个详情块
-```js
-console.log('这是一个详情块')
-```
-:::
-
-> 更多：[Markdown 容器](/pages/d0d7eb/)
-
-## 4. 思维导图 & 流程图
-### 方法一：
-1. 使用[Markmap](https://markmap.js.org/)生成思维导图html文件
-2. 将html文件放在`docs/.vuepress/public/markmap/`
-3. 通过`<iframe>`插入到Markdown
-
-``` html
-  <iframe :src="$withBase('/markmap/01.html')" width="100%" height="400" frameborder="0" scrolling="No" leftmargin="0" topmargin="0"></iframe>
-```
-
-<iframe :src="$withBase('/markmap/01.html')" width="100%" height="400" frameborder="0" scrolling="No" leftmargin="0" topmargin="0"></iframe>
-
-### 方法二：
-通过`<iframe>`标签引入[processon](https://www.processon.com/)或其他在线作图工具生成的链接。
-```html
-<iframe src="https://www.processon.com/view/link/5e718942e4b015182028682c" width="100%" height="500" frameborder="0" scrolling="No" leftmargin="0" topmargin="0"></iframe>
-```
-<iframe src="https://www.processon.com/view/link/5e718942e4b015182028682c" width="100%" height="500" frameborder="0" scrolling="No" leftmargin="0" topmargin="0"></iframe>
-
-### 方法三：
-使用流程图插件：
-* [vuepress-plugin-flowchart](https://www.npmjs.com/package/vuepress-plugin-flowchart)
-* [vuepress-plugin-mermaidjs](https://github.com/eFrane/vuepress-plugin-mermaidjs)
-
-## 5.Demo演示框
-### 方法一：
-1. 安装 [vuepress-plugin-demo-block](https://www.npmjs.com/package/vuepress-plugin-demo-block)或其他同类插件，使用方法看插件文档
-2. 在`.vuepress/config.js`配置插件
-3. Markdown中使用
-
-> 同类插件：[vuepress-plugin-demo-container](https://github.com/calebman/vuepress-plugin-demo-container)
-
-
-::: demo [vanilla]
-```html
-<html>
-  <div class="animationBox">
-    <div class="rotate">旋转动画1</div>
-    <div class="play">
-      <div class="img">旋转动画2</div>
-      <span><p class="p2"></p></span>
-      <span><p></p></span>
-      <span><p></p></span>
-      <span><p class="p2"></p></span>
-    </div>
-    <div class="elasticity">弹性动画</div>
-    <div class="elasticity2">曲线弹性</div>
-  </div>
-</html>
-
-<style>
-  .animationBox{overflow: hidden;}
-  .animationBox>div{
-    width: 100px;height: 100px;background: #eee;border-radius: 50%;text-align: center;line-height: 100px;margin: 30px;float:left;
-  }
-  .rotate{
-    animation: rotate 5s linear infinite
-  }
-  .rotate:hover{ animation-play-state: paused}
-  @keyframes rotate {
-    0%{transform: rotate(0);}
-  100%{transform: rotate(360deg);}
-  }
-  .animationBox>.play {
-    position: relative;
-    margin: 50px 30px;
-    background:none;
-  }
-  .play .img{
-    position: absolute;
-    top: 0;
-    left:0;
-    z-index: 1;
-    width: 100px;height: 100px; background: #eee;
-    border-radius: 50%;
-
-    animation: rotate 5s linear infinite
-  }
-  .play span {
-    position: absolute;
-    top: 1px;
-    left:1px;
-    z-index: 0;
-    display: block;
-    width: 96px;
-    height: 96px;
-    border: 1px solid #999;
-    border-radius: 50%;
-  }
-  .play span p{display: block;width: 4px;height: 4px;background: #000;margin: -2px 0 0 50%;border-radius: 50%;opacity: 0.5;}
-  .play span .p2{margin: 50% 0 0 -2px;}
-  .play span{
-    animation: wave 5s linear infinite
-  }
-  .play>span:nth-child(3){
-    /* 延迟时间 */
-    animation-delay:1s;
-  }
-  .play>span:nth-child(4){
-    animation-delay:2.2s;
-  }
-  .play>span:nth-child(5){
-    animation-delay:3.8s;
-  }
-
-  @keyframes wave {
-    0%
-    {
-      transform:scale(1) rotate(360deg);
-      opacity: 0.8;
-    }
-  100%
-    {
-      transform:scale(1.8) rotate(0deg);
-      opacity: 0;
-    }
-  }
-
-
-  .elasticity{
-    animation: elasticity 1s linear 2s infinite
-  }
-
-  @keyframes elasticity{
-    0%{
-      transform: scale(0);
-    }
-    60%{
-      transform: scale(1.1);
-    }
-    90%{
-      transform: scale(1);
-    }
-  }
-
-  .elasticity2{
-    animation: elasticity2 1s cubic-bezier(.39,.62,.74,1.39) 2s infinite
-  }
-  @keyframes elasticity2{
-    0%{
-      transform: scale(0);
-    }
-    90%{
-      transform: scale(1);
-    }
-  }
-</style>
-```
-:::
-
-### 方法二：
-嵌入[codepen](https://codepen.io/)
-
-```html
-<iframe height="400" style="width: 100%;" scrolling="no" title="【CSS：行为】使用:hover和attr()定制悬浮提示" src="https://codepen.io/xugaoyi/embed/vYNKNaq?height=400&theme-id=light&default-tab=css,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">
-  See the Pen <a href='https://codepen.io/xugaoyi/pen/vYNKNaq'>【CSS：行为】使用:hover和attr()定制悬浮提示</a> by xugaoyi
-  (<a href='https://codepen.io/xugaoyi'>@xugaoyi</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-```
-<iframe height="400" style="width: 100%;" scrolling="no" title="【CSS：行为】使用:hover和attr()定制悬浮提示" src="https://codepen.io/xugaoyi/embed/vYNKNaq?height=400&theme-id=light&default-tab=css,result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">
-  See the Pen <a href='https://codepen.io/xugaoyi/pen/vYNKNaq'>【CSS：行为】使用:hover和attr()定制悬浮提示</a> by xugaoyi
-  (<a href='https://codepen.io/xugaoyi'>@xugaoyi</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-
-::: note
-`<iframe>`标签还可以嵌入其他任何外部网页，如视频、地图等
-:::
@@ -1,67 +0,0 @@
---
-title: 批量操作front matter工具
-date: 2020-05-13 11:52:45
-permalink: /pages/2b8e22
-article: false
---
-
-当你想为某个文件夹下的所有`.md`文件添加、修改、删除某些front matter字段时，这个工具可以快速的为你批量操作。
-
-首先，你需要在`package.json`的`scripts`中写入脚本：
-```json
-// package.json
-{
-  "scripts": {
-       "editFm": "node utils/editFrontmatter.js",
-   }
-}
-```
-在`utils/config.yml`配置要批量操作的文件夹和要编辑的字段，示例：
-```yaml
-# utils/config.yml
-#批量添加和修改、删除front matter配置文件
-
-# 需要批量处理的路径，docs文件夹内的文件夹 (数组。映射路径：docs/arr[1]/arr[2] ... )
-path:
-  - docs # 第一个成员必须是docs
-  - 《JS教程》专辑
-  - 第一章节
-
-# 要删除的字段 (数组)
-delete:  
-  - article
-
- # 要添加、修改front matter的数据 （front matter中没有的数据则添加，已有的数据则覆盖）
-data:
-  author: 齐天大圣
-  sidebar: false
-```
-
-比如你要操作的文件夹路径是`docs/《JS教程》专辑/第一章节`，你需要这样配置路径：
-```yaml
-path:
-  - docs # 第一个成员必须是docs
-  - 《JS教程》专辑
-  - 第一章节
-```
-`path`数组的第一个成员必须是`docs`，如果你想操作`docs`底下除了首页之外所有的`.md`文件，只需保留第一个成员`docs`即可。
-
-你想删除`article`字段：
-```yaml
-delete:  
-  - article
-```
-
-你想为这个文件夹下的所有`.md`文件添加作者`author`和隐藏侧边栏`sidebar`：
-```yaml
-data:
-  author: 齐天大圣
-  sidebar: false
-```
-
-最后，执行`npm run editFm`命令，为了防止误操作，会有一个询问过程：
-```sh
-npm run editFm
-? 批量操作frontmatter有修改数据的风险，确定要继续吗？ (Y/n) 
-...
-```
@@ -1,84 +0,0 @@
---
-title: 部署
-date: 2020-05-13 12:10:53
-permalink: /pages/0fc1d2
-article: false
---
-
-
-::: warning
-  目前作者使用的部署方式已改为 [vercel](https://vercel.com/)，部署方法参考 [这里](https://zhuanlan.zhihu.com/p/347990778)。（2022.01.01）</br>
-  更多 [部署方式](https://vuepress.vuejs.org/zh/guide/deploy.html#%E9%83%A8%E7%BD%B2)
-:::
-
-本项目内置了两种`自动部署`脚本，用于一键部署到 GitHub Pages 或 国内访问速度更快的Coding Pages
-
-## 1.使用deploy.sh脚本部署
-
-第一步，修改`deploy.sh`脚本内的仓库地址为你的仓库，如有自定义域名则一并修改，没有则注释
-
-```bash
-# 如果是发布到自定义域名
-echo 'xugaoyi.com' > CNAME
-
-# 如果发布到 https://<USERNAME>.github.io
-# git push -f [email protected]:<USERNAME>/<USERNAME>.github.io.git master
-
-# 如果发布到 https://<USERNAME>.github.io/<REPO>
-# git push -f [email protected]:<USERNAME>/<REPO>.git master:gh-pages
-```
-
-第二步，一键部署命令
-
-```bash
-npm run deploy
-```
-
-> windows系统下使用bash命令窗
-
-第三步，设置仓库的GitHub Pages。
-
-> `deploy.sh`文件看 [这里](https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/deploy.sh)
-> 看不懂shell代码？ 参考：[shell教程](https://ipcmen.com/)
-
-
-## 2. 使用GitHub Action自动持续集成
-
-第一步，按照[官方文档](https://help.github.com/en/articles/creating-a-personal-access-token-for-the-command-line)，生成一个github token (令牌)。
-
-第二步，将这个密钥储存到当前仓库的`Settings/Secrets`里面。
-
-> `Settings/Secrets`是储存秘密的环境变量的地方。环境变量的名字可以随便起，这里用的是`ACCESS_TOKEN`。如果你不用这个名字，`.github/workflows/ci.yml`脚本里的变量名也要跟着改。
-
-第三步，push提交代码到GitHub仓库master分支。
-
-第四步，设置仓库的GitHub Pages
-
-> 参考 [GitHub Action实现自动部署静态博客](http://xugaoyi.com/pages/6b9d359ec5aa5019/)
-> `ci.yml`文件看 [这里](https://github.com/xugaoyi/blog/blob/master/.github/workflows/ci.yml)
-> 看不懂yaml代码？ 参考：[yaml教程](https://xugaoyi.com/pages/4e8444e2d534d14f/)
-
-
-## 部署升级：同时部署到github和coding
-
-为了让博客站能够让百度收录，因此我把博客部署到了coding。相关[文章](https://xugaoyi.com/pages/41f87d890d0a02af/)。
-
-在原有部署方式上做了升级，主要修改代码文件有下面这两个：
-
-
-使用前先将[github token (令牌) ](https://help.github.com/en/articles/creating-a-personal-access-token-for-the-command-line)和[coding token (令牌)](https://dev.tencent.com/help/doc/account/access-token) 同时设置到github仓库的`Settings/Secrets`位置。
-![token设置](https://fastly.jsdelivr.net/gh/xugaoyi/image_store/blog/token.jpg)
-
-### 部署方式有两种：
-
-#### 1) 、使用如下命令一键部署到github和coding
-
-```sh
-npm run deploy
-```
-
-#### 2）、使用GitHub Action自动部署到github和coding
-
-只需要push提交代码到github仓库master分支即可。
-
->  参考 [《GitHub Action实现自动部署静态博客》](http://xugaoyi.com/pages/6b9d359ec5aa5019/)
@@ -1,30 +0,0 @@
---
-title: 关于写文章和一级标题
-date: 2020-05-13 12:07:32
-permalink: /pages/9ae0bd
-article: false
---
-
-写文章时，大概的流程是这样的：
-
-1.首先是创建`.md`文件，如果在结构化目录下则**需要**添加相应的序号，在碎片化博文目录`_posts`下**不需要**添加序号，文件名填写文章的标题。
-
-2.如果你想手动指定文章的分类、标签，则需要在头部front matter填写相应的字段。一般情况下不需要再填写其他字段。不想手动指定分类和标签也可以省略这一步。
-``` yaml
---
-categories: 
-  - 分类1
-tags: 
-  - 标签1
-  - 标签2
---
-```
-
-3.**关于一级标题**，即markdown中的一级标题(`# 标题`)，你可以写也可以不写，在页面中实际显示的文章标题是取自front matter中的`title`，然后把`.md`中的一级标题隐藏了。
-
-> 这样做即可以保留本地文件的一级标题，也可以兼容线上页面的标题。
-> 同时，对于在新建`.md`文件时已经输入了一次标题在文件名，不想在文档中重复输入一次标题的，也是可以实现的。
-
-4.**关于文章摘要**，你想在首先文章列表中显示摘要时可以在合适的位置添加一个`<!-- more -->`注释，参考：[添加摘要](/pages/1cc523/)
-
-5.最后，就可以正式开始写作啦。
@@ -1,35 +0,0 @@
---
-title: 关于博客搭建与管理
-date: 2020-05-13 12:12:33
-permalink: /pages/26997d
-article: false
---
-
-这里是我在搭建和管理博客过程中写的一些文章和小技巧。
-
-1. 评论模块的搭建
-
-   [使用Gitalk实现静态博客无后台评论系统](https://xugaoyi.com/pages/1da0bf9a988eafe5/)
-
-2. 自定义域名及解析，[详情](https://github.com/xugaoyi/vuepress-theme-vdoing/issues/326)
-
-3. SEO相关
-
-   ```js
-   // config.js
-   module.exports = {
-       description: '填写网站描述', // 以 <meta> 标签渲染到页面html中
-       head: [ // 注入到页面<head> 中的标签,[tagName, { attrName: attrValue }]
-           ['meta', { name: 'keywords', content: '填写关键字'}]
-       ]
-   }
-   ```
-
-4. 图床
-
-   [GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床](https://xugaoyi.com/pages/a5f73af5185fdf0a/)
-
-5. 结合GitHub Actions开发的每天定时百度推送，加快收录
-
-   [GitHub Actions 定时运行代码：每天定时百度链接推送](https://xugaoyi.com/pages/f44d2f9ad04ab8d3/)
-
@@ -1,31 +0,0 @@
---
-title: 在线编辑和新增文章的方法
-date: 2020-05-19 11:17:58
-permalink: /pages/c5a54d
-article: false
---
-::: warning 说明
-以下方法实现的前提是把博客源码上传到github仓库，并配置好 [GitHub Actions](https://github.com/features/actions) 自动部署。
-:::
-
-### 在线编辑原有的文章
-首先，在`config.js`启用页面的编辑按钮，并配置好github仓库和`.md`文件所在根目录等，详见 [官方文档](https://vuepress.vuejs.org/zh/theme/default-theme-config.html#git-%E4%BB%93%E5%BA%93%E5%92%8C%E7%BC%96%E8%BE%91%E9%93%BE%E6%8E%A5)。
-
-示例：
-```js
-// config.js
-module.exports = {
-  themeConfig: {
-    repo: 'xugaoyi/vuepress-theme-vdoing', // Github仓库地址
-    docsDir: 'docs', // .md文件放在了docs目录下
-    editLinks: true, // 启用编辑链接
-    editLinkText: '编辑',
-  }
-}
-```
-配置好之后，每个文章页面底下都会有一个编辑按钮，点击即可跳到github在线编辑，编辑完成后提交就会自动触发GitHub Actions自动部署。
-
-### 在线新增文章
-在github博客源码仓库相应的文章目录下，新建`.md`文件，编辑好文章并提交后会触发GitHub Actions自动部署。
-
-> 提示：当使用过在线编辑或新增后，下次在本地编辑之前先拉取代码。