修正_typora文档复制到博客图片失效

开始

今天开始尝试使用 Typora 写markdown 然后复制到博客园，不过会有一个问题

那就是 typroa 插入的图片都是本地的，md文档复制到博客园之后，图片都失效了

通过百度，有工具可以直接把 md 文档中的图片上传到博客园，然后替换文档中的链接，我把工具下载下来之后，发现这东西依赖.net ，而这个东西好大，所以萌生了自己写一个工具的想法

注意!!!!!

sm.ms图床有限制

• 一分钟10张
• 一小时20张
• 一星期50张

所以,,, 白嫖不了了。。。

其实是可以的 只是需要改造一下...

加一个代理池

但是 还是默默的 换成自己的把

分析博客园上传图片接口

博客园有三种编辑器，其中markdown 编辑器和tinyMCE 编辑器可以上传图片

1. 首先分析一下接口，在拖入图片之后会请求一个接口，上传文件，但是我用python 仿照他请求之后一直返回500错误。另一个编辑器使用的接口也是不可用的。
2. 最后折腾了三四个小时发现它在服务端设置了禁止跨域.... 我早该想到的 !
3. 所以不能使用这种方式了，但是已有的.net 工具是怎么实现的呢？应该是官方发布的吧。不然登录验证怎么做

寻找图床

既然博客园是不能上传图片了，那就需要找一个图床，需求就是特别稳定，据说新浪图床还炸了。找了之后有三个图床。

• sm.ms
• 路过图床
• 中关村的图片上传接口
• 找到的其他接口都需要登录才行，所以不好使

1. 简单分析之后，决定使用sm.ms ,因为这个网址没有对接口做演示，且官方也放出了api,并且也没有什么限制
2. 上传文件之后它请求了这个接口

1. 并且返回了一个json 数据是图片的url (这么老实的图床，感觉白嫖的良心痛，但是也不能一直白嫖吧)
2. 写了python 代码测试了一下接口，确实可用

import requests as rq
import json

# 传入图片名 返回图床url
def uploadImg(imgname):
    url = 'https://sm.ms/api/v2/upload?inajax=1'
    headers = {
    'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.122 Safari/537.36 Edg/80.0.361.62',
    }

    files = [('smfile',(imgname,open(imgname, 'rb'),'image/png'))]
    r = rq.post(url,headers=headers,files=files)
    dic = json.loads(r.text)
    print(r.text)
    try:
        if 'data' in dic:
            return dic['data']['url']
        elif 'code' in dic:
            if dic['code'] == 'image_repeated':
                return dic['images']
        else:
            print(r.text)
            exit()
    except Exception as e:
        print(str(e))
        exit()

print(uploadImg('2.png'))

1. 那后面就是，正则匹配图片链接，然后，通过上面的自定义函数得到图片在图床的url,再替换到md文件中即可
2. 最后效果

1. 此时文件中的链接被替换成了图床链接，这时候文档复制到哪里都行了，不过为了防止图床炸掉，还是在本地保存了一份 (将typroa 图片设置为复制到文档同目录就好了)
2. 最后贴出全部代码

import requests as rq
from bs4 import BeautifulSoup
import sys
import re
import json

def uploadImg(imgname):
    url = 'https://sm.ms/api/v2/upload?inajax=1'
    headers = {
    'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.122 Safari/537.36 Edg/80.0.361.62',
    }

    files = [('smfile',(imgname,open(imgname, 'rb'),'image/png'))]
    r = rq.post(url,headers=headers,files=files)
    dic = json.loads(r.text)
    try:
        if 'data' in dic:
            return dic['data']['url']
        elif 'code' in dic:
            if dic['code'] == 'image_repeated':
                return dic['images']
        else:
            print(r.text)
            exit()
    except Exception as e:
        print(str(e))
        exit()

def getImgStr(str_):
    pattern = re.compile(r'\!\[.*?]\(.*?\)')
    return pattern.findall(str_)

def getImgName(img_str):
    pattern = re.compile(r'\(.*.\)')
    return pattern.findall(img_str)[0][1:-1]

if __name__ == '__main__':
    if len(sys.argv) < 2:
        print('请传递参数进来'+str(len(sys.argv)))
        exit()
    md_filename = sys.argv[1]
    md_str = ''
    with open(md_filename,'r',encoding='utf-8') as f:
        md_str = str(f.read())

    img_strs = getImgStr(md_str)
    for img_str in img_strs:
        img_name = getImgName(img_str)
        img_url = uploadImg(img_name)
        md_str = md_str.replace(img_name,img_url)
        print(img_url)

    with open('修正_'+md_filename,'w',encoding='utf-8') as f:
        f.write(md_str)

1. 最后再通过pyingtaller 打包成exe 然后放到系统变量path所指向的目录下就行了。下次编辑文档，在md文档所在处，地址栏输入cmd 然后执行命令 up_img 文档名.md 就可以完成图片上传替换

额外的

​ 虽然图片不能上传到博客园，但是解析接口的时候发现了些比较诡异的事情。

​ TinyMCE编辑器所使用的图片接口，上传之后没有返回任何东西，但是图片却加载进来了，我死活不相信这么玄学的事情，分析了js代码之后，确实看到了对接收结果的处理，但是浏览器调试工具就是不显示返回结果。

​ 最后使用fiddler 抓包，终于发现了数据

​ 显然是加密的，但是如何做到 dev-tool不显示，还真的不知道的骚操作

​ 虽然图床可用，但是终究放心不下，最终准备使用七牛云，毕竟免费送10G空间流量的不是...