Markdown碎碎念

Catalogue
  1. 1. Overview
  2. 2. Markdown
    1. 2.1. 基础
      1. 2.1.1. 标题
      2. 2.1.2. 目录
      3. 2.1.3. 分割线
      4. 2.1.4. 换行
      5. 2.1.5. 引用
      6. 2.1.6. 列表
      7. 2.1.7. 强调
      8. 2.1.8. 图片与链接
      9. 2.1.9. 脚注(注解)
      10. 2.1.10. 代码
      11. 2.1.11. 表格
    2. 2.2. 进阶
      1. 2.2.1. Html标签设置字体/下划线/对齐
      2. 2.2.2. 行首缩进
      3. 2.2.3. 任务列表
      4. 2.2.4. Emoji
      5. 2.2.5. 图片大小和位置控制
      6. 2.2.6. 图文混排
    3. 2.3. 工具
      1. 2.3.1. IDE
  3. 3. Hexo
  4. 4. 推荐

Markdown碎碎念

文章作者:SkySeraph
博客:skyseraph.com | GitHub | cnBlogs | 简书

Overview

  • Markdown是一种轻量级标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以HTML格式发布。

Markdown

基础

标题

  • 使用#数量,可表示1-6级标题

目录

  • 使用[TOC]标记来插入目录

分割线

  • 使用** 或者 — 或者 ___ 或者

换行

  • 行末尾加两个空格

引用

  • 使用>表示一级引用,>>表示二级引用,>>>表示三级引用。

    一级引用

    二级引用

    三级引用

列表

  • 使用-、+或*作为标记。

强调

  • 使用**加粗文本** 或者 __加粗文本__。
    • 加粗文本 或者 加粗文本
  • 使用*斜体文本* 或者 _斜体文本_
    • 斜体文本 或者 斜体文本

图片与链接

  • 图片:使用 “![图片文本(可忽略)](图片地址)” 表示
  • 链接:使用“![链接文本](链接地址) ” 表示
    - 行内链接:[SkySeraph's Blog](http://skyseraph.com)  
    - 参考链接:\[SkySeraph's Blog]\[url],其中url为链接标记,可置于文中任意位置,效果[SkySeraph's Blog][url]。   
    - 自动链接:直接使用`<>`括起来<http://skyseraph.com>  
    

脚注(注解)

  • 使用[^]来定义脚注
    • 这是一个脚注的例子^1

代码


// 注意语言前面有空格
这里是代码

From skyseraph.com

表格

标题 标题 标题
居左测试文本 居中测试文本 居右测试文本
居左测试文本1 居中测试文本2 居右测试文本3
居左测试文本11 居中测试文本22 居右测试文本33
居左测试文本111 居中测试文本222 居右测试文本333

进阶

Html标签设置字体/下划线/对齐

  • 字体

\字体及字体颜色和大小\
效果: 字体及字体颜色和大小

\字体颜色\
效果: 字体颜色

  • 换行

使用html标签\
`
换行

  • 文本对齐

\

居左文本\


\

居中文本\


\

居右文本\


效果:

居左文本


居中文本


居右文本

  • 下划线

\下划线文本\
效果: 下划线文本

  • 综合
  • \所添加的需要加下划线的行内文字\
    效果:所添加的需要加下划线的行内文字

\This is a \delete line!\\
效果: This is a delete line!

行首缩进

  新的一天,哈哈哈哈。

  •   代表半角空格,  代表全角空格

From skyseraph.com

任务列表

清单

  • [ ] A
  • [x] B
  • [ ] C
  • [x] D
  • [ ] E

Emoji

图片大小和位置控制

图片居中可以使用 \

标签加 align 属性来控制,图片宽高则用 width 和 height 来控制。

图片默认显示效果:

加以控制后的效果:

图文混排

使用 \ 标签来贴图,然后指定 align 属性。

这是一个示例图片。

图片显示在 N 段文字的右边。

N 与图片高度有关。

刷屏行。

刷屏行。

到这里应该不会受影响了,本行应该延伸到了图片的正下方,所以我要足够长才能确保不同的屏幕下都看到效果。

工具

IDE

Hexo

From skyseraph.com

推荐

From skyseraph.com

Update time

10/01/2015 Create this page



By SkySeraph-2015

版权声明


SkySeraph by SkySeraph is licensed under a Creative Commons BY-NC-ND 4.0 International License.
Bob创作并维护的SkySeraph博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证.
本文首发于SkySeraph博客( http://skyseraph.com ),版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

微信扫码打赏SkySeraph

如果您愿意捐助其它金额请戳我~~,扫码支付宝/微信

本文永久链接:http://skyseraph.com/2015/10/01/Tools/Markdown/

Comments