其实前端人员在做项目评估或者是git上书写东西的时候。是不是有的时候有点烦恼呢,

其实git中的 gitbook就是采用 markdown的语法
包括项目中一般的ReadME的那个文档,以md结尾的文件 都是采用的mardkdown 语法, 可能很多小伙伴都知道这个东西,但从来没有好好去了解过呢,

这不是前几天 做项目评估 一般都要 进行几个模块的细节划分呢,层级明显,如果只是通过一般的txt 其实也可以 但是 是不是 太low了,
如果我们使用腾讯文档来做的话,还得去学习一个操作方式 很难受,对于offce 不知道别的人 如何。反正我是有点不太喜欢使用那个去做项目评估的结果,

要不就是 excel 这个。纯表格的形式 也不是我的想要的。
这个时候 markdown 可能就是一个很好的选择了。

好了 上面有的扯远了 ,其实csdn采用的编辑也是markdwon模式嘿嘿

我们正式进入主题了哦

markdown的讲解

markdown的插件的安装。

对于前端人员来说,我们用的最多可能就是 Vs Code 了。 我们可以去VS code中下载一个插件。进行预览md文件和。转换 pdf和图片使用

在文件中创建一个md 文件中。然后点击鼠标右键就可以进入 预览模式
左边书写 右边就可以直接进入预览模式,还可以将我们写的markdown文件转换成。图片、pdf、html等文件


1. 标题 用法

标题在markdwon中就是。# 代表 标题
注意所有的markdown语法后面得加个空格呢比如: # 我是标题1
后面说的也得加呢

# 我是标题1
## 我是标题2
### 我是标题3
#### 我是标题4
##### 我是标题5
###### 我是标题6
也可以用
我是标题1
=
我是标题2
--

看下效果哈。

我是标题1

我是标题2

我是标题3

我是标题4

我是标题5
我是标题6

也可以用

我是标题1

我是标题2


2 文本的用法

  1. 在markdown 中换行的话 需要 用 两个空格 + 换行符号
  2. 斜体。要用。** 或者 __ 两个 星号 或者下划线 包括
  3. 粗体。 则是。**** 或者 ____ 。 两侧各两个星号 或者 两个下划线包括
  4. 粗斜体。 则是。******。这样两侧各三个星号 或者三个下划线。包括着
  5. 删除线 则是。 ~~~~. 两侧各两个波浪线
  6. 下划线。 直接。 1111. html中的 u标签就可以了
  7. 分割线 则是。 — 三个减号就可以了

*斜体*
__加粗__
***粗斜体***
~~删除线~~
<u>下划线</u>  ---

看下效果哈。
斜体
加粗
粗斜体
删除线
下划线


3 . 列表

3. 1 无序列表

则是一个 前面加个。*。星号就可以

* 我是列表1
* 我是列表2
* 我是列表3
* 我是列表3

看下效果哈。

  • 我是列表1
  • 我是列表2
  • 我是列表3
  • 我是列表3。

有序列表

有序列表 则是前面直接写数字就可以。

1. 我是列表1
2. 我是列表2
3. 我是列表3
4. 我是列表3
  1. 我是列表1
  2. 我是列表2
  3. 我是列表3
  4. 我是列表3

4. 引用

引用则是 一个 > 和标题有点像

> 我是引用1
>> 我是引用2
>>> 我是引用3
>>>> 我是引用4

看下效果哈

我是引用1

我是引用2

我是引用3

我是引用4

5. 代码块

如果我们想在markdown中写代码的话 其实也是可以
语法是。左右两侧。三个```javascript```


我们看下效果哈。是不是 js 语法就高亮了

    console.log('hello world')

6 超链接

这个更简单 就是
注意其实都是在英文下的括号哈
[]()。前面的括号写 文本描述。后面写地址
或者。<>

