import{I as e,J as t,M as n,_ as r,g as i,h as a,p as o,t as s,u as c}from"./plugin-vue_export-helper-Dy_UwxR5.js";var l=JSON.parse(`{"path":"/article/fs03b2zf/","title":"Markdown | 博客","lang":"zh-CN","frontmatter":{"title":"Markdown","tags":["markdown"],"createTime":"2025/04/17 02:28:30","permalink":"/article/fs03b2zf/","description":"标题H2 标题H3 标题H4 标题H5 标题H6 标题2 Badge 标题3 Badge 标题4 Badge 正文内容。 @property CSS at-rule是 CSS Houdini API 的一部分，它允许开发者显式地定义他们的 CSS 自定义属性, 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。 @property 的...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"Markdown\\",\\"image\\":[\\"https://plume-layout-slots.netlify.app/plume.svg\\"],\\"dateModified\\":\\"2026-02-25T13:48:39.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://plume-layout-slots.netlify.app/article/fs03b2zf/"}],["meta",{"property":"og:site_name","content":"Plume"}],["meta",{"property":"og:title","content":"Markdown"}],["meta",{"property":"og:description","content":"标题H2 标题H3 标题H4 标题H5 标题H6 标题2 Badge 标题3 Badge 标题4 Badge 正文内容。 @property CSS at-rule是 CSS Houdini API 的一部分，它允许开发者显式地定义他们的 CSS 自定义属性, 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。 @property 的..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:image","content":"https://plume-layout-slots.netlify.app/plume.svg"}],["meta",{"property":"og:locale","content":"zh-CN"}],["meta",{"property":"og:updated_time","content":"2026-02-25T13:48:39.000Z"}],["meta",{"property":"article:tag","content":"markdown"}],["meta",{"property":"article:modified_time","content":"2026-02-25T13:48:39.000Z"}]]},"readingTime":{"minutes":2.76,"words":829},"git":{"createdTime":1703447477000,"updatedTime":1772027319000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":22,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"ce32605aeee40ca873962e21ff8012f320001523","time":1772027319000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): rename demo-wrapper container to window (#858)"},{"hash":"4d2361a7046214fe0f4e4af01831107fd00e38ad","time":1759849989000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme)!: add collections support (#704)"},{"hash":"614d7f5f0fade12118acf55ff3e39c6ad4a10be2","time":1745165968000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: add layout-slots example (#560)"},{"hash":"9dd5a21676d88413e48326afb35c086383b8f64f","time":1742731619000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"chore(cli): update template"},{"hash":"a9f6bd0a0c04b617abfd23ebcd248a52cf4382d9","time":1736479043000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): add demo syntax (#415)"},{"hash":"74079390f60483ee602fcbe88fe7fef732ae38e2","time":1724904212000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat: add create-vuepress-theme-plume package (#153)"},{"hash":"7832a9b13cd366ebe041de3d284dd57c0802951f","time":1724185300000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme): remove frontmatter.author, and improve frontmatter.contributors type"},{"hash":"822d861daef23a289c5e7720cdd7b0beb79b60c1","time":1711040997000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: lint fix md"},{"hash":"ca097146cf4473f9ebfb04fe9e61708dcfd6d464","time":1709917771000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: lint fix"},{"hash":"207efbd12a1caeed194311a6b8ae841d92daaa00","time":1709915821000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: 删除旧文档"},{"hash":"c37b1308e9cd0945054ec1bfc0156f180bd85eb4","time":1708793332000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-shikiji): 使用 floating-vue 实现 twoslash 模态框"},{"hash":"554167d123a6d66cb0d496ad338c7f40e5115be8","time":1706660581000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat: add highlight word"},{"hash":"0f8acc37dcf28cc1aebc7681880ad0afe77d02e7","time":1705854827000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat: update demo-wrapper container"},{"hash":"7b946d7b4947401475d911a5593c60b03a839f52","time":1705432295000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat: add demo-wrapper container support"},{"hash":"d0fdf794774d126ab7f5d24fa6de5865498105b2","time":1704997596000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat: (试验性)代码高亮支持 twoslash"},{"hash":"5a96bacdec4ca23b22c45dbc6f28e58402e2d821","time":1704563599000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"chore: add stylelint support"},{"hash":"c4d9a10efce4241d7e6c8fc42d04da607b22933c","time":1704126842000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"style: lint fix"},{"hash":"d32cd37b252d9bda444eef18ca5b37babddabfe4","time":1703952479000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update docs"},{"hash":"5a74a66ef7b109ba22fd0b0201a4a42db63b56dd","time":1703908620000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"perf: 优化搜索、内容容器内代码块 UI"},{"hash":"f01cfe98ae11f1eb2b5a3fc75ef50017e6703ad1","time":1703895418000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"perf: 优化搜索框 UI"},{"hash":"a20393238b9d5bb11f1cd2dac76bdbb8b425e702","time":1703567094000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"chore: update docs config"},{"hash":"37d0bac7c9921bd74167140598c45292372faae0","time":1703447477000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update example"}]},"autoDesc":true,"filePathRelative":"blog/preview/markdown.md","headers":[],"categoryList":[{"id":"5ebeb6","sort":10000,"name":"preview"}]}`),u={name:`markdown.md`},d={id:`标题2-badge`,tabindex:`-1`},f={class:`header-anchor`,href:`#标题2-badge`},p={id:`标题3-badge`,tabindex:`-1`},m={class:`header-anchor`,href:`#标题3-badge`},h={id:`标题4-badge`,tabindex:`-1`},g={class:`header-anchor`,href:`#标题4-badge`},_={class:`hint-container warning`};function v(s,l,u,v,y,b){let x=e(`Badge`),S=e(`VPLink`),C=e(`Icon`),w=e(`CodeTabs`),T=e(`Tabs`);return n(),o(`div`,null,[l[20]||=a(`

标题H2

标题H3

标题H4

标题H5

标题H6

`,5),c(`h2`,d,[c(`a`,f,[c(`span`,null,[l[0]||=i(`标题2 Badge `,-1),r(x,{type:`tip`,text:`Badge`})])])]),c(`h3`,p,[c(`a`,m,[c(`span`,null,[l[1]||=i(`标题3 Badge `,-1),r(x,{type:`warning`,text:`Badge`})])])]),c(`h4`,h,[c(`a`,g,[c(`span`,null,[l[2]||=i(`标题4 Badge `,-1),r(x,{type:`danger`,text:`Badge`})])])]),l[21]||=a(`

正文内容。

@property CSS at-rule是 CSS Houdini API 的一部分，它允许开发者显式地定义他们的 CSS 自定义属性, 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。

@property 的出现，极大的增强了 CSS 的能力。

加粗：加粗文字

斜体： 斜体文字

~~删除文字~~

内容标记

数学表达式： $-(2^{n-1})$ ~ $2^{n-1} -1$

$\\frac {\\partial^r} {\\partial \\omega^r} \\left(\\frac {y^{\\omega}} {\\omega}\\right) = \\left(\\frac {y^{\\omega}} {\\omega}\\right) \\left\\{(\\log y)^r + \\sum_{i=1}^r \\frac {(-1)^ Ir \\cdots (r-i+1) (\\log y)^{ri}} {\\omega^i} \\right\\}$

19^th

H₂O

内容居中

内容右对齐

无序列表1
无序列表2
无序列表3

有序列表1
有序列表2
有序列表3

任务列表1
任务列表2
任务列表3
任务列表4

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

引用内容
引用内容

`,18),c(`p`,null,[r(S,{href:`/`},{default:t(()=>[...l[3]||=[i(`链接`,-1)]]),_:1})]),l[22]||=c(`p`,null,[c(`a`,{href:`https://github.com/pengzhanbo`,target:`_blank`,rel:`noopener noreferrer`},`外部链接`)],-1),l[23]||=c(`p`,null,[c(`img`,{src:`/plume.svg`,alt:`plume`})],-1),l[24]||=c(`p`,null,[c(`strong`,null,`Badge：`)],-1),c(`ul`,null,[c(`li`,null,[r(x,{type:`info`,text:`info badge`})]),c(`li`,null,[r(x,{type:`tip`,text:`tip badge`})]),c(`li`,null,[r(x,{type:`warning`,text:`warning badge`})]),c(`li`,null,[r(x,{type:`danger`,text:`danger badge`})])]),l[25]||=c(`p`,null,[c(`strong`,null,`图标：`)],-1),c(`ul`,null,[c(`li`,null,[l[4]||=i(`home - `,-1),r(C,{name:`material-symbols:home`,color:`currentColor`,size:`1em`})]),c(`li`,null,[l[5]||=i(`vscode - `,-1),r(C,{name:`skill-icons:vscode-dark`,size:`2em`})]),c(`li`,null,[l[6]||=i(`twitter - `,-1),r(C,{name:`skill-icons:twitter`,size:`2em`})])]),l[26]||=a(`

示例容器：

示例

main

aside

代码：

const a = 1
const b = 2
const c = a + b

const obj = {
  toLong: {
    deep: {
      deep: {
        deep: {
          value: 'this is to long text. this is to long text. this is to long text. this is to long text.',
        }
      }
    }
  }
}

代码分组：

`,5),r(w,{id:`245`,data:[{id:`tab1`},{id:`tab2`}]},{title0:t(({value:e,isActive:t})=>[...l[7]||=[c(`span`,null,`tab1`,-1)]]),title1:t(({value:e,isActive:t})=>[...l[8]||=[c(`span`,null,`tab2`,-1)]]),tab0:t(({value:e,isActive:t})=>[...l[9]||=[c(`div`,{class:`language-js line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`js`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[c(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[c(`code`,{class:`language-js`},[c(`span`,{class:`line`},[c(`span`,{style:{"--shiki-light":`#AB5959`,"--shiki-dark":`#CB7676`}},`const`),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},` a`),c(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` =`),c(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1`)]),i(` `),c(`span`,{class:`line`},[c(`span`,{style:{"--shiki-light":`#AB5959`,"--shiki-dark":`#CB7676`}},`const`),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},` b`),c(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` =`),c(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),i(` `),c(`span`,{class:`line`},[c(`span`,{style:{"--shiki-light":`#AB5959`,"--shiki-dark":`#CB7676`}},`const`),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},` c`),c(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` =`),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},` a`),c(`span`,{style:{"--shiki-light":`#AB5959`,"--shiki-dark":`#CB7676`}},` +`),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},` b`)])])]),c(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[c(`div`,{class:`line-number`}),c(`div`,{class:`line-number`}),c(`div`,{class:`line-number`})])],-1)]]),tab1:t(({value:e,isActive:t})=>[...l[10]||=[c(`div`,{class:`language-ts line-numbers-mode`,"data-highlighter":`shiki`,"data-ext":`ts`,style:{"--shiki-light":`#393a34`,"--shiki-dark":`#dbd7caee`,"--shiki-light-bg":`#ffffff`,"--shiki-dark-bg":`#121212`}},[c(`pre`,{class:`shiki shiki-themes vitesse-light vitesse-dark vp-code`},[c(`code`,{class:`language-ts`},[c(`span`,{class:`line`},[c(`span`,{style:{"--shiki-light":`#AB5959`,"--shiki-dark":`#CB7676`}},`const `),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},`a`),c(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`: `),c(`span`,{style:{"--shiki-light":`#2E8F82`,"--shiki-dark":`#5DA994`}},`number`),c(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` =`),c(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 1`)]),i(` `),c(`span`,{class:`line`},[c(`span`,{style:{"--shiki-light":`#AB5959`,"--shiki-dark":`#CB7676`}},`const `),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},`b`),c(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`: `),c(`span`,{style:{"--shiki-light":`#2E8F82`,"--shiki-dark":`#5DA994`}},`number`),c(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` =`),c(`span`,{style:{"--shiki-light":`#2F798A`,"--shiki-dark":`#4C9A91`}},` 2`)]),i(` `),c(`span`,{class:`line`},[c(`span`,{style:{"--shiki-light":`#AB5959`,"--shiki-dark":`#CB7676`}},`const `),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},`c`),c(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},`: `),c(`span`,{style:{"--shiki-light":`#2E8F82`,"--shiki-dark":`#5DA994`}},`number`),c(`span`,{style:{"--shiki-light":`#999999`,"--shiki-dark":`#666666`}},` =`),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},` a`),c(`span`,{style:{"--shiki-light":`#AB5959`,"--shiki-dark":`#CB7676`}},` + `),c(`span`,{style:{"--shiki-light":`#B07D48`,"--shiki-dark":`#BD976A`}},`b`)])])]),c(`div`,{class:`line-numbers`,"aria-hidden":`true`,style:{"counter-reset":`line-number 0`}},[c(`div`,{class:`line-number`}),c(`div`,{class:`line-number`}),c(`div`,{class:`line-number`})])],-1)]]),_:1}),l[27]||=a(`

代码块高亮：

function foo() {
  const a = 1

  console.log(a)

  const b = 2
  const c = 3

  console.log(a + b + c)
  console.log(a + b)
}

代码块聚焦：

function foo() {
  const a = 1
}

仅标题

注释

注释内容 link inline code

const a = 1
const b = 2
const c = a + b

信息

信息内容 link inline code

const a = 1
const b = 2
const c = a + b

提示

提示内容 link inline code

const a = 1
const b = 2
const c = a + b

警告

警告内容 link inline code

const a = 1
const b = 2
const c = a + b

错误

错误内容 link inline code

const a = 1
const b = 2
const c = a + b

重要

重要内容 link inline code

const a = 1
const b = 2
const c = a + b

详细标题

这里是内容。

GFM alert：

注

note