MarkDown 贴图的技巧.md
2017-01-18 00:00
239 查看
把图片存入markdown文件
此方法用来避免网络图片失效,和本地图片存储路径问题用base64转码工具把图片转成一段字符串,然后把字符串填到基础格式中链接的那个位置。
基础用法:
![avatar](data:image/png;base64,iVBDCFG......)
这个时候会发现插入的这一长串字符串会把整个文章分割开,非常影响编写文章时的体验。
如果能够把大段的base64字符串放在文章末尾,然后在文章中通过一个id来调用,文章就不会被分割的这么乱了。就像写论文时的文末的注释和参考文档一样。
高级用法:
这个想法可以通过markdown的参考式链接语法来实现。
文中引用语法:
![avatar][doge]
文末存储字符串语法:
[doge]:data:image/png;base64,WSddaadcf......
这个用法不常见,比较偷巧。优点是很灵活,不会有链接失效的问题。缺点是一坨儿的base64的乱码看着不太爽,这就是美观向实用妥协。但是真的不会丢失图片呀。
ps: 你要是用OSC提供的图转BASE64的话 data后面的文件类别是 img 注意,要手动改回 image
相关文章推荐
- Atom markdown .md 编写格式技巧
- editor.md国产markdown编辑器使用实例
- MarkDown技巧:两种方式实现页内跳转
- 【游戏模型】游戏超写实贴图制作技巧
- Markdown编辑器使用的一些技巧
- CityEngine基于规则贴图的实现技巧
- markDown的使用技巧--空格缩进、颜色
- 手把手教你把 md 文件(markdown)转换为 docx 或者 pdf
- MARKDOWN小技巧
- README.md文件 github Markdown语言详解 md文件用法和说明
- Markdown使用技巧总结
- markdown编辑器使用技巧
- markdown写作技巧
- 原来Github上的README.md文件这么有意思——Markdown语言详解
- Markdown系列(7)- Markdown中插入图片的三个技巧
- markdown编辑技巧
- WP Editor.MD:一个好用的Markdown WP插件
- 原来Github上的README.md文件这么有意思——Markdown语言详解
- Atom下Markdown的快捷使用技巧
- .md即markdown文件的基本常用编写语法(图文并茂)