zoukankan      html  css  js  c++  java
  • 用markdown写博客

    用markdown写博客

    前言

    博客园支持用markdown语法写博客。markdown是什么东西?他是一套中间格式化文本的语法,用他写文章在支持这个语法的排版系统里面,会生成对应的排版格式。因为这套中间语言,那么我们就不用学习各种平台独有的排版方式,节省时间。当然,最重要的是markdown本身易于书写,否则就没有使用价值了。

    下面我们来学习一下markdown语法。

    标题

    # 大标题
    ## 中标题
    ### 小标题
    #### 更小的标题

    效果:

    无标题效果

    段落

    段落只需要前后保留一个以上空行。
    换行只需要在行尾连续输入两个空格,回车。

    引用区块

    这个在中文中很少使用,但是外文还是比较喜欢使用的,相当于一个特殊的段落。

    1. 写法一:
      > 引用段落
    2. 写法二:
    > 111
    222
    333
    
    1. 写法三:
    > 111
    > 222
    > 333
    

    效果:

    111
    222
    333

    代码块

    这个是给广大程序员的福利,借助markdown可以轻松录入代码段,代码段可以保持良好的缩进格式,还便于特殊字符的书写,比如尖括号 < (即&lt;); 连字符 &(即&amp;),不会发生转义。

    只要在段落开始tab键一次或四次空格。
    或者在一行中用 `反引号` 包含起来,反引号在Esc键下面那个键。
    或者用```三个反引号序列前后一行围起来,并且在开始的反引号序列后加上语言名称还能实现代码着色。

    1. 写法一:
       void mian()
        {
            return;
        }
    
    1. 写法二:
      `int i=10;`
    2. 写法三:

    ```html
    <div>
    <div>111</div>
    <div>222</div>
    <div>
    ```

    效果:

    void main()
    {
        return;
    }
    

    int i=10;

    <div>
        <div>111</div>
        <div>222</div>
    <div>
    

    列表

    列表是比较常用的一种排版元素,分为有序列表和无序列表。

    1. 有序列表,只需要数字+.+空格+内容
    2. 222
    3. 333
    - 无序列表
    - 222
    - 333

    效果:

    1. 有序列表,只需要数字+.+空格+内容
    2. 222
    3. 333
    • 无序列表
    • 222
    • 333

    分隔线

    就是一条线。博客园貌似不支持。
    三个以上的星号,或者减号,底线

    ***
    ---
    ___

    效果:




    无分割线效果

    链接

    超文本免不了链接元素。而markdown有良好的支持。

    [文本](链接 “标题”)
    [博客园](http://www.cnblogs.com "点击就送")

    [百度][b]  
    [b]: http://www.baidu.com "点击“  
    

    效果:
    博客园
    [百度][b]
    [b]: http://www.baidu.com "点击就爆“

    强调、加粗、下划线、删除线

    字体修饰,可以强调某些文字,也是比较常用的。

    *强调*
    **加粗**
    <u>下划线</u>
    ~~删除线~~

    效果:
    强调
    加粗
    下划线
    删除线

    图片

    超链接免不了要插入图片,但是这个还是有点难度的。一般的文本编辑器插入图片太麻烦了,如果有支持插图功能的markdown编辑器才比较方便。

    ![Alt文本](https://www.cnblogs.com/images/logo_small.gif)

    效果:
    Alt文本

    智能链接

    通过尖口号括起来的链接或者邮箱地址,可以自动转换为合适的超链接。

    <contact@cnblogs.com>
    <http://www.cnblogs.com>

    效果:
    contact@cnblogs.com
    http://www.cnblogs.com

    表格

    很形象,看演示:

    列1|列2|列3|列4
    -|-|-|-
    a|b|c|d
    1|2|3|
    x||4|5
    

    效果:

    列1 列2 列3 列4
    a b c d
    1 2 3
    x 4 5

    转义序列

    难免需要转义序列,因为有些字符是markdown的一部分,如果要按照正常字符输出,可以在字符前面添加反斜杠 。

  • 相关阅读:
    CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
    14 个折磨人的 JavaScript 面试题
    JavaScript 开发的45个技巧2
    JavaScript 开发的45个技巧
    JavaScript 中的 this !
    JavaScript里的循环方法:forEach,for-in,for-of
    JS类型判断typeof PK {}.toString.call(obj)
    Object.prototype.toString()
    MinGW gcc 生成动态链接库 dll 的一些问题汇总 (补充)
    Selenium之偷懒教程
  • 原文地址:https://www.cnblogs.com/Nobel/p/10330837.html
Copyright © 2011-2022 走看看