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

Markdown语法

作者头像
花猪
发布2022-02-16 15:28:59
3950
发布2022-02-16 15:28:59
举报

前言

建站小白想来写点什么东西。这几天里看过许许多多的超级厉害的博客,大多开篇都是关于Markdown语法的一些基本介绍。想来写一篇也好,留个笔记。 注: 本篇文章使用VScode编写。Ctrl + Shift + P调出主命令框,输入Markdown,就可以匹配到Markdown的相关命令。

Markdown的基本语法

标题

注:一共有6个级别的标题

代码

# h1 ## h2 ### h3 #### h4 ##### h5 ###### h6

引用

代码

代码语言:javascript
复制
>这里是引用代码
>>可以多级嵌套

效果

这里是引用效果 可以多级嵌套

字体

代码

代码语言:javascript
复制
**加粗 效果代码**
*倾斜 效果代码*
***斜体加粗 效果代码***
~~加删除线 效果代码~~

效果

加粗 效果代码 倾斜 效果代码 斜体加粗 效果代码 加删除线 效果代码

分割线

代码

三个或者三个以上的-或者*都可以

代码语言:javascript
复制
---
***

效果

这里的分割线被主题美化了

代码展示

代码

代码语言:javascript
复制
(```)
    代码块的语法:使用一对```将代码块包围起来。(这里加了括号是防止转义)
(```)

`` --> 单行代码直接用一对`将其包围就好,也可以行内标记。

效果

这里展示行内标记(Hello World)效果

超链接

语法

[超链接名](超链接地址 "超链接title")

代码

[百度](https://www.baidu.com "百度一下")

效果

百度

图片

语法

代码语言:javascript
复制
![图片alt](图片地址 ''图片title'')

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

代码

![](https://cdn.jsdelivr.net/gh/CNhuazhu/Image/page1.jpg)

效果

列表

无序列表:用- + *任何一种都可以 有序列表:为数字. 列表嵌套:上一级和下一级之间敲三个空格即可

代码

代码语言:javascript
复制
- 无序列表内容
+ 无序列表内容
* 无序列表内容

1. 有序列表内容
2. 有序列表内容
3. 有序列表内容

* 外层无序列表
   1. 内层有序列表
   2. 内层有序列表

效果

  • 无序列表内容
  • 无序列表内容
  • 无序列表内容
  1. 有序列表内容
  2. 有序列表内容
  3. 有序列表内容
  • 外层无序列表
    1. 内层有序列表
    2. 内层有序列表

表格

语法

代码语言:javascript
复制
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

注:
    第二行分割表头和内容。
    - 有一个就行,为了对齐,多加了几个
    文字默认居左
    -两边加:表示文字居中
    -右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。

代码

代码语言:javascript
复制
|    a    |       b       |    c       |
|:-------:|:------------- | ----------:|
|   居中  |     左对齐    |   右对齐   |
|=========|===============|============|

效果

a

b

c

居中

左对齐

右对齐

=========

===============

============

表情包

这里抛一个网站:https://www.webfx.com/tools/emoji-cheat-sheet/ 里面复制相应表情代码,粘贴。一气呵成(但是这里为什么用不了😭) 那我就再抛一个网站:https://www.emojidaquan.com/ 这里直接复制表情就好☀️(没有什么能难倒👴,哈哈哈哈)

空格字符

代码

  注意是英文分号

锚点

语法

上、下标

语法

Markdown兼容HTML语法,所以直接用HTML语法中的上、下标来实现:

代码语言:javascript
复制
H<sub>2</sub>O 
2×10<sup>8</sup>

效果

H2O 2×108

结语

第一篇博文写完,开心!!!! (暂且先记到这里,以后如果需要其他内容,再学习,再补充)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-01-20,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • Markdown的基本语法
    • 标题
      • # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6
        • 引用
          • 字体
            • 分割线
              • 代码展示
                • 超链接
                  • 图片
                    • 列表
                      • 表格
                        • 空格字符
                          • 锚点
                            • 上、下标
                            • 结语
                            领券
                            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档