add mermaid

articles/demo.md

@@ -12,12 +12,24 @@ function func(a, b) {
 }
 ```
 
+[mermaid API](https://mermaid.js.org/config/setup/modules/mermaidAPI.html)
+
+<pre class="mermaid">
+    graph TD
+    A[Client] --> B[Load Balancer]
+    B --> C[Server01]
+    B --> D[Server02]
+</pre>
+<pre class="mermaid">
+flowchart LR
+  A --> B
+</pre>
+
 [What's In A Class?] [1]
 
 <details>
 <summary>alert</summary>
 
-
 ## [alert](https://github.com/bent10/marked-extensions/tree/main/packages/alert)
 - [Enables GFM alerts](https://github.com/orgs/community/discussions/16925)
 

dev-note/cmd.md

@@ -10,12 +10,8 @@
 - set 变量名=                      // 置空
 - set 变量名=%变量名%;变量内容      // 如set path=%path%;d:\nmake.exe
 
-## powershell
-拷贝目录到另一个目录
-xcopy /s /e /h /i /y .\third\snippet\ .\third2\snippet\
-
-- [chcp](https://learn.microsoft.com/zh-cn/windows-server/administration/windows-commands/chcp)
-
-
+- [chcp](https://learn.microsoft.com/zh-cn/windows-server/administration/windows-commands/chcp) 更新语言代码
 - netstat -ano | findstr 3000 查看端口是否被占
-- taskkill /f /t /im 9340
+- tasklist
+- taskkill /f /t /im 9340
+- taskkill /IM "xxx.exe" /F

dev-note/git.md

@@ -82,6 +82,7 @@ git config --global user.name "lmj01"
 git config --global user.email "[email protected]"
 git config --global color.ui auto 增强命令输出的可读性
 git config --global init.defaultBranch main // 更改默认分支git2.28支持
+git config --local user.name 
 ```
 
 ### git ssh
@@ -143,6 +144,8 @@ pox.xml merge=ours
 git checkout branch-with-history 切换到带有历史记录的分支中
 git checkout -b XXX 新建本地分支XXX
 git reset --hard commit-id 回滚分支XXX上的某个提交点
+git reset --soft HEAD^ 撤销上一个提交，回到staging状态
+git reset --soft HEAD~2 撤销多个提交
 ```
 此时代码就是某个提交点的，就可以修改了
 

dev-note/powershell.md

@@ -18,7 +18,16 @@
 # /exclude:FileName1[+[FileName2]][+[FileName3]( )] 排除指定文件，文件中列出了文件名，或字符串与复制文件的绝对路径存在匹配时，排除
 # /q 不显示
 xcopy src dst /W /u /s /y 
+
+
+# 进程
+Get-Process -Name sb* # 获取进程名
+Get-Process -Name sb* | Stop-Process
+Stop-Process -Name t*,e* -Confirm
 ```
+## powershell
+拷贝目录到另一个目录
+xcopy /s /e /h /i /y .\third\snippet\ .\third2\snippet\
 
 ## ssh
 

exercises/index.md

@@ -12,6 +12,7 @@
 - [二次方程](/exercises/quadratic.equation.md)
 - [夹逼法](/exercises/sequeezing.md)
 - [几何](/exercises/geometry.md)
+- [线性代数](/exercises/linear.algebra.md)
 
 
 ## 物理学

exercises/linear.algebra.md

