2022-09-25 更新

content.json

@@ -20,7 +20,7 @@
 		"type": "html"
 	},
 	{
-		"title":"MarkDown 加入测试",
+		"title":"笔记5：MarkDown 加入测试",
 		"date":"2022-09-24$1",
 		"type":"markdown"
 	}

content/md/2022-09-24$1.md

@@ -1,14 +1,14 @@
 # 博客重新更新了
 
 ## 2022-09-24 记录
-博客新加入了Markdown的支持，以后也只会使用Markdown来记录笔记。简单记录几个常用的语法
+博客新加入了Markdown的支持，以后也只会使用Markdown来记录笔记。简单记录几个常用的语法。博客长久没动了，就不重构了，看哪天有时间加上代码复制。MD的语法还挺简单，花十几分钟就能完全掌握，就算记不住该用哪种方法表示，查表就是了
 
 ### 标题
-``` MarkDown
+``` Markdown
 # 一级标题
 ## 二级标题
 
-<!-- 也可以这样表示 -->
+也可以这样表示
 
 一级标题
 ========
@@ -16,14 +16,118 @@
 二级标题
 --------
 ```
-
 ### 段落
-``` MarkDown
+``` Markdown
 使用一段或多段空白行进行段落分行
+
 直接打字即可
 ```
-
 ### 换行
-``` MarkDown
+``` Markdown
 使用<br>标签换行
 ```
+### 强调语法
+``` Markdown
+*斜体*
+**粗体**
+***斜粗体***
+```
+### 引用语法
+``` Markdown
+> 举头望明月，低头思故乡。      -- 李白
+```
+### 有序列表
+``` Markdown
+数字标号不必按顺序，但应当从1开始
+1. 条目1
+6. 条目2
+4. 条目3
+3. 条目4
+```
+渲染效果
+1. 条目1
+2. 条目2
+4. 条目3
+3. 条目4
+### 无序列表
+``` Markdown
+- * +  都可以。如需嵌套，下一行使用缩进
+- 条目1
+* 条目2
++ 条目3
+    + 子条目1
+    + 子条目2
+```
+渲染效果
+- 条目1
+    + 子条目1
+    + 子条目2
+### 代码语法
+```` Markdown
+``` Java
+public class Obj extends Object {
+    int a;
+    Obj() {
+        ...
+    }
+}
+```
+``int a,b,c;``
+`System.out.println("Information")`
+````
+渲染情况如下
+``` Java
+public class Obj extends Object {
+    int a;
+    Obj() {
+        ...
+    }
+}
+```
+``int a,b,c;`` `System.out.println("Information")`
+### 分隔线
+``` Markdown
+---------------
+***************
+_______________
+```
+要创建分隔线，在单独一行上使用三个或多个星号 (***)、破折号 (---) 或下划线 (___) ，并且不能包含其他内容。渲染效果：
+
+-----------------------------------
+### 链接
+``` Markdown
+网址和Email地址：
+<https://t.cn>
+<05412@spchemicals.com>
+[这是一个链接](https://t.cn "提示信息"))
+格式化的链接： **[格式化链接](https://t.cn "新浪微博")**
+引用链接： [1]: https://t.cn ,放在括号中的标签，其后紧跟一个冒号和至少一个空格
+```
+渲染效果：
+<https://t.cn>
+<05412@spchemicals.com>
+[这是一个链接](./ "提示信息")，鼠标悬停提示信息，进入 **[新浪微博](https://t.cn "新浪微博")**
+
+### 图片
+``` Markdown
+一般图片：![图片alt](/bg.jpg "图片title")
+带链接的图片：[![图片alt](images/bg.jpg "图片title")](https://t.cn )
+```
+渲染效果：
+![图片alt](images/bg.jpg "图片title")
+[![图片alt](images/bg.jpg "图片title")](https://t.cn)
+
+### 内嵌HTML标签
+对于 Markdown 涵盖范围之外的标签，都可以直接在文件里面用 HTML 本身。如需使用 HTML，不需要额外标注这是 HTML 或是 Markdown，只需 HTML 标签添加到 Markdown 文本中即可。
+``` HTML
+This is a regular paragraph.
+
+<table>
+    <tr>
+        <td>Foo</td>
+    </tr>
+</table>
+
+This is another regular paragraph.
+```
+对于 HTML 的块级元素 `<div>`、`<table>`、`<pre>` 和 `<p>`，请在其前后使用空行（blank lines）与其它内容进行分隔。尽量不要使用制表符（tabs）或空格（spaces）对 HTML 标签做缩进，否则将影响格式。在 HTML 块级标签内不能使用 Markdown 语法。例如 `<p>`italic and `**bold**` `</p>` 将不起作用。

css/highlight.css

@@ -19,7 +19,7 @@ code {
 	padding-right: 15px;
 }
 
-li {
+code li {
 	padding-left: 15px;
 	padding-right: 15px;
 	border-left: 1px solid grey;

css/myui.css

@@ -34,7 +34,9 @@ body {
 	background-color: rgba(25, 25, 25, .9);
 	width: 100%;
 	z-index: 4;
-	cursor: default
+	cursor: default;
+	backdrop-filter: blur(15px);
+	padding: 5px 0px;
 }
 
 .menu-container {
@@ -181,7 +183,7 @@ body {
 	min-height: 200px;
 	max-width: 1000px;
 	background-color: rgba(100, 100, 100, .3);
-	backdrop-filter: blur(8px);
+	backdrop-filter: blur(15px);
 	border-radius: 15px;
 	opacity: 1;
 	transition: opacity .5s ease, transform .5s ease;
@@ -382,7 +384,7 @@ body {
 	padding: 15px;
 	cursor: default;
 	color: rgb(233,233,233);
-	backdrop-filter: blur(8px);
+	backdrop-filter: blur(15px);
 }
 
 .sidebar div:first-child {