工具使用篇之Markdown

Markdown 介绍

  • Markdown 是一个 轻量级 高效率 的标记语言
  • 轻量级标记语言,2004 年被 John Gruber 创造, 它允许人们“使用易读易写的纯文本格式编写文档”, Markdown 最重要的设计就是可读性, Markdown 可以选择性的转换为 HTML 文档格式, 很多网站目前都使用了 Markdown 或者其变种,例如 Github 、简书等大型社区。

Markdown 使用场景

  • 学习笔记
  • 演讲稿
  • 写书(侧重于技术相关的 内容非常适合)
  • 个人笔记
  • 文章博客
  • 教学讲义
  • 说明文档
  • 电子邮件

Markdown 实时预览编辑器

  • dillinger
  • 马克飞象
  • 简书
  • MarkdownPad
  • Sublime Text
    • 配合 Markdown Preview 插件
  • Webstorm
    • 配合插件
  • gitbook

实时预览工具只是为了达到所见即所得的效果而已, 适合初学者学习 Markdown , 我们真正在进行写作的时候,其实是不需要实时预览的, 因为 Markdown 标记语言本身已经足够清晰了。

Markdown 安装和配置编写预览环境(sublime)

  • 按下键 Ctrl+Shift+p 调出命令面板,找到 Package Control: install Pakage 这一项。搜索 markdown preview ,点击安装。
  • Markdown Preview 较常用的功能是 preview in browserExport HTML in Sublime Text ,前者可以在浏览器看到预览效果,后者可将 markdown 保存为 html 文件。
  • preview in browser 据称是实时的,但是实践上还是需要在 st 保存,然后浏览器刷新才能看到新的效果,好在 markdown 写得多的话也不需要每敲一行看一次效果。

Webstorm

  • 打开webstormFile-->Setting-->输入plugin-->Install JetBrains plugin...-->输入markdown-->点击右边的 Install ,安装完,重启 webstorm

Visual Studio Code

  • Visual Studio Code 自带 markdown 预览,所以不需要安装插件,不过可以安装语法高亮主题

Sublime

  • MarkdownEditing 主题、自动补齐等功能
  • MarkdownPreview 在浏览器预览
  • MarkdownTOC 自动生成导航
  • Table Editor 自动表格编辑
  • packagecontrol Sublime 的插件生态系统网站

只要有写作的地方,都可以使用 Markdown 来书写。

Markdown 标题书写

# 一级标题
## 二级标题
### 三级标题
...
###### 六级标签
一共六级标题

Markdown 列表书写语法

无序列表

  • 一级列表建议使用 -
    • 二级列表建议使用 +
      • 三级列表建议使用 *
- 一级标题
    + 二级标题
        * 三级列表

有序列表

  1. 有序列表直接使用序列加一个点开头, 然后加一个
  2. 有序列表嵌套无序列表
    • 有序列表中嵌套无需列表
      • 有序列表中嵌套无需列表
2. 有序列表嵌套无序列表
  - 有序列表嵌套无序列表
        + 有序列表嵌套无序列表
  1. 有序列表嵌套有序列表
    1. 有序列表嵌套有序列表
      1. 有序列表嵌套有序列表
3. 有序列表嵌套有序列表
    1. 有序列表嵌套有序列表
        1. 有序列表嵌套有序列表

使用建议

无论是有序列表还是无序列表,如果就写一级列表不嵌套就可以紧凑写到一起即可,如果嵌套多级列表最好在列表项之间只用空行隔开

Markdown 图片链接书写语法

Markdown 图片书写语法

  • ![图片](http://blog.ihoey.com/img/img.jpg)

Markdown 链接书写语法

  • [链接](http://blog.ihoey.com)

引用

  • > 例如这样

例如这样

粗体与斜体

  • Markdown 的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文本就是斜体的语法
**这里是粗体**
*这里是斜体*

表格

| 表头           | 表头            | 表头   |
| :------------- | :-------------: | -----: |
| 左对齐         | 居中对齐        | 右对齐 |
| 左对齐         | 居中对齐        | 右对齐 |
| 左对齐         | 居中对齐        | 右对齐 |

表头

表头

表头

左对齐

居中对齐

右对齐

左对齐

居中对齐

右对齐

左对齐

居中对齐

右对齐

代码框

由三个 ` 反引号包裹, 行内代码在代码前后加一个 ` 反引号

锚点

## 0. 目录{#index}
跳转到[目录](#index)

分隔线

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

显示效果都一样:


本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏落花落雨不落叶

js简单实现div宽度匀速增加/减小

2967
来自专栏Thinks

【译】W3C WAI-ARIA最佳实践 -- 表单

三态复选框的一种常见使用场景是在软件安装时,一个单独的三态复选框用来代表和控制整个安装选项组的状态。并且,该组中的每个选项都可以单独使用双态复选框开启或关闭。

4423
来自专栏逸鹏说道

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 2.功能元素 1...

2948
来自专栏Nian糕的私人厨房

HTML 基础

超文本标记语言 (HTML, HyperText Markup Language) ,是构成网页的最基础的内容,用来创建并以可视化方式来呈现网页,它确定了一个网...

8353
来自专栏林德熙的博客

.net Framework 源代码 · ScrollViewer 使用原理其他源代码分析

本文是分析 .net Framework 源代码的系列,主要告诉大家微软做 ScrollViewer 的思路,分析很简单。 看完本文,可以学会如何写一个 Scr...

1101
来自专栏老马寒门IT

06-移动端开发教程-fullpage框架

CSS3的新特性已经讲完了,接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面,手指或者鼠标...

5489
来自专栏技术墨客

React——Fragments特性 转

在我们使用React开发组件的时候,每个React组件都必须返回一个根元素。例如下面这样:

951
来自专栏老马寒门IT

10-移动端开发教程-移动端事件

在前端的移动Web开发中,有一部分事件只在移动端产生,如触摸相关的事件。接下来给大家简单总结一下移动端的事件。

3008
来自专栏Android-薛之涛

Android-.9图详解

Android设备适配,图片方面很重要的一部分就是.9图的使用了,我们今天就来记录一下。

3452
来自专栏Ray学习笔记

Jump Start Bootstrap 第3章

在这一章,我们将开始使用Bootstrap的一些非常有用的HTML组件。诸如按钮、标题(headers)、导航菜单和评论系统的组件经常被用在网站上。通过组件,B...

1252

扫码关注云+社区

领取腾讯云代金券