zoukankan      html  css  js  c++  java
  • Markdown中插入图片技巧收集

    在操作Markdown时图片应该是最头痛的一件事!

    比如要发送一个md文件给对方,如果附带了图片时,那么就要一大堆文件包括图片发给对方等等,如果使用在线图片,那么这个服务器又是一大痛点,因为你不确定这个服务器地址在对方那能不能访问等等的原因。

    要解决这方面的问题可以尝试以下方法:

    1、编写好md文件后,到处PDF发给对方。

    2、使用在线方案:

    • 将md需要用的图片放到git仓库中,发布到github上
    • 访问GitHub仓库
    • 访问图片
    • 点击Raw按钮
    • 拷贝链接地址
    • 在md中引用图片,![easonjim]()
    3、使用本地方案:
    • 直接使用![easonjim](1.png)

    4、(推荐)将图片转成base64,然后引用到文件

    ![img](data:image/png;base64,xxx......)

    这个时候会发现插入的这一长串字符串会把整个文章分割开,非常影响编写文章时的体验。

    如果能够把大段的base64字符串放在文章末尾,然后在文章中通过一个ID来调用,文章就不会被分割的这么乱了。就像写论文时的文末的注释和参考文档一样。

    这个想法可以通过md的参考式链接语法来实现。

    进阶用法如下:

    文中引用语法:

    ![img][easonjim]

    文末存储字符串语法:

    [easonjim]:data:image/png;base64,xxx......

    参考:

    https://www.zhihu.com/question/21065229(以上内容大部分转自此篇文章)

  • 相关阅读:
    topcoder srm 495 div1
    topcoder srm 500 div1
    topcoder srm 485 div1
    topcoder srm 490 div1
    IDEWorkspaceChecks.plist文件是干什么用的?
    博客推荐
    如何使用U盘安装macOS high Sierra?
    小程序--模板消息调研
    小程序--剖析小程序上传文件
    小程序--小程序开发过程中遇到的问题以及解决方案
  • 原文地址:https://www.cnblogs.com/EasonJim/p/7790266.html
Copyright © 2011-2022 走看看