zoukankan      html  css  js  c++  java
  • MarkDown编辑器使用

    有几款好用的MarkDown编辑器,参考: https://blog.csdn.net/bat67/article/details/72804251

    我就下载的是 MarkDown 2来使用。

    现用现学,现学现卖

    1.   MarkDwon如何使代码被框起来

    三个连续的  `

    MarkDownPad 似乎不行,作为测试,我又下载了MDCharm来用,发现是可以的:

    ```python
    comm = MPI.COMM_WORLD  
    comm_rank = comm.Get_rank()  
    comm_size = comm.Get_size()  
    if comm_rank == 0:  
        // do something 1  
    else:  
        //do somethins 2  
    ```

    2. 文章里面会有很多大小标题,如何编写:

    Headers 标题:

    #  H1
    ##  H2
    ###  H3
    ####  H4
    #####  H5
    ######  H6


    3、有序号的小标题
    1. 第一行
    2. 第二行
    3. 第三行

    4. 无序号的小标题:  + - * 

      那么多级列表如何实现呢?

        第一级  用  * + 空格 + 标题

        第二级 用 空格 + '-' + 空格 + 标题

    5. 字体标颜色——只能内联html实现

    6. MarkDown如何贴图片:

    1. 插入本地图片

    只需要在基础语法的括号中填入图片的位置路径即可,支持绝对路径和相对路径。

    例如:

    ![avatar](/user/desktop/doge.png)

    缺点是不灵活不好分享,本地图片的路径更改或丢失都会造成markdown文件调不出图。

    2.插入网络图片
    只需要在基础语法的括号中填入图片的网络链接即可,现在已经有很多免费/收费图床和方便传图的小工具可选。

    例如:

    ![avatar]()


    1. 插入本地图片只需要在基础语法的括号中填入图片的位置路径即可,支持绝对路径和相对路径。
    例如:![avatar](/user/desktop/doge.png)

    缺点是不灵活不好分享,本地图片的路径更改或丢失都会造成markdown文件调不出图。
    2.插入网络图片只需要在基础语法的括号中填入图片的网络链接即可,现在已经有很多免费/收费图床和方便传图的小工具可选。
    例如:![avatar](http://baidu.com/pic/doge.png)

     

    后来我下载了 MDcharm 和 MDpad 2个编辑器,发现2个编辑器在查看相同源文件时展示的格式并不一致
    而且上传到 GitLab 上之后,格式都会变形。因此,如果是为了在 Git 上给别人看的话,最好还是兼容 Git , 然后在本地看看效果!

    后来从我被坑了一天的个人经历来看,GitLab 和 GitHub 上的 MarkDown 是不一样的。
    而且 GitLab 上的网页解析 MarkDown 非常糟糕,我在本地的都是很好的,在 GitHub 上也是很好的,结果到了 GitLab 就会显示的很糟糕。

    Github Flavored Markdown

    参考:  https://www.jianshu.com/p/cfPxyr



  • 相关阅读:
    css选择器中的*= , |= , ^= , $= , ~= 的区别
    css 实现小三角
    使用vitevue3ts快速上手做一个todolist
    什么是回流和重绘?
    vue好用组件推荐
    Vue代码风格及规范
    聊聊 SpringBoot 中的两种占位符:@*@ 和 ${*}
    Maven 依赖调解源码解析(三):传递依赖,路径最近者优先
    Maven 依赖调解源码解析(二):如何调试 Maven 源码和插件源码
    Maven 依赖调解源码解析(五):同一个文件内声明,后者覆盖前者
  • 原文地址:https://www.cnblogs.com/HelloGreen/p/8806179.html
Copyright © 2011-2022 走看看