import{_ as m}from"./plume-CW0hsMQh.js";import{_ as o,c as y,b as h,d as a,a as d,e as i,w as t,r as c,o as u}from"./app-qWrSwP4H.js";const b={},B={id:"标题2-badge",tabindex:"-1"},A={class:"header-anchor",href:"#标题2-badge"},D={id:"标题3-badge",tabindex:"-1"},f={class:"header-anchor",href:"#标题3-badge"},C={id:"标题4-badge",tabindex:"-1"},z={class:"header-anchor",href:"#标题4-badge"},x={class:"hint-container warning"};function w(F,s){const e=c("Badge"),g=c("VPLink"),p=c("Icon"),k=c("CodeTabs"),v=c("VPIcon"),r=c("Tabs");return u(),y("div",null,[s[26]||(s[26]=h('

标题H2

标题H3

标题H4

标题H5

标题H6

',5)),a("h2",B,[a("a",A,[a("span",null,[s[0]||(s[0]=i("标题2 Badge ",-1)),d(e,{type:"tip",text:"Badge"})])])]),a("h3",D,[a("a",f,[a("span",null,[s[1]||(s[1]=i("标题3 Badge ",-1)),d(e,{type:"warning",text:"Badge"})])])]),a("h4",C,[a("a",z,[a("span",null,[s[2]||(s[2]=i("标题4 Badge ",-1)),d(e,{type:"danger",text:"Badge"})])])]),s[27]||(s[27]=h('

正文内容。

@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)),a("p",null,[d(g,{href:"/"},{default:t(()=>[...s[3]||(s[3]=[i("链接",-1)])]),_:1})]),s[28]||(s[28]=a("p",null,[a("a",{href:"https://github.com/pengzhanbo",target:"_blank",rel:"noopener noreferrer"},"外部链接")],-1)),s[29]||(s[29]=a("p",null,[a("img",{src:m,alt:"plume"})],-1)),s[30]||(s[30]=a("p",null,[a("strong",null,"Badge：")],-1)),a("ul",null,[a("li",null,[d(e,{type:"info",text:"info badge"})]),a("li",null,[d(e,{type:"tip",text:"tip badge"})]),a("li",null,[d(e,{type:"warning",text:"warning badge"})]),a("li",null,[d(e,{type:"danger",text:"danger badge"})])]),s[31]||(s[31]=a("p",null,[a("strong",null,"图标：")],-1)),a("ul",null,[a("li",null,[s[4]||(s[4]=i("home - ",-1)),d(p,{name:"material-symbols:home",color:"currentColor",size:"1em"})]),a("li",null,[s[5]||(s[5]=i("vscode - ",-1)),d(p,{name:"skill-icons:vscode-dark",size:"2em"})]),a("li",null,[s[6]||(s[6]=i("twitter - ",-1)),d(p,{name:"skill-icons:twitter",size:"2em"})])]),s[32]||(s[32]=h(`

demo wrapper：

示例

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.',
        }
      }
    }
  }
}

Code Blocks TwoSlash：

// @errors: 2339
const welcome = 'Tudo bem gente?'
const words = welcome.contains(' ')

import express from 'express'
const app = express()
app.get('/', (req, res) => {
  res.send
})
app.listen(3000)

import { createHighlighter } from 'shiki'

const highlighter = await createHighlighter({ themes: ['nord'], langs: ['javascript'] })
// @log: Custom log message
const a = 1
// @error: Custom error message
const b = 1
// @warn: Custom warning message
const c = 1
// @annotate: Custom annotation message

// @errors: 2540
interface Todo {
  title: string
}

const todo: Readonly<Todo> = {
  title: 'Delete inactive users'.toUpperCase(),
//  ^?
}

todo.title = 'Hello'

Number.parseInt('123', 10)
//      ^|

//
//

<script setup lang="ts">
import { ref } from 'vue'

const count = ref(0)
</script>

<template>
  <p>{{ count }}</p>
</template>

代码分组：

`,11)),d(k,{id:"253",data:[{id:"tab1"},{id:"tab2"}]},{title0:t(({value:n,isActive:l})=>[...s[7]||(s[7]=[a("span",null,"tab1",-1)])]),title1:t(({value:n,isActive:l})=>[...s[8]||(s[8]=[a("span",null,"tab2",-1)])]),tab0:t(({value:n,isActive:l})=>[...s[9]||(s[9]=[a("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"}},[a("pre",{class:"shiki shiki-themes vitesse-light vitesse-dark vp-code"},[a("code",{class:"language-js"},[a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}},"const"),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," a"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," ="),a("span",{style:{"--shiki-light":"#2F798A","--shiki-dark":"#4C9A91"}}," 1")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}},"const"),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," b"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," ="),a("span",{style:{"--shiki-light":"#2F798A","--shiki-dark":"#4C9A91"}}," 2")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}},"const"),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," c"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," ="),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," a"),a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}}," +"),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," b")])])]),a("div",{class:"line-numbers","aria-hidden":"true",style:{"counter-reset":"line-number 0"}},[a("div",{class:"line-number"}),a("div",{class:"line-number"}),a("div",{class:"line-number"})])],-1)])]),tab1:t(({value:n,isActive:l})=>[...s[10]||(s[10]=[a("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"}},[a("pre",{class:"shiki shiki-themes vitesse-light vitesse-dark vp-code"},[a("code",{class:"language-ts"},[a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}},"const "),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}},"a"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},": "),a("span",{style:{"--shiki-light":"#2E8F82","--shiki-dark":"#5DA994"}},"number"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," ="),a("span",{style:{"--shiki-light":"#2F798A","--shiki-dark":"#4C9A91"}}," 1")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}},"const "),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}},"b"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},": "),a("span",{style:{"--shiki-light":"#2E8F82","--shiki-dark":"#5DA994"}},"number"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," ="),a("span",{style:{"--shiki-light":"#2F798A","--shiki-dark":"#4C9A91"}}," 2")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}},"const "),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}},"c"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},": "),a("span",{style:{"--shiki-light":"#2E8F82","--shiki-dark":"#5DA994"}},"number"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," ="),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," a"),a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}}," + "),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}},"b")])])]),a("div",{class:"line-numbers","aria-hidden":"true",style:{"counter-reset":"line-number 0"}},[a("div",{class:"line-number"}),a("div",{class:"line-number"}),a("div",{class:"line-number"})])],-1)])]),_:1}),s[33]||(s[33]=h(`

代码块高亮：

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

相关信息

info

提示

tip

注意

warning

警告

caution

重要

important

代码演示：

:::: demo title="常规示例" desc="一个常规示例"

`,21)),d(k,{id:"357",data:[{id:"HTML"},{id:"Javascript"},{id:"CSS"}]},{title0:t(({value:n,isActive:l})=>[d(v,{provider:"iconify",name:"vscode-icons:file-type-html"}),s[11]||(s[11]=a("span",null,"HTML",-1))]),title1:t(({value:n,isActive:l})=>[d(v,{provider:"iconify",name:"vscode-icons:file-type-js-official"}),s[12]||(s[12]=a("span",null,"Javascript",-1))]),title2:t(({value:n,isActive:l})=>[d(v,{provider:"iconify",name:"vscode-icons:file-type-css"}),s[13]||(s[13]=a("span",null,"CSS",-1))]),tab0:t(({value:n,isActive:l})=>[...s[14]||(s[14]=[a("div",{class:"language-html line-numbers-mode","data-highlighter":"shiki","data-ext":"html",style:{"--shiki-light":"#393a34","--shiki-dark":"#dbd7caee","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#121212"}},[a("pre",{class:"shiki shiki-themes vitesse-light vitesse-dark vp-code"},[a("code",{class:"language-html"},[a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"<"),a("span",{style:{"--shiki-light":"#1E754F","--shiki-dark":"#4D9375"}},"div"),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," id"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"="),a("span",{style:{"--shiki-light":"#B5695977","--shiki-dark":"#C98A7D77"}},'"'),a("span",{style:{"--shiki-light":"#B56959","--shiki-dark":"#C98A7D"}},"app"),a("span",{style:{"--shiki-light":"#B5695977","--shiki-dark":"#C98A7D77"}},'"'),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},">")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," <"),a("span",{style:{"--shiki-light":"#1E754F","--shiki-dark":"#4D9375"}},"h3"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},">"),a("span",{style:{"--shiki-light":"#393A34","--shiki-dark":"#DBD7CAEE"}},"vuepress-theme-plume"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"")])])]),a("div",{class:"line-numbers","aria-hidden":"true",style:{"counter-reset":"line-number 0"}},[a("div",{class:"line-number"}),a("div",{class:"line-number"}),a("div",{class:"line-number"})])],-1)])]),tab1:t(({value:n,isActive:l})=>[...s[15]||(s[15]=[a("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"}},[a("pre",{class:"shiki shiki-themes vitesse-light vitesse-dark vp-code"},[a("code",{class:"language-js"},[a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}},"const"),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," a"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," ="),a("span",{style:{"--shiki-light":"#B5695977","--shiki-dark":"#C98A7D77"}}," '"),a("span",{style:{"--shiki-light":"#B56959","--shiki-dark":"#C98A7D"}},"So Awesome!"),a("span",{style:{"--shiki-light":"#B5695977","--shiki-dark":"#C98A7D77"}},"'")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}},"const"),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," app"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," ="),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," document"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"."),a("span",{style:{"--shiki-light":"#59873A","--shiki-dark":"#80A665"}},"querySelector"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"("),a("span",{style:{"--shiki-light":"#B5695977","--shiki-dark":"#C98A7D77"}},"'"),a("span",{style:{"--shiki-light":"#B56959","--shiki-dark":"#C98A7D"}},"#app"),a("span",{style:{"--shiki-light":"#B5695977","--shiki-dark":"#C98A7D77"}},"'"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},")")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}},"app"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"."),a("span",{style:{"--shiki-light":"#59873A","--shiki-dark":"#80A665"}},"appendChild"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"("),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}},"window"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"."),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}},"document"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"."),a("span",{style:{"--shiki-light":"#59873A","--shiki-dark":"#80A665"}},"createElement"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"("),a("span",{style:{"--shiki-light":"#B5695977","--shiki-dark":"#C98A7D77"}},"'"),a("span",{style:{"--shiki-light":"#B56959","--shiki-dark":"#C98A7D"}},"small"),a("span",{style:{"--shiki-light":"#B5695977","--shiki-dark":"#C98A7D77"}},"'"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"))."),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}},"textContent"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," ="),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}}," a")])])]),a("div",{class:"line-numbers","aria-hidden":"true",style:{"counter-reset":"line-number 0"}},[a("div",{class:"line-number"}),a("div",{class:"line-number"}),a("div",{class:"line-number"})])],-1)])]),tab2:t(({value:n,isActive:l})=>[...s[16]||(s[16]=[a("div",{class:"language-css line-numbers-mode","data-highlighter":"shiki","data-ext":"css",style:{"--shiki-light":"#393a34","--shiki-dark":"#dbd7caee","--shiki-light-bg":"#ffffff","--shiki-dark-bg":"#121212"}},[a("pre",{class:"shiki shiki-themes vitesse-light vitesse-dark vp-code"},[a("code",{class:"language-css"},[a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"#"),a("span",{style:{"--shiki-light":"#B07D48","--shiki-dark":"#BD976A"}},"app"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}}," {")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#998418","--shiki-dark":"#B8A965"}}," font-size"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},":"),a("span",{style:{"--shiki-light":"#2F798A","--shiki-dark":"#4C9A91"}}," 2"),a("span",{style:{"--shiki-light":"#AB5959","--shiki-dark":"#CB7676"}},"em"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},";")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#998418","--shiki-dark":"#B8A965"}}," text-align"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},":"),a("span",{style:{"--shiki-light":"#A65E2B","--shiki-dark":"#C99076"}}," center"),a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},";")]),i(` `),a("span",{class:"line"},[a("span",{style:{"--shiki-light":"#999999","--shiki-dark":"#666666"}},"}")])])]),a("div",{class:"line-numbers","aria-hidden":"true",style:{"counter-reset":"line-number 0"}},[a("div",{class:"line-number"}),a("div",{class:"line-number"}),a("div",{class:"line-number"}),a("div",{class:"line-number"})])],-1)])]),_:1}),s[34]||(s[34]=a("p",null,"::::",-1)),s[35]||(s[35]=a("p",null,[a("strong",null,"选项卡：")],-1)),d(r,{id:"374",data:[{id:"标题1"},{id:"标题2"}]},{title0:t(({value:n,isActive:l})=>[...s[17]||(s[17]=[i("标题1",-1)])]),title1:t(({value:n,isActive:l})=>[...s[18]||(s[18]=[i("标题2",-1)])]),tab0:t(({value:n,isActive:l})=>[...s[19]||(s[19]=[a("p",null,"内容区块",-1)])]),tab1:t(({value:n,isActive:l})=>[...s[20]||(s[20]=[a("p",null,"内容区块",-1)])]),_:1}),a("div",x,[s[25]||(s[25]=a("p",{class:"hint-container-title"},"注意",-1)),d(r,{id:"387",data:[{id:"标题1"},{id:"标题2"}]},{title0:t(({value:n,isActive:l})=>[...s[21]||(s[21]=[i("标题1",-1)])]),title1:t(({value:n,isActive:l})=>[...s[22]||(s[22]=[i("标题2",-1)])]),tab0:t(({value:n,isActive:l})=>[...s[23]||(s[23]=[a("p",null,"内容区块",-1)])]),tab1:t(({value:n,isActive:l})=>[...s[24]||(s[24]=[a("p",null,"内容区块",-1)])]),_:1})]),s[36]||(s[36]=h('

脚注：

脚注 1 链接^[1]。

脚注 2 链接^[2]。

行内的脚注^[3] 定义。

重复的页脚定义^[2:1]。

脚注 可以包含特殊标记
也可以由多个段落组成 ↩︎
脚注文字。 ↩︎ ↩︎
行内脚注文本 ↩︎

',7))])}const S=o(b,[["render",w],["__scopeId","data-v-d33c3793"]]),T=JSON.parse('{"path":"/article/baygtkq6/","title":"Markdown","lang":"zh-CN","frontmatter":{"title":"Markdown","tags":["markdown"],"createTime":"2025/09/21 15:08:39","permalink":"/article/baygtkq6/"},"readingTime":{"minutes":3.36,"words":1009},"git":{"createdTime":1759483028000,"updatedTime":1759483028000,"contributors":[{"name":"hellcat","username":"","email":"","commits":1,"avatar":"https://gravatar.com/avatar/e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855?d=retro"}]},"filePathRelative":"preview/markdown.md","headers":[]}');export{S as comp,T as data};