前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >吐血整理,文章竟然还可以这样排版???

吐血整理,文章竟然还可以这样排版???

作者头像
小一不二三
修改2020-01-02 16:55:50
7050
修改2020-01-02 16:55:50
举报
文章被收录于专栏:小一的学习笔记

Markdown写作技巧

说一下我的排版,全篇使用 Markdown 编写,最后进行了二次渲染。

什么是 Markdown ?

  • Markdown 是一个 Web 上使用的文本到 HTML 的转换工具,可以通过简单、易读易写的文本格式生成结构化的 HTML 文档

Markdown 有什么优点?

  • 纯文本格式的标记语言,包括表格、流程图等均可用纯文本表示;
  • 操作简单,记住简单的语法格式上手即用。
  • 可以通过二次渲染,无须再次排版

Markdown 有哪些好用的编辑器?

  • Typora
    • 官网地址:https://www.typora.io/
    • 推荐理由:简单方便,还可切换模式。"打字机模式了解一下"
  • 有道云笔记
    • 官网地址:http://note.youdao.com/
    • 推荐理由:我最开始用的一款工具,支持图床,且有网页版。
  • 印象笔记
    • 官网地址:https://www.yinxiang.com/
    • 推荐理由:很早的一款笔记软件,功能也很齐全。“现在还用这个的都是铁粉!”

一. 标题

在想要设置为标题的文字前面加 # 标题共六级,一级最大,六级最小 一级标题是一个 # ,两级是两个 # ,依次类推

示例如下:

代码语言:javascript
复制
# 我是一级标题
## 我是二级标题
### 我是三级标题
#### 我是四级标题
##### 我是五级标题
###### 我是六级标题

效果如下:

我是一级标题

我是二级标题

我是三级标题

我是四级标题
我是五级标题
我是六级标题

二. 字体

1. 字体加粗

要加粗的字前后各加两个 * 或两个 _ ,且不能有空格

示例如下:

代码语言:javascript
复制
**我要加粗**
___我要比你更粗___(三个下划线)

效果如下:

我要加粗 我要比你更粗(咦,我怎么斜了?往下看为什么↓)

2. 字体斜体

要斜体的字前后各加一个 * 或一个 _ ,且不能有空格

示例如下:

代码语言:javascript
复制
*我要变斜体*
_我要变斜体_

效果如下:

我要变斜体 我要变斜体

3. 字体删除线

要加删除线的字前后各加两个 ~~ ,且不能有空格

示例如下:

代码语言:javascript
复制
~~我要变删除线~~

效果如下:

我要变删除线

4. 字体下划线

要加下划线的字放在标签里面 注意 <u> 标签属于 Markdown 支持的 HTML 元素,放在字体这一节一起说了

示例如下:

代码语言:javascript
复制
<u>[在此输入链接名称](在此输入链接)</u>

效果如下:

有本事,你点我啊

5. 字体脚注

要加脚注的字放在 [^] 里面

示例如下:

代码语言:javascript
复制
我不是脚注[^我要变脚注]

效果如下:

我不是脚注我要变脚注


三. 段落

1. 段落换行

方法1:在一行的结尾插入两个以上的空格然后按回车键 换行 方法2:输入标签<br> “推荐方法2,因为空格加回车远不如 br 标签清楚明了”

示例如下:

代码语言:javascript
复制
我要换行(两个空格和一个回车)
我成功换行了
<br>
我也要换行<br>我也成功换行了,耶

效果如下

我要换行(两个空格和一个回车) 我成功换行了 我也要换行 我也成功换行了,耶

2. 段落分割线

使用至少三个* 或 _来标记分割,且行内不能有其他字符

示例如下:

代码语言:javascript
复制
***
___
*****
_ _ _ _ _

效果如下:





四. 列表

1. 无序列表

使用 - + * 任何一种都可以表示无序列表 - + * 符号与内容之前要有一个空格

示例如下:

代码语言:javascript
复制
- 我是无序列表
+ 好巧啊,我也是无序列表
* 兄弟们,别忘了我啊

效果如下:

  • 我是无序列表
  • 好巧啊,我也是无序列表
  • 兄弟们,别忘了我啊,我也是

2. 有序列表

使用数字加 .表示有序列表

示例如下:

代码语言:javascript
复制
1. 我是有序列表
2. 我也是!!
3. 我们都是有序列表!!

效果如下:

  1. 我是有序列表
  2. 我也是!!
  3. 我们都是有序列表!!

3. 列表嵌套

下一级列表前面输入四个空格,或者 tab 都可

示例如下:

代码语言:javascript
复制
- 我是有序列表
    1. 不,你不是,我才是
    2. 对,他不是,我两才是!

效果如下:

  • 我是有序列表
    1. 不,你不是,我才是
    2. 对,他不是,我两才是!

五. 引用块

通过>添加引用块,可以多级引用

示例如下:

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

效果如下:

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


六. 代码

1. 单行代码

代码之间分别用一个反引号包起来,即键盘 ESC 键下面的按键``

示例如下:

代码语言:javascript
复制
`我是单行代码`

效果如下:

我是单行代码

2. 代码块

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

示例如下:

代码语言:javascript
复制
```
我是代码块
```

效果如下:

代码语言:javascript
复制
我是代码块

七. 超链接

示例如下:

代码语言:javascript
复制
<u>[在此输入超链接名称](在此输入超链接)</u>
“听说加了下划线会更像超链接”

效果如下:

有本事,你点我啊


八. 图片

![我是图片名称](图片链接地址),图片最好放在图床。

示例如下:

代码语言:javascript
复制
![我是图片名称](我是图片链接)

效果如下:

快趁机给自己打个广告
快趁机给自己打个广告

九. 表格

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

第二行分割表头和内容。
- 有一个就行,为了对齐,可以多加几个

文字默认居左
- 两边加 :表示文字居中
- 右边加 :表示文字居右

示例如下:

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

效果如下:

表头

表头

表头

内容居左

内容居中

内容居右

十. 流程图

有的平台目前不支持 Markdown 流程图(csdn 目前支持)

示例如下:

代码语言:javascript
复制
```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
```

效果如下:

Python系列

Python系列会持续更新,从基础入门到进阶技巧,从编程语法到项目实战。若您在阅读的过程中发现文章存在错误,烦请指正,非常感谢;若您在阅读的过程中能有所收获,欢迎一起分享交流。

如果你也想和我一起学习Python,关注我吧!

学习Python,我们不只是说说而已

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

本文分享自 知秋小梦 微信公众号,前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Markdown写作技巧
  • 什么是 Markdown ?
  • Markdown 有什么优点?
  • Markdown 有哪些好用的编辑器?
  • 一. 标题
  • 我是一级标题
    • 我是二级标题
      • 我是三级标题
    • 二. 字体
      • 1. 字体加粗
      • 2. 字体斜体
      • 3. 字体删除线
      • 4. 字体下划线
      • 5. 字体脚注
    • 三. 段落
      • 1. 段落换行
      • 2. 段落分割线
    • 四. 列表
      • 1. 无序列表
      • 2. 有序列表
      • 3. 列表嵌套
      • 1. 单行代码
      • 2. 代码块
  • 五. 引用块
  • 六. 代码
    • 七. 超链接
      • 八. 图片
        • 九. 表格
          • 十. 流程图
          • Python系列
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档