markdown的基本使用

最新推荐文章于 2025-09-06 10:42:35 发布

转载最新推荐文章于 2025-09-06 10:42:35 发布 · 94 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5a31ceb96fb9a0450d11157a

文章标签：

#markdown #javascript #ViewUI

本文介绍了Markdown的基本用法，包括标题设置、列表创建、链接与图片插入、引用格式、文本样式变化及表格制作等内容，并展示了如何使用Markdown语法来高亮显示不同类型的代码片段。

markdown模式通常用于代码的全篇注释，markdown文件的后缀名为.md , 现在来说说markdown的一些基本用法。 ##标题的大小

标题大小只需要在文字钱加上 # 符号即可（注意空格） #的个数即为标题文字大小。例如：

最小标题 6个#字符，

最小标题 5个#字符，

最小标题 4个#字符，

###最小标题 3个#字符， ##最小标题 2个#字符， #最大标题 1个#字符，

无序列表（##）

简书无序列表只需要在文字加上 - 即可实现
我是无序列表1
我是无序列表2

有序列表

我只需要在文字开始位置输入序列号 1. 即可（注意空格）
我是有序列表2

##链接和图片 (提示转义符号为" \")

链接 [简书](www.jianshu.com) 简书
图片 ![](XXXX.jpg)

引用 (提示转义符号为" >")

-只需要在文字前加入 > 即可

白日依山尽黄河入海流欲穷千里目更上一层楼

粗体斜体

斜体：只需要将文字用 * 符号包裹，粗体：用 ** 包裹 我是用*包裹的斜体 我是用** 包裹的粗体

##表格

在表头部分表格默认左对齐右对齐需要在单元格右边加 : ,居中对齐则两端加入 : 即可如图

 | Tables       | Are           | Cool  |
 | ------------- |:-------------:| -----:|
 | col 3 is      | right-aligned | $1600 |
 | col 2 is      | centered      |   $12 |
 | zebra stripes | are neat      |    $1 |
复制代码

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1
col 2 is	centered	$12

##代码引用

css的代码片段 markdown支持代码高亮显示

```css div{ color:red; } ```

  div{ color:red; }   
复制代码

`` div{ color:red; }`` 的写法可以凸显代码样式，但是没有颜色区分，举个栗子，如下：

div{ color:red; }

html的代码片段

```html <div style='color:red;'>这是编辑器写的一句话 ```

<div style='color:red;'>这是简书中编辑器写的一句话</div>
复制代码

javaScript代码片段

```javascript window.οnlοad= function(){ alert(1); } ```

  window.onload= function(){
      alert(1);
}
复制代码

转载于:https://juejin.im/post/5a31ceb96fb9a0450d11157a