diff --git a/content.json b/content.json index 94db4b9..5501470 100644 --- a/content.json +++ b/content.json @@ -20,7 +20,7 @@ "type": "html" }, { - "title":"MarkDown 加入测试", + "title":"笔记5:MarkDown 加入测试", "date":"2022-09-24$1", "type":"markdown" } diff --git a/content/md/2022-09-24$1.md b/content/md/2022-09-24$1.md index 0d10721..2de5b3c 100644 --- a/content/md/2022-09-24$1.md +++ b/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 使用
标签换行 ``` +### 强调语法 +``` 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地址: + +<05412@spchemicals.com> +[这是一个链接](https://t.cn "提示信息")) +格式化的链接: **[格式化链接](https://t.cn "新浪微博")** +引用链接: [1]: 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. + + + + + +
Foo
+ +This is another regular paragraph. +``` +对于 HTML 的块级元素 `
`、``、`
` 和 `

`,请在其前后使用空行(blank lines)与其它内容进行分隔。尽量不要使用制表符(tabs)或空格(spaces)对 HTML 标签做缩进,否则将影响格式。在 HTML 块级标签内不能使用 Markdown 语法。例如 `

`italic and `**bold**` `

` 将不起作用。 \ No newline at end of file diff --git a/css/highlight.css b/css/highlight.css index 945876a..c6775ba 100644 --- a/css/highlight.css +++ b/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; diff --git a/css/myui.css b/css/myui.css index 9b0b925..062cbee 100644 --- a/css/myui.css +++ b/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 {