最近也是刚开始写博客,Markdown的大名也是早有耳闻了,但是之前一直没有用到。最近刚好项目开发完毕,有时间来系统的学习一下这个。
刚上手的时候也是像个无头苍蝇到处找资料,想写个样式赶紧去百度,一点一点的进行。

后来觉得一定是自己写的少了,于是借着学习的机会把MarkDown好好认识一下,转载请注明出处。wienli

写作工具

要想更快的进行熟练的写作当然离不开一个顺手的工具,于是,我又开始了辛苦的百度。

意不意外
嘻嘻嘻

看到这里估计有人会说:都是百度来文章没意思,溜了溜了。且慢,首先我把工具先列在这里,各位看官按照喜好自己选择,不是更好嘛。

好了,下面开始正式列举一下:

MarkText

  • 所输即所见,摒弃众多 Markdown 编辑器左边写作右边预览的写作方式,将编辑和预览窗口融为一体
  • 使用Snabbdom作为渲染引擎,极速渲染编辑页面,带来流畅的编辑体验
  • 支持 CommonMark Spec 和 GitHub Flavored Markdown Spec 语法格式,支持复制 Markdown 格式文本到其他 App 或浏览器
  • 快捷键设置段落及行内样式,提高编辑效率
  • 可导出 HTML 和 PDF 格式文本
  • 黑、白两款主题
  • 支持Source code、Typewriter、Focus编辑模式

特色功能

内置的斗图搜索功能,是 Mark text 的特色功能。通过快捷键Cmd+/(Ctrl+/)调出搜索窗口,直接用关键词寻找相关图片(大部分都是表情包图片),并以 Markdown 图片链接格式直接插入文章。

心动的感觉

看到这里,各位是不是立马心动了。

目前它在GitHub上已经有8412个star,这里不得不说离不开开源的优势和作品的好用。

同时支持Mac和Windows,下载地址在上面作者的github。

StackEdit

enter image description here
  • 管理多个 MarkDown 文档在线或脱机
  • 通过模板导出 MarkDown 或 HTML 格式文件
  • 云同步 MarkDown 文档
  • 发布 MarkDown 文档在GitHub,GIST,Google Drive,Dropbox或任何SSH服务器
  • 分享一个及时渲染的 MarkDown 文档链接
  • 转换HTML到 MarkDown

同时,这个编辑器支持网页在线编辑,还算个亮点吧。各位有兴趣可以移步这里--关于StackEdit的使用方法

马克飞象

马克
  • 功能丰富 :支持高亮代码块、LaTeX 公式、流程图,本地图片以及附件上传,甚至截图粘贴,工作学习好帮手;
  • 得心应手 :简洁高效的编辑器,提供[桌面客户端][1]以及[离线Chrome App][2],支持移动端 Web;
  • 深度整合 :支持选择笔记本和添加标签,支持从印象笔记跳转编辑,轻松管理。

这个软件在官网就明确表示这款软件专门为印象笔记打造的,基于印象笔记的流行程度,我想它们应该不会选择一款辣鸡编辑器来作为自己的官方工具。目前笔者正在使用这款,怎么说呢,对新手还算比较友好,还包含有各种快捷方式。

当然,我这里也找了一篇文章来介绍怎么使用---教程移步这里。不知道为什么目前官网链接暂时打不开 ,我这里找了两个地址,Windows下载链接,Mac版目前就在官网找到链接可以这里下载。

好了,开发工具就推荐到这里,如果有人觉得都看不上的话,那我把链接放到这里,有兴趣的可以点击了解。主流 Markdown 编辑器推荐,这里还是有不少的,包各位看官满意。

Typora

Typora将为您提供既是读者又是作家的无缝体验。它删除了预览窗口,模式切换器,降价源代码的语法符号以及所有其他不必要的干扰。用真实的实时预览功能替换它们,以帮助您专注于内容本身。

作为一个新生的事物,他一出生就注定着要把它所有的前辈拍在沙滩上。当你习惯了这个软件你会发现,Markdown原来是这么的美妙。强烈建议大家尝试使用这个软件。

基本语法

无论使用什么工具都离不开独特的姿势技巧,当然,Markdown也有自己的语法。下面来一个专业人士的评价:

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
相比WYSIWYG编辑器
优点:
1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。
2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可
缺点:
1、需要记一些语法(当然,是很简单。五分钟学会)。
2、有些平台不支持Markdown编辑模式。还好,简书是支持Markdown编辑模式的。

