首页 > 其他分享 >markdown语法学习预览

markdown语法学习预览

时间:2022-10-01 18:45:18浏览次数:101  
标签:文字 markdown 预览 示例 标题 语法 内容 列表 Copy

借鉴于别人:1:https://www.cnblogs.com/jaysonteng/p/12996671.html
2:https://www.cnblogs.com/dzlua/p/11170373.html
此文章对应效果:【点击这里】

什么是 Markdown

Markdown 是一种方便记忆、书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档:譬如您正在阅读的这份文档。
具有的功能如下:

设置标题级别:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

插入超链接:

方括号里面是文本内容,圆括号里面是url链接:点击这里跳转到超链接

插入图片:

前面加感叹号,方括号里面是图片注释,圆括号里面是图片链接

从新的标签中打开超链接:

点击这里,从新的标签中打开超链接

添加锚点

锚点可以用于制作网页目录,当博客页面过长时,可能就需要设置跳转目录。
通过span id指定属性,通过超链接的方式(#属性值)设置跳转

设置锚点:见文末最后一行
点击跳转到锚点(法一)

点击跳转到锚点(法二:此方法是使用html方法,可以设置字体颜色大小)

结合html设置图片文字大小位置等

设置图片大小

也可以通过设置width,height百分比来设定

图片居中:center

align=left(居左), align=right(居右) ## 文字大小、字体、颜色

斜体:文字两边分别是一个星号
粗体:文字两边分别加两个星号,对文字进行加粗(起强调作用)
粗斜体:文字两边分别3个星号
通过face='黑体'指定字体
我是微软雅黑
我是华文彩云
通过color=red设置颜色
通过Blue设置颜色
通过RGB设置颜色
通过size=5,设置文字尺寸
我是黑体,绿色,尺寸为5

背景色yellow
删除线,两边用html的s标签 ## 无序列表,用*、-、+号效果相同
  • 列表1
  • 列表2
  • 列表3
  • 列表3-1
  • 列表3-2

有序列表

  1. 列表1
  2. 列表2

引用与项目符号:

  • 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
  • 这里是引用,前面加上>大于符号。* 表示无序列表
    文字引用另一种方式

高亮一段代码

代码高亮功能支持包括 Java, Python, JavaScript 在内的,四十一种主流编程语言。

@requires_authorization
class SomeClass:
pass

if __name__ == '__main__':
# A comment
print ('hello world')

绘制表格

项目 价格 数量
计算机 $1600 5
手机 $12 12
管线 $1 234

支持LaTeX编写数学公式

单$是居左:

$sum_{i=1}^n a_i=0$

双$是居中:
$$E=mc^2$$

LaTeX数学公式参考链接

上下标

上标:X2
下标:O2

参考链接:

1, 2, 3

锚点位置

博客园markdown语法

  1. 标题#

    用法

    在想要设置为标题的文字前面加#来表示
    一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

    注:标准语法一般在#后跟个空格再写文字

    示例

Copy

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题
效果

这是一级标题
这是二级标题#
这是三级标题#
这是四级标题#
这是五级标题
这是六级标题
2. 斜体、加粗、删除线#

用法

要斜体的文字左右分别用一个号包起来
要加粗的文字左右分别用两个号包起来
要倾斜和加粗的文字左右分别用三个*号包起来
要加删除线的文字左右分别用两个~~号包起来

示例

Copy
这是倾斜的文字
这是加粗的文字
这是斜体加粗的文字
这是加删除线的文字

效果
这是倾斜的文字
这是加粗的文字
这是斜体加粗的文字
这是加删除线的文字
  1. 引用#

    用法

    在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>

    示例

Copy

这是引用的内容

这是引用的内容

这是引用的内容

效果

这是引用的内容

    这是引用的内容

        这是引用的内容
  1. 分割线#

    用法

    三个或者三个以上的 *

    示例

Copy



效果
  1. 图片#

    用法

    图片alt就是显示在图片下面的文字,相当于对图片内容的解释
    图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

    示例

Copy
avatar

效果
avatar
  1. 超链接#

    用法

    title可加可不加

    示例

Copy
百度
简书

效果
百度
简书
  1. 无序列表#

    用法

    无序列表用 - + * 任何一种都可以
    序号跟内容之间要有空格

    示例

Copy

  • 列表内容
  • 列表内容
  • 列表内容

    效果
    列表内容
    列表内容
    列表内容

  1. 有序列表#

    用法

    序号跟内容之间要有空格

    示例

Copy

  1. 列表内容
    列表1内容

  2. 列表内容
    列表2内容

  3. 列表内容
    列表3内容

    效果

    列表内容
    列表1内容
    列表内容
    列表2内容
    列表内容
    列表3内容

  4. 列表嵌套#

    用法

Copy

表头 表头 表头
内容 内容 内容
内容 内容 内容

第二行分割表头和内容。

  • 有一个就行,为了对齐,多加了几个
    文字默认居左
    -两边加:表示文字居中
    -右边加:表示文字居右
    注:原生的语法两边都要用 | 包起来。此处省略

    示例

Copy

Item Value Qty
Computer 1600 USD 5
Phone 12 USD 12
Pipe 1 USD 234
效果

Item Value Qty
Computer 1600 USD 5
Phone 12 USD 12
Pipe 1 USD 234
10. 代码#

用法

单行代码:代码之间分别用一个反引号包起来
代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

示例
`printf("hello world!\n")`
```
printf("hello \n");
printf("world!\n");
```

效果
printf("hello world!\n")

Copy
printf("hello \n");
printf("world!\n");

标签:文字,markdown,预览,示例,标题,语法,内容,列表,Copy
From: https://www.cnblogs.com/pppk/p/16747573.html

相关文章

  • 1.MarkDown常规使用语法
    MarkDown常规使用语法1.标题几级标题就几个#,从一级标题到六级标题#一级标题##二级标题...2.字体*斜体***粗体**3.分割线---4.列表4.1有序列表1.zhan......
  • 中文语法(2)—标点符号
    1.逗号逗号,即“,”。把句子切分为意群,表示小于分号大于顿号的停顿。 (1)句子内部主语与谓语之间如需停顿,用逗号。例如,我们看得见的星星,绝大多数是恒星。主谓之间可以用逗......
  • 【Android】Android--选择多张图片,支持拖拽删除、排序、预览图片
    参考:Android--选择多张图片,支持拖拽删除、排序、预览图片-简书(jianshu.com)关键:https://github.com/StevenYan88/SelectImage ......
  • Python Markdown解析利器----mistune详细用法记录
    @目录小试牛刀开始使用mistunemistune简单使用mistune高级用法(自定义mistune)mistune中插件插件使用方法(以删除线(strikethrough)为例)插件包名内置插件删除线(striket......
  • v-viewer图片预览插件使用
    链接:https://www.jianshu.com/p/1fd3b4e6911c今天介绍一款用于图片浏览的Vue组件,支持旋转、缩放、翻转等操作,它是基于viewer.js做的二次开发,我感觉用起来挺方便的,Github......
  • MarkDown基本语法
    #Markdown基本语法#空格+标题名;(#最多为6个,即最小的六级标题)注:所有的符号都是英文输入法状态下的##标题###三级标题####四级标题##字体**Hi,晨曦!**粗体:字体的两......
  • Markdown语法
    Markdown学习空格+标题名;(#最多为6个,即最小的六级标题)注:所有的符号都是英文输入法状态下的标题三级标题四级标题字体Hi,晨曦!粗体:字体的两边各加2个*Hi,晨曦!......
  • 理解main方法语法
    1深入理解main方法2特别提示在main()方法中,我们可以直接调用main方法所在类的静态方法或静态属性。但是,不能直接访问该类中的非静态成员,必须创建该类的一个......
  • 获取图片并预览
    环境介绍:代码工具:VisualStudio2022开发框架:.netformwork4.7.2开发须知当前我所了解的有.netcore以及.netformwork两种框架.netformwork:这个是微软专用......
  • TDengine 3.0 流式计算引擎语法规则介绍
    小T导读:TDengine3.0引入了全新的流式计算引擎,既支持时间驱动的流式计算,也支持事件驱动的流式计算。本文将对新的流式计算引擎的语法规则进行详细介绍,方便开发者及企业使......