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


© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 共3条
    • 奇妙数据
    • hh0

      那个代码不能跳转了 博主 能更新一下嘛?

      2月前回复
    • 奇妙数据
    • chwl0

      谢谢大佬,还有个问题,就能不能让插入的图片在光标处插入,这个每次都是在最后面插入,对于替换文章的图片链接不太方便!

      2月前回复
    • 奇妙数据
    • 奇妙数据0

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

      2月前回复