【Markdown】Markdown插入图片的完美解决方法

原文:https://www.jianshu.com/p/8c0d00fca9b3

"markdown一时爽, 分享火葬场", markdown的简便性和美观性一直受到诸多码农偏爱. 但是markdown文件不支持内嵌图片, 所有的图片都以外部链接的方式插入. 所以分享Markdown文件的时候就不得不和图片一起发送, 同时还得注意设置图片路径, 让强迫症患者难以接受.

结合base64编码方式, 我找到了一种极为方便的在markdown文件中插入图片的方法:

示例图一: 在截屏快捷键截屏后直接复制base64编码到Markdown编辑器

1.gif

示例图二: 在Markdown编辑器打开文件选择框, 选择图片并粘贴base64编码文件至Markdown编辑器.

2.gif

要实现以上两种功能需要完成以下几个步骤:

  • 1.利用文件选择框选择文件或者从剪贴板读取图像

  • 2.将图片转为Base64编码

  • 3.将转换结束的Base64编码传递至剪贴板

  • 4.将以上脚本绑定至Windows全局快捷键

首先, 我们考虑实现第一个功能: 从文件选择框选择文件或获取剪贴板图像

从文件选择框选择文件非常简单, 可以用如下Python代码实现:

 

import win32ui
 dlg = win32ui.CreateFileDialog(1)  # 1表示打开文件对话框
 dlg.SetOFNInitialDir('C:\\Users\\Desktop')  # 设置打开文件对话框中的初始显示目录
 dlg.DoModal()
 filename = dlg.GetPathName()  # 获取选择的文件路径和名称

第二个功能是获取剪贴板的图像文件, 同样用如下代码实现:

 

from PIL import ImageGrab
im = ImageGrab.grabclipboard()#获取剪贴板文件
if isinstance(im, Image.Image):
 img = im
else:
 pass

其实是实现图片转Base64编码文本, 这一步非常简单, python代码如下:

 

with open("D:\\PythonCode\\base64pic\\1.jpg", 'rb') as f:
 base64_data = base64.b64encode(f.read())
 s = base64_data.decode()
 print('(data:image/jpeg;base64,%s) \n'%s)

再次, 将Base64编码传递至剪贴板. 这一步需要用CMD命令实现, 使用CMD的 clip 命令即可, 代码如下:

 

@echo off
python D:\\123.py | clip

以上代码即可实现运行python脚本, 同时将python脚本的输出传递至剪贴板. 但是使用以上代码, 就是我们使用了@echo off 关闭了命令行的代码输出, 使用命令的时候依旧会弹出难看的CMD命令框, 着实不够优雅.

还好, 我们永远有 Plan B. 我们还可以使用VBscript运行脚本, 同时隐藏难看的CMD命令框, 代码如下:

 

>Set ws = createObject("WScript.shell")
​
ws.run "cmd /c python D:\\PythonCode\\base64pic.py | clip",vbhide

最后, 我们考虑最后一个功能的实现, 绑定以上脚本至Windows全局快捷键.

实现这一功能有两种方式:

方法一是用Windows快捷方式自带的实现, 示意图如下:

【Markdown】Markdown插入图片的完美解决方法_第1张图片

image.jpeg

但是缺点在于反应十分慢, 慢到难以接受.

第二种方法则是将脚本的快捷方式放在任务栏, 使用 Windows + 数字 的方式快捷调用, 示意图如下:

【Markdown】Markdown插入图片的完美解决方法_第2张图片

image.jpeg

一个小tips是, 可以用"更换图标" 的功能给快捷方式换一个好看的图标, 示意图如下:

【Markdown】Markdown插入图片的完美解决方法_第3张图片

image.jpeg

结果就是这样的:

【Markdown】Markdown插入图片的完美解决方法_第4张图片

image.jpeg

附:

1.Python完整代码

 

import win32ui,os,base64
from PIL import Image,ImageGrab
​
im = ImageGrab.grabclipboard()
if isinstance(im, Image.Image):
 img = im
else:
 dlg = win32ui.CreateFileDialog(1)  # 1表示打开文件对话框
 dlg.SetOFNInitialDir('C:\\Pictures')  # 设置打开文件对话框中的初始显示目录
 dlg.DoModal()
 filename = dlg.GetPathName()  # 获取选择的文件名称
 img = Image.open(filename)
​
img.thumbnail((778,439),Image.ANTIALIAS)
img=img.convert('RGB')
img.save("D:\\PythonCode\\base64pic\\1.jpg", quality=70)
​
with open("D:\\PythonCode\\base64pic\\1.jpg", 'rb') as f:
 base64_data = base64.b64encode(f.read())
 s = base64_data.decode()
 print('![](data:image/jpeg;base64,%s)'%s)

os.remove("D:\\PythonCode\\base64pic\\1.jpg")

2.VBS脚本完整代码

 

Set ws = createObject("WScript.shell")
​
ws.run "cmd /c python D:\\PythonCode\\base64pic\\base64pic.py | clip",vbhide



作者:地平线上的背影
链接:https://www.jianshu.com/p/8c0d00fca9b3
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(【Markdown】Markdown插入图片的完美解决方法)