奇妙数据

typecho在后台增加图床上传图片按钮,并自动插入图片代码到编辑器
typecho在后台增加图床上传图片按钮,并自动插入图片代码到编辑器路过图床 是一个不错的图床网站,图片放到图床将...
扫描右侧二维码阅读全文
22
2018/09

typecho在后台增加图床上传图片按钮,并自动插入图片代码到编辑器

typecho在后台增加图床上传图片按钮,并自动插入图片代码到编辑器

路过图床 是一个不错的图床网站,图片放到图床将有效缓解网站服务器带宽和存储空间的压力

官方提供的插件代码支持的网站程序很多,如下图

路过图床1.png

其中并未显示支持typecho,所以我们需要稍作修改,下面是修改好的代码

<script async id="chevereto-pup-src" src="https://imgchr.com/sdk/pup.js"; data-url="https://imgchr.com/upload"; data-auto-insert="markdown-embed"></script>
(2019年12月2更新)上面代码失效,请使用下面最新的代码,如果后续不能用,可能是路过图床切换了新域名,对比更新为最新的域名即可

<script async id="chevereto-pup-src" src="https://imgse.com/sdk/pup.js" data-url="https://imgse.com/upload" data-auto-insert="markdown-embed"></script>

将代码放到需要上传图片的文件内,一般放在footer.php的</body>之前

如果要实现后台上传图片,则需要在typecho的安装目录admin/footer.php里增加以上代码

路过图床2.png

设置好之后后台编辑框出现如下效果

路过图床3.png

上传完成后markdown格式的代码会自动出现在编辑框里,插入图片的操作将会非常方便,效果如下:

图床插件.gif

最后修改:2019 年 12 月 02 日 10 : 55 PM
如果觉得我的文章对你有用,请随意赞赏

4 条评论

  1. chwl

    现在这个是不是不能自动把图片地址加入到编辑框?要手动复制粘贴!有点不方便!

    1. 奇妙数据
      @chwl

      点击上传图片按钮,图片上传成功后会自动填入编辑框的。看到你的问题我自己也测试了一下,发现代码需要更新。旧代码的确不支持自动插入编辑框了,更新为下面的代码就可以了

      <script async id="chevereto-pup-src" src="https://imgse.com/sdk/pup.js" data-url="https://imgse.com/upload" data-auto-insert="markdown-embed"></script>
  2. Jdeal

    这个可以在评论处插入图床上传么?大佬

    1. 奇妙数据
      @Jdeal

      理论上是可以实现在评论处上传图片到图床的,但是可能需要修改,比如将script代码放在评论框对应的代码中,如果评论框不支持markdown格式的话,还需要修改上传图片后返回的数据格式data-auto-insert="markdown-embed"部分

发表评论