前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Markdown 基本语法格式

Markdown 基本语法格式

作者头像
攻城狮杰森
发布2022-06-03 11:28:43
1.8K0
发布2022-06-03 11:28:43
举报
文章被收录于专栏:技术集锦技术集锦

文末附有高级排版样式,超多有趣 emoji ,让你的文章更易读

标题

一级标题

二级标题

三级标题

四级标题
五级标题
六级标题

使用最多6个 # 号实现层级标题

换行

  1. 空格1 空格2
  2. 空格1
  3. 空格3

一个空格+enter=换空行

字体样式

斜体 * *

斜体 _ _

粗体 ** **

粗体 __ __

粗斜体 ***___

强调 符号 `

分隔线




三个以上字符 *- - - --------------

删除线

这是删除线

文字两端加波浪线 ~~

下划线

这是下划线

符号<u> </u> 之间添加文本


脚注

[^这是脚注]

脚注测试1

这时候光标放在Team处就有脚注提示,单击 1 跳转到文末 格式: [^内容]+[^内容]:释义

列表

1.无序列表

  • 第一 *
    • 第二 +
      • 第三-

符号*+-都能实现

2. 有序列表

  1. 第一
  2. 第二

数字+ .

列表嵌套

  1. 第一项
    • 子项1
      • 子项2

放入一个Tab或四个空格

区块

引用区块 引用2 引用3

符号> + 空格 嵌套加入多个> 即可

列表嵌套区块

  • 第一项 嵌套内容 符号*+>实现

代码

cout<< 两端加 ` 号

代码语言:javascript
复制
for(i=0;i<5;i++){
    printf("这是包含代码块");
}

格式:三个 ` 号 +语言选择 结尾:对应前者

链接

[链接名称]和(链接地址) 这里是网址

<直接放置链接地址> https://网址

表格

这是单元格1

这是单元格2

使用符号 | - - 用于分隔行 |...|...| 制表

对齐方式

符号 -: 右对齐

符号:- 左对齐

符号:-: 居中对齐

HTML标签

掌握几种常见的HTML标签,实现更多文本格式

例如:标签 <kbd>和标签</kbd>

我们可以按住Windows+Shift+S启动截图功能

示例代码:我们可以按住<kbd>Windows</kbd>+<kbd>Shift</kbd>+<kbd>S</kbd>启动截图功能

数学公式

x+y=2
\sqrt{c x^2 + d}

使用一对 符号 嵌入LaTeX格式数学公式,Markdown会自动进行渲染

字体着色

代码语言:javascript
复制
<font face="微软雅黑">这是微软雅黑字体</font>
<font color=red size=6>color=red size=5</font>

这是微软雅黑字体

color=red size=5

更多格式请参考:RGB颜色对照表

图片修改

居中

在图片引入编辑器后生成的代码某位添加 #pic_center

代码语言:javascript
复制
![](https://img-blog.csdnimg.cn/6270ace20bfe4c62b19a45f107e2bc54.png)

替换为

代码语言:javascript
复制
![](https://img-blog.csdnimg.cn/6270ace20bfe4c62b19a45f107e2bc54.png#pic_center)

看效果:

等比缩放

拷贝生成的源码

请添加图片描述
请添加图片描述

放入下面的 “链接” 处

代码语言:javascript
复制
<img src="这里放置链接" width="70%">

自定义 width 后的数值实现等比例缩放 为避免文字后插入图片显示间距过大,可以使用官方方法

请添加图片描述
请添加图片描述

注意是 空格= 后面的不是乘号,是小写字母 x

去水印

删除部分生成的源码,只留下图片URL,像这样

代码语言:javascript
复制
https://img-blog.csdnimg.cn/7aa6a23a91eb4d098904845f4fbd479a.png
在这里插入图片描述
在这里插入图片描述

即可实现图片去水印的效果。

👍高级进阶

✊图片底部显示文字说明

我们在文章中插入图片时候,如果图片过多,加入图片说明会使文章更简明,提高易读性

其实就是利用了 基本的 html 语法,通过建立表格实现效果

后台代码:

代码语言:javascript
复制
<table>
    <tr>
        <td><center>
        <img src="https://img-blog.csdnimg.cn/7b7d126a21234aefa08e7e27537104c6.gif" />
        </center>
        <center>
        图X 图片文字说明
        </center></td> 
    <tr>
</table>

此处边框 border 的设置无法在编辑器中生效,可能是官方识别问题,毕竟不是标准 markdown 语法格式

实现效果:

图1 欢迎添加杰森微信(这是动图哦)!

😄排版添加 emoji 表情

直接在 markdown 文件中加入表情对应标签即可

💖表情列表💖

更多有趣小图标在 这个仓库

https://github.com/PDPENG/markdown-emoji

  1. 这是脚注 ↩︎
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 标题
  • 一级标题
    • 二级标题
      • 三级标题
      • 1.无序列表
      • 2. 有序列表
      • 列表嵌套
      • 对齐方式
      • 居中
      • 等比缩放
      • 去水印
  • 换行
  • 字体样式
  • 分隔线
  • 删除线
  • 下划线
  • 脚注
  • 列表
  • 区块
  • 列表嵌套区块
  • 代码
  • 链接
  • 表格
  • HTML标签
  • 数学公式
  • 字体着色
  • 图片修改
  • 👍高级进阶
    • ✊图片底部显示文字说明
      • 😄排版添加 emoji 表情
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档