diff --git a/docs/.vuepress/config.ts b/docs/.vuepress/config.ts index 896231e1..d1e140ff 100644 --- a/docs/.vuepress/config.ts +++ b/docs/.vuepress/config.ts @@ -82,6 +82,7 @@ export default defineUserConfig({ copyright: 'Copyright © 2022-present pengzhanbo', }, themePlugins: { + markdownEnhance: { katex: true }, search: { locales: { '/': { diff --git a/docs/1.前端/8.HTTP/浏览器HTTP缓存机制.md b/docs/1.前端/8.HTTP/浏览器HTTP缓存机制.md index 223272f3..6b659274 100644 --- a/docs/1.前端/8.HTTP/浏览器HTTP缓存机制.md +++ b/docs/1.前端/8.HTTP/浏览器HTTP缓存机制.md @@ -92,7 +92,7 @@ HTTP缓存，根据是否需要重新向服务器发起请求，可分为两大 ``` html ``` -::: danger 警告 +::: caution 警告 - 这个标签声明仅有 IE才能识别含义，其他主流浏览器不兼容。 - 在IE浏览器中，虽然能够识别含义，但并不一定会在请求Request Header中加上Pragma，但确实会让当前页面每次都发起新请求。 （仅限页面html文件，页面内使用的其他资源不受影响。） @@ -120,7 +120,7 @@ Expires 的值是一个 GMT时间， 如：`Thu Jun 07 2018 14:26:45 GMT`，用 ``` 如果希望不走缓存，每次页面请求都发起新的请求，可以把 content 设置为 -1 或 0。 -::: danger 提醒 +::: caution 提醒 跟 Pragma 字段一样， 该 meta 标签只有 IE 能够正确识别。 而且该方式仅是告知 IE 缓存时间的标记，并不能在 Request Header 中找到该字段。 ::: diff --git a/docs/10.面试/面试2.md b/docs/10.面试/面试2.md index 06aabfef..292b2693 100644 --- a/docs/10.面试/面试2.md +++ b/docs/10.面试/面试2.md @@ -35,7 +35,7 @@ npm install 警告 ::: -::: danger +::: caution 危险 ::: diff --git a/docs/2.preview/主题效果预览.md b/docs/2.preview/主题效果预览.md new file mode 100644 index 00000000..192edd81 --- /dev/null +++ b/docs/2.preview/主题效果预览.md @@ -0,0 +1,193 @@ +--- +title: 主题效果预览 +author: Plume Theme +createTime: 2023/12/25 01:28:29 +permalink: /article/0lk24ty5/ +sticky: true +tags: + - 预览 + - 标签 +--- + +# 标题H1 + +## 标题H2 + +### 标题H3 + +#### 标题H4 + +##### 标题H5 + +###### 标题H6 + +## 标题2 Badge + +### 标题3 Badge + +#### 标题4 Badge + + +正文内容。 + +`@property` CSS at-rule是 [CSS Houdini API](https://developer.mozilla.org/zh-CN/docs/Web/Guide/Houdini) 的一部分，它允许开发者显式地定义他们的 [CSS 自定义属性](https://developer.mozilla.org/zh-CN/docs/Web/CSS/--*), 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。 + +`@property` 的出现，极大的增强了 CSS 的能力。 + +**加粗文字** + +_斜体文字_ + +~~删除文字~~ + +内容 ==标记== + +数学表达式： $-(2^{n-1})$ ~ $2^{n-1} -1$ + +::: center +内容居中 +::: + +::: right +内容右对齐 +::: + +- 无序列表1 +- 无序列表2 +- 无序列表3 + +1. 有序列表1 +2. 有序列表2 +3. 有序列表3 + +| Tables | Are | Cool | +| ------------- |:-------------:| -----:| +| col 3 is | right-aligned | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | + +> 引用内容 +> +> 引用内容 + +[链接](/) + +[外部链接](https://github.com/pengzhanbo) + +![image](/images/1px-lines.png) + +**Badge** + +- +- +- +- + + +**图标** + +- home - +- vscode - +- twitter - + + +**代码** + +```js +const a = 1 +const b = 2 +const c = a + b +``` + +**代码分组** + +::: code-tabs +@tab tab1 +```js +const a = 1 +const b = 2 +const c = a + b +``` +@tab tab2 +```ts +const a: number = 1 +const b: number = 2 +const c: number = a + b +``` +::: + +**代码块高亮** + +```ts +function foo() { + const a = 1 // [!code highlight] + + console.log(a) + + const b = 2 // [!code ++] + const c = 3 // [!code --] + + console.log(a + b + c) // [!code error] + console.log(a + b) // [!code warning] +} +``` + +**代码块聚焦** + +```ts +function foo() { + const a = 1 // [!code focus] +} +``` + +::: info 注释 +注释内容 +::: + +::: tip 提示 +提示内容 +::: + +::: warning 警告 +警告内容 +::: + +::: caution 错误 +错误内容 +::: + +::: important 重要 +重要内容 +::: + +::: info +代码 +```ts +const a = 1 +const b = 2 +``` +::: + + +**代码演示** + +::: normal-demo Demo 演示 + +```html +

Hello Word!

+

非常强大!

+``` + +```js +document.querySelector("#very").addEventListener("click", () => { + alert("非常强大"); +}); +``` + +```css +span { + color: red; +} +``` + +::: diff --git a/docs/notes/vuepress-theme-plume/markdown增强.md b/docs/notes/vuepress-theme-plume/markdown增强.md index 25b08fde..b7ebc7af 100644 --- a/docs/notes/vuepress-theme-plume/markdown增强.md +++ b/docs/notes/vuepress-theme-plume/markdown增强.md @@ -60,11 +60,11 @@ markdown 增强 由 [vuepress-plugin-md-enhance](https://vuepress-theme-hope.git - 危险 ``` md - ::: danger 危险 + ::: caution 危险 危险内容 ::: ``` - ::: danger 危险 + ::: caution 危险 危险内容 `markdown` ::: diff --git a/docs/package.json b/docs/package.json index cc991737..4abfccdf 100644 --- a/docs/package.json +++ b/docs/package.json @@ -15,6 +15,7 @@ "@vuepress/client": "2.0.0-rc.0", "@vuepress/utils": "2.0.0-rc.0", "anywhere": "^1.6.0", + "katex": "^0.16.9", "leancloud-storage": "^4.15.2", "sass": "^1.69.5", "sass-loader": "^13.3.2", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 59d2bea0..68a5b94b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -122,6 +122,9 @@ importers: anywhere: specifier: ^1.6.0 version: 1.6.0 + katex: + specifier: ^0.16.9 + version: 0.16.9 leancloud-storage: specifier: ^4.15.2 version: 4.15.2 @@ -11008,6 +11011,13 @@ packages: resolution: {integrity: sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A==} dev: false + /katex@0.16.9: + resolution: {integrity: sha512-fsSYjWS0EEOwvy81j3vRA8TEAhQhKiqO+FQaKWp0m39qwOzHVBgAUBIXWj1pB+O2W3fIpNa6Y9KSKCVbfPhyAQ==} + hasBin: true + dependencies: + commander: 8.3.0 + dev: false + /keep-func-props@4.0.1: resolution: {integrity: sha512-87ftOIICfdww3SxR5P1veq3ThBNyRPG0JGL//oaR08v0k2yTicEIHd7s0GqSJfQvlb+ybC3GiDepOweo0LDhvw==} engines: {node: '>=12.20.0'}