首页 > 其他 > 详细

Markdown基本语法

时间:2019-03-07 18:56:40      阅读:140      评论:0      收藏:0      [点我收藏+]

#前言

嗯,我是个很懒的人,一直想通过写博客记录工作中的问题和技术知识点。无奈总觉得工作性质决定空余时间太少,总是心存侥幸的安慰自己,但许多大佬每天繁重的工作中还能坚持定量的输出,我由衷的佩服之下又不禁反思自己(打脸啪啪啪)。真真是越优秀的人越努力,好吧,你还有什么理由偷懒,毕竟谁都想变得优秀(吼吼奋斗脸)。话题走偏,本文主要督促自己养成写博客的习惯,毕竟前端的知识点海洋太庞大加零碎,只要通过自己不断梳理知识记录知识点,形成自我的知识体系,在技术上才会有从量变到质变的飞跃/。为了方便写博客,自然就要挑选一个适合自己纯文本格式的标记语言,经过尝试和朋友建议最后就选定Markdown 语法。

#Markdown 语法选择起因

现在的前端基本上都用上了前端构建工具,那就难免要写一些readme等等的说明性文件,但是这样的文件一般都是.md的文件,编写的语法自然跟其他格式的文件有所区别,这基本就是大势所趋的选择。另外主要的原因是语法简单,随便几分钟就能上手,通过语法能够快速搭建文档结构,再也不用费心思排版了。好了,讲了许多,开始正文介绍Markdown基本语法啦。

#Markdown基本语法

不说闲话,直接整理成表便于浏览,效果图就自己尝试或网上扒了。

语法 实例  语法点

设置为标题的文字前面加#

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
标题
设置文字字体,在文字前后加标签
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~
字体
设置引用的文字前加>,引用也可以嵌套
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容
引用
设置三个或者三个以上的 - 或者 * 都可以。
---
----
***
*****
分割线
![图片alt](图片地址 ‘‘图片title‘‘)

图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加
![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
u=702257389,1274025419&fm=27&gp=0.jpg "区块链")
图片
[超链接名](超链接地址 "超链接title")
title可加可不加
[简书](http://jianshu.com)
[百度](http://baidu.com)
超链接

无序列表  用 - + * 任何一种都可以

有序列表  数字加点

嵌套列表  上一级和下一级之间敲三个空格即可

无序列表:
- 列表内容 + 列表内容 * 列表内容 注意:- + * 跟内容之间都要有一个空格
有序列表:
1.列表内容
2.列表内容
3.列表内容

注意:序号跟内容之间要有空格



列表
 
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略
 
姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
 表格

 单行代码:代码之间分别用一个反引号包起来  

`代码内容`

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

(```)
  代码...
  代码...
  代码...
(```)

 单行代码:

`create database hero;`


代码块:
(```)
    function fun(){
         echo "这是一句非常牛逼的代码";
    }
    fun();
(```)
 代码
   
```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```


技术分享图片

 

 
 流程图

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

效果图 参考链接 https://www.jianshu.com/p/191d1e21f7ed

Markdown基本语法

原文:https://www.cnblogs.com/yaohe/p/10491348.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!