markdown-test

本文介绍Markdown的基本语法和扩展功能,包括标题、列表、链接、引用、表格等元素的使用方法,并展示了如何利用这些元素来增强文档的表现力。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本篇文章用于了解markdown的书写规则。
参照: https://sspai.com/post/25137


请叫我一级标题

请叫我二级标题

这样以此类推,共有8个级别。
下面我们开始吧

列表

让我来看看列表(有空行,而且有空格)

  1. 这是one
  2. 这是two
  3. 这是three

还有列表二(有空行哟,而且还有空格)

  • 这是one
  • 这是two
  • 这是three

还有列表三(有空行哟)

  • 这是one
  • 这是two


小而有用的设置

字体

我是用前后两个星括起来的,就成粗体了
前后各用一个星括起来,就成了斜体

分隔线

用虚线来搞,而且(虚线前要有空行。)


小而乱的设置

加入超链接脚注

用个方括号如 OnlyEnglisth是什么呢?
在文章的最后面用如下格式书写

[num]: url

引用

此处为引用的内容(符号与内容间要加空格)
请记住空格。 ————《我的文章集》



如下是csdn自身提供的模板。

快捷键

  • 加粗 Ctrl + B
  • 斜体 Ctrl + I
  • 引用 Ctrl + Q
  • 插入链接 Ctrl + L
  • 插入代码 Ctrl + K
  • 插入图片 Ctrl + G
  • 提升标题 Ctrl + H
  • 有序列表 Ctrl + O
  • 无序列表 Ctrl + U
  • 横线 Ctrl + R
  • 撤销 Ctrl + Z
  • 重做 Ctrl + Y

Markdown及扩展

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

使用简单的符号标识不同的标题,将某些文字标记为粗体或者斜体,创建一个链接等,详细语法参考帮助?。

本编辑器支持 Markdown Extra ,  扩展了很多好用的功能。具体请参考Github.

表格

Markdown Extra 表格语法:

项目价格
Computer$1600
Phone$12
Pipe$1

可以使用冒号来定义对齐方式:

项目价格数量
Computer1600 元5
Phone12 元12
Pipe1 元234

定义列表

Markdown Extra 定义列表语法: 项目1 项目2
定义 A
定义 B
项目3
定义 C

定义 D

定义D内容

代码块

代码块语法遵循标准markdown代码,例如:

@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''


void fund() {}
int main()
{
fund(); //call to fund.
return 0; /*return nothing*/
}

脚注

生成一个脚注1.

目录

[TOC]来生成目录:

数学公式

使用MathJax渲染LaTex 数学公式,详见math.stackexchange.com.

  • 行内公式,数学公式为: Γ(n)=(n1)!nN
  • 块级公式:

x=b±b24ac2a

更多LaTex语法请参考 这儿.

UML 图:

可以渲染序列图:

Created with Raphaël 2.1.0 张三 张三 李四 李四 嘿,小四儿, 写博客了没? 李四愣了一下,说: 忙得吐血,哪有时间写。

或者流程图:

Created with Raphaël 2.1.0 开始 我的操作 确认? 结束 yes no
  • 关于 序列图 语法,参考 这儿,
  • 关于 流程图 语法,参考 这儿.

离线写博客

即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入write.blog.youkuaiyun.com/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。

用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。

博客发表后,本地缓存将被删除。 

用户可以选择 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。

注意:虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,请务必及时发表或者保存到服务器草稿箱

浏览器兼容

  1. 目前,本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。
  2. IE9以下不支持
  3. IE9,10,11存在以下问题
    1. 不支持离线功能
    2. IE9不支持文件导入导出
    3. IE10不支持拖拽文件导入


  1. 这里是 脚注内容.
在讨论 `markdown-it` 和 `vue-markdown-loader` 的兼容性时,需要考虑这两个库的设计目标和使用方式。 `markdown-it` 是一个用于解析和渲染 Markdown 文本的 JavaScript 库。它提供了丰富的插件系统和高度可定制的渲染能力,广泛用于将 Markdown 转换为 HTML。截至最近的更新,`markdown-it` 的最新稳定版本为 **12.3.2**,它支持 CommonJS、ES Modules 以及浏览器环境,并提供了对多种 Markdown 扩展语法的支持[^1]。 `vue-markdown-loader` 是一个 Webpack loader,用于在 Vue.js 项目中加载 Markdown 文件并将其转换为 Vue 组件或 HTML 内容。它通常与 Vue 的单文件组件(.vue 文件)集成,允许开发者将 Markdown 内容作为组件的一部分进行处理。该 loader 依赖于 `markdown-it` 来解析 Markdown 语法,并通过配置选项支持插件和自定义渲染规则。 从兼容性角度来看,`vue-markdown-loader` 通常会依赖 `markdown-it` 的 API 来解析 Markdown 文件。因此,在使用最新版本的 `markdown-it` 时,只要 `vue-markdown-loader` 的实现方式没有发生重大变化,通常不会出现兼容性问题。然而,需要注意以下几点: 1. **版本匹配**:某些 `vue-markdown-loader` 的版本可能基于特定版本的 `markdown-it` 进行测试和优化。如果使用了 `markdown-it` 的新特性,而 `vue-markdown-loader` 没有及时更新其依赖版本,则可能导致解析错误或功能异常。建议查阅 `vue-markdown-loader` 的官方文档或 GitHub 仓库的 issue 页面,确认其支持的 `markdown-it` 版本范围。 2. **插件兼容性**:如果项目中使用了 `markdown-it` 的插件(如 `markdown-it-anchor`、`markdown-it-table-of-contents` 等),则需要确保这些插件同样适用于当前的 `markdown-it` 版本,并且 `vue-markdown-loader` 支持通过配置加载这些插件。 3. **构建工具集成**:`vue-markdown-loader` 通常作为 Webpack 配置的一部分使用。在升级 `markdown-it` 时,应确保 Webpack 配置中的 loader 规则能够正确识别和处理新的依赖关系。 为了确保兼容性,建议在项目中使用以下配置示例来加载 Markdown 文件: ```javascript module.exports = { module: { rules: [ { test: /\.md$/, use: [ { loader: 'vue-loader', }, { loader: 'vue-markdown-loader', options: { // 可选:配置 markdown-it 实例 markdownIt: require('markdown-it')({ html: true, linkify: true, typographer: true }), // 可选:添加 markdown-it 插件 plugins: [ // 例如:markdown-it-anchor [require('markdown-it-anchor'), {}] ] } } ] } ] } }; ``` 上述配置确保了 `vue-markdown-loader` 使用最新的 `markdown-it` 实例,并支持通过插件扩展 Markdown 的解析能力。 ### 相关问题 1. 如何在 Vue 项目中配置 `vue-markdown-loader` 以支持自定义 `markdown-it` 插件? 2. `vue-markdown-loader` 是否支持 Vue 3 的 Composition API? 3. 在使用 `markdown-it` 时,如何确保其与 Webpack 5 的兼容性? 4. 有哪些替代 `vue-markdown-loader` 的 Markdown 解析方案可用于 Vue 项目? 5. 如何在 Vue 单文件组件中直接嵌入 Markdown 内容?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值