前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【程序猿硬核科普】学习使用Markdown语法写博客

【程序猿硬核科普】学习使用Markdown语法写博客

作者头像
浩Coding
发布2020-03-04 14:10:47
5170
发布2020-03-04 14:10:47
举报
文章被收录于专栏:浩Coding浩Coding
本篇文章主要讲如何使用Markdown语法写博客。

学习使用Markdown语法写博客

一 Markdown简介

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,在 2004 由约翰·格鲁伯(英语:John Gruber)创建。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。Markdown 编写的文档后缀为 .md, .markdown。 Markdown优点:语法简洁明了,纯文本格式用记事本就能打开,兼容性强。 Markdown缺点:一些平台不支持Markdown语法,需要学习语法,排版能力能力差,对图片支持不好。 Markdown使用软件:

  • Windows: MarkdownPad
  • Linux: ReText
  • Mac:Mou
  • web:简书、思否、马克飞象

关于使用Markdown的建议:首先,Markdown是为那些需要经常码字或者进行文字排版的、对码字手速和排版顺畅度有要求的人群设计的,他们希望用键盘把文字内容啪啪啪地打出来后就已经排版好了,最好从头到尾都不要使用鼠标。这些人包括经常需要写文档的码农、博客写手、网站小编、出版业人士等等。如果你用常见的所见即所得的方式排版(比如知乎、微信公众号等等)就很顺手,那就不需要特意去用Markdown了。

二 Markdown语法

1、标题

标题用#来表示,#越多标题越小【Markdown标准语法是#后面加空格,不加也行】

代码语言:javascript
复制
# 这是一级标题【最大】
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果如下:

这是一级标题【最大】

这是二级标题

这是三级标题

这是四级标题
这是五级标题
这是六级标题
2、字体

加粗:加粗的文字左右分别用两个*号包起来。 斜体:倾斜的文字左右分别用一个*号包起来。 斜体:倾斜和加粗的文字左右分别用三个*号包起来。 删除线:加删除线的文字左右分别用两个~~号包起来。

代码语言:javascript
复制
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下: 这是加粗的文字 这是倾斜的文字` 这是斜体加粗的文字 这是加删除线的文字

3、分割线

分割线效果用任意三个或者三个以上的 - 或者 * 都可以。

代码语言:javascript
复制
---
-------------------------
***
*************************




3、代码

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

代码语言:javascript
复制
    `单行代码内容`

效果:单行代码内容

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

代码语言:javascript
复制
(```)
  $("button").click(function(){
    $("p").slideToggle();
  });
(```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

4、引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>> 示例:

代码语言:javascript
复制
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

效果如下:

这是引用的内容 这是引用的内容 这是引用的内容

5、超链接

语法:

代码语言:javascript
复制
[超链接名](超链接地址 "超链接title")
title可加可不加

示例: 浩Coding的思否个人主页 谷歌

6、图片

语法:

代码语言:javascript
复制
![图片alt](图片地址 ''图片title'')
图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

示例:

代码语言:javascript
复制
![Jerry头像](http://img.mp.itc.cn/upload/20170709/8c8b10c4cc6c4c6ca1fc7659a50beb21_th.jpg "Jerry头像")

效果:

7、列表
  • 无序列表

语法:无序列表用任意一个 - + * 都可以。

代码语言:javascript
复制
- 列表内容
+ 列表内容
* 列表内容
注意:- + * 跟内容之间都要有一个空格

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容
  • 有序列表

语法:数字加点后面跟内容。 数字加点

代码语言:javascript
复制
1.列表内容
2.列表内容
3.列表内容
注意:序号跟内容之间要有空格

效果如下: 1.列表内容 2.列表内容 3.列表内容

  • 列表嵌套

语法:上一级和下一级之间敲三个空格即可,下面内容就是示例。

  • 一级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  • 一级无序列表内容
    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容
  1. 一级有序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  2. 一级有序列表内容
    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容
8、表格

语法:

代码语言:javascript
复制
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

示例:

代码语言:javascript
复制
表头|表头|表头
--|:--:|--:
居左|居中|居右
居左|居中|居右
居左|居中|居右

效果如下:

表头

表头

表头

居左

居中

居右

居左

居中

居右

居左

居中

居右

【注本段示例来源简书:Markdown基本语法】

参考文章

1、作者:高鸿祥

2、链接:

https://www.jianshu.com/p/191d1e21f7ed

3、来源:简书

祝君工作顺利,加油。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-02-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 浩Coding 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 学习使用Markdown语法写博客
    • 一 Markdown简介
      • 二 Markdown语法
      • 这是一级标题【最大】
        • 这是二级标题
          • 这是三级标题
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档