zoukankan      html  css  js  c++  java
  • markdown的使用说明

    markdown 你很牛

    Mou icon

    说点废话 背景

    md

    经常喜欢写点东西的人,是不是觉得用各种笔记软件或者是html,排版总是让你感到蛋蛋的忧伤,本来满腹经纶,最后由于不好排版,阅读体验差,最后...but...不用着急,md(markdown文档的后缀)来帮你搞定这一切;让你专注于你的内容而不用把时间浪费在排版和格式上,确能实现简单实用的富文本。

    软件环境

    1. 客户端:由于洒家是在mac下使用,所以是Mou免费版的(appstore里就有);还有一款收费的,有需要的可以去搞搞;windows和Linux平台下也有,大家可以自行去百度。
    2. 网页版:http://maxiang.info/ 有个中文名叫马克飞象,牛逼之处是可以离线编辑,更牛逼的据说是为专为印象笔记打造,可同步到印象笔记,但是部分功能是收费的;

    打开Mou

    是这个样子的 (这个是帮助文档, 在help中) Mou edit

    你没看错就是这么简单;

    好了说说语法

    小知识

     1:执行回车 你需要:2空格 + enter  或者   2次enter  或者command + enter
     2:<br/> 直接用html标签  md是支持html语言的
    

    1. 标题style #

    这里边的是源码  后边都是以这样例子的形式展示,不在说明
    # This is H1
    ## This is H2
    ### This is H3
    

    这样以后它的样式是下边这样的

    This is H1

    This is H2

    This is H3

    最多是6级标题 快捷键:command + 1、2...6

    2. 标题style =-

    2.1. =

    写一句话在下一行加上若干个=号
    ======
    

    写一句话在下一行加上若干个=号

    2.2. -

    写一句话在下一行加上若干个'-'号
    ------
    

    写一句话在下一行加上若干个'-'号

    其实----和====是分割线


    代码块怎么搞? '=' 这样的特殊符号如何包装?

    方式一:
    tab之后回车试试 (或者4空格) so easy
    这个代码块好比html的pre标签会保留格式
    
    方式二:
    ```
    测试内容一
    测试内容二
    ```
    [`]:这个符号在数字1左边三个+回车表示代码块
    一个或两个用来包住特殊字符,像这样
    `#`
    

    #

    顺便说说~线 ~

    ~~这是中划线~~
    注意是两个~
    

    这是中划线

    内容标签 >

    写个> 后边加上内容试试说明效果?
    就是下边的效果
    >>这个是可以嵌套的
    

    写个> 后边加上内容试试说明效果?

    这个是可以嵌套的


    子内容小标签 * 1. -

    直接看效果  *注意符号和文字直接必须有空格的*
    
    * 子标题一
    * 子标题二
    * 子标题三
    
    - 子标题一
    - 子标题二
    - 子标题三
    
    1. 子标题一
    2. 子标题二
    3. 子标题三
    

    注意符号和文字直接必须有空格的

    *号的效果

    • 子标题一
    • 子标题二
    • 子标题三

    -号的效果

    • 子标题一
    • 子标题二
    • 子标题三

    1.号的效果

    1. 子标题一
    2. 子标题二
    3. 子标题三

    加粗和强调

    **加粗**
    __加粗__
    *强调*
    

    加粗

    加粗

    强调

    注释

    注释 和html中的注释一样
    <!--在这里写上注释-->
    

    网页链接 <>

    链接<http://www.baidu.com>
    

    链接http://www.baidu.com

    table表格

    方式1:
    First Header | Second Header | Third Header
    ------------ | ------------- | ------------
    Content Cell | Content Cell  | Content Cell
    Content Cell | Content Cell  | Content Cell
    
    方式二:
    | First Header | Second Header | Third Header |
    | ------------ | ------------- | ------------ |
    | Content Cell | Content Cell  | Content Cell |
    | Content Cell | Content Cell  | Content Cell |
    
    方式三:
    First Header | Second Header | Third Header
    :----------- | :-----------: | -----------:
    Left         | Center        | Right
    Left         | Center        | Right
    
    注意方式三:
    :-----------   居左显示
    :-----------:  居中显示
     -----------:  居右显示
    
    First HeaderSecond HeaderThird Header
    Content Cell Content Cell Content Cell
    Content Cell Content Cell Content Cell
    First HeaderSecond HeaderThird Header
    Left Center Right
    Left Center Right

    图片怎么搞?

    1. 服务器图片(来自互联网)
    ![Mou icon](http://mouapp.com/Mou_128.png)
    服务器模式,如果是要写博客给别人看,相关的图片是存在服务器的
    

    效果图: Mou icon

    2. 本地图片加载方式
    ![Alt text](./开发者首页.png)
    

    快捷键

    • 导出html: option + cmd + E
    • 导出pdf:Option + Cmd + P
  • 相关阅读:
    Arduino Nano与SIM800C 通信
    Laravel 查询数据按照时间分组
    Laravel 查询或写入Enum字段出错的bug解决办法
    【示例代码及地区json】js省市区三级联动 升级版
    【示例代码及地区json】js省市区三级联动
    Laravel使用whereHas进行过滤不符合条件的预加载with数据
    Laravel where条件拼接,数组拼接where条件
    postman传数组参数,二维数组,多维数组
    中国元器件电商
    蓝牙核心技术了解(蓝牙协议、架构、硬件和软件笔记)
  • 原文地址:https://www.cnblogs.com/zengshuilin/p/5771420.html
Copyright © 2011-2022 走看看