[]()
[冲哥的博客](https://yunchong.blog.csdn.net/)
<https://yunchong.blog.csdn.net/>

看下效果呢
冲哥的博客。
https://yunchong.blog.csdn.net
嘿嘿 你们可以点击看下呢

7. 图片

图片的格式和。超链接也差不多呢. 和图片有点区别的就是 前面有个 感叹号
![图片的描述(title)](图片的地址)

![火影忍者](https://img0.baidu.com/it/u=426924998,4015543247&fm=26&fmt=auto&gp=0.jpg)

看下实际效果哈 暴露博主是个火影迷,嘿嘿


其实还有很多的用处。但没必要一一赘述了哈。更加高级的可以去看看 专门的markdown 文档 哈

我这里只是抛砖引玉的效果
关注我 持续更新前端知识。

markdown的简单使用,基础的一些用法讲解相关推荐

  1. python类装饰器详解-Python装饰器基础概念与用法详解

    本文实例讲述了Python装饰器基础概念与用法.分享给大家供大家参考,具体如下: 装饰器基础 前面快速介绍了装饰器的语法,在这里,我们将深入装饰器内部工作机制,更详细更系统地介绍装饰器的内容,并学习自 ...

  2. python装饰器详解-Python装饰器基础概念与用法详解

    本文实例讲述了Python装饰器基础概念与用法.分享给大家供大家参考,具体如下: 装饰器基础 前面快速介绍了装饰器的语法,在这里,我们将深入装饰器内部工作机制,更详细更系统地介绍装饰器的内容,并学习自 ...

  3. MarkDown语法浅析:基础语法篇

    本篇学习笔记简述MarkDown基础语法.掌握了"MarkDown基本语法+简单HTML5标签"的综合运用,就可以把CSDN博文搞得美美哒✌ (本文获得CSDN质量评分[91]) ...

  4. python爬虫入门-python爬虫入门,8分钟就够了,最简单的基础教学!

    一.基础入门 1.1什么是爬虫 爬虫(spider,又网络爬虫),是指向网站/网络发起请求,获取资源后分析并提取有用数据的程序. 从技术层面来说就是 通过程序模拟浏览器请求站点的行为,把站点返回的HT ...

  5. (五)Kotlin简单易学 基础语法-初始函数(下)

    (五)Kotlin简单易学 基础语法-初始函数(下) 函数内联 ➢ lambda可以让你更灵活的编写应用,但是,灵活也要付出代价的. ➢在JVM上,你定义的lambda会以对象实例的形式存在,JVM会 ...

  6. arduino: 各种Arduino基础器件的用法图

    arduino: 各种Arduino基础器件的用法图 2013-06-17 13:29:40 分类: LINUX NE555的各种用法 开关.光耦.光敏电阻等的用法 各种LED的用法 蜂鸣器.继电器. ...

  7. (二十三)Kotlin简单易学 基础语法-什么是函数式编程

    (二十三)Kotlin简单易学 基础语法-什么是函数式编程 什么是函数式编程 我们一直在学习面向对象编程范式,另一个较知名的编程范式是诞生于20世纪50年代,基于抽象数学的λ演算发展而来的函数编程,尽 ...

  8. python超简单超基础的免费小说爬虫

    python超简单超基础的免费小说爬虫 需要准备的环境 选取网页 思路 代码 总结 需要准备的环境 1.python 3.0及以上皆可 2.requests库,os,re 选取网页 找一个免费的小说网 ...

  9. C语言超简单入门——基础知识

    C语言超简单入门--基础知识 一.进制转换 进制:二进制.八进制.十进制.十六进制 进制的脚标: 二进制:B 如:101B 八进制:Q 如:12Q 十进制:D 如:10D 十六进制: H 如:123H ...

最新文章

  1. 求任意数阶乘最后一位
  2. Linux内核NAPI机制分析
  3. 使用Servlet上传多张图片——Dao层(ProductInfoDao.java)
  4. 编译原理——实验壹预习——TINY语言的词法分析
  5. 大数据标签获取处理步骤_盘点大数据处理引擎
  6. java修改ajax响应头401_当jquery ajax遇上401请求的解决方法
  7. English--动词时态
  8. vue路由守卫(页面鉴权)
  9. Linux中pts/0的讲解
  10. GraphicsView学习-内容介绍(1)
  11. [前端案例]百行代码实现炫酷时钟
  12. java基于ssm+jsp的抑郁症心理健康科普交流网站
  13. 象棋世家 v6.0a 官方
  14. 几何畸变的类型_halcon图像畸变 论述遥感数字图像畸变类型及其产生的原因
  15. 达梦V8使用dmrman恢复数据库
  16. 如何解决QQ能上网,但是浏览器无法联网的问题
  17. 理解van-field组件 :value 和 v-model的区别
  18. MS Sql Server查询数据库文件大小和剩余空间,数据库日志压缩
  19. 先码后看 severlet开发基础 侵立删
  20. 高以翔猝死事件警示录,劝你熬夜All In的人也许在害你!

热门文章

  1. Linux Ubuntu 命令行文件系统的创建,挂载,卸载
  2. 读书有益——》关于雪下很大的成语
  3. RNAmmer:预测基因组上的核糖体RNA
  4. java.lang.NoSuchMethodError: breeze.linalg.DenseVector$.canSetD()
  5. 迷宫寻宝(一) 搜索
  6. 2 周期为2pi的函数展开为傅里叶级数
  7. Diocp学习笔记 3、服务端连接、发送、接收(以实际例子记录)(DELPHI 通讯框架)
  8. UE4的.pak文件的加密和签名
  9. 如何在cmd命令行下切换目录
  10. python博客下载本地文件_Linux CentOS6安装Git、Node.js及Hexo静态博客安装和使用方法...