侧边栏壁纸
博主头像
恪晨博主等级

前端程序员

  • 累计撰写 138 篇文章
  • 累计创建 41 个标签
  • 累计收到 17 条评论

目 录CONTENT

文章目录

markdown 基本用法

恪晨
2021-01-13 / 0 评论 / 0 点赞 / 1,124 阅读 / 1 字 / 正在检测是否收录...

前言

写作过程中经常用到Markdown写文章,然有时候某个语法忘了,就得度一度,所以这次我帮你们整理好了!记不住的话就收藏一下,收藏了就能随时查看啦!

我是顶部位置

我想直奔评论

分割线

  1. 使用*的分割线
  • 效果:

  • 语法:*********
  1. 使用--的分割线
  • 效果:

  • 语法:--------

引用

  • 效果:

引用内容

嵌套引用 '>' 使用字符

  • 语法:单个:>; 嵌套:>>

标记

  • 效果:

    • 使用*标记
    • 使用+标记
    • 使用-标记
  • 语法:* xxx, + xxx, - xxx

列表

  • 效果:
  1. 有序列表1
    1. 嵌套
    2. 嵌套
  2. 有序列表2
  • 语法:
1. hhhhh
2. wwwww
3. qqqqq

代码

  1. 行内代码
  • 效果:
    我是console.log('行内')代码

  • 语法:`console.log('行内')`

  1. 块代码,指定语法代码
  • 效果:
// 这里是一段块代码,并且是javascript代码
console.log('块代码');
  • 语法:
  ```javascript
  // 这里是一段块代码,并且是javascript代码
  console.log('块代码');
  \``` 这里要去掉\

链接

  1. 普通超连接:
  • 效果:Google
  • 语法:[Google](https://www.google.com)
  1. 本地超链接:
  • 效果:markdown
  • 语法:[markdown](./img/default.jpg)
  1. 包含title的超链接:
  • 效果:titile
  • 语法:[titile](https://www/baidu.com, '百度')

换行

  • 效果:

你好,

  • 语法:使用<br/>换行

图片

  1. 行内图片:
    GitHub
  • 语法:![GitHub](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ec1dcdca336b465a9728d0ae1391d167~tplv-k3u1fbpfcp-zoom-1.image)
  1. 包含title的图片:
    Github
  • 语法:![Github](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51818583701142ca9326314b413efaaa~tplv-k3u1fbpfcp-zoom-1.image "好美啊")
  1. 指定图片大小:
    GitHub
  • 语法:
    <img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e580b1a56ee94085a8b1769833e24569~tplv-k3u1fbpfcp-zoom-1.image" alt="GitHub" title="Cat" width="200" height="200" />

强调

  1. 表示强调:
  • 效果: 我是被强调的好巧,我也是
  • 语法: **这里写**
  1. 表示加粗斜体:
  • 效果: 加粗斜体
  • 语法:***这里写***
  1. 斜体:
  • 效果: 啊,我弯了
  • 语法:*这里写*
  1. 背景高亮:
  • 效果: ==好家伙,掘金好像不支持==
  • 语法:==这里写==,

需要转义的字符

需要转义的字符:用法:比如想显示*,则 我是被强调的*

\
`
*
_
{}
[]
()
#
+
-
.
!

删除线

  • 效果:被删除了啊
  • 语法: ~~被删除了啊~~

表格

  1. 表格左对齐:
    | name | age |
    | :--- | ---- |
    | wang | 20 |
  • 语法:
  1. 表格居中:
nameage
wang20
  • 语法:
  1. 表格右对齐:
nameage
wang20
  • 语法:

  • 表格中使用其他内容:

nameage
强调哦一个链接

语法:

完成清单

  • 效果:

    •  还没有完成
    •  已经完成了
  • 语法:

缩进

  • 效果:

  我缩进去了啊

     好巧我也是

    这么巧吗?

  • 语法:

对齐

  • 效果:

行左对齐

居中?掘金好像不支持啊

行右对齐

  • 语法:

参考

  • 效果:

我经常去的几个网站Google掘金

  • 语法:
我经常去的几个网站[Google][1]、[掘金][2]。

[1]:http://www.google.com 
[2]:http://www.juejin.cn

注脚

  • 效果:
    Markdown[1]真的很棒棒, 可以转换成 HTML[2]。并且会在文档末尾展示[3]
  • 语法:
Markdown[^1]真的很棒棒, 可以转换成 HTML[^2]。并且会在文档末尾展示[^3]

[^1]: Markdown是一种纯文本标记语言
[^2]: 超文本标记语言
[^3]: 文档末尾注脚

锚点

  • 效果:
    回到顶部 我在顶部定义了a标签

  • 语法: [回到顶部](#top)

标记

  • 效果:
    你好啊,我收藏了

  • 语法:
    <mark>棒啊,我收藏了</mark>

折叠

  • 效果:
点击查看详细内容
  console.log('我是折叠了的内容啊');
  • 语法:
<details>
  <summary>点击查看详细内容</summary>

	```javascript
  	console.log('我是折叠了的内容啊');
	```

</details>

总结

日常写作中用到的,大概就这么多啦,如果有更多的好用的有用的,欢迎大家继续补充添加!

点赞、评论吧


  1. Markdown是一种纯文本标记语言 ↩︎

  2. 超文本标记语言 ↩︎

  3. 文档末尾注脚 ↩︎

0
博主关闭了当前页面的评论