zoukankan      html  css  js  c++  java
  • Markdown编辑器推荐与语法教程--展示版

    ---恢复内容开始---

    # 前言 *** 作为一名高级码农,怎能不知道Markdown的正确打开方式,Markdown现在可以说是无处不在,如果你还不知道简书中的代码块是怎么写出来的,小白无疑了。在此特别推荐一款应用[Mou](http://25.io/mou/),一款开发者梦寐以求的MarkDown编辑器。下面就让我们一起来了解一下Mou和Markdown ***

    一定要配合这篇文章来看:Markdown编辑器推荐与语法教程--图片版

    Mou

    Mou 图标

    概述

    Mou, web开发者梦寐以求的 Markdown编辑器

    语法

    加粗 和 斜体

    加粗 或者 加粗 (快捷键 Cmd + B)

    斜体 或者 斜体 (快捷键 Cmd + I)

    有时候,我想让很多字体加粗。比如,很多 字体

    引用块

    右尖角号>,用来做引用

    地址和邮箱

    这是一个邮箱地址example@example.com

    最简单的地址书写方式http://chenluois.com
    超链接地址书写方式Smaller
    带有标注的超链接书写方式Resize.

    一种[参考类型][id]的链接书写方式,当你在文档的任何一个地方输入id的时候,就会进入一下这个地址:
    [id]: http://25.io/mou/ "Markdown editor on Mac OS X"

    标题(或者小提示)可以在链接中选择性书写

    图片

    网络图片 小图标,标题选择性书写。

    一个改变大小的图标 参考类型图片.

    单行代码和代码块

    单行代码以引起来,如果要创建一个代码块的话:

    以一个tab键首行缩进,或者用4个空格键
    var Mou = exactlyTheAppIwant;
    

    排序列表

    排序列表用"1." + 空格 创建:

    1. 排序列表1
    2. 排序列表2
    3. 排序列表3

    无需列表

    无序列表使用 "*" + 空格 创建:

    • 无序列表
    • 无序列表
    • 无序列表

    或者用 "-" + 空格 创建:

    • 无序列表
    • 无序列表
    • 无序列表

    断行

    使用两个或者更多空格将会创建一个断行,就像HTML中的<br />(快捷键: Control + Return)

    水平线

    使用三个星号或者破折号:




    标头

    Setext-style:

    This is H1

    This is H2

    atx-style

    This is H1

    This is H2

    This is H3

    This is H4

    This is H5
    This is H6

    拓展语法

    脚注

    脚注大多喜欢参考链接。一个注脚是由两件事情:这将成为一个上标号码文本标记;一个脚注的定义,将结尾的文件放在一个列表中。一个脚注看起来像这样:

    这是一个有脚注的文字。[1]

    删除线

    用两个波浪号画删除线

    删除线

    带有边界的代码块

    用三个或者更多`做为开始和结束,比如:

    带有边界的代码块就像是标准的Markdown代码,另外,它没有首行缩进,使一个开始边界和一个结束边界来限定这个代码块
    
    

    表格

    一个简单的表格如下绘制:

    第一个标题 第二个标题 第三个标题
    单元格 单元格 单元格
    单元格 单元格 单元格

    当然,你也可以根据自己的爱好将前后的边界竖线补齐,就像这样:

    第一个标题 第二个标题 第三个标题
    单元格 单元格 单元格
    单元格 单元格 单元格

    通过添加冒号分隔线指定每个列的对齐:

    第一个标题 第二个标题 第三个标题
    左对齐 居中对齐 右对齐
    左对齐 居中对齐 右对齐

    快捷键

    视图

    • 切换主视图:Shift + Cmd + I
    • 统计个数:Shift + Cmd + W
    • 设置背景透明:Shift + Cmd + T
    • 设置始终在屏幕最前层:Shift + Cmd + F
    • 左右视图大小相等: Cmd + 0
    • 左视图为右视图的3倍: Cmd + +
    • 左视图为右视图的1/3倍: Cmd + -
    • 切换书写方向: Cmd + L
    • 设置全屏: Control + Cmd + F

    事件响应

    • 复制 HTML:Option + Cmd + C
    • 加粗: 选中文字后 Cmd + B
    • 斜体: 选中文字后 Cmd + I
    • 单行代码格式: 选中文字后 Cmd + K
    • 删除线:选中文字后 Cmd + U
    • 设置链接: 选中文字后 Control + Shift + L
    • 设置图片: 选中文字后 Control + Shift + I

    暂时更新到这儿

    ---恢复内容结束---

    # 前言


    作为一名高级码农,怎能不知道Markdown的正确打开方式,Markdown现在可以说是无处不在,如果你还不知道简书中的代码块是怎么写出来的,小白无疑了。在此特别推荐一款应用Mou,一款开发者梦寐以求的MarkDown编辑器。下面就让我们一起来了解一下Mou和Markdown


    一定要配合这篇文章来看:Markdown编辑器推荐与语法教程--图片版

    Mou

    Mou 图标

    概述

    Mou, web开发者梦寐以求的 Markdown编辑器

    语法

    加粗 和 斜体

    加粗 或者 加粗 (快捷键 Cmd + B)

    斜体 或者 斜体 (快捷键 Cmd + I)

    有时候,我想让很多字体加粗。比如,很多 字体

    引用块

    右尖角号>,用来做引用

    地址和邮箱

    这是一个邮箱地址example@example.com

    最简单的地址书写方式http://chenluois.com
    超链接地址书写方式Smaller
    带有标注的超链接书写方式Resize.

    一种[参考类型][id]的链接书写方式,当你在文档的任何一个地方输入id的时候,就会进入一下这个地址:
    [id]: http://25.io/mou/ "Markdown editor on Mac OS X"

    标题(或者小提示)可以在链接中选择性书写

    图片

    网络图片 小图标,标题选择性书写。

    一个改变大小的图标 参考类型图片.

    单行代码和代码块

    单行代码以引起来,如果要创建一个代码块的话:

    以一个tab键首行缩进,或者用4个空格键
    var Mou = exactlyTheAppIwant;
    

    排序列表

    排序列表用"1." + 空格 创建:

    1. 排序列表1
    2. 排序列表2
    3. 排序列表3

    无需列表

    无序列表使用 "*" + 空格 创建:

    • 无序列表
    • 无序列表
    • 无序列表

    或者用 "-" + 空格 创建:

    • 无序列表
    • 无序列表
    • 无序列表

    断行

    使用两个或者更多空格将会创建一个断行,就像HTML中的<br />(快捷键: Control + Return)

    水平线

    使用三个星号或者破折号:




    标头

    Setext-style:

    This is H1

    This is H2

    atx-style

    This is H1

    This is H2

    This is H3

    This is H4

    This is H5
    This is H6

    拓展语法

    脚注

    脚注大多喜欢参考链接。一个注脚是由两件事情:这将成为一个上标号码文本标记;一个脚注的定义,将结尾的文件放在一个列表中。一个脚注看起来像这样:

    这是一个有脚注的文字。[1:1]

    删除线

    用两个波浪号画删除线

    删除线

    带有边界的代码块

    用三个或者更多`做为开始和结束,比如:

    带有边界的代码块就像是标准的Markdown代码,另外,它没有首行缩进,使一个开始边界和一个结束边界来限定这个代码块
    
    

    表格

    一个简单的表格如下绘制:

    第一个标题 第二个标题 第三个标题
    单元格 单元格 单元格
    单元格 单元格 单元格

    当然,你也可以根据自己的爱好将前后的边界竖线补齐,就像这样:

    第一个标题 第二个标题 第三个标题
    单元格 单元格 单元格
    单元格 单元格 单元格

    通过添加冒号分隔线指定每个列的对齐:

    第一个标题 第二个标题 第三个标题
    左对齐 居中对齐 右对齐
    左对齐 居中对齐 右对齐

    快捷键

    视图

    • 切换主视图:Shift + Cmd + I
    • 统计个数:Shift + Cmd + W
    • 设置背景透明:Shift + Cmd + T
    • 设置始终在屏幕最前层:Shift + Cmd + F
    • 左右视图大小相等: Cmd + 0
    • 左视图为右视图的3倍: Cmd + +
    • 左视图为右视图的1/3倍: Cmd + -
    • 切换书写方向: Cmd + L
    • 设置全屏: Control + Cmd + F

    事件响应

    • 复制 HTML:Option + Cmd + C
    • 加粗: 选中文字后 Cmd + B
    • 斜体: 选中文字后 Cmd + I
    • 单行代码格式: 选中文字后 Cmd + K
    • 删除线:选中文字后 Cmd + U
    • 设置链接: 选中文字后 Control + Shift + L
    • 设置图片: 选中文字后 Control + Shift + I

    1. 这儿是脚注 ↩︎ ↩︎

  • 相关阅读:
    sass安装与使用
    前端兼容性问题
    springboot项目数据库错误记录
    C#实现微信聊天对话框
    关于html的多行匹配,正则re.S的使用(爬取豆瓣电影短评)
    判断网页能否打开?python
    利用python爬取点小图片,满足私欲(爬虫)
    ajax加载时的进度条
    java 发送微信客服消息
    Fastjson Mysql JDBC 反序列化
  • 原文地址:https://www.cnblogs.com/zhyunfe/p/6064142.html
Copyright © 2011-2022 走看看