Markdown:MWeb 写作使用入门

2017-01-18  本文已影响712人  Simple_Dev

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 + 空格 + ] + 名字‘

效果如下:

图片插入

语法格式:![提示文字](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. 这是我加的脚注;

上一篇下一篇

猜你喜欢

热点阅读