Merge branch 'camera-2018:master' into master

.github/workflows/subscribe.yaml

@@ -27,10 +27,24 @@ jobs:
       - name: Get PR labels
         id: pr-labels
         uses: joerick/pr-labels-action@v1.0.8
-
+        
-
+      - name: Post Data
-      - name: Post
+        id: post-data
-        uses: dkershner6/post-api-call-action@v1
+        uses: octokit/request-action@v2.x
         with:
-          url: "https://np4l5e.laf.run/pr"
+          route: POST https://np4l5e.laf.run/pr
-          data: "{\"id\": \"${{ github.event.pull_request.number }}\", \"labels\": \"${{ steps.pr-labels.outputs.labels }}\", \"files_updated\": \"${{ steps.changed-files.outputs.files_updated }}\", \"files_created\": \"${{ steps.changed-files.outputs.files_created }}\", \"files_deleted\": \"${{ steps.changed-files.outputs.files_deleted }}\",\"body\":\"${{github.event.pull_request.body}}\",\"title\":\"${{github.event.pull_request.title}}\",\"url\":\"${{github.event.pull_request.html_url}}\"}"
+          repo: ${{github.event.repository.full_name}}
+          title: ${{ github.event.pull_request.title }}
+          work_branch: ${{ steps.branch.outputs.work_branch }}
+          base_branch: ${{ steps.branch.outputs.base_branch }}
+          id: ${{ github.event.pull_request.number }}
+          labels: ${{ steps.pr-labels.outputs.labels }}
+          files_updated: ${{ steps.changed-files.outputs.files_updated }}
+          files_created: ${{ steps.changed-files.outputs.files_created }}
+          files_deleted: ${{ steps.changed-files.outputs.files_deleted }}
+          source_url: ${{ github.event.pull_request.html_url }}
+          content: |
+            |
+            ${{ github.event.pull_request.body }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.vitepress/config.js

@@ -2,6 +2,8 @@
 import { withMermaid } from "vitepress-plugin-mermaid";
 import mathjax3 from 'markdown-it-mathjax3';
 import { main_sidebar, chapter2, chapter3, chapter4, chapter5, chapter6, chapter7, chapter8 } from './sidebar.js';
+import PanguPlugin from 'markdown-it-pangu'
+
 const customElements = [
   'mjx-container',
   'mjx-assistive-mml',
@@ -146,6 +148,7 @@ export default withMermaid({
   markdown: {
     config: (md) => {
       md.use(mathjax3);
+      md.use(PanguPlugin);
     },
   },
   vue: {

.vitepress/theme/index.js

@@ -3,6 +3,8 @@ import { h, watch } from 'vue'
 // import Theme from 'vitepress/theme'
 import DefaultTheme from 'vitepress/theme-without-fonts'
 import Download from '../../components/Download.vue'
+import Bilibili from '../../components/Bilibili.vue'
+import Parallax from '../../components/Parallax.vue'
 import './style.css'
 import './rainbow.css'
 
@@ -18,6 +20,8 @@ export default {
   enhanceApp(ctx) {
     DefaultTheme.enhanceApp(ctx)
     ctx.app.component('Download', Download)
+    ctx.app.component('Bilibili', Bilibili)
+    ctx.app.component('Parallax', Parallax)
     if (typeof window === 'undefined')
       return
 

.vitepress/theme/style.css

@@ -25,6 +25,14 @@
   --vp-font-family-base: 'Noto Sans SC', 'Noto Color Emoji', sans-serif;
   --vp-font-family-mono: 'Noto Sans Mono', sans-serif, monospace, consolas;
 }
+/**
+ * 这个版本可能有 bug，build 后字体变不了还为 consolas 可能是我自己配的有问题 可能是这个版本拉了 总之就加个临时的
+ * -------------------------------------------------------------------------- */
+code { 
+  font-family: 'Noto Sans Mono', sans-serif, monospace, consolas !important;
+  font-weight: 400 !important;
+  font-size: 14px !important;
+}
 
 /**
  * Component: Button

1.杭电生存指南/1.5小组作业避雷指南.md

@@ -11,6 +11,8 @@
 ::: warning 🤣
 [与人合作中的 “生死疲劳” 哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1494y1o7jp)
 
+<Bilibili bvid='BV1494y1o7jp'/>
+
 **一定要看看这个**
 
 :::

2.高效学习/2.1.1悲壮的学习方式.md

@@ -1,6 +1,6 @@
 # 2.1.1 悲壮的学习方式
 
-# 现状
+## 现状
 
 古人刻苦学习的故事，直到现在还在我们的身边不断上演。学生趴在山一样高的习题集边上苦苦奋斗，绝对是我校作为国内一流大学的亮丽的风景线。
 
@@ -8,7 +8,7 @@
 
 我无意全盘否定同学们吃苦耐劳的精神，但这份精神充其量只能称为悲壮。我们耗费了大量的时间和精力掌握的那些考点、技巧，在真正的知识殿堂里根本登不上大雅之堂。哪怕我们特征值求得再熟练，积分积得再复杂，中国的载人飞船也不会因此而顺利上天。
 
-# 解决
+## 解决
 
 学习的时候，不要有负担心理。很多同学在学习知识的时候带着一种学不完或者学不会我就上吊算了的心态，其实这是比较危险的一种精神状态。
 

2.高效学习/2.1.2浮躁的心理状态.md

@@ -1,16 +1,22 @@
 # 2.1.2 浮躁的心理状态
 
-# 现状
+## 现状
 
-> 我明明很努力了，但是就是学不懂，群里的同学好像啥都会 WOC<br/>我周围的同学怎么参加竞赛的科研经历丰富的都有就我是废物呜呜呜<br/>我的同学啥都有了但是我什么都没<br/>为什么我室友都脱单了我还是单身狗
+> 我明明很努力了，但是就是学不懂，群里的同学好像啥都会 WOC
+>
+> 我周围的同学怎么参加竞赛的科研经历丰富的都有就我是废物呜呜呜
+>
+> 我的同学啥都有了但是我什么都没
+>
+> 为什么我室友都脱单了我还是单身狗
 
 浮躁，往往来源于和他人的比较是具有社会属性的我们的人之常情。
 
 然而，我们往往不能从中获得任何鼓励反而深受打击。
 
-# 解决方案
+## 解决方案
 
-如果我在这里说戒骄戒躁一定会被打的(逃）
+如果我在这里说戒骄戒躁一定会被打的（逃）
 
 学不懂一门课程，大可不必着急，慢慢来，也可以问问学长学姐或者思考一下这门课到底为什么如此组织。
 

2.高效学习/2.1.3错误的提问姿态.md

@@ -36,7 +36,6 @@
 
 [https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md) 提问的智慧
 
-
 ## 关于如何搜索代码
 
 如果我现在想要把图片读取并转换成灰度图，我该怎么去搜索呢？

2.高效学习/2.1.4书籍的盲目崇拜.md

@@ -1,6 +1,6 @@
 # 2.1.4 书籍的盲目崇拜
 
-# 现状
+## 现状
 
 很多同学在学习一个知识的时候，总是喜欢
 
@@ -14,7 +14,7 @@
 
 通常情况是，如果你阅读了一句话，用了解释这个词的意思用了三个你不懂的额外的词汇去解释，你去查这三个词汇的时候，又发现了五个你不懂的，无限循环下去。
 
-# 解决
+## 解决
 
 因此，当你只是为了学习一个简单的知识，或者说为了完成一个简单的目标的时候，肝书可能不是最高效的选择。最高效的方法可能是需要什么的时候就去学习这么一个单一的知识点，并且将他和现有的体系联系起来
 

2.高效学习/2.1高效的前提：摆脱高中思维.md

@@ -1,6 +1,6 @@
 # 2.1 高效的前提：摆脱高中思维
 
-# 高中思维
+## 高中思维
 
 高考，诚然为大众提供了阶级跃迁的途径
 
@@ -12,7 +12,7 @@
 
 就算你把课本上的内容搞得再烂熟，绝不代表你真正对这门课能有什么理解。
 
-<strong>并且，全部依赖他人给你指明方向的人生已经结束了！</strong>
+**并且，全部依赖他人给你指明方向的人生已经结束了！**
 
 ![](https://pic-hdu-cs-wiki-1307923872.cos.ap-shanghai.myqcloud.com/boxcne9EK3xz8LHOXfM8w9ih5Ig.png)
 
@@ -20,12 +20,26 @@
 
 考研的老师会更加重视你是否有能力与他进行利益交换，公司更在乎你是否可以为公司创造价值，想当然的思考已经无法跟上这个飞速运转的世界了。
 
-# 大学现状
+## 大学现状
 
 在这里引用一段上海交通大学生存指南的一段话。
 
-> 在当今流水线式的教育体制下，我们就像廉价的零件一样被生产出来。因为数量巨大，没人会对每一个人的教学质量负责。<br/>领导不会为你负责。对于一个争做世界一流大学的研究型学校，管好科研，管好实验室才是当务之急。<br/>相比之下，本科生教学显得无利可图。教授也不会为你负责。拉到足够的经费发表足够的论文，满足学院要求才是生存大计。<br/>要说管学生，也肯定先要管好自己实验室的硕士博士，而非那一百多人大课堂里的某个本科生。就算是科研任务不太重的一些任课教师，他们也不会为你负责——学不懂？那是因为你智力低，要么就是自己底下不用功。为什么跟你一个班上的某某某同学，人家就能懂？<br/>诚然，就算是老师上课说孟加拉语，一个班上也非常有可能冒出一两个翻翻书看看图就能学到八九不离十的同学（或者根本就是以前学过）。<br/>真正在课堂上口传心授的教学，其质量是不会有人过问的。教学评估会考察实验报告格式是否合格，出勤率是否够，但是绝对不会考察上百人的班上到底有几个听懂了的。<br/>试想一下，每个学院每个系有成百上千的学生，每人有着不同的思想、不同的目标、不同的知识背景、不同的接受力，我们怎么可能去指望一个统一的“教学培养计划”强制应用在每个人头上的时候，能够产生效果？好比说食堂师傅炒一大锅菜给上千人吃，我敢说我分到的那盘，不是炒糊就肯定得夹生。<br/>所谓“教学培养计划”，其科学性必须经过教育权威的论证。然而现实中塞给我们的推荐课表，却让人失望。且不深究选修课的分类、学分、毕业条件每年一个样，三年大变样，使得不少同学毕业前夕竞相奔走；甚至连两门相依赖课程的教学先后顺序都搞错过，这样的教学培养计划，实在让人难以信任
+> 在当今流水线式的教育体制下，我们就像廉价的零件一样被生产出来。因为数量巨大，没人会对每一个人的教学质量负责。
+>
+> 领导不会为你负责。对于一个争做世界一流大学的研究型学校，管好科研，管好实验室才是当务之急。
+>
+> 相比之下，本科生教学显得无利可图。教授也不会为你负责。拉到足够的经费发表足够的论文，满足学院要求才是生存大计。
+>
+> 要说管学生，也肯定先要管好自己实验室的硕士博士，而非那一百多人大课堂里的某个本科生。就算是科研任务不太重的一些任课教师，他们也不会为你负责——学不懂？那是因为你智力低，要么就是自己底下不用功。为什么跟你一个班上的某某某同学，人家就能懂？
+>
+> 诚然，就算是老师上课说孟加拉语，一个班上也非常有可能冒出一两个翻翻书看看图就能学到八九不离十的同学（或者根本就是以前学过）。
+>
+> 真正在课堂上口传心授的教学，其质量是不会有人过问的。教学评估会考察实验报告格式是否合格，出勤率是否够，但是绝对不会考察上百人的班上到底有几个听懂了的。
+>
+> 试想一下，每个学院每个系有成百上千的学生，每人有着不同的思想、不同的目标、不同的知识背景、不同的接受力，我们怎么可能去指望一个统一的“教学培养计划”强制应用在每个人头上的时候，能够产生效果？好比说食堂师傅炒一大锅菜给上千人吃，我敢说我分到的那盘，不是炒糊就肯定得夹生。
+>
+> 所谓“教学培养计划”，其科学性必须经过教育权威的论证。然而现实中塞给我们的推荐课表，却让人失望。且不深究选修课的分类、学分、毕业条件每年一个样，三年大变样，使得不少同学毕业前夕竞相奔走；甚至连两门相依赖课程的教学先后顺序都搞错过，这样的教学培养计划，实在让人难以信任
 
 诚然，杭电不可避免地也会受相应的“学术共同体”的影响，波及了包括但不限于竞赛，授课质量，氛围引导方面诸多的影响。
 
-但是不可否认的，杭电也有不少优秀的老师愿意投身于教育事业当中。并且，杭电仍然有不少教育资源，可以满足一个人的所需所求。<del>（保研除外）</del>
+但是不可否认的，杭电也有不少优秀的老师愿意投身于教育事业当中。并且，杭电仍然有不少教育资源，可以满足一个人的所需所求。~~（保研除外）~~

2.高效学习/2.2优雅的使用工具.md

@@ -1,19 +1,24 @@
 # 2.2 优雅的使用工具
 
-请大家记住使用工具的基本原则 <strong>你所感到不方便的！都有工具解决！</strong>
+::: tip 🤗
+如果你也有好的工具推荐，请补充喵~
+:::
+
+请大家记住使用工具的基本原则 **你所感到不方便的！都有工具解决！**
+
+因此本小节的核心要义在于推荐一些有趣的有助于提高效率的小工具。
+
+## 电脑软件及插件
 
-因此本小节的核心要义在于推荐一些有趣的有助于提高效率的小工具
-## 电脑便捷辅助插件
 - [Everything](https://www.voidtools.com/zh-cn/downloads/) 电脑上的全局文件搜索 方便你找到不知道丢哪的文件
 - [SpaceSniffer](http://www.uderzo.it/main_products/space_sniffer/download.html) 快速分析硬盘空间占用情况 解放储存，不解放大脑
-- [IDM 及百度云脚本](https://greasyfork.org/zh-CN/scripts/436446-%E7%BD%91%E7%9B%98%E7%9B%B4%E9%93%BE%E4%B8%8B%E8%BD%BD%E5%8A%A9%E6%89%8B) <del>帮助你将百度云提速</del>（暂不可用）
 - [XDM](https://github.com/subhra74/xdm) ：IDM 的跨平台版本。
-- [uTools](https://www.u.tools/) ：自由组合插件集（最好用的是 Alt+Space 搜索功能，<del>和 PowerToys 二选一</del>）非常强大，比如安装 fileshare 可以在局域网共享超大文件，而且是跨平台的。
+- [uTools](https://www.u.tools/) ：自由组合插件集（最好用的是 Alt+Space 搜索功能）非常强大，比如安装 fileshare 可以在局域网共享超大文件，而且是跨平台的。
-- [PowerToys](https://github.com/microsoft/PowerToys) ：微软官方出品包含诸多功能，解决 windows 下一些小痛点。
+- [PowerToys](https://github.com/microsoft/PowerToys) ：微软官方出品，包含诸多功能，解决 windows 下一些小痛点。
-- [Connect to Work or Games from Anywhere | Parsec](https://parsec.app/) ：串流小工具，简单来说你就是可以在手机上玩电脑了，远程操作，极致体验<del>（也可以玩游戏）</del>
+- [Connect to Work or Games from Anywhere | Parsec](https://parsec.app/) ：串流小工具，简单来说你就是可以在手机上玩电脑了，远程操作，极致体验~~（也可以玩游戏）~~
 - [VMware workstation](../3.%E7%BC%96%E7%A8%8B%E6%80%9D%E7%BB%B4%E4%BD%93%E7%B3%BB%E6%9E%84%E5%BB%BA/3.Y.1VMware%E7%9A%84%E5%AE%89%E8%A3%85%E4%B8%8E%E5%AE%89%E8%A3%85Ubuntu22.04%E7%B3%BB%E7%BB%9F.md)：虚拟机就用它！但是最好自己找找盗版，正版要钱。
 - [cloc](https://github.com/AlDanial/cloc): 统计代码行数（空白行，注释行，代码行）的小工具
-- mv & cp 命令显示进度条: 在复制大文件的时候非常友好，可以通过以下脚本安装
+- mv & cp 命令显示进度条: 在复制大文件的时候非常友好，可以通过以下脚本安装（Linux系统）
 
 ```bash
 #!/bin/bash
@@ -44,12 +49,17 @@ rm coreutils-8.32 coreutils-8.32.tar.xz
 ```
 
 ## 笔记工具
-- [Typora](https://typora.io/) 付费的，<del>你可以去并夕夕啊淘宝啊花个不多于 5 块钱的钱买盗版 😋，</del>（ 正版 $14.99 ），真的好用，感觉没有 Markdown 编辑器能好用过 Typora🤥
+
-- [MarkText](https://github.com/marktext/marktext) 免费的 平替 Typora （？）感觉不太好用 😤
+- [Typora](https://typora.io/) 付费的，~~你可以去并夕夕啊淘宝啊花个不多于 5 块钱的钱买盗版 😋~~，（ 正版 $14.99 ），真的好用，感觉没有 Markdown 编辑器能好用过 Typora🤥。
+- [MarkText](https://github.com/marktext/marktext) 免费的，平替 Typora。
+- [MiaoYan](https://github.com/tw93/MiaoYan) 仅支持 apple ，界面挺清爽。
 - [思源笔记](https://b3log.org/siyuan/) 一个国产开源的笔记/知识库软件，优势是 本地化、双链、Markdown 语法，与 Obsidian 定位相似，但 Geek 成分和自定义空间相对更高
 - [Zotero](https://www.zotero.org/):协助文献阅读还有写笔记，支持与平板同传（同时他是开源的，所以可以添加一些插件）
+
 ![](https://pic-hdu-cs-wiki-1307923872.cos.ap-shanghai.myqcloud.com/boxcnO1PEsVd4KY7reeU64spShf.jpg)
-- [Notion](http://notion.so): 笔记终结者，非常强大，（设计理念被钉钉，飞书，我来非常抄袭）。在线就可以使用。唯一的缺点是可能需要科学上网。
+
+- [Notion](http://notion.so): 笔记终结者，非常强大，（设计理念被钉钉，飞书，我来非常抄袭）。在线就可以使用。
+
 ## 文献辅助阅读工具
 
 - [知云文献翻译](https://www.zhiyunwenxian.cn/)：可以有效帮助你翻译论文和文章甚至英文书籍
@@ -57,7 +67,7 @@ rm coreutils-8.32 coreutils-8.32.tar.xz
 
 ## 浏览器插件
 
-- [沉浸式翻译](https://immersive-translate.owenyoung.com/installation)：中英文对照翻译，可以给你英文下面写一小行中文翻译（里面免费的 api 只有谷歌，必应，腾讯，不过够了，也可以自行配置其他 api ）
+- [沉浸式翻译](https://immersivetranslate.com/docs/installation/)：中英文对照翻译，可以给你英文下面写一小行中文翻译（里面免费的 api 只有谷歌，必应，腾讯，不过够了，也可以自行配置其他 api ）
 - （你真的不玩原神吗）来试试这款原神浏览器插件 [派蒙 paimon](https://github.com/daidr/paimon-webext) ： 可以实时显示你的树脂，委托，派遣等情况提示。
 - [wappalyzer](https://www.wappalyzer.com/)：如果你是个 web 仔，这个插件可以帮你检测网页所用的前后端技术栈。
 - [FeHelper--Web 前端助手](https://github.com/zxlie/FeHelper)：十几个小工具的集合，包括 base64 离线解码等。

2.高效学习/2.3.1阅读文档（B百度爬）.md

@@ -1,12 +1,12 @@
-# 2.3.1 阅读文档（B 百度爬）
+# 2.3.1 阅读文档（破百度爬）
 
-# 查找教程
+## 查找教程
 
 一般帮助我们快速入门的最好的教程是在官网上的。
 
 比如 Pytorch 的官方文档（甚至有中文版哦）。
 
-同时，在 Youtube 和 B 站 上的不少资料也值得称道。
+同时，在 Youtube 和 B 站上的不少资料也值得称道。
 
 我不建议各位看黑马程序员，尚硅谷这种培训班的教程，太过细致反而有些本末倒置。
 
@@ -14,7 +14,7 @@
 
 不要用百度百科！太多错误了！
 
-# 查找资料
+## 查找资料
 
 你应该使用下表中推荐的网站:
 
@@ -24,7 +24,7 @@
 - 通常来说, 英文维基百科比中文维基百科和百度百科包含更丰富的内容。
 - 一些中文论坛内大家互相抄，很有可能你阅读了很久都没有找到正确的答案，并且英文社区内的内容远远比中文的要好。
 
-# 英文阅读
+## 英文阅读
 
 随着科学技术的发展, 在国际学术交流中使用英语已经成为常态: 顶尖的论文无一不使用英文来书写, 在国际上公认的计算机领域经典书籍也是使用英文编著。
 
@@ -38,10 +38,16 @@
 
 当然也有一些巧妙地方法帮助大家进行阅读，比如知云文献翻译，不要依赖这类软件！
 
-# 科学上网
+## 合理使用代理服务
 
-学会科学上网是非常重要的一步哦
+学会合理使用代理服务是非常重要的一步哦
 
-机场无法给大家推荐，但是梯子经常用的无非就是 clash, ssr, v2ray 等
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m8.85 15.65l8.9-2.35q.375-.1.563-.463t.087-.737q-.1-.375-.437-.562t-.713-.088l-2.45.65l-4-3.75l-1.4.35l2.4 4.2l-2.4.6l-1.25-.95l-.95.25l1.65 2.85ZM20 20H4q-.825 0-1.413-.588T2 18v-4q.825 0 1.413-.588T4 12q0-.825-.588-1.413T2 10V6q0-.825.588-1.413T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.588 1.413T20 20Zm0-2V6H4v2.55q.925.55 1.463 1.463T6 12q0 1.075-.537 1.988T4 15.45V18h16Zm-8-6Z"/></svg>无法给大家推荐，但是<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M5.95 21q-.475 0-.75-.388t-.15-.837L9.5 3.7q.1-.325.35-.512T10.425 3q.5 0 .775.388t.15.837L10.85 6h5.625l.625-2.3q.1-.325.363-.512T18.05 3q.475 0 .75.388t.15.837L14.5 20.3q-.1.325-.35.513t-.575.187q-.5 0-.775-.388t-.15-.837l.5-1.775H7.525L6.9 20.3q-.1.325-.363.513T5.95 21Zm3.525-10h5.6l.825-3h-5.6l-.825 3ZM8.1 16h5.6l.825-3h-5.6L8.1 16Z"/></svg>经常用的无非就是 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.19 42.5a89.044 89.044 0 0 1-14.681-1.573s1.431-28.554 5.411-35.39c-.13-.297 2.992 1.212 4.422 6.266a25.557 25.557 0 0 1 4.847-.47"/><ellipse cx="21.24" cy="20.309" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.671" ry="2.13"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.19 42.5a89.044 89.044 0 0 0 14.681-1.573s-1.431-28.554-5.413-35.39c.03-.2-3.59 1.755-4.421 6.266a25.558 25.558 0 0 0-4.848-.47"/><ellipse cx="33.14" cy="20.309" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.671" ry="2.13"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="5.714" d="M12.508 40.927c-1.93-.327-4.948-.31-6.04-3.487c-1.067-3.107.438-6.67 3.742-7.045m15.253-4.008a1.467 1.467 0 0 0 1.473-1.472"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="5.714" d="M28.41 26.387a1.467 1.467 0 0 1-1.474-1.472"/></svg>, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.53 6.78a.26.26 0 0 1 .22.31l-6.39 28.17a.22.22 0 0 1-.28.16l-13.64-4.3a.52.52 0 0 1-.25-.83l11.6-14.17l-.11-.12l-16.07 13.84a.58.58 0 0 1-.54.09l-11.2-4.41a.21.21 0 0 1 0-.38L40.39 6.81h.14Zm-20.4 27l6.69-.69l-6.41 8a.28.28 0 0 1-.5-.18l.17-10.47"/></svg> 等
 
 如果不知道怎么办，可以求助（找学长）
+
+<style module>
+  svg {
+    display: inline-block;
+  }
+</style>

2.高效学习/2.3.2检索论文核心内容.md

@@ -2,11 +2,11 @@
 
 请克服对论文英文的恐惧，适当的利用翻译软件。
 
-<del>由于笔者只阅读过 CV 领域和</del><del>NLP</del><del>领域的一些文章，且阅读量并不算太高，故对论文的理解不仅有限且仅限于该领域内的论文风格和内容技巧，望读者见谅。</del>
+~~由于笔者只阅读过 CV 领域和NLP领域的一些文章，且阅读量并不算太高，故对论文的理解不仅有限且仅限于该领域内的论文风格和内容技巧，望读者见谅。~~
 
 ## 论文的一般结构
 
-### 1.title(标题)
+### 1. title(标题)
 
 首先是标题部分。
 
@@ -16,19 +16,23 @@
 
 论文作者会在标题下面指出，当我们的论文阅读量到一定程度之后可以关注一下作者。当我们在关注或研究某一个领域时，该领域的几篇重要论文读下来我们就可以知道哪个作者在该领域较为活跃，谁提出了 Backbone ，谁在挖坑(填坑)。可以通过作者进而检索到你感兴趣的工作或判断论文写作质量。
 
-### 2.abstract(摘要)
+### 2. abstract(摘要)
 
 Abstract 是论文中一篇具有独立性的短文，用简单、明确、易懂、精辟的语言对全文内容加以概括，提取论文的主要信息。作者的观点、论文的主要内容、研究成果、独到的见解，这些都会在摘要中体现出来，是需要重点阅读的地方。
 
 摘要在资料交流方面承担着至关重要的作用。摘要会收录到大型资料库中并为读者提供信息，因此我们可以通过摘要索引查找论文。
 
 摘要的四要素：目的、方法、结果和结论称为摘要的四要素。
+
 （1）目的：指出研究的范围、目的、重要性、任务和前提条件，不是主题的简单重复。
+
 （2）方法：根据研究的主要内容和发现的问题，说明在这个过程中都做了哪些工作。(摘要中的方法不会太过详细，一般只会给出一个名词)
+
 （3）结果：陈述研究之后重要的新发现、新成果及价值，包括通过调研、实验、观察取得的数据和结果，并剖析其不理想的局限部分。
+
 （4）结论：通过对这个课题的研究所得出的重要结论，包括从中取得证实的正确观点，进行分析研究，比较预测其在实际生活中运用的意义，理论与实际相结合的价值。
 
-### 3.introduction(导言)
+### 3. introduction(导言)
 
 Introduction 主要是对整篇论文的一个介绍，读者看完 introduction 后就知道论文的几乎所有工作。
 
@@ -36,19 +40,19 @@ Introduction 会说明论文的主题、范围和研究目的。
 
 然后阐明研究的起因、背景及相关领域简要历史回顾。(前人做了哪些工作、哪些尚未解决、目前进展到何种程度等)这一部分不同的论文情况不同，有些论文会单独拿出来作为一部分(related work)，当我们刚进入到某一个领域时，我们可以通过这一部分了解该领域的大致研究风格和该篇论文的研究路径，get 到作者的研究思路(论文的这个课题存在有着哪些问题以及所面临怎样的挑战，发现前人工作的缺陷以及在此基础上的改进)，有时可能会对我们的工作有启发。当然，如果我们对这一领域足够了解，可以不需要看这一部分，研究思路也可以在论文的方法部分自行体会。
 
-### 4.method(提出的算法)
+### 4. method(提出的算法)
 
-此处为文章主体，详细介绍了他是怎么做的，<del>如果需要复现的话需要仔细阅读这一部分</del>，无论复现与否都需要详细阅读，理解具体操作与作者的理论并尽可能将二者结合<del>(该领域的某些方面可解释性并不强)。</del>读者不仅可以从该部分具体理解论文工作，还可以从中发现与前人工作的不同，并从中提出进一步改进。
+此处为文章主体，详细介绍了他是怎么做的，~~如果需要复现的话需要仔细阅读这一部分~~，无论复现与否都需要详细阅读，理解具体操作与作者的理论并尽可能将二者结合~~(该领域的某些方面可解释性并不强)~~。读者不仅可以从该部分具体理解论文工作，还可以从中发现与前人工作的不同，并从中提出进一步改进。
 
-### 5.experiment(实验)
+### 5. experiment(实验)
 
-<del>一般情况为介绍我为什么很牛逼，这里一般可以跳过如果不写文章的话</del>
+~~一般情况为介绍我为什么很牛逼，这里一般可以跳过如果不写文章的话~~
 
-该部分一般会晒出工作的效果，我们可以从中更直观的体会工作的改进，甚至可以根据结果直接推断结果好坏的某些原因<del>(不过一般论文中的图片当然都会放效果很好的以便作者吹逼，真想看效果建议复现工作)</del>，大胆并合理的假设推理也是科研工作中不可缺少的一个能力。
+该部分一般会晒出工作的效果，我们可以从中更直观的体会工作的改进，甚至可以根据结果直接推断结果好坏的某些原因~~(不过一般论文中的图片当然都会放效果很好的以便作者吹逼，真想看效果建议复现工作)~~，大胆并合理的假设推理也是科研工作中不可缺少的一个能力。
 
-### 6.conclusion(结论)
+### 6. conclusion(结论)
 
-<del>Conclusion 结论部分，一般阅读完开头直接阅读结尾，就基本清楚文章脉络结构和思考方案了</del>
+~~Conclusion 结论部分，一般阅读完开头直接阅读结尾，就基本清楚文章脉络结构和思考方案了~~
 
 结论和摘要的内容基本相似，但某些论文的结论中可能还会指出对该工作的不足之处，还有该领域内对该工作的一些期望(挖坑)。
 
@@ -56,19 +60,21 @@ Introduction 会说明论文的主题、范围和研究目的。
 
 视频地址： [如何读论文【论文精读】](https://www.bilibili.com/video/BV1H44y1t75x)
 
-### 第一遍(海选)：
+<Bilibili bvid='BV1H44y1t75x'/>
+
+### 第一遍(海选)
 
 阅读标题、摘要、结论。花费十几分钟时间了解论文是否适合你的研究方向。
 
 看完之后可以再看一看方法和实验部分重要的图和表，进而判断这篇论文是否适合自己，是否和自己当前在做的工作相似。
 
-### 第二遍(大致把握)：
+### 第二遍(大致把握)
 
 确定论文值得读之后，快速将整个论文过一遍，不需要知道所有的细节，先尝试去理解论文中重要的图和表，知道每一个部分在干什么，圈出比较重要的相关文献。
 
 若到此为止：知道它解决什么问题，结果怎么样，大概用了什么方法，但是觉得文章很难看不太懂，可以去读他们之前引用的那些文章，读完之后再回头读这篇文章。
 
-### 第三遍(重点研读)：
+### 第三遍(重点研读)
 
 第三遍是最详细的一遍，当我们在读第三遍时通常意味着我们对该论文的工作很感兴趣了，这时我们需要力争做到知道每一段和每一句都在说什么、干什么。基本了解整个文章的细节，在之后基于他做研究，或者在之后提到它的时候，可以详详细细的复述一遍。
 

2.高效学习/2.3.3优秀的开源社区.md

@@ -1,16 +1,16 @@
 # 2.3.3 优秀的开源社区
 
-# 什么是开源？
+## 什么是开源？
 
 开源是源代码可以任意获取的计算机软件，这种软件的著作权持有人在软件协议的规定下保留一部分权利并允许用户学习、修改以及以任何目的向任何人分发该软件。
 
 开源协议通常符合开放源代码的定义的要求。
-  
+
 但是后续因为各种原因（有一段有趣的历史，大伙可以去了解一下）开源也变为了很多种形式，比如说较为严格的，如果你使用了我的代码，你就必须也得开源，以及可以自由使用只需要标记参考了哪些源码就行。
-    
+
 这里面有非常多有趣的历史故事以及各种渊源，感兴趣的同学可以自行了解一下
 
-# 灵活使用开源社区
+## 灵活使用开源社区
 
 开源社区有时候是我们大伙学习一个新技术，查找某一个资料非常好的一种方式。
 
@@ -22,7 +22,7 @@
 
 如果说国外的
 
-[GitHub: Where the world builds software](https://github.com/)（最好科学上网）（全世界最大的开源社区）
+[GitHub: Where the world builds software](https://github.com/)（全世界最大的开源社区）
 
 在本章内容 /3.编程思维体系构建/3.5git与github 中详细介绍了github和git的使用方法，大家可以参考一下
 
@@ -34,94 +34,61 @@ awesome （你想学的东西）
 
 例如 awesome C
 
-# 开源的意义
+## 开源的意义
 
 本章内容节选自Datawhale 5位成员在AI TIME的分享，《清华、北大、上交大、哈工大、中山大学5位同学眼中的开源》。
 
 ## Z世代的开源新态度
 
-
-
 杨毅远，王琦与江季作为《Easy RL: 强化学习教程》的作者，他们有着丰富的开源经历与感受。
 
-
-
 杨毅远：开源收获的是一个正向反馈
 
 在互联网上开源自己的论文代码、项目代码以及学习心得等内容，也有助于和他人沟通交流，收获的也是一个正向反馈。针对问题普通人如何实现开源，杨毅远认为还是要先拥抱开源，不必操之过急，开源工作需要是有意义的工作，是一个漫长的工作。
 
-
-
 王琦：开源的过程虽然会占用自己的一部分时间，但这却是一个幸福的烦恼。
 
 论文末尾大多会附上代码地址，即代码开源。大家在看到论文代码开源的情况下会认为这篇论文能够复现的可能性比较大。虽然在将开源项目发布到GitHub之后给他人问题答复的过程可能会占用自己的一部分时间，但这可以算是一个幸福的烦恼。
 
-
-
 江季：敢于开源的人也是一个乐于分享，心态积极的人。
 
 互联网上的开源是需要勇气的，毕竟开源后的代码要在互联网上面临网友们的考验。江季对于开源的领域也有自己独到的见解，他以春秋战国时期的百家争鸣为例，阐述了无论是对于工科生还是文科生，开源这件事都是很适用的。
 
-
-
 张文涛：能够与志同道合的人交流，是开源过程中至关重要的一环。
 
 开源不是一个瞬间，而是需要持续地去做，无论是主动还是被动。将项目发布到网络上只是一个起点，之后反复与他人交流和解决问题，进而对项目进行不断的修正。
 
-
-
 陈安东：要像种一棵树一样等到自己的开源工作开花结果。
 
 开源可以分为三点：首先是要知道自己想要什么；第二点是做开源一定要有始有终，只有完整的开源工作才能被大家使用和学习，完整的工作才能在之后有优化迭代的空间；第三是要有一个”开源是一个长期的过程”这样的心态。
 
-
-
 ## 作为年轻一代，我们眼中的企业开源
 
-
-
 王琦：企业的目的可能是先通过开源抢占市场，后续再通过推行定制化的服务来盈利。
 
-
-
 陈安东：开源是一种企业与市场自我革命的做法，这种革命能够促进技术的发展，最终为用户带来好处。
 
 一个行业的开源企业对传统1对1收费的市场是一个不小的冲击，因为这个市场份额也就随着这家免费的开源企业而不断减小。但是由于开源带来的技术分享反而使市场更加集中与优质化，技术也随着开源而更快速的迭代，从而产生了更好用的产品。
 
-
-
 张文涛：开源有利于提升产品的影响力
 
 虽然公司在做开源之前不一定有明确商业目的，但是可能在开源过程中发现一些可盈利的点来开发出其产品线。然后，企业可以将这块收入的一部分反馈到开源的过程之中来增加产品的影响力。
 
-
-
 杨毅远：开源不失为一种提高公司知名度和用户信任感的方式
 
 如果是一家中小型的创业公司，是否可以把自己核心的一部分开源出来？这样不失为一种提高公司知名度和用户信任感的方式。此外，当把实验代码开源到网络上之后，人们也希望有其他同领域的专家、研究人员可以一起来滚动更新这个任务。
 
-
-
 ## 关于未来的开源，我们想说……
 
-
-
 江季：开源是一个很有前景的领域，然而现在的开源文化还并不成熟，开源确实是仍然在路上。
 
 开源目前仍然存在不够合格的现象，比如说某些人的开源工作难以复现。开源是一个很有前景的领域，尤其是在促进学术界发展上。然而现在的开源文化还并不成熟，开源网站中占据大部分篇幅的还是广告，并没有形成知识分享的模式，开源确实是仍然在路上。
-
-
-
 张文涛：开源的形式丰富多样，暂时不必思考太多，可以先和志同道合的人一起前进。
 
-
-
 王琦：三体人的先进在于一代又一代的持续知识共享，我们可以先模仿、学习他人的项目。
 
 我们如今做的东西，可能在历史长河之中早已被他人做过。如果提前了解到这些，可以很大地提升我们的工作效率。如果想做一个优质的开源项目，我们可以先模仿、学习他人的项目。
 
-
-
 陈安东：开源应该是一个特别酷的东西，要敢于让别人看到自己的工作。
 
 如今的开源还远远不够，大多数人还停留在在闭门造车的阶段。鼓励大家将自己的项目分享出来让大家来一起参与，接受大家的评价，彼此交流与指出问题，这样不但可以让开源工作更好，也可以让参与开源的大家收获满满。

2.高效学习/2.4优雅的记笔记.md

@@ -12,6 +12,8 @@ Typora
 
 看看下面教程
 
-https://www.markdown.xyz/
+https://www.markdown.xyz
+
 以及这个
-https://castel.dev/post/lecture-notes-1/
+
+https://castel.dev/post/lecture-notes-1

2.高效学习/2.5以理工科的方式阅读英语.md

@@ -6,7 +6,8 @@
 
 下面提供一些英语阅读的方法：
 
-1. <strong>学好英语（顺便过四六级）</strong>
+1. **学好英语（顺便过四六级）**
-2. 文档阅读：使用浏览器插件，例如：[沙拉查词](https://saladict.crimx.com/)、[划词翻译](https://hcfy.app/)。
+2. 文档阅读：使用浏览器插件，例如：[沙拉查词](https://saladict.crimx.com/)、[划词翻译](https://hcfy.app/)、[沉浸式翻译](https://immersivetranslate.com/docs/)
 3. Youtube 等视频网站的双语字幕 [languagereactor](https://www.languagereactor.com/)。
 4. 实用翻译软件[复制即翻译](https://copytranslator.github.io/)。
+5. ~~Galgame 翻译 [LunaTranslator](https://github.com/HIllya51/LunaTranslator)~~

2.高效学习/2.6学会使用AI辅助学习.md

@@ -1,15 +1,15 @@
 # 2.1.6学会使用AI辅助学习
 
-在过去，AI取代人类似乎一直是一件遥远的事情，但在2022年末OpenAI的ChatGPT发布后在全球引发了一场AI热潮，ChatGPT所表现出来的能力让我们思考在不久的未来我们真的会被AI取代吗？
+在过去，AI取代人类似乎一直是一件遥远的事情，但在 2022 年末OpenAI 的 ChatGPT 发布后在全球引发了一场 AI 热潮，ChatGPT 所表现出来的能力让我们思考在不久的未来我们真的会被AI取代吗？
 
-在知识储备上，我们人类在AI面前绝不占优势，就比如ChatGPT是几乎使用了绝大多数西方互联网的优质回答而训练出来的，想要在知识储备量战胜AI已经成了天方夜谭，但大家也不要为不知道一些知识而焦虑，我很欣赏南京大学的蒋炎岩教授说的一句话：“大佬和小白的差距并不是知识量的差距，而是大佬知道如何问出好的问题，搜索引擎会告诉你答案，或许未来还可以问AI”
+在知识储备上，我们人类在 AI 面前绝不占优势，就比如 ChatGPT 是几乎使用了绝大多数西方互联网的优质回答而训练出来的，想要在知识储备量战胜AI已经成了天方夜谭，但大家也不要为不知道一些知识而焦虑，我很欣赏南京大学的蒋炎岩教授说的一句话：“大佬和小白的差距并不是知识量的差距，而是大佬知道如何问出好的问题，搜索引擎会告诉你答案，或许未来还可以问 AI ”
 
-假如你已经玩过ChatGPT，你会发现它还远没有到真正取代人类的地步，而是它的出现已经能够使教育以及学习方式发生巨大变革。接下去我会给你们一些小建议：
+假如你已经玩过 ChatGPT ，你会发现它还远没有到真正取代人类的地步，而是它的出现已经能够使教育以及学习方式发生巨大变革。接下去我会给你们一些小建议：
 
 - 如果你希望完成一件事但却不知道怎么做，你可以问搜索引擎 (PS:远离百度！ 通常会得到 StackOverflow 上的答案)，或是直接问 ChatGPT！不过要小心，人工智能现在还经常一本正经胡说八道。
-- 问出合适的问题，就像你问一个大佬，假如你给出的prompt非常宽泛而模糊，无论是谁都没法保障给出的答案是你想要的。比如你问“如何学好数学”，你可能会得到“多做题”这样的答案，但这并不是你想要的。你应该问“如何学好导数”，这样你就能得到更加精准的答案。问ChatGPT也是同样的道理，假如你给了它一个非常宽泛的prompt，它也只能给你一个模糊而无用的回答，假如给它的prompt非常准确，那么你得到一个优质的回答的概率也会更高。
+- 问出合适的问题，就像你问一个大佬，假如你给出的 Prompt 非常宽泛而模糊，无论是谁都没法保障给出的答案是你想要的。比如你问“如何学好数学”，你可能会得到“多做题”这样的答案，但这并不是你想要的。你应该问“如何学好导数”，这样你就能得到更加精准的答案。问ChatGPT也是同样的道理，假如你给了它一个非常宽泛的 Prompt ，它也只能给你一个模糊而无用的回答，假如给它的 Prompt 非常准确，那么你得到一个优质的回答的概率也会更高。
-- 有时候遇到一些你不愿意从头读到尾的手册，这时候去问ChatGPT是一个合适的选择，在一个手册里可能你需要的只是其中的一小段，但是手册却有几十页，此时ChatGPT的优势就体现出来了，它会根据你给的prompt从手册中总结你需要的知识告诉你，这极大地降低了检索知识的成本，所以我觉得ChatGPT更像一个加强版搜索引擎。
+- 有时候遇到一些你不愿意从头读到尾的手册，这时候去问ChatGPT是一个合适的选择，在一个手册里可能你需要的只是其中的一小段，但是手册却有几十页，此时ChatGPT的优势就体现出来了，它会根据你给的 Prompt 从手册中总结你需要的知识告诉你，这极大地降低了检索知识的成本，所以我觉得ChatGPT更像一个加强版搜索引擎。
-- 向AI获取知识，在现在的很多时候，AI对于知识的掌控和讲解的逻辑性甚至超过了相当一大部分老师，或许去听3节长课甚至不如向ChatGPT问几个问题学到的知识更多，（或许未来的课堂可以变成老师下发一张写着问题的卡片，我们只需要发给ChatGPT,通过它的回答来学习）。
+- 向AI获取知识，在现在的很多时候，AI对于知识的掌控和讲解的逻辑性甚至超过了相当一大部分老师，或许去听3节长课甚至不如向ChatGPT问几个问题学到的知识更多，（或许未来的课堂可以变成老师下发一张写着问题的卡片，我们只需要发给ChatGPT，通过它的回答来学习）。
 - 还有就是，在大学你会遇到非常多非常无趣的报告，甚至有些报告需要查重，没人愿意写，这时候ChatGPT就成为了拯救你的时间的利器，直接告诉它报告的要求，同时限定个数和字数，往往它能给出能混出相对高分的优质（低信息熵）报告，当然这适合的是一些水课报告，专业课报告别这么搞，专业课报告最好用它做来辅助你的写作，而不是直接抄袭。
 
-> PS. 不论ChatGPT还是一些别的AI,它们的回答都不是绝对准确的，使用的时候要带有自己的思考，不要盲目相信AI的指示，把AI作为你的帮手，这能极大提高你的学习效率。
+> PS. 不论ChatGPT还是一些别的AI，它们的回答都不是绝对准确的，使用的时候要带有自己的思考，不要盲目相信AI的指示，把AI作为你的帮手，这能极大提高你的学习效率。

2.高效学习/2.高效学习.md

@@ -9,22 +9,27 @@ author:zzm 邮箱 1264517821@qq.com
 但是首先各位需要了解几个名词
 ::: danger 名词提醒
 
-# RTFM
+<div style="font-size: 2rem;line-height: 2;">RTFM</div>
 
 Read the f**（friendly） manual
 
-# STFW
+:::
+
+::: danger 名词提醒
+
+<div style="font-size: 2rem;line-height: 2;">STFW</div>
 
 Search the "friendly" website
 
 :::
-# 为什么不能直接告诉我？
+
+## 为什么不能直接告诉我？
 
 因为本讲义的目的除了让你学会知识以外，更重要的目的是教给你如何当一个合格的大学生。
 
 一个合格的大学生理应具备独立解决问题的能力。
 
-<strong>并且这是无论是学术界还是工业界都非常重视的基本素养</strong>
+**并且这是无论是学术界还是工业界都非常重视的基本素养**
 
 当遇到问题不是赶紧找个大神帮我，而是"我来试试 STFW 和 RTFM, 看能不能自己解决".
 
@@ -34,17 +39,16 @@ Search the "friendly" website
 
 这也是我们希望大伙能获得的能力，如果把全部信息都塞上去难免有些揠苗助长。
 
-况且现在还有GPT来辅助你去解决问题，大大降低了学习的难度，不过大家需要谨慎考虑的是，现在的机器也会一本正经的胡说八道
+况且现在还有ChatGPT来辅助你去解决问题，大大降低了学习的难度，不过大家需要谨慎考虑的是，现在的机器也会一本正经的胡说八道
-
 
 :::
 
-# 如果真的不知道怎么解决怎么办？
+## 如果真的不知道怎么解决怎么办？
 
 ![](https://pic-hdu-cs-wiki-1307923872.cos.ap-shanghai.myqcloud.com/boxcnSmy1oqFO1glYIYGRZ9NhEb.jpg)
 
 来细看看本章节的内容吧！
 
-# 参考内容 上海交大生存指南
+## 参考内容 上海交大生存指南
 
 [https://survivesjtu.gitbook.io/survivesjtumanual/](https://survivesjtu.gitbook.io/survivesjtumanual/)

2.高效学习/补充：为什么不要用百度.md

@@ -1,19 +1,19 @@
 # 补充：为什么不要用百度
 
-相信大家都用过百度来搜索一些非技术问题, 而且一般很容易找到答案. 但随着问题技术含量的提高, 百度的搜索结果会变得越来越不靠谱. 坚持使用百度搜索技术问题, 你将很有可能会碰到以下情况之一:
+相信大家都用过百度来搜索一些非技术问题，而且一般很容易找到答案。 但随着问题技术含量的提高，百度的搜索结果会变得越来越不靠谱。 坚持使用百度搜索技术问题，你将很有可能会碰到以下情况之一：
 
-- 搜不到相关结果, 你感到挫败
+- 搜不到相关结果，你感到挫败
-- 搜到看似相关的结果, 但无法解决问题, 你在感到挫败之余, 也发现自己浪费了不少时间
+- 搜到看似相关的结果，但无法解决问题，你在感到挫败之余，也发现自己浪费了不少时间
-- 你搜到了解决问题的方案, 但没有发现原因分析, 结果你不知道这个问题背后的细节
+- 你搜到了解决问题的方案，但没有发现原因分析，结果你不知道这个问题背后的细节
 
-你可能会觉得"可以解决问题就行, 不需要了解问题背后的细节". 但对于一些问题(例如编程问题), 你了解这些细节就相当于学到了新的知识, 所以你应该去了解这些细节, 让自己懂得更多.
+你可能会觉得"可以解决问题就行，不需要了解问题背后的细节"。 但对于一些问题(例如编程问题)，你了解这些细节就相当于学到了新的知识，所以你应该去了解这些细节，让自己懂得更多。
 
-如果谷歌能以更高的概率提供可以解决问题的方案, 并且带有原因分析, 你应该没有理由使用百度来搜索技术问题. 如果你仍然坚持使用百度, 原因就只有一个: 你不想主动去成长.
+如果谷歌能以更高的概率提供可以解决问题的方案，并且带有原因分析，你应该没有理由使用百度来搜索技术问题。 如果你仍然坚持使用百度，原因就只有一个： 你不想主动去成长。
 
-你或许会觉得翻阅手册太麻烦了, 所以可能会在百度上随便搜一篇博客来尝试寻找解决方案. 但是, 你需要明确以下几点:
+你或许会觉得翻阅手册太麻烦了，所以可能会在百度上随便搜一篇博客来尝试寻找解决方案。 但是，你需要明确以下几点：
 
-- 你搜到的博客可能也是转载别人的, 有可能有坑
+- 你搜到的博客可能也是转载别人的，有可能有坑
-- 博主只是分享了他的经历, 有些说法也不一定准确
+- 博主只是分享了他的经历，有些说法也不一定准确
-- 搜到了相关内容, 也不一定会有全面的描述
+- 搜到了相关内容，也不一定会有全面的描述
 
-最重要的是, 当你尝试了上述方法而又无法解决问题的时候, 你需要明确"我刚才只是在尝试走捷径, 看来我需要试试 RTFM 了".
+最重要的是，当你尝试了上述方法而又无法解决问题的时候，你需要明确"我刚才只是在尝试走捷径，看来我需要试试 RTFM 了"。

3.编程思维体系构建/3.4.2用什么写 C 语言.md

@@ -2,9 +2,11 @@
 
 初学 C 语言，第一个问题莫过于用什么软件编写 C 语言程序。学校的老师可能会推荐包括但不限于 VC6.0，CodeBlocks，devC++，Visual Studio2013 等，如果你的电脑不是老年机，那么以上软件衷心建议你不要去使用，过于老旧了。
 
-# Windows-Visual Studio
+## Windows-Visual Studio
 
-[vs2022(Visual Studio 2022)指南&&技巧要领](https://www.bilibili.com/video/BV1Xt411g7jT?vd_source=699341ff80cb01917fb43665199a48dd)
+[vs2022(Visual Studio 2022)指南&&技巧要领](https://www.bilibili.com/video/BV1Xt411g7jT)
+
+<Bilibili bvid='BV1Xt411g7jT'/>
 
 Visual Studio （以下简称 VS ）是 Windows 下最完美的 C/C++ 等语言的开发平台，有“宇宙第一 IDE”之称，功能丰富，开箱即用。目前更新到 2022 版。
 

3.编程思维体系构建/3.4.4C语言前置概念学习.md

@@ -4,7 +4,9 @@
 
 以下方式难度由易到难，但并不意味着收获由小到大：
 
-1.Video：[B 站翁恺的 C 语言课程](https://www.bilibili.com/video/BV19W411B7w1?spm_id_from=333.337.search-card.all.click&vd_source=da5a5affb1b0c71c0d7e410b1d1a3c17)（非常基础，缺点是只看视频学的过浅）
+1.Video：[B 站翁恺的 C 语言课程](https://www.bilibili.com/video/BV19W411B7w1)（非常基础，缺点是只看视频学的过浅）
+
+<Bilibili bvid='BV19W411B7w1'/>
 
 2.MOOC：[翁凯 C 课程的 MOOC 慕课](https://www.icourse163.org/course/ZJU-9001)（同上，慕课的习题和 Projects 性价比不高，几乎没有差别）
 

3.编程思维体系构建/3.6.3安装python.md

@@ -2,9 +2,13 @@
 
 教程
 
-[Python 小白必看，非常生动的 Pycharm 与 Anaconda 安装教学，干货！_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1Bp4y117UW?p=1&share_medium=android&share_plat=android&share_source=COPY&share_tag=s_i&timestamp=1623240637&unique_k=vHC5Wg)
+[Python 小白必看，非常生动的 Pycharm 与 Anaconda 安装教学，干货！_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1Bp4y117UW)
 
-[Win10 下 Conda-Pycharm-Pytorch 的安装_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV15U4y1J7Ss?from=search&seid=1987861827719523712&spm_id_from=333.337.0.0)
+<Bilibili bvid='BV1Bp4y117UW'/>
+
+[Win10 下 Conda-Pycharm-Pytorch 的安装_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV15U4y1J7Ss)
+
+<Bilibili bvid='BV15U4y1J7Ss'/>
 
 # 巧妇难为无米之炊
 

3.编程思维体系构建/3.Y.3Linux初探索.md

@@ -133,7 +133,12 @@ int main(void) {
 }
 ```
 
-> 相信你在写完代码之后苦于不知道怎么保存并退出，不用担心，这个是正常的，毕竟上面提到的两个文本编辑器都是以入门时的学习曲线及其陡峭而著称。<br/>对于 vi(m)风格的编辑器，你需要先按 `ESC` 返回 NORMAL 模式（具体处于那个模式可以观察窗口左下角，NORMAL 模式是空白的），再输入 `:wq` 来保存并退出（注意 `:` 是输入的一部分 )（`:q 仅退出` `:q! 不保存退出` ）<br/>呃呃 [【保姆级入门】Vim 编辑器](https://www.bilibili.com/video/BV13t4y1t7Wg)
+> 相信你在写完代码之后苦于不知道怎么保存并退出，不用担心，这个是正常的，毕竟上面提到的两个文本编辑器都是以入门时的学习曲线及其陡峭而著称。
+> 对于 vi(m)风格的编辑器，你需要先按 `ESC` 返回 NORMAL 模式（具体处于那个模式可以观察窗口左下角，NORMAL 模式是空白的），再输入 `:wq` 来保存并退出（注意 `:` 是输入的一部分 )（`:q 仅退出` `:q! 不保存退出` ）
+>
+> [【保姆级入门】Vim 编辑器](https://www.bilibili.com/video/BV13t4y1t7Wg)
+>
+> <Bilibili bvid='BV13t4y1t7Wg'/>
 
 保存后就能够看到 `hello.c` 的内容了. 终端中可以用 `cat hello.c` 查看代码的内容. 如果要将它编译, 可以使用 `gcc` 命令:
 

4.人工智能/4.6.1工欲善其事，必先利其器.md

@@ -144,11 +144,17 @@ conda config --set show_channel_urls yes
 
 #### 教程
 
-[在 Windows 上配置 pytorch！（CPU 和 GPU 版）](https://www.bilibili.com/video/BV1YY4y1B7cA?spm_id_from=333.337.search-card.all.click&vd_source=8e0b454d3850af2ce4435d1ca2d9e040)
+[在 Windows 上配置 pytorch！（CPU 和 GPU 版）](https://www.bilibili.com/video/BV1YY4y1B7cA)
 
-[Windows 下 PyTorch 入门深度学习环境安装与配置 CPU GPU 版](https://www.bilibili.com/video/BV1S5411X7FY?p=1&vd_source=8e0b454d3850af2ce4435d1ca2d9e040)
+<Bilibili bvid='BV1YY4y1B7cA'/>
 
-[最新 TensorFlow 2.8 极简安装教程](https://www.bilibili.com/video/BV1i34y1r7dv/?spm_id_from=333.788&vd_source=8e0b454d3850af2ce4435d1ca2d9e040)
+[Windows 下 PyTorch 入门深度学习环境安装与配置 CPU GPU 版](https://www.bilibili.com/video/BV1S5411X7FY)
+
+<Bilibili bvid='BV1S5411X7FY'/>
+
+[最新 TensorFlow 2.8 极简安装教程](https://www.bilibili.com/video/BV1i34y1r7dv)
+
+<Bilibili bvid='BV1i34y1r7dv'/>
 
 #### 思考题：为什么需要 CUDA 版本？？？
 

4.人工智能/4.6.3深度学习快速入门.md

@@ -2,7 +2,10 @@
 
 ## <strong>刘二大人(Pytorch)</strong>
 
-## [【速成课：人工智能】Ai - [21 集全/中英双语] - Artificial Intelligence_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1P7411r7Dw/?spm_id_from=333.999.0.0&vd_source=2cb6252f9211ae9d29cf1f76f0aea8d7)
+## 速成课：人工智能
+[【速成课：人工智能】Ai - [21 集全/中英双语] - Artificial Intelligence_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1P7411r7Dw)
+
+<Bilibili bvid='BV1P7411r7Dw'/>
 
 Crash course 的课程，可以基本了解pytorch的内容，但是当然有很多内容已经有些过时
 

4.人工智能/4.6.5.3.3ResNet.md

@@ -197,7 +197,7 @@ def resnet101(num_classes=1000, include_top=True):
 
 ## 视频
 
-https://www.bilibili.com/video/BV1P3411y7nn
+<Bilibili bvid='BV1P3411y7nn'/>
 
 ## 思考
 

4.人工智能/4.6.5.3.4UNet.md

@@ -45,7 +45,7 @@ U-net 网络的结构如图所示，蓝色箭头代表卷积和激活函数，
 
 ## 视频
 
-https://www.bilibili.com/video/BV1Vq4y127fB
+<Bilibili bvid='BV1Vq4y127fB'/>
 
 ## 思考 1
 ::: warning 🤔

4.人工智能/4.6.6.3知识图谱.md

@@ -42,4 +42,4 @@
 在成功搭建起知识图谱这个数据库后，接下来就是最重要的一步了，让计算机理解——表示学习。目前这个方向，最重要的就是向量化，将节点和关系全部向量化，一方面有向量的平移不变性的好处，另一方面也方便计算，在从中穿插点图论的相关知识，例如将知识图谱看成特大号异构图进行处理。不过这方面方向太多，难以一一列举。
 
 - [https://www.cnblogs.com/fengwenying/default.html?page=5](https://www.cnblogs.com/fengwenying/default.html?page=5) 胡萝不青菜的博客
-- [https://space.bilibili.com/497998686?spm_id_from=333.337.0.0](https://space.bilibili.com/497998686?spm_id_from=333.337.0.0) up 主骰子 AI，知识图谱在推荐系统上的利用
+- [up主 骰子 AI](https://space.bilibili.com/497998686?spm_id_from=333.337.0.0) up 主 骰子 AI，知识图谱在推荐系统上的利用

4.人工智能/4.6.7.1VIT.md

@@ -70,4 +70,4 @@
 
 ## 视频
 
-https://www.bilibili.com/video/BV15P4y137jb
+<Bilibili bvid='BV15P4y137jb'/>

4.人工智能/4.6.7.2BERT.md

@@ -74,6 +74,8 @@ BERT 因为是以完型填空训练的，因此不能用于文本生成任务，
 
 # 相关资料：
 
-李沐的【BERT 论文逐段精读【论文精读】】 [https://www.bilibili.com/video/BV1PL411M7eQ/?share_source=copy_web&vd_source=59df19b7fca15c3fb440b91c21605fc6](https://www.bilibili.com/video/BV1PL411M7eQ/?share_source=copy_web&vd_source=59df19b7fca15c3fb440b91c21605fc6)
+李沐的【BERT 论文逐段精读【论文精读】】https://www.bilibili.com/video/BV1PL411M7eQ
+
+<Bilibili bvid='BV1PL411M7eQ'/>
 
 原论文：[https://arxiv.org/pdf/1810.04805v2](https://arxiv.org/pdf/1810.04805v2)

4.人工智能/4.6.7.3MAE.md

@@ -44,6 +44,8 @@ cv 领域，其实预训练模型早已推广，一般是在 imagenet 上进行
 
 更具体的比如模型性能对比最好还是去看原论文或者李沐老师的讲解
 
-李沐【MAE 论文逐段精读【论文精读】】 [https://www.bilibili.com/video/BV1sq4y1q77t/?share_source=copy_web&vd_source=59df19b7fca15c3fb440b91c21605fc6](https://www.bilibili.com/video/BV1sq4y1q77t/?share_source=copy_web&vd_source=59df19b7fca15c3fb440b91c21605fc6)
+李沐【MAE 论文逐段精读【论文精读】】 https://www.bilibili.com/video/BV1sq4y1q77t
+
+<Bilibili bvid='BV1sq4y1q77t'/>
 
 原论文：[https://arxiv.org/pdf/2111.06377v2.pdf](https://arxiv.org/pdf/2111.06377v2.pdf)

4.人工智能/4.6.7Transformer.md

@@ -38,7 +38,9 @@
 
 论文的优秀讲解
 
-[Transformer 中 Self-Attention 以及 Multi-Head Attention 详解_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV15v411W78M?spm_id_from=333.337.search-card.all.click&vd_source=2cb6252f9211ae9d29cf1f76f0aea8d7)
+[Transformer 中 Self-Attention 以及 Multi-Head Attention 详解_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV15v411W78M)
+
+<Bilibili bvid='BV15v411W78M'/>
 
 除此之外就是相关代码，不要求你可以完全自己复现，但是要保证非常重要的知识都懂
 

4.人工智能/4.8数据分析.md

@@ -4,11 +4,10 @@ author:zzm
 
 讲讲某个人在大一的悲惨经历来为大家串起来一个精简的数据科学工作包括了哪些步骤，同时给各位介绍一些优质的教程
 
-同时，这章内容将详细阐述[与人合作的生死疲劳](https://www.bilibili.com/video/BV1494y1o7jp/?spm_id_from=333.1007.top_right_bar_window_history.content.click&vd_source=2cb6252f9211ae9d29cf1f76f0aea8d7)
+同时，这章内容将详细阐述[与人合作的生死疲劳](../1.杭电生存指南/1.5小组作业避雷指南.md)
 
 # 悲惨世界
 
-
 ::: danger 若有雷同，纯属瞎编~~根据真实事件改编
 
 后人哀之而不鉴之，亦使后人而复哀后人也！
@@ -219,7 +218,9 @@ The End~~~~~~~~~~
 
 数据科学是当今计算机和互联网领域最热门的话题之一。直到今天，人们已经从应用程序和系统中收集了相当大量的数据，现在是分析它们的时候了。从数据中产生建议并创建对未来的预测。[在这个网站中](https://www.quora.com/Data-Science/What-is-data-science)，您可以找到对于数据科学的更为精确的定义。
 
-同时，我向各位推荐一个非常有趣的科普视频想你讲解数据分析师到底在做什么：[怎么会有这么性感的职业吶？](https://www.bilibili.com/video/BV1ZW4y1x7UU/?spm_id_from=333.999.0.0&vd_source=2cb6252f9211ae9d29cf1f76f0aea8d7)
+同时，我向各位推荐一个非常有趣的科普视频想你讲解数据分析师到底在做什么：[怎么会有这么性感的职业吶？](https://www.bilibili.com/video/BV1ZW4y1x7UU)
+
+<Bilibili bvid='BV1ZW4y1x7UU'/>
 
 # Datawhale的生态体系
 

4.人工智能/4.人工智能.md

@@ -73,7 +73,9 @@
 
   但是，现在我会说，也许当时的我真的错了。我并没有思考过所谓人类的智能和AI的智能的关系，也忽视了当某一个趋势或方向发展到极致之后，量变会引发什么样的质变。
 
-[推荐大伙可以看看这个](https://www.bilibili.com/video/BV11c41157aU/?spm_id_from=333.999.0.0&vd_source=2cb6252f9211ae9d29cf1f76f0aea8d7)
+[推荐大伙可以看看这个](https://www.bilibili.com/video/BV11c41157aU)
+
+<Bilibili bvid='BV11c41157aU'/>
 
 ## 看山是山
 > 孟德尔出生于奥地利帝国（今天的捷克共和国）的西里西亚，是现代遗传学的创始人。尽管几千年来农民就知道动植物的杂交可以促进某些理想的性状，但孟德尔在1856年至1863年之间进行的豌豆植物实验建立了许多遗传规则，现称为孟德尔定律。

5.富有生命的嵌入式/5.3还玩裸机？上操作系统！.md

@@ -51,7 +51,8 @@ int main（）{
 
 1、b 站正点原子官方 FreeRTOS 教学（在今年有做全面的更新，比之前讲的更为清晰，难得的优秀入门视频）
 
-[https://www.bilibili.com/video/BV19g411p7UT/?spm_id_from=333.999.0.0&vd_source=6ee6cc25ef1d46409e1f14084644c1f7](https://www.bilibili.com/video/BV19g411p7UT/?spm_id_from=333.999.0.0&vd_source=6ee6cc25ef1d46409e1f14084644c1f7)
+
+<Bilibili bvid='BV19g411p7UT'/>
 
 2、FreeRTOS 官网（官网往往是最适合学习的地方）[www.freertos.org](http://www.freertos.org)
 
@@ -145,13 +146,13 @@ void chatterCallback(const std_msgs::String::ConstPtr& msg)
 
 1、b 站古月居 ROS21 讲（讲的比较浅，但是可以作为入门学习视频，了解整个框架，感兴趣地可以看胡老师的 ROS2 系列视频，毕竟 ROS1 近期已经停更了，要保持不断学习的姿态）
 
-[https://www.bilibili.com/video/BV1zt411G7Vn/?spm_id_from=333.999.0.0&vd_source=6ee6cc25ef1d46409e1f14084644c1f7](https://www.bilibili.com/video/BV1zt411G7Vn/?spm_id_from=333.999.0.0&vd_source=6ee6cc25ef1d46409e1f14084644c1f7)
+<Bilibili bvid='BV1zt411G7Vn'/>
 
 <strong>提一嘴：很多人学 ROS 就学一个开头-比如就学了古月居的 21 讲，就认为自己已经了解到了 ROS 的大部分内容了</strong><strong>（不会有人现在还是纯看视频学习吧）</strong><strong>，实际上这是非常错误的想法。当你学完了视频的内容后，你甚至可能不会移植 wiki 上的功能包（x_x），甚至不知道如何去开发一个真实的机器人（因为此 21 讲只是理论上的讲解，去做一个虚拟机器人在 gazebo 上运行）。ROS 的学习上需要我们花大量的心思去学会接触新的东西，你们并不能只局限于我提供的推荐学习资料，因为相应的功能包不是一成不变的，而且也不是只有那么几个功能包，当你感受了 ROS 的自主建图、自主导航、机械臂控制、机器学习开发等等等等等等后，你才会发现 ROS 的世界是如此美妙！</strong>
 
 2、b 站赵虚左 ROS 课程（讲得细致多了，需要耐心看下去，要是我入门 ROS 的时候有这个视频就好了）
 
-[https://www.bilibili.com/video/BV1Ci4y1L7ZZ/?spm_id_from=333.999.0.0&vd_source=6ee6cc25ef1d46409e1f14084644c1f7](https://www.bilibili.com/video/BV1Ci4y1L7ZZ/?spm_id_from=333.999.0.0&vd_source=6ee6cc25ef1d46409e1f14084644c1f7)
+<Bilibili bvid='BV1Ci4y1L7ZZ'/>
 
 3、古月居的《ROS 机器人开发实践》（根据国外的《ROS By Example》改编，但是更贴近于入门开发，会有相关功能包更细致的解析）
 

7.网络应用开发/7.1.2.1基础部分.md

@@ -27,7 +27,9 @@ Hello~这里是杭电助手技术部后端，无论基础如何，您都可以
 这只吉祥物囊袋鼠的英文学名为 <strong>Gopher</strong>，每位热爱 Golang 的开发者都会自称 <strong>Gopher</strong> (就像 jvaver 一样(x)，而它的造型出于创始人之一 Rob Pike 的妻子之手。
 
 #### 视频资料(<strong>P2-P3</strong>)：
-https://www.bilibili.com/video/BV1zR4y1t7Wj/
+
+<Bilibili bvid='BV1zR4y1t7Wj'/>
+
 #### 文字资料：
 
 - Golang 官网(非常好记: go.dev(eloper))
@@ -74,7 +76,7 @@ GoLand 可以使用教育邮箱学生认证白嫖噢~👀
 
 #### 视频资料(<strong>P4-P6</strong>)：
 
-https://www.bilibili.com/video/BV1zR4y1t7Wj/
+<Bilibili bvid='BV1zR4y1t7Wj'/>
 
 #### 文字资料：
 
@@ -103,7 +105,8 @@ Golang 的语法是 C/C++ 系的，在许多地方你都可以看到他们的影
 
 #### 视频资料(P9-P56 每集视频并不长，不要被吓到了喔)：
 
-https://www.bilibili.com/video/BV1zR4y1t7Wj/
+<Bilibili bvid='BV1zR4y1t7Wj'/>
+
 
 #### 文字资料：
 
@@ -147,6 +150,9 @@ https://www.runoob.com/http/http-intro.html
 
 - [《互联网时代》纪录片](https://www.bilibili.com/video/BV1DU4y147XR/) - 与 HTTP 没什么关系，但给当时的我带来极大的震撼和触动。互联网是人类连接的重要一步，是对人类自由、平等、互通之理念长达半个世纪的深刻贯彻。
 
+<Bilibili bvid='BV1DU4y147XR'/>
+
+
 > 原本稀薄的得以聚合，曾经蜷曲的得以伸展，容易被忽略的得以显现，可能被排斥的获得接纳：孤独的不再孤独，卑微的不再卑微，每一个生命绽放的声音，从来没有像这样韵味深长。
 
 - [HTTP | MDN](https://developer.mozilla.org/zh-CN/docs/Web/HTTP) - HTTP 协议较为权威的参考文档和资料。

9.计算机网络/9.计算机网络..md

@@ -0,0 +1,6 @@
+# 9.计算机网络
+计算机网络的定义：
+
+    利用通信线路和通信设备，将地理位置不同的、功能独立的多台计算机互连起来，以功能完善的网络软件来实现资源共享和信息传递，就构成了计算机网络系统。
+
+而我们学习计算机网络本质上可以理解为学习这个网络系统中的各种网络协议。

CONTRIBUTING.md

@@ -23,7 +23,7 @@
 ## 文档风格
 1. 使用 Markdown 编写文档，文档格式参考 Markdown 语法。
 2. 一个页面只有一个1级标题（H1，一个#），其他标题从2级开始（H2，##）。
-3. 英文与中文之间用空格分开。
+3. 本项目自动在英文与中文、数字与中文之间添加空格。
    ```markdown
     AI 与人工智能，AGI 的发展方向。
    ```

components/Bilibili.vue

@@ -0,0 +1,25 @@
+<template>
+  <iframe :src="`//player.bilibili.com/player.html?bvid=${bvid}&autoplay=false`" scrolling="no" border="0" frameborder="no"
+    framespacing="0" allowfullscreen="true" class="bili_iframe"/>
+</template>
+
+<script setup>
+  import { defineProps } from 'vue'
+  const { bvid } = defineProps({
+    bvid: {
+      type: String,
+      default: 'BV1GJ411x7h7',
+      required: true,
+      validator: (value) => {
+        return value.trim() !== ''
+      }
+    }
+  })
+</script>
+
+<style scoped>
+  .bili_iframe {
+    width: 100%;
+    height: 23rem;
+  }
+</style>

components/Parallax.vue

@@ -0,0 +1,104 @@
+<script setup lang="ts">
+import { computed, reactive, ref } from 'vue'
+import type { CSSProperties } from 'vue'
+import { useParallax } from '@vueuse/core'
+const target = ref(null)
+
+
+const parallax = reactive(useParallax(target))
+
+const targetStyle: CSSProperties = {
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  transition: '.3s ease-out all',
+}
+const cardWindowStyle: CSSProperties = {
+  overflow: 'hidden',
+  fontSize: '6rem',
+  position: 'absolute',
+  top: 'calc(50% - 1em)',
+  left: 'calc(50% - 1em)',
+  height: '2em',
+  width: '2em',
+  margin: 'auto',
+}
+const layerBase: CSSProperties = {
+  position: 'absolute',
+  height: '100%',
+  width: '100%',
+  transition: '.3s ease-out all',
+}
+const containerStyle: CSSProperties = {
+  margin: '3em auto',
+  perspective: '300px',
+}
+
+const layer0 = computed(() => ({
+  ...layerBase,
+  transform: `translateX(${parallax.tilt * 10}px) translateY(${
+    parallax.roll * 10
+  }px) scale(1)`,
+}))
+
+const layer1 = computed(() => ({
+  ...layerBase,
+  transform: `translateX(${parallax.tilt * 20}px) translateY(${
+    parallax.roll * 20
+  }px) scale(1.33)`,
+}))
+
+const layer2 = computed(() => ({
+  ...layerBase,
+  transform: `translateX(${parallax.tilt * 30}px) translateY(${
+    parallax.roll * 30
+  }px) scale(1.33)`,
+}))
+
+const layer3 = computed(() => ({
+  ...layerBase,
+  transform: `translateX(${parallax.tilt * 40}px) translateY(${
+    parallax.roll * 40
+  }px) scale(1.33)`,
+}))
+
+const layer4 = layerBase
+
+const cardStyle = computed(() => ({
+  background: '',
+  height: '20rem',
+  width: '15rem',
+  borderRadius: '5px',
+  border: '1px solid #000000',
+  overflow: 'hidden',
+  transition: '.3s ease-out all',
+  boxShadow: '0 0 20px 0 rgba(255, 255, 255, 0.1)',
+  transform: `rotateX(${parallax.roll * 20}deg) rotateY(${
+    parallax.tilt * 20
+  }deg)`,
+}))
+</script>
+
+<script lang="ts">
+export default {
+  inheritAttrs: false
+}
+</script>
+
+<template>
+  <div>
+    <div ref="target" :style="targetStyle">
+      <div :style="containerStyle">
+        <div :style="cardStyle">
+          <div :style="cardWindowStyle">
+            <img
+              :style="layer0"
+              src="/hdu-cs-wiki_main.png"
+              class="image"
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

contributors.md

@@ -1,11 +1,11 @@
 <script setup>
-import { VPTeamMembers } from 'vitepress/theme'
+import { VPTeamMembers } from 'vitepress/theme-without-fonts'
 import { members } from './members.ts'
 
 </script>
 
 # 贡献者名单
-
+<Parallax/>
 以下为对本项目做出贡献的人员名单，排名不分先后。
 
 <VPTeamMembers size="small" :members="members" />

index.md

@@ -28,4 +28,4 @@ features:
     details: 还有非常多的内容尚未更新完毕，我们期待着你的反馈和加入！
 ---
 
-<meta name="baidu-site-verification" content="codeva-GDehy1VQ6d" />
+<meta name="baidu-site-verification" content="codeva-GDehy1VQ6d" />

package-lock.json

@@ -10,7 +10,8 @@
         "@jupyterlab/mathjax2": "^3.6.5",
         "@jupyterlab/theme-light-extension": "^4.0.3",
         "@vueuse/core": "^10.2.1",
-        "markdown-it": "^13.0.1"
+        "markdown-it": "^13.0.1",
+        "markdown-it-pangu": "^1.0.2"
       },
       "devDependencies": {
         "@mermaid-js/mermaid-mindmap": "^9.3.0",
@@ -2843,6 +2844,51 @@
         "mathjax-full": "^3.2.0"
       }
     },
+    "node_modules/markdown-it-pangu": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/markdown-it-pangu/-/markdown-it-pangu-1.0.2.tgz",
+      "integrity": "sha512-rssyYaMKXRLMpQIUgX01VE1KYOHhlnc4t5zGTI2zgXDpE88eQz8hywa0iSzoFm3eb5CYzFWazDKdUbnyZvW0SQ==",
+      "dependencies": {
+        "markdown-it": "^8.4.2",
+        "pangu": "^4.0.7"
+      }
+    },
+    "node_modules/markdown-it-pangu/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmmirror.com/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/markdown-it-pangu/node_modules/entities": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-1.1.2.tgz",
+      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+    },
+    "node_modules/markdown-it-pangu/node_modules/linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/markdown-it-pangu/node_modules/markdown-it": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmmirror.com/markdown-it/-/markdown-it-8.4.2.tgz",
+      "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "entities": "~1.1.1",
+        "linkify-it": "^2.0.0",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.js"
+      }
+    },
     "node_modules/markdown-it/node_modules/entities": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/entities/-/entities-3.0.1.tgz",
@@ -3276,6 +3322,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/pangu": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmmirror.com/pangu/-/pangu-4.0.7.tgz",
+      "integrity": "sha512-weZKJIwwy5gjt4STGVUH9bix3BGk7wZ2ahtIypwe3e/mllsrIZIvtfLx1dPX56GcpZFOCFKmeqI1qVuB9enRzA==",
+      "bin": {
+        "pangu": "dist/node/cli.js"
+      }
+    },
     "node_modules/parse-srcset": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/parse-srcset/-/parse-srcset-1.0.2.tgz",
@@ -3553,6 +3607,11 @@
         "node": "^12.20.0 || >=14"
       }
     },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
+    },
     "node_modules/style-mod": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/style-mod/-/style-mod-4.0.3.tgz",
@@ -6635,6 +6694,50 @@
         "mathjax-full": "^3.2.0"
       }
     },
+    "markdown-it-pangu": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/markdown-it-pangu/-/markdown-it-pangu-1.0.2.tgz",
+      "integrity": "sha512-rssyYaMKXRLMpQIUgX01VE1KYOHhlnc4t5zGTI2zgXDpE88eQz8hywa0iSzoFm3eb5CYzFWazDKdUbnyZvW0SQ==",
+      "requires": {
+        "markdown-it": "^8.4.2",
+        "pangu": "^4.0.7"
+      },
+      "dependencies": {
+        "argparse": {
+          "version": "1.0.10",
+          "resolved": "https://registry.npmmirror.com/argparse/-/argparse-1.0.10.tgz",
+          "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+          "requires": {
+            "sprintf-js": "~1.0.2"
+          }
+        },
+        "entities": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmmirror.com/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+        },
+        "linkify-it": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmmirror.com/linkify-it/-/linkify-it-2.2.0.tgz",
+          "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+          "requires": {
+            "uc.micro": "^1.0.1"
+          }
+        },
+        "markdown-it": {
+          "version": "8.4.2",
+          "resolved": "https://registry.npmmirror.com/markdown-it/-/markdown-it-8.4.2.tgz",
+          "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==",
+          "requires": {
+            "argparse": "^1.0.7",
+            "entities": "~1.1.1",
+            "linkify-it": "^2.0.0",
+            "mdurl": "^1.0.1",
+            "uc.micro": "^1.0.5"
+          }
+        }
+      }
+    },
     "markdown-to-jsx": {
       "version": "7.2.1",
       "resolved": "https://registry.npmmirror.com/markdown-to-jsx/-/markdown-to-jsx-7.2.1.tgz",
@@ -7025,6 +7128,11 @@
       "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
     },
+    "pangu": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmmirror.com/pangu/-/pangu-4.0.7.tgz",
+      "integrity": "sha512-weZKJIwwy5gjt4STGVUH9bix3BGk7wZ2ahtIypwe3e/mllsrIZIvtfLx1dPX56GcpZFOCFKmeqI1qVuB9enRzA=="
+    },
     "parse-srcset": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/parse-srcset/-/parse-srcset-1.0.2.tgz",
@@ -7257,6 +7365,11 @@
         }
       }
     },
+    "sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
+    },
     "style-mod": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/style-mod/-/style-mod-4.0.3.tgz",

package.json

@@ -10,7 +10,8 @@
     "@jupyterlab/mathjax2": "^3.6.5",
     "@jupyterlab/theme-light-extension": "^4.0.3",
     "@vueuse/core": "^10.2.1",
-    "markdown-it": "^13.0.1"
+    "markdown-it": "^13.0.1",
+    "markdown-it-pangu": "^1.0.2"
   },
   "devDependencies": {
     "@mermaid-js/mermaid-mindmap": "^9.3.0",

public/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://hdu-cs.wiki/sitemap.xml

简介.md

@@ -1,4 +1,5 @@
 # HDU计算机科学讲义
+<Parallax />
 ## 序言
 
 相信看到这个wiki的同学都对计算机专业有着或多或少的期待，或许有人因小时候某次电视上的黑客操作所振奋，或许有人是被全民编程的时代浪潮席卷而来，渴望着高薪的工作，或者又有人因为渴望着用编程改变世界。
@@ -13,7 +14,7 @@
 
 学长学姐们深知其中痛楚，在我们踩了一个个坑后，我们决定：
 
-**出一份计算机科学领域的讲义，一起做大家的领路人。** 
+**出一份计算机科学领域的讲义，一起做大家的领路人。**
 
 ## 救赎之路？
 
@@ -38,7 +39,8 @@
 **群号：669895692**
 
 ::: tip 🤔
-#### **为什么我要花大量的时间与折磨受这样的训练？**
+
+### 为什么我要花大量的时间与折磨受这样的训练？
 
 因为你来大学的主要目的，就是进行学习，而学校的传授的内容往往是不能满足成为一个合格的 CSer 的全部需求的。
 
@@ -49,6 +51,7 @@
 教育除了知识的记忆之外， 更本质的是能力的训练， 即所谓的 training。 而但凡 training 就必须克服一定的难度， 否则你就是在做重复劳动， 能力也不会有改变。 如果遇到难度就选择退缩， 或者让别人来替你克服本该由你自己克服的难度， 等于是自动放弃了获得 training 的机会， 而这其实是大学专业教育最宝贵的部分。 —— etone
 
 :::
+
 ## 学习原则
 
 1. 建议保持至少一半时间在实操，一半时间在学理论知识，比例未必正确的，但是强调实操和反馈的重要性，如果你上来就拿一本经典的花书看，只看理论或者上来就整一段开源代码，势必会陷入不同程度的盲目和困苦当中。