码迷,mamicode.com
首页 > 其他好文 > 详细

用markdown写博客

时间:2019-01-28 17:39:47      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:ble   特殊字符   gif   pictures   标题   输入   logs   代码段   百度   

目录

用markdown写博客

前言

博客园支持用markdown语法写博客。markdown是什么东西?他是一套中间格式化文本的语法,用他写文章在支持这个语法的排版系统里面,会生成对应的排版格式。因为这套中间语言,那么我们就不用学习各种平台独有的排版方式,节省时间。当然,最重要的是markdown本身易于书写,否则就没有使用价值了。

下面我们来学习一下markdown语法。

标题

# 大标题
## 中标题
### 小标题
#### 更小的标题

效果:

技术分享图片

段落

段落只需要前后保留一个以上空行。
换行只需要在行尾连续输入两个空格,回车。

引用区块

这个在中文中很少使用,但是外文还是比较喜欢使用的,相当于一个特殊的段落。

  1. 写法一:
    > 引用段落
  2. 写法二:
> 111
222
333
  1. 写法三:
> 111
> 222
> 333

效果:

111
222
333

代码块

这个是给广大程序员的福利,借助markdown可以轻松录入代码段,代码段可以保持良好的缩进格式,还便于特殊字符的书写,比如尖括号 < (即&lt;); 连字符 &(即&amp;),不会发生转义。

只要在段落开始tab键一次或四次空格。
或者在一行中用 `反引号` 包含起来,反引号在Esc键下面那个键。
或者用```三个反引号序列前后一行围起来,并且在开始的反引号序列后加上语言名称还能实现代码着色。

  1. 写法一:
   void mian()
    {
        return;
    }
  1. 写法二:
    `int i=10;`
  2. 写法三:

```html
<div>
<div>111</div>
<div>222</div>
<div>
```

效果:

void main()
{
    return;
}

int i=10;

<div>
    <div>111</div>
    <div>222</div>
<div>

列表

列表是比较常用的一种排版元素,分为有序列表和无序列表。

1. 有序列表,只需要数字+.+空格+内容
2. 222
3. 333
- 无序列表
- 222
- 333

效果:

  1. 有序列表,只需要数字+.+空格+内容
  2. 222
  3. 333
  • 无序列表
  • 222
  • 333

分隔线

就是一条线。博客园貌似不支持。
三个以上的星号,或者减号,底线

***
---
___

效果:
***
---
___

技术分享图片

链接

超文本免不了链接元素。而markdown有良好的支持。

[文本](链接 “标题”)
[博客园](http://www.cnblogs.com "点击就送")

[百度][b]  
[b]: http://www.baidu.com "点击“  

效果:
博客园
[百度][b]
[b]: http://www.baidu.com "点击就爆“

强调、加粗、下划线、删除线

字体修饰,可以强调某些文字,也是比较常用的。

*强调*
**加粗**
<u>下划线</u>
~~删除线~~

效果:
强调
加粗
下划线
删除线

图片

超链接免不了要插入图片,但是这个还是有点难度的。一般的文本编辑器插入图片太麻烦了,如果有支持插图功能的markdown编辑器才比较方便。

![Alt文本](http://image.mamicode.com/info/201901/20190128171731379590.gif)

效果:
技术分享图片

智能链接

通过尖口号括起来的链接或者邮箱地址,可以自动转换为合适的超链接。

<contact@cnblogs.com>
<http://www.cnblogs.com>

效果:
contact@cnblogs.com
http://www.cnblogs.com

表格

很形象,看演示:

列1|列2|列3|列4
-|-|-|-
a|b|c|d
1|2|3|
x||4|5

效果:

列1 列2 列3 列4
a b c d
1 2 3
x 4 5

转义序列

难免需要转义序列,因为有些字符是markdown的一部分,如果要按照正常字符输出,可以在字符前面添加反斜杠 \ 。

用markdown写博客

标签:ble   特殊字符   gif   pictures   标题   输入   logs   代码段   百度   

原文地址:https://www.cnblogs.com/Nobel/p/10330837.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!