zoukankan      html  css  js  c++  java
  • Markdown 编写技巧汇总(二)

    继续上篇汇总 附-上篇汇总,接着做更加高级一点的应用技巧。


    【1】列表与引言嵌套

    两者嵌套,如:

    > 我是一行文本
    >	1. 文本1
    >	2. 文本2
    >		1. 文本
    >		2. 文本
    >	3. 文本3
    >> 又是一行文本
    

    得:

    我是一行文本

    1. 文本1
    2. 文本2
      1. 文本
      2. 文本
    3. 文本3

    又是一行文本

    又如:

    1. 文本1
    	> 我是一行文本
    	> 我也是一行文本
    	>> 又是一行文本
    2. 文本2
    	1. 文本
    	2. 文本
    		> 一行文本
    		> 又一行文本
    3. 文本3
    

    得:

    1. 文本1

      我是一行文本
      我也是一行文本

      又是一行文本

    2. 文本2
      1. 文本
      2. 文本

        一行文本
        又一行文本

    3. 文本3

    【2】超链接

    加超链接[一般针对网页]使用以下语法:

    [链接名称](链接地址)
    或
    <链接地址>
    

    如:

    [豆瓣](https://www.douban.com)
    和
    <https://www.douban.com>
    

    得:
    豆瓣

    https://www.douban.com

    进阶

    更加个性化的超链接,统一编排,如下面所示:

    百度 - [百度][1]
    [淘宝][tb]
    【博客园】[博客园][bokeyuan]
    
    [1]:www.baidu.com
    [tb]:www.taobao.com
    [bokeyuan]:https://www.cnblogs.com/
    

    得:
    百度 - 百度
    淘宝
    【博客园】博客园

    值得注意的是,如果不写前缀http://,则意为本地个人博客地址内的网站,如

    [上篇博文][md]
    
    [md]:15354382.html
    

    得:
    上篇博文

    【3】图片展示

    添加图片,采用以下语法:

    ![image](图片地址 "可选标题")
    

    ![image](https://img2020.cnblogs.com/blog/944545/202109/944545-20210930073005830-822893419.jpg)
    

    得:
    image

    或者使用自定义变量形式,统一分配:

    ![image][img]
    
    [img]:https://img2020.cnblogs.com/blog/944545/202109/944545-20210930073818444-1332623953.webp
    
    

    得:
    image

    还可以采用html5的写法:

    <img src="图片链接" width="" height="">
    

    如:

    <img src="https://img2020.cnblogs.com/blog/944545/202109/944545-20210930074003984-624569350.jpg" width="600" height="400">
    

    得:

    这种方法可控制宽高显示大小和比例。

    【4】表格

    插入表格,使用|来分隔单元格,使用-来分隔表头和其他行数据,如:

    | 表头1 | 表头2 | 表头3 |
    | --- | --- | --- |
    | 信息1 | 信息2 | 信息3 |
    | 信息4 | 信息5 | 信息6 |
    

    得:

    表头1 表头2 表头3
    信息1 信息2 信息3
    信息4 信息5 信息6

    当然可以在分隔表头的行上边添加信息,键入:
    :- 代表左对齐
    :-: 代表居中对齐
    -: 代表右对齐
    如下:

    | 左对齐 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | 居中对齐 <img width="100"> | 右对齐 <img width="100"> |
    | :------------ | :-------------: | ------------: |
    | 文本信息 | 文本信息 | 文本信息 |
    | 文本信息 | 文本信息 | 文本信息 |
    

    得:

    左对齐                 居中对齐 右对齐
    文本信息 文本信息 文本信息
    文本信息 文本信息 文本信息

    可以参考以上做法来定义每列宽度!

    【5】特殊字符输出

    跟传统编程系统类似,在特殊字符前加上转义字符,如:

    **我是不是加粗了**
    **我是不是加粗了**
    

    得:
    **我是不是加粗了**
    我是不是加粗了

    基本上Markdown预留使用的字符都可以用上面的方法直接打印输出。

    结语

    基础内容算告一段落。如果有缺失会及时补充,感谢阅读,希望能帮助到读者。

  • 相关阅读:
    第4章-控制执行流程
    第3章-运算符
    第2章-对象
    第10章-内部类II
    第10章-内部类
    基于gtest、gmock、mockcpp和lcov的C语言LLT工程 —— LLT构造和lcov查看覆盖率实例
    字符设备驱动框架讲解
    基于Hadoop分布式集群YARN模式下的TensorFlowOnSpark平台搭建
    给 Virtualbox 中 Ubuntu 系统设置静态 IP
    小白请教几个关于Java虚拟机内存分配策略的问题
  • 原文地址:https://www.cnblogs.com/sharpeye/p/15355160.html
Copyright © 2011-2022 走看看