小机灵鬼

对,你没看错它是一种纯文本格式的标记语言,是不是突然有点熟悉。这不是和超文本编辑语言一个套路吗?

没错,套路差不多,但是它可要比HTML简单多了。基本花5分钟就能熟悉基本的操作,而且在编辑工具的加持下很容易就能上手。

标题

在想要设置为标题的文字前面加# 来表示,# 的数量表示了标题的级别
例如:# 就是一级标题,## 就表示二级标题,以此类推,最多可以支持六级标题。

注意:标准的语法一般都会在最后一个#后面加一个空格再书写文字,因为很多初学者都会忘记这个细节,导致上传不同平台的时候会有可能出现标题失效。

字体

  • 加粗

要想对选中的文字加粗,可以用两个**将文字包裹起来

  • 斜体

将需要倾斜的文字左右分别用一个*包裹起来

  • 斜体加粗

将需要倾斜加粗的文字左右分别用三个*包裹起来

  • 删除线

将需要删除线的文字左右分别用两个~~包裹起来 (PS:可能有同学找不到这个符号,他在你的tab键的上面)

效果如下:

这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字

引用

可能有的人不知道引用是什么东西,我在这里举个栗子:

这里是引用的内容

嘻嘻

它的样式就像上面那样,做法就是在文字的前面加>即可,是不是超级简单鸭。

并且支持多层嵌套,只需要多写个>就可以了,示例:

这里是内容一

这里是内容二

分割线

分割线就是在段落之间加一条线,用三个或者三个以上的---或者***都可以,示例:



是不是炒鸡简单

图片

语法:![图片下面的文字](图片地址 ‘’图片标题‘’),当然你要是觉得难记,其实图片文字和标题可以省略:!。

超链接

语法:[超链接标题](连接地址),栗子:

百度一下

无序列表

无序列表用- + *任何一种都可以,后面跟上文字,记得要加空格,示例:

  • 列表一

有序列表

语法:阿拉伯数字加点就可以了,不要忘记文字前面加空格,示例:

  1. 列表一
  2. 列表二

列表嵌套

语法:上一级和下一级之间敲三个空格即可,示例:

  1. 第一层
  2. 第二层

表格

表格的语法相对来说有点复杂,但是还是很有规律的,只要掌握好规律就很容易了。
语法:

表头一|表头二|表头三
---|:--:|---:
内容|内容|内容

其中第一行为标题,中间用|隔开。第二行是分割表头和内容的分割语法-|:-:|,两边加:表示文字居中对齐,左边加:表示文字居左,右边加:表示文字居右,示例:

姓名|年 纪|性别
:-:|:-:|:-:
小明|23|女

代码块或代码段落

作为程序员写博客当然离不开在文章中插入示例代码,语法:

单行代码

语法:用两个反引号包裹起来就可以,找不到的同学可以看tab键上面那个就是,示例:
#include<stdio.h>

代码段落

语法:开头三个反引号(```),结尾再用三个反引号,要注意无论是开头还是结尾,三个反引号都要单独占一行才可以。示例:

#include "stdio.h"
int main(int argc, char const *argv[])
{
    /* code */
    return 0;
}

流程图

流程图语法可以说是比较繁琐了

语法:

第一行用三个反义符加flow表示下面为流程图
第二行为:st=>start: 开始,表示开始
第三行为:op=>operation: operation,表示第一个执行语句
第四行为:cond=>condition: Yes or No?,表示一个判断语句
然后:e=>end,表示结束语句
下面为判断语句的两个不同走向,
st->op->cond
cond(yes)->e
cond(no)->op(right)
最后:```,表示流程图就此结束

总算结束了,下面做个示例:

st=>start: 开始
op=>operation: 开始面向对象编程
cond=>condition: 你还没对象吧?
e=>end: 没对象你编毛程
st->op->cond
cond(yes)->e
cond(no)->op(right)

结尾语:这里只是简单的介绍了一下Markdown的常用语法,基本掌握这些你就可以上手写属于自己的博客了,是不是超级简单。最后,在2018年的末尾祝大家工作顺利,早日找到属于自己的另一半。


你远道而来这人世间,想必也是因为热爱吧 ||