@@ -0,0 +1,72 @@
+# Linear Algebra
+
+线性代数
+
+- [基](https://www.douban.com/note/774496194/)
+
+## 域
+
+## 矩阵
+
+<details>
+<summary>特征值与特征向量</summary>
+
+### 特征值与特征向量
+
+矩阵与向量相乘会产生另外一个向量，对于某些特定矩阵，存在一些向量，相乘后得到的向量方向不改变，此类向量称为给定矩阵的特征向量，而变换后的向量的缩放值被定义为与该特征向量对应的特征值。
+
+$A\vec{v}=\lambda \vec{v}, \lambda \text{是特征向量}\vec{v}\text{对应的特征值}$
+
+特征向量只能仅适应于方阵。特征向量所构成的空间（包含0向量）称为特征空间。
+
+如果方阵可以写成下来式子，称为可对角化矩阵
+
+$$
+A=PDP^{-1} \newline
+D=\begin{pmatrix}
+    \lambda{1} & 0 & \cdots & 0 \newline
+    0 & \lambda{2} & \cdots & 0 \newline
+    \vdots & \vdots & \ddots & \vdots \newline
+    0 & 0 & \cdots & \lambda{n} \newline
+\end{pmatrix} \newline
+D\text{是以特征值作为对角元素的对角矩阵}, P\text{是特征向量堆叠在一起的矩阵}
+$$
+
+$\text{矩阵等于其自身的转置称为对称矩阵}, A=A^{T}$
+
+$\text{矩阵的逆等于其自身的转置称为正交矩阵}, A^{-1}=A^{T} or A^{T}A=I$
+
+有很多关于特征值和特征向量的性质，比如：仅具有实数特征值，始终可对角化，具有正交特征向量。由于对称矩阵的的特征向量相互正交，对角化矩阵A中的矩阵P为正交矩阵，常常说任何对称矩阵都是正交对角化的。
+
+$A=PDP^{-1}=PDP^{T}$
+
+非对称方阵时，可能有复数的特征值。这就是其局限性，就需要奇异值分解了。
+
+</details>
+
+### 矩阵分解技术
+
+<details>
+<summary>特征值与特征向量</summary>
+
+#### [奇异值分解SVD]()
+
+[奇异值分解的简单想法](https://mp.weixin.qq.com/s/FwtDCVTiINpzP8tih0tu4w)
+
+在大数据时代，数据集可以使用二维矩阵表示，有时使用矩阵中所有元素进行计算成本很高，就需要恰当的形式的矩阵方便计算。SVD将任何矩阵分解为三个通用矩阵。
+
+$$
+\text{设}A\text{是任意矩形（m,n）的矩阵，可以证明}A^{T}A和AA^{T}\text{分别是对称方阵（n,n）和（m,m）}. \newline
+(A^{T}A)^{T}=A^{T}(A^{T})^{T}=A^{T}A \newline
+(AA^{T})^=(A^{T})^{T}A^{T}=AA^{T} \newline
+$$
+
+还可以证明它们共享相同的特征值，但特征向量可能不同。根据对称矩阵正交对角化性质，矩阵可分解为
+
+$$
+A^{T}A=VDV^{T} \newline
+AA^{T}=UDU^{T} \newline
+D\text{为特征值的对角矩阵，}V,U\text{为正交矩阵}
+$$
+
+</details>

exercises/math.md

@@ -1,7 +1,9 @@
 # Math
 
-## 基础概念
-> 数学的精准是建立在一系列基本概念和逻辑推理之上。定义、公理、猜想、定理、证明和推论相互关联，形成了一个严密的逻辑体系。
+<details>
+<summary>基础概念</summary>
+
+数学的精准是建立在一系列基本概念和逻辑推理之上。定义、公理、猜想、定理、证明和推论相互关联，形成了一个严密的逻辑体系。
 
 - 定义Definition，是对某个概念或术语清晰而精简的描述，它是利用已知的概念来解释新的数学对象
     1. 数学概念是体现数学对象本质属性的思维模式，而定义是对我们所讨论的数学对象的本质属性进行描述的语句
@@ -34,7 +36,10 @@
     2. 鸽巢原理Pigeonhole principle（抽屉原理），是一个基本的组合数学原理，表明n+1个鸽子放置n个巢中，至少有一个巢有两个鸽子。
 - 证明，是验证的过程
 
-### [西方数学发展史](https://mp.weixin.qq.com/s/38OPkhjaLuVXkXORGYOnfw)
+<details>
+<summary>西方数学发展史</summary>
+
+[西方数学发展史](https://mp.weixin.qq.com/s/38OPkhjaLuVXkXORGYOnfw)
 
 数学是一门研究数量、运算、结构、空间、图形、信息等概念的形式科学，它是人类对事物的抽象结构与模式进行严格描述、推导的一种通用手段，在人类历史的发展和社会生活中，数学发挥着不可替代的作用，是学习和研究现代科学技术必不可少的基本工具，对理解掌握各类科学技术的公式定理具有重要的意义。
 
@@ -50,17 +55,12 @@
 
 伽罗瓦是群论理论的重要创立者，他用其理论解决了代数方程的根式求解问题，并由此发展出了一整套关于群和域的理论（即伽罗瓦理论），对三次以上（至五次）方程的公式求解有着重要的帮助
 
-## Linear Algebra
-
-线性代数
-
-- [基](https://www.douban.com/note/774496194/)
-
-## 域
+</details>
 
 ## 观点
 
-### 读大师作品
+<details>
+<summary>读大师作品</summary>
 
 有几点理由可以说明为何最优秀的数学家被吸引去读经典著作，首先，他们似乎是天生的善于进行综合的人，数学的真谛在于理解看起来不同的概念间的逻辑联系。最成功的数学家都是涉足面最广、洞察相似之物和将概念联系起来的能力最强的数学家。历史在这样的研究活动中的作用是明显的。对某些相似性的认识往往要经历几代人，而且通过对普遍的历史事实的回顾，往往容易看出各种联系。**进步不是出自于新的概念，而是由于认识到可以把旧概念用于新的情况，这样的事实比我们所愿想象的要多得多。**
 
@@ -73,4 +73,6 @@ Newton和Leibniz在分析方面的工作就是Newton以一个几何四维来思
 
 几何是关于空间的，当你一眼观望完一个房间时，你的大脑所看到的太多东西了，空间直觉spatial intuition或空间知觉spatial perception，这些都是以几何形式出现的。这些都是在一个时间点上看到的结果，几何本质是静止的。而代数本质上是涉及的是时间，一步推导一步推导的结果，都是在上一个时间点上，是在前一个步骤上的结果，特别是计算机出现后的，算法，就是代数的形式化过程中的产物，任何算法，任何计算过程，都是一个接着一个的，并不是那个静止下的结果。
 
-几何本质是静止的，而代数，现代的算法，任何算法，任何计算过程都是有时间维度的。
+几何本质是静止的，而代数，现代的算法，任何算法，任何计算过程都是有时间维度的。
+
+</details>

exercises/math.secondary.md

@@ -4,6 +4,14 @@
 
 ## 几何
 
+
+<details>
+<summary>2024-5-33初三模拟习题</summary>
+
+[几何之旅：塞瓦定理与角元塞瓦定理——角格点问题的通解方法](https://zhuanlan.zhihu.com/p/122455316?utm_campaign=shareopn&utm_medium=social&utm_psn=1781370747668807680&utm_source=wechat_session)
+
+</details>
+
 <details>
 <summary>2024-5-33初三模拟习题</summary>
 

index.html

@@ -12,8 +12,8 @@
   <link rel="stylesheet" type="text/css" href="./libs/bootstrap-5.0.2-dist/bootstrap.min.css">
   <link rel="stylesheet" type="text/css" href="./index.css">
   <script src="./libs/bootstrap-5.0.2-dist/bootstrap.min.js"></script>
-  <link rel="stylesheet" type="text/css" href="./highlight/styles/default.min.css">
-  <link rel="stylesheet" type="text/css" href="./highlight/styles/xcode.min.css">
+  <link rel="stylesheet" type="text/css" href="./libs/highlight/styles/default.min.css">
+  <link rel="stylesheet" type="text/css" href="./libs/highlight/styles/xcode.min.css">
   <link rel="stylesheet" type="text/css" href="./libs/marked/katex.min.css">
   <title>lmj01 Doc</title>
 </head>

index.mjs

@@ -1,8 +1,8 @@
-import { md2Html } from './libs/marked/mj-marked.mjs';
-import hljs from './highlight/core.min.mjs';
-import languageJavascript from './highlight/languages/javascript.min.mjs';
-import languageLua from './highlight/languages/lua.min.mjs';
-import languageCpp from './highlight/languages/cpp.min.mjs';
+import { md2Html, parseMermaidHtml } from './libs/marked/index.js';
+import hljs from './libs/highlight/core.min.mjs';
+import languageJavascript from './libs/highlight/languages/javascript.min.mjs';
+import languageLua from './libs/highlight/languages/lua.min.mjs';
+import languageCpp from './libs/highlight/languages/cpp.min.mjs';
 
 hljs.registerLanguage('javascript', languageJavascript);
 hljs.registerLanguage('lua', languageLua);
@@ -26,7 +26,7 @@ elBtnBack.addEventListener('click', ()=>{
         tagLinkClickCaption(null, elTag)
     }
 })
-function updateContent(text, options = {}) {
+async function updateContent(text, options = {}) {
     const elContent = document.getElementById('content');
     elContent.classList.add('position-relative');
     if (options.isLink) {
@@ -48,11 +48,7 @@ function updateContent(text, options = {}) {
         elContent.classList.remove('iframe');
         const ext = options.ext || 'md';
         if (ext == 'md') {
-            const elDiv = document.createElement('div');
-            elDiv.classList.add('w-100','h-100','d-flex','flex-column');
-            elDiv.innerHTML = md2Html(text);
-            elContent.replaceChildren();
-            elContent.appendChild(elDiv);
+            await toHtmlData(elContent, text);
         } else {
             const fixed = {js:'javascript', lua:'lua', cpp:'cpp'};
             const res = hljs.highlight(text, {language:fixed[ext]});
@@ -68,6 +64,15 @@ function updateContent(text, options = {}) {
     elContent.appendChild(elBtnBack);
 }
 
+async function toHtmlData(elContent, text) {
+    const elDiv = document.createElement('div');
+    elDiv.classList.add('w-100','h-100','d-flex','flex-column');
+    elDiv.innerHTML = md2Html(text);
+    elContent.replaceChildren();
+    elContent.appendChild(elDiv);
+    await parseMermaidHtml(elDiv);
+}
+
 const patternExternal = /^(https?:|mailto:|tel:)/
 function tagLinkClickCaption(event, aLink) {
     if (event) {
@@ -111,5 +116,5 @@ function catchAllTagLink() {
 ud.cacheUrls = [];
 catchAllTagLink();
 fetch('/articles/demo.md').then(res=>res.text()).then(text=>{
-    document.getElementById('content').innerHTML = md2Html(text);
+    toHtmlData(document.getElementById('content'), text);
 })

index/online.md

@@ -42,7 +42,15 @@
 
 - [Javascript Playground--邮箱[email protected]](https://playcode.io/)
 
-### 在线工具
+### 流程图
+
+- [图示流程Developer Roadmaps Browse the ever-growing list of up-to-date, community driven roadmaps](https://roadmap.sh/roadmaps)
+- [Mermaid Diagramming and charting tool](https://mermaid.js.org/)
+    - [github](https://github.com/mermaid-js/mermaid)
+
+- [在线办公软件Univer is an open-source alternative to Google Sheets, Slides, and Docs ](https://github.com/lmj01/univer)
+
+### 其他
 - [在线计算器及工具](https://www.rapidtables.org/zh-CN/)
 - [图形计算器GeoGebra--在线绘制图形](https://www.geogebra.org/graphing?lang=zh_CN)
 - [在线编译文件](https://wandbox.org/)
@@ -53,8 +61,7 @@
 - [This is a online vector graphics editor.](https://skeditor.github.io/)
     - [github](https://github.com/skeditor/skeditor)
 
-### 其他
-
+- [文件管理器](http://q-dir.com/)
 - [MedPeer应用先进的新闻资讯抓取和分析技术，对用户关心的内容进行深度分类和整理，力求提供及时的生物医药行业资讯，依托MedPeer人工智能翻译系统对国外资讯、文献、报告和视频进行翻译，帮助国内用户轻松理解。编辑器免费，组件收费](https://medpeer.cn/)
 - [Design Editor JS SDK Polotno for canvas | Polotno](https://polotno.com/)
     - [github](https://github.com/polotno-project)

libs/marked/Tableau10-CkeCzOvH.js

@@ -0,0 +1,9 @@
+function colors(specifier) {
+  var n = specifier.length / 6 | 0, colors = new Array(n), i = 0;
+  while (i < n) colors[i] = "#" + specifier.slice(i * 6, ++i * 6);
+  return colors;
+}
+
+var schemeTableau10 = colors("4e79a7f28e2ce1575976b7b259a14fedc949af7aa1ff9da79c755fbab0ab");
+
+export { schemeTableau10 as s };