Markdown常用基础语法

写在前面

今天开始写自己的第一篇博文，有一点点小激动，之前一直想写博文，奈何自己文字功底太差，不敢做尝试，直到遇到了他BNDong，无处安放的魅力啊，瞬间激起了我的热情，哈哈。我们很多时候学习了一些东西，长时间不用，就容易忘记。建议自己记录下来，比如有道云笔记，博客园等，我总是喜欢看别人的博文，想想自己就是白嫖党，不太好，总要留下点什么吧，那就写写博文，为后来的兄弟积攒点经验。 之所以选择博客园，其一，高度的个性化自定义模板，很有个性，有木有？其二，其他很多博客网铺天盖地的广告，严重影响看官阅读体验，直呼受不了；其三，博客园支持markdown写博文。

开始学习

博客园写博文首选markdown咯，我们在代码里面看到最多的就是README.md，那就稍微学习一下markdown常用基础语法，测试些高级语法，博客园暂时显示不正常。

标题

只需要在标题前加#号即可，一个#号表示一级标题，两个#号表示二级标题，以此类推，最多支持到六级标题
例子：

# 我是一级标题
## 我是二级标题
### 我是三级标题
#### 我是四级标题
##### 我是五级标题
###### 我是六级标题

结果：

ps: 因为我页面风格的影响不能很直观的展示，所以就贴图啦。

文字

  1. 加粗
    需要加粗的文字部分左右用两个*号包裹起来
  2. 斜体
    需要倾斜的文字部分左右用一个*号包裹起来
  3. 斜体加粗
    三个*号
  4. 中划线
    需要中划线的文字部分左右用两个~号包裹起来
  5. 下划线
    不推荐使用下划线，容易和超链接混淆，非得用的话，使用html语法
    <u></u>
  6. 文字颜色
    使用html的font实现
  7. 文字高亮
    需要高亮的文字部分左右用两个=号包裹起来
  8. 文字背景色
    借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色
    例子：
**我是加粗**
*我是斜体*
***我是斜体加粗**
~~我是中划线~~
<u>我是下换线</u>
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font color=blue size=3 face="黑体">color=blue size=3 face="黑体"</font>
<font color=red size=4>color=red size=4</font>
我是==高亮==的文字
<table><tr><td bgcolor=#F5DEB3>背景色#F5DEB3</td></tr></table>

结果：

我是加粗
我是斜体
*我是斜体加粗
我是中划线
我是下换线
我是黑体字
我是微软雅黑
color=blue size=3 face="黑体"
color=red size=4
我是高亮的文字

背景色#F5DEB3

分割线

三个或以上的-号或*号分割线
例子：

---
-----
***
******

结果：

引用

在引用的文字前加>。可以嵌套使用>>
例子：

>鹅鹅鹅
>>曲项向天歌
>>>白毛浮绿水

结果：

鹅鹅鹅

曲项向天歌

白毛浮绿水

代码

单行代码用`号包裹，多行用三个```号包裹
例子：

`单行代码`
\```
多行代码
\```

ps: 反斜杠为演示时防止被转义，实际用的时候是要去掉的

结果：

单行代码

多行代码

图片与超链接

图片![描述]（"url",'title'），title可有可无，悬浮提示而已
利用html语法可以设置居中，设置大小
超链接少个!号和title
例子：

![你的名字](https://img2020.cnblogs.com/blog/1418810/202005/1418810-20200510021233884-1157374959.jpg)
<div align=center><img src="https://img2020.cnblogs.com/blog/1418810/202005/1418810-20200510021233884-1157374959.jpg" width="50%" height="50%"></div>
[百度](http://baidu.com)

<a href='https://zhuanlan.zhihu.com/p/35270383?ivk_sa=1023345p' target='_blank'>盘点国内免费好用的图床</a>

结果：

你的名字

百度

盘点国内免费好用的图床

ps: 图床我暂时使用的qq空间，不知道是否有有效期限，目前测试阶段，有问题再说。markdown的超链接在博客园不是新打开窗口，我们可以使用a标签代替

列表

  • 无序列表
    +，-，* 都可以，与内容之间要留空格
  • 有序列表
    阿拉伯数字加.号，与内容之间要留空格
  • 嵌套列表
    就是有叶子节点啦，需要与上级列表左对齐后留三个空格
    例子：
+ 后端开发
   * java
   * python
   * go
+ 前端开发
   - vue
   - ts
   - css

1. spring
2. mybatis
3. springboot

结果：

  • 后端开发
    • java
    • python
    • go
  • 前端开发
    • vue
    • ts
    • css
  1. spring
  2. mybatis
  3. springboot

表格

表格就和再cmd里面看的数据库表格很像
列子：

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

ps:
---|---|--- 是分割表头和内容
-一个及以上
文字默认居左
-两边加:号表示文字居中
-右边加:号表示文字居右

结果：

表头 表头 表头
内容 内容 内容
内容 内容 内容

写在后面

本博客页面是借用的BNDong童鞋的创意，稍作修改（忽略不计）。大家可以去看看他的开源代码https://github.com/BNDong

第一次发文，如有错误地方，还望各位前辈，看官不吝指出批评。如果你觉得对你有一丢丢帮助，点个赞呗，新人需要支持，不做白嫖党，从我做起。

posted @ 2020-05-10 02:29  谜鱼Zzz  阅读(205)  评论(0)    收藏  举报