zoukankan      html  css  js  c++  java
  • 初识markdown以及markdown的常用语法

      一直都听说markdown可以写作变得更加方便,但是总没有去了解一下,今天下载了一个markdown编辑器,感受了一下markdown的魅力,发现对于程序员写博客之类的,markdown带来了很大的便捷性,免得我们一会儿鼠标一会儿键盘的,而且markdown支持html的语法,对于前端工程师来说,这无疑是很便捷的,我在windows上使用的是markdownpad pro2,下面闲话不多说,我们来学习一下markdown的基本语法。

    标题

    # 标题1
    ## 标题2
    ### 标题3
    #### 标题4
    ##### 标题5
    ###### 标题6

    呈现效果:

    标题1

    标题2

    标题3

    标题4

    标题5
    标题6

    强调

    *斜体*
    *粗体**
    *斜体+粗体

    呈现效果:
    斜体
    粗体
    斜体+粗体

    空格

    这里写图片描述
    顶头文字
        啊
      二分之一个中文长度
     缩进一格
      缩进两格

      我们可以看到,上面的三个字符缩进的长度是不一样的,觉得8194和8195对我们来说更加实用一些,毕竟是按格来缩进的,160的缩进反而有一些偏差,不过也是可以在适合的条件下进行使用的。

    列表

    #### 有序列表

    1. 列表1
    2. 列表2
    3. 列表3

    有序列表

    1. 列表1
    2. 列表2
    3. 列表3

    #### 无序列表
    * 列表1
    * 列表2
    * 列表3

    无序列表

    • 列表1
    • 列表2
    • 列表3

    引用

    > 引用
    >> 二级引用
    >>> 三级引用

    引用

    二级引用

    三级引用

    代码块

    这里写图片描述

    	class HelloWorld
    	{
    	}
    

    分割线

    分割线


    表格

    这里写图片描述

    Tables Are Cool
    col 3 is right-aligned $1600
    col 2 is centered $12
    zebra stripes are neat $1

      当然,我们也可以直接使用html的表格标签,只是看大家喜欢哪一种了,上图这个表格是扩展的结果。

    图片与链接

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

      链接就如上图,我们可以在方括号中写下对链接的描述,在圆括号中加上链接。

    这里写图片描述

    百度图片

      如上图所示,我们可以通过图片链接展示图片。

    文字颜色

      我们知道在markdown中可以嵌入html,所以我们就可以使用html来使得文字的字体以及颜色发生变化。

    <font face="黑体">我是黑体字</font>
    <font face="微软雅黑">我是微软雅黑</font>
    <font face="STCAIYUN">我是华文彩云</font>
    <font color=#0099ff size=12 face="黑体">黑体</font>
    <font color=#00ffff size=3>null</font>
    <font color=gray size=5>gray</font>
    

    我是黑体字
    我是微软雅黑
    我是华文彩云
    黑体
    null
    gray

      关于颜色的代码,我们可以进入到w3school中进行查询,里面也讲述了很多html的基本用法,可以用来参考使用。

      以上讲述了一些markdown的基本用法,觉得这些基本上是我们常用的,写个博客倒是很够用了,博客园也支持使用markdown来写文章,以后在实践中也会对这些语法更加熟悉。

  • 相关阅读:
    Vue基础
    Document
    Document
    Document
    Document
    Document
    Document
    Document
    Document
    Document
  • 原文地址:https://www.cnblogs.com/liuyang0/p/6271304.html
Copyright © 2011-2022 走看看