昨天网友“西瓜撞地球”说我的评论无法上传图片,作为一个追求完美的男人,一直就想着加上这个功能。事实上typecho的评论区是支持MarkDown写法的,更加支持html标签了。如果想要在评论去插入图片,直接一个外链就可以引进。为了实现这个小功能,我借用第三方图床暂时存储一下图片生成一个外链,然后复制到评论区就行了。当然,我不建议使用这个上传图片,其实在大部分时候都用不上这个功能。

网友的评论要求

鉴于小陶实在是个外行人,不是前端和网站开发方面的专家,我是实在整不来太好看的东西。好歹勉强实现了功能,就这样吧。以后水平提高了我就研究一下。其实我也找了相关的Typecho图床插件,都不好使。要是我有本事我就自己写一个,可惜我没有本事。

好了,说正事,首先是显然评论区多了一个“上传图片的按钮”:

评论区上传图片的按钮

点击按钮后,就会有一个弹窗,没错,就是我用的第三方图床平台,建议使用png或者jpg的图片。

向图床上传图片

如下图所示,我随便选择了一个图片,然后点击上传按钮就好了:

点击上传

复制出来html代码到评论框即可:

复制代码

鼠标放到html代码附近的时候,会出现复制的按钮。其实左下角就有个特别大的按钮,点击就可以复制链接:

复制图片html代码的方式u

然后粘贴到评论框就行了,虽然暂时不是图片只是一串代码,但是提交之后就会显示成图片的。

粘贴代码到评论框

上传评论,显示图片

其实小陶测试了,在手机端也是可以使用的。就是会弹出来一个新的窗口,复制了html代码后需要返回去粘贴。不过还是建议没事不要贴图片。

本文标签: MarkDowntypecho插件

版权声明 ▶ 本网站名称:陶小桃Blog
▶ 本文链接:https://www.52txr.cn/2022/uppic.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处并附带原文链接!!
▶ 站长邮箱 [email protected][email protected] ,如不方便留言可邮件联系。

小陶的个人微信公众号

学累了就来张美女照片养养眼吧,身体是革命的本钱,要多多休息哦~ 随机美女图片

最后修改:2022 年 12 月 12 日
如果觉得我的文章对你有用,请随意赞赏!