CSDN官方markdown教程
本文转自https://blog.csdn.net/lzuacm/article/details/82758404
附 本文的Markdown源码:
https://github.com/yanglr/AlgoSolutions/blob/master/Welcome_to_use_CSDN-markdown_Editor_new.md
点击”Raw”可看到源码,欢迎fork或star~
CSDN新版Markdown编辑器(Alpha 2.0版) 使用示例
具体更新:
CSDN新版Markdown编辑器(Alpha 2.0版)使用须知-CSDN论坛
https://bbs.csdn.net/topics/392449440
这里写自定义目录标题
- CSDN新版Markdown编辑器(Alpha 2.0版) 使用示例
- 欢迎使用Markdown编辑器
- 新的改变
- 功能快捷键
- 合理的创建标题,有助于目录的生成
- 如何改变文本的样式
- 插入链接与图片
- 如何插入一段漂亮的代码片
- 生成一个适合你的列表
- 创建一个表格
- 设定内容居中、居左、居右
- SmartyPants
- 创建一个自定义列表
- 如何创建一个注脚
- 注释也是必不可少的
- KaTeX数学公式
- 新的甘特图功能,丰富你的文章
- UML 图表
- FLowchart流程图
- 导出与导入
- 导出
- 导入
- 在csdn Markdown模式下的显示效果:
欢迎使用Markdown编辑器
你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。
新的改变
我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:
- 全新的界面设计 ,将会带来全新的写作体验;
- 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
- 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
- 全新的 KaTeX数学公式 语法;
- 增加了支持甘特图的mermaid语法1 功能;
- 增加了 多屏幕编辑 Markdown文章功能;
- 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
- 增加了 检查列表 功能。
功能快捷键
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + Shift + B
斜体:Ctrl/Command + Shift + I
标题:Ctrl/Command + Shift + H
删除线:Ctrl/Command + Shift + S
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
合理的创建标题,有助于目录的生成
直接输入1次#,并按下space后,将生成1级标题。
输入2次#,并按下space后,将生成2级标题。
以此类推,我们支持6级标题。有助于使用TOC
语法后生成一个完美的目录。
如何改变文本的样式
强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本
引用文本
H2O is是液体。
210 运算结果是 1024.
插入链接与图片
链接: link.
图片:
带尺寸的图片:
当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。
如何插入一段漂亮的代码片
去博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片
.
// An highlighted block
var foo = 'bar';
生成一个适合你的列表
- 项目
- 项目
- 项目
- 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
创建一个表格
一个简单的表格是这么创建的:
项目 | Value |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
设定内容居中、居左、居右
使用:---------:
居中
使用:----------
居左
使用----------:
居右
第一列 | 第二列 | 第三列 |
---|---|---|
第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
SmartyPants
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:
TYPE | ASCII | HTML |
---|---|---|
Single backticks |
'Isn't this fun?'
|
‘Isn’t this fun?’ |
Quotes |
"Isn't this fun?"
|
“Isn’t this fun?” |
Dashes |
-- is en-dash, --- is em-dash
|
– is en-dash, — is em-dash |
创建一个自定义列表
- Markdown
- Text-to-HTML conversion tool
- Authors
- John
- Luke
如何创建一个注脚
一个具有注脚的文本。2
注释也是必不可少的
Markdown将文本转换为 HTML。
KaTeX数学公式
您可以使用渲染LaTeX数学表达式 KaTeX:
Gamma公式展示 Γ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb NΓ(n)=(n−1)!∀n∈N 是通过欧拉积分
Γ(z)=∫0∞tz−1e−tdt .\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞tz−1e−tdt.
你可以找到更多关于的信息 LaTeX 数学表达式here.
新的甘特图功能,丰富你的文章
- 关于 甘特图 语法,参考 这儿,
UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图::
这将产生一个流程图。:
- 关于 Mermaid 语法,参考 这儿,
FLowchart流程图
我们依旧会支持flowchart的流程图:
- 关于 Flowchart流程图 语法,参考 这儿.
导出与导入
导出
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。
导入
如果你想加载一篇你写过的.md文件或者.html文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
继续你的创作。
在csdn Markdown模式下的显示效果:
https://blog.csdn.net/lzuacm/article/details/82758404
mermaid语法说明 ↩︎
注脚的解释 ↩︎
CSDN官方markdown教程相关推荐
- CSDN官方Markdown编辑器的使用教程
CSDN官方Markdown编辑器的使用教程 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与图片 如何插入一段漂亮的代码片 生成 ...
- 【Tools】MarkDown教程(八)-Typora使用完全手册
00. 目录 文章目录 00. 目录 01. Markdown简介 02. Typora简介 03. Typora设置简介 04. Typora智能标点 05. Typora图片插入 06. Typo ...
- CSDN的MarkDown编辑器插入图片时调整大小
原图是这样的 调整大小效果 图片链接:https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg 原图写法:![Alt](https://img-blog.cs ...
- 【方法】CSDN的MarkDown插入图片调整大小
原图是这样的 调整大小效果 图片链接:https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg 原图写法:![Alt](https://avatar.csdn ...
- OpenCV-Python (官方)中文教程(部分一)
官网链接(英文版):https://docs.opencv.org/4.1.1/d6/d00/tutorial_py_root.html 第一章. OpenCV简介 了解如何在计算机上设置OpenCV ...
- OpenCV-Python (官方)中文教程(部分三)
[部分二]:https://blog.csdn.net/Thomson617/article/details/103961274 第七章.相机标定与3D重构 42.摄像头标定 在图像测量过程以及机器视 ...
- OpenCV-Python (官方)中文教程(部分二)
[部分一]见:https://mp.csdn.net/postedit/103956799 第五章.特征提取与描述 29.理解图像特征 大多数人都玩过拼图游戏.首先你们拿到一张图片的一堆碎片,要做的就 ...
- wicket 官方JAVA教程
wicket 官方JAVA教程 最近换了工作,新公司使用的是wicket6 web框架进行开发的,自己以前没有接触过,现在开始从头学习,有些官方源码例子(例子版本:wicket7.2),以及自己简单整 ...
- Markdown教程--Markdown链接
Markdown教程–Markdown链接 链接使用方法如下: 链接名称](链接地址)或者<链接地址> 例如: 这是一个连接[我的博客](https://blog.csdn.net/Tig ...
最新文章
- 百度工程师控制公司服务器“挖矿”:4个月赚10万 判刑3年
- for循环的一些困惑解决(字符串)
- PO条件在交货后更改控制点
- html清除矩形边区域,canvas清除矩形指定颜色
- 关于 Angular 服务实例作用域的问题 - 使用组件限定服务提供者的作用域
- 在安卓上安装java_如何在Android上安装JavaCV并使用FrameGrabber
- API的过去,现在与未来
- [禅悟人生]将所学转化成修行
- nginx基于tcp负载均衡
- 微信支付中证书的存放目录及其路径写法
- 工业镜头的主要参数与选型
- C++11新特性——std::bind参数绑定
- 数据结构—— 家谱处理
- 阿里Apsara Clouder专项技能认证:实现调用API接口——笔记
- android 酷狗音乐 ip,“音乐+IP”融合模式 夯实酷狗音乐原创硬实力
- java利用栈进行进制转换
- # define xxxx(x,y) x##y引发的感想
- PHP单商户商城系统 全套源代码【源码+文档+搭建部署教程】
- Win10的Linux子系统Ubuntu使用串口
- win10 批量重命名文件
热门文章
- Vue Element-ui el-input无法粘贴问题
- 全面梳理关系型数据库和NoSQL的使用情景
- C语言读取mp3文件的信息
- ffmpeg裁剪视频尺寸
- 跟i9处理器差不多的服务器芯片,AMD下一代服务器处理器代号“星河舰队”
- 世界上这五类人永远不可能成为编程界牛人
- 数学式子对应的c语言表达式是,把数学式写成C语言表达式
- Android5.0 静音模式下让闹钟仍然响铃
- html5弹球游戏的实现,HTML5 Canvas 木板弹球小游戏/碰撞检测和反弹
- markdown语法简明教程(一)