Markdown 语法全面展示与渲染测试
发布日期:2026-02-25来源:信息中心
字体:
一级标题:欢迎访问武陵门户 Markdown 演示页
此文档展示了标准 Markdown 语法在本站点的渲染样式。
二级标题:文本样式
这是一段普通文本,其中包含 加粗文本、斜体文本、删除线文本 以及 行内代码。
我们可以通过这些样式来强调关键信息,例如:所有申请材料必须在工作日提交。
三级标题:列表展示
无序列表
- 行政审批:企业开办、资质认定
- 便民服务:社保查询、公积金提取
- 子项 1:个人账户查询
- 子项 2:缴存明细打印
- 互动交流:市长信箱、在线咨询
有序列表
- 第一步:登录政务服务网
- 第二步:选择办理事项
- 第三步:上传电子材料
- 身份证扫描件
- 申请表
- 第四步:提交审核
引用样式
这是一个引用块。通常用于引用政策法规原文或重要提示。
它可以包含多个段落。 注意:引用块也可以包含样式。
代码块渲染
以下是一个 Vue 组件的代码示例:
<template>
<div class="card">
<h1>{{ title }}</h1>
<button @click="count++">点击次数: {{ count }}</button>
</div>
</template>
<script setup>
import { ref } from 'vue'
const title = ref('计数器组件')
const count = ref(0)
</script>
以下是一个 Bash 脚本示例:
# 安装依赖
npm install
# 启动开发服务器
npm run dev
表格样式
| 事项名称 | 办理部门 | 承诺时限 | 收费标准 |
|---|---|---|---|
| 营业执照设立登记 | 市场监管局 | 1 个工作日 | 免费 |
| 食品经营许可证 | 市场监管局 | 5 个工作日 | 免费 |
| 建设工程规划许可证 | 自然资源局 | 7 个工作日 | 按规收费 |
链接与图片
这里展示一张图片(如果配置了相应路径):
特殊容器 (如果有自定义组件)
这是一个信息提示框,用于展示一般性通知。
这是一个警告提示框,用于提醒用户注意潜在风险。
操作成功!您的申请已提交。
(责任编辑:终末地通讯组)
扫码在终端查看: