Markdown:MWeb 写作使用入门

2017年的目标是在简书上写自己的开发笔记,为了给笔记呈现更好的效果,当然要使用当下流行的Markdown,开始初略看了下Markdown的语法,写了两篇笔记后,感觉有必要再花时间熟悉一下Markdown语法,虽然题目是MWeb写作入门,实际还是Markdown语法的简单使用,基本满足写技术博客。支持Markdown的软件有很多,之前用的Mou的免费版,后来群友推荐Mweb,最后个人感觉Mweb更让我喜欢,本文第一次在Mweb中写作。

标题

要标记一个标题,在标题前面添加符号:#
例如:

1:# 第一级标题  表示第一级标题
2:## 第二级标题  表示第二级标题
3:### 第三极标题  表示第三极标题
······
6:###### 第六级标题  表示第六级标题

效果如下:

第一级标题

第二级标题

第三级标题

····

第六级标题

文字修饰

可以使用工具栏中工具或者使用快捷键来对文字进行加粗,斜体,下划线等处理,但是实际多还是使用Markdown语法。

_文字加下滑线_:在需要加下划线的文字前后加上符号’_‘即可。
*字体变斜体*:在需要斜体的文字前后加上符号’*’即可。
__字体加粗__:在需要加粗的文字前后加上两个符号’_‘即可。
**字体加粗**:在需要加粗的文字前后加上两个符号’*’即可,效果同加两个_。
~~文字加删除线~~:在需要加删除线的文字前后加上两个符号’~‘即可。

效果如下:

文字加下划线
文字变斜体
文字字体加粗
文字字体加粗
文字加删除线

换行

MWeb个人偏好设置中默认就设置了回车换行(Preferences - Themes - Translate newlines to <br> tags
如果其他软件没有这个喜好设置,要换行就需要敲四个以上的空格再敲回车就可以换行了。

代码块

块对于写技术博客来说很有用,在我们在博客中粘贴代码时候,就需要吧用块来凸显代码,这样更整洁。

  1.一行代码:使用`my code` ,快捷键是commond + k
  2.一段代码或多行代码:前后使用三个`,中间放代码块
   快捷键是:commond + shift + k

效果如下:
[self.navigationBar setBackgroundImage:[UIImage new]

+(UIImage*) createImageWithColor:(UIColor*) color  
{  
    CGRect rect=CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);  
    UIGraphicsBeginImageContext(rect.size);  
    CGContextRef context = UIGraphicsGetCurrentContext();  
    CGContextSetFillColorWithColor(context, [color CGColor]);  
    CGContextFillRect(context, rect);  
    UIImage *theImage = UIGraphicsGetImageFromCurrentImageContext();  
    UIGraphicsEndImageContext();  
    return theImage;  
}

列表

无序列表

一级列表:’* + 空格 + 列表名‘
二级列表:’TAB + * + 空格 + 列表名‘

效果如下:

  • 一级列表一
    • 二级列表一
    • 二级列表二
  • 一级项目二
    • 二级列表一
    • 二级列表二

有序列表

一级列表:’数字 + . + 空格 + 列表名‘
二级列表:’TAB + 数字 + . + 空格 + 列表名‘

效果如下:

  1. 列表一
  2. 列表二
    1. 子列表一
    2. 子列表二

任务列表

未完成任务:’- + 空格 + [ + 空格 + ] + 名称‘
已完成任务:’- + 空格 + [ + x + 空格 + ] + 名字‘

效果如下:

  • [ ] 未完成任务
  • [ x ] 已完成任务

图片插入

语法格式:![提示文字](url),快捷键:control + shift + i
可以直接将图片拖进来,或者粘贴过来。
在提示文字后面空格加上 :- + w + 图片宽度,可以设置图片的宽度。

效果如下


链接插入

语法格式:
1.email: <example@example.com>
2.标签:[签到家] (http://www.checkinmaster.com)
3.自动生成连接:  <www.checkinmaster.com/>

快捷键 control + shift + l

效果如下:
email 12479697@qq.com
[签到家,活动专家] (http://www.checkinmaster.com)
http://www.checkinmaster.com

引用

语法:’> + 内容‘
快捷键:commond + shift + b

效果如下:

例如说:

第一行:哈哈
第二行:这是一个很长的内容这是一个很长的内容这是一个很长的内容这是一个很长的内容这是一个很长的内容这是一个很长的内容这是一个很长的内容这是一个很长的内容
第三行:呵呵

流程图

流程图在技术博客中偶尔会用到,所以感觉挺有用的,但是还没有去实践用过,这里贴上MWeb提供的实例,看了可以根据这个套路,应该可以套出自己想要的流程图,等我实践,再来详细补充这部分内容。

    ```sequence
     Andrew->China: Says Hello
    Note right of China: China thinks about it
    China-->Andrew: How are you?
    Andrew->>China: I am good thanks!
    ```

    ```flow
    st=>start: 开始
    e=>end: 结束
    op=>operation: 我的操作
    cond=>condition: 确认?

    st->op->cond
    cond(yes)->e
    cond(no)->op
    ```

效果如下:

Andrew->China: Says Hello
Note right of China: China thinks about it
China-->Andrew: How are you?
Andrew->>China: I am good thanks!
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?

st->op->cond
cond(yes)->e
cond(no)->op

表格

语法格式如下:
第一格 | 第二格
------- |  -----------
第一行第一列 | 第一行第二列
第二行第一列 | 第二行第二列

效果如下:

第一格 第二格
第一行第一列 第一行第二列
第二行第一列 第二行第二列

分隔线

四种方式如下:
1.***
2.*****
3.-
4.- - -

分隔线




脚注

语法:
在需要加脚注的文字后面+[^sample_footnote]
然后在配对使用:[^sample_footnote]: 这是一个脚注;

效果如下:

我要加一个脚注: [1]

我要加一个脚注: [2]

TOC

语法规则:
[TOC] 自动生成目录

[TOC]

结语

写到这里吧,有了这些,如果以上有不正确地方欢迎指正,共同学习,以后还要更多在实践中运用,已发现更多有趣有用的使用方法,再来分享。在MWeb中效果和简书中Markdown效果有些不同,有些在简书无法显示,相信是对Markdown支持有些不同。


  1. 这是我加的脚注;

  2. 这是我加的脚注;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容

  • iOS 版 MWeb 正式发布及简介 2017/1/5 MWeb 首先是一个 Markdown 编辑器,所使用的 ...
    Jason_Lee阅读 952评论 0 0
  • Markdown 的设计哲学 Markdown 的目標是實現「易讀易寫」。不過最需要強調的便是它的可讀性。一份使用...
    夏国栋阅读 460评论 0 0
  • Markdown 的设计哲学 Markdown 的目標是實現「易讀易寫」。不過最需要強調的便是它的可讀性。一份使用...
    寒桥阅读 593评论 0 1
  • 文字的发明和使用使得信息的保存和传递有了革命性的飞跃。随着信息的丰富和传递方式的革新,人们对文本提出了新的格式化的...
    haoeric阅读 7,514评论 1 16
  • 9.21-9.29 今天是我们互为好友的第八天 一切都很愉快 没有斤斤计较的小心思 没有生冷不忌的荤段子 自然随意...
    吉吉不跳舞阅读 227评论 0 0