Markdown学习


前言

作为Markdown入门学习文章,编辑一些常用功能。由于方便展示源代码,在实际使用源代码时需要去除遗留空格。

一:标题

  1. 直接输入1次#,并按下space后,将生成1级标题。
  2. 输入2次#,并按下space后,将生成2级标题。
  3. 以此类推,我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。
  4. 根据标题生成目录:@[toc]

二:功能快捷键

撤销:Ctrl+Z
重做:Ctrl + Y
加粗:Ctrl + B
斜体:Ctrl + I
标题:Ctrl + Shift + H
有序列表:Ctrl + Shift + O 或:1. (空格)
无序列表:Ctrl + Shift + U 或:- (空格) 或 * (空格)
插入链接:Ctrl + Shift + L
插入图片:Ctrl + Shift + G

  • 图片居中:#pic_center
  • 宽长:=150x100
    在这里插入图片描述

查找:Ctrl + F
替换:Ctrl + G
插入代码:Ctrl + Shift + K
或者 ```加java

public Student(String name, int age)
	{
		super();
		this.name = name;
		this.age = age;
	}  

引用:Ctrl+Shift+Q

复选框:Ctr + Shift + C

  • 计划任务
  • 完成任务

分割线: ***+空格


三:文本样式

高亮:
   源码:== 文字==

文字

内容居中:
   源码:< center>水平居中

水平居中

颜色:
   源码:下面代码需要去除<后面空格

  • < font color=“cyan”>蓝色
  • < font color=“green”>绿色
  • < font color=“red”>红色
  • 蓝色
  • 绿色
  • 红色

另外字体颜色源码:
浅红色文字:< font color="#dd0000">浅红色文字
深红色文字:< font color="#660000">深红色文字
浅绿色文字:< font color="#00dd00">浅绿色文字
深绿色文字:< font color="#006600">深绿色文字
浅蓝色文字:< font color="#0000dd">浅蓝色文字
深蓝色文字:< font color="#000066">深蓝色文字
浅黄色文字:< font color="#dddd00">浅黄色文字
深黄色文字:< font color="#666600">深黄色文字
浅青色文字:< font color="#00dddd">浅青色文字
深青色文字:< font color="#006666">深青色文字
浅紫色文字:< font color="#dd00dd">浅紫色文字

换行符:一行结束时输入两个空格

强调:
   源码:** 这是一个强调的例子**

这是一个强调的例子

强调的斜体:
   源码:*** 这是一个强调的斜体例子***

这是一个强调的斜体例子

斜体:
   源码:* 这是一个斜体的例子*

这是一个斜体的例子

删除线:
   源码:~~ 这是一个包含删除线的内容~~

这是一个包含删除线的内容

外链超链接:
   源码:[百度一下] (http://www.baidu.com)

百度一下

页内超链接:
   源码:[调到顶部] (#top) 跳转到加入锚点: < a id=“top”>

调到顶部

次幂的格式:
   源码:2^ 10^ 运算结果是 1024. H~ 2~O is是液体。

210 运算结果是 1024.
H2O is是液体。

四:创建一个表格

   源码:
   居中 | 居右 | 居左
   : --------: | -----: | :----

居中居右居左

五:如何创建一个注脚

   源码:注脚[ ^2], [ ^2]: 注脚的解释:显示画面在文章的下面说明
   一个具有注脚的文本。1

注释:
源码:* [HTML]: 超文本标记语言
Markdown将文本转换为 HTML

六:其他功能

SmartyPants
SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:

TYPEASCIIHTML
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

KaTeX数学公式
您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

新的甘特图功能,丰富你的文章

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid

UML 图表
可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图:

张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

这将产生一个流程图。:

链接
长方形
圆角长方形
菱形
  • 关于 Mermaid 语法,参考 [这儿][3],

FLowchart流程图

我们依旧会支持flowchart的流程图:

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

导出与导入

  • 导出
    如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。

  • 导入
    如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
    继续你的创作。


  1. 注脚的解释 ↩︎

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值