美文网首页一思诗文集社区晓事
编程笔记1-简书MarkDown语法

编程笔记1-简书MarkDown语法

作者: 江湾青年 | 来源:发表于2021-06-29 16:59 被阅读0次

    引言

    简书的富文本编辑器对代码块太不友好了,如果代码很长,布局会极度混乱。而且掌握MarkDown是一个程序员的基本素养,这篇学习文章之后我的所有简书文章将用MarkDown编辑。
    简书的MarkDown语法是做过处理的,对于新手来说,MarkDown的语法规则更加简单,一学就会,这真的是满满的福利。但是对于一些MarkDown的资深老鸟而言,就有些不太适应了。因为简书的MarkDown无法使用CSS语法排版布局。比如连简单的首行缩进都无法实现(我是没找到方法,有大佬知道的还请指教)。但是就我个人而言,简书的布局还是很可观的。接下来就开始了解一下MarkDown的常用语法吧!


    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题
    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题
    

    字体

    斜体

    *斜体*
    

    粗体

    **粗体**
    

    粗斜体

    **粗斜体**
    

    带有删除线的文字

    ~~带有删除线的文字~~
    

    以上是Mark常用的几种字体,简单粗暴。除此之外,还有一些比较炫酷的文字设置,想知道的小伙伴往下看哟!


    引用

    这是引用

    引用中再引用

    接着引用

    我还能再引用

    再引用最后一次

    ………………

    >这是引用
    >>引用中再引用
    >>>接着引用
    >>>>我还能再引用
    >>>>>再引用最后一次
    >>>>>>………………
    

    分割线

    ---
    ***
    -----
    *******
    

    使用三个及三个以上的“-”或者“*”都可以生成分割线,就是这行文字下面的那条线。本文就大量使用了分割线,这可以让文档看起来更有层次感。


    图片

    插入图片的语法如下:

    ![alt](url title)
    # !表示以图片的形式显示,不加!显示为超链接;
    # alt是显示在图片下方的文字,可随意添加;
    # url表示图片的链接地址(https://……);
    # title表示当鼠标移至图片上时显示的描述文字。
    */
    
    例如: 我是标题
    ![我是标题](https://img.haomeiwen.com/i17916304/4bff9e1d2f51e471.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    

    点击简书MarkDown编辑器左上方的插入图片可以直接将本地的图片作为插入编辑器,图片被上传至简书服务器,自动生成一个url。当然也可以使用现成的url,但如果图片的链接有一天不存在了,那文章中的图片也会丢失。因此还是建议插入本地图片。


    超链接

    百度

    [百度](https://www.baidu.com/)
    

    这里有一张需要点击才能看得见的图片

    [这里有一张需要点击才能看得见的图片](https://img.haomeiwen.com/i17916304/4bff9e1d2f51e471.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    

    列表

    列表有无序列表和有序列表两种。

    无序列表

    • 比如这个
    • 再比如这个
      • 我还可以继续加
        • 嵌套一层需要table一次
    • 这个也可以
    - 比如这个
    + 再比如这个
      + 我还可以继续加
        + 嵌套一层需要table一次
    * 这个也可以
    

    无序列表只需要“-” “+” “*”其中任意一个加空格即可,在使用列表嵌套的时候需要按table键一次

    有序列表

    1. 我是第一个
      1. 我是第一个的第一个
        • 我还能继续添加
    2. 我是第二个
    3. 我是第三个
    1. 我是第一个
     1. 我是第一个的第一个
         - 我还能继续添加
    2. 我是第二个
    3. 我是第三个
    

    有序列表是使用数字,“.”和空格组成,有序列表占三个字节,因此使用有序列表嵌套的时候,下一层需要空出三个空格。

    注意:

    1. 简书MarkDown一次table键相当于两个空格;
    2. 无序列表嵌套上下层相差一个table(即两个空格),有序嵌套则是三个空格(这一点小伙伴们试一下就知道了);
    3. 无序嵌套嵌套可以与标题一起使用。
      例如:
    • 列表

    • 表格

    - ###列表 
    - ###表格
    

    表格

    常用编程语言 类型划分 运行速度
    C/C++ 编译型 很快
    Java 编译型 较快
    Python 解释性 较慢
    常用编程语言 | 类型划分 | 运行速度
    --- | :---: | ---:
    C/C++ | 编译型 | 很快
    Java | 编译型 | 较快
    Python | 解释性 | 较慢
    

    其中使用“--- | --- | ---”来分割表头和内容,事实上,这个格式并不是固定的,只需要“-|-|-”就可以起到分割的作用,但是考虑到书写美观,这里使用三个“-”外加空格使用。
    另外上述表格的分割线部分有几个“:”;这是用来设置表格每列的文字对齐方式的,默认是左对齐。右对齐是在该列分割线右侧添加“:”;居中对齐是在该列分割线左右两侧添加“:”(语法使用的符号都必须是英文的符号)。


    代码

    单行代码
    效果:print('Hello World!')
    代码:

    ```print('Hello World!')```
    

    多行代码
    效果:

    #include<iostream>
    using namespace std;
    int main(){
        cout<<"Hello World!";  //注释语句
        return 0;
    }
    

    代码:

    \```
    #include<iostream>
    using namespace std;
    int main(){
        cout<<"Hello World!";  //注释语句
        return 0;
    }
    \```
    

    注释:在使用的时候需要把上述代码中的“\”删去,“\”本是做转义字符时使用的,此处为了将“```”的效果消除而添加的。其实这里加点什么都是一样的。


    番外篇

    \color{red}{\it\large{炫彩字coming}}
    上文提及简书的MarkDown是无法识别包括“<a>” “<font>” “<center>” “<big>”等标签的(我是没有找到方法,有知道的小伙伴还请指教);但是某一些字体的颜色、大小、字体还是可以修改的,比如上方五个大红字的代码如下:

    $\color{red}{\it\large{炫彩字来了}}$
    

    它的基本语法结结构和常用选项如下所示:

    $\color{颜色}{\字体\字号{文本内容}}$
    # Color
    red(赤)
    orange(橙)
    yellow(黄)
    green(绿)
    cyan(青)
    blue(蓝)
    purple(紫)
    
    # Font
    rm(罗马字体)
    it (意大利字体)
    bf(黑体)
    sl (斜体)
    sf (等线体)
    sc (小体大写字母)
    tt (打字机字体)
    mit (数学斜体)
    
    # Size
    Huge(25 一号 )
    huge(20 二号)
    LARGE(17 三号)
    Large(14 四号)
    large(12 小四号)
    normalsize(10 五号)
    small(9 小五号)
    footnotesize(8 六号)
    scriptsize(7 小六号)
    tiny(5 七号)
    

    参考

    https://www.jianshu.com/p/52bfd49d03ae

    相关文章

      网友评论

        本文标题:编程笔记1-简书MarkDown语法

        本文链接:https://www.haomeiwen.com/subject/ahdkultx.html