给handsome添加一个评论图片上传按钮

AI助手支持GPT4.0

想着评论上传图片麻烦，干脆自己弄了个图床的同时给评论框加了个图片上传按钮，挺简单的代码（大概？ 

实现方法也挺简单，但是需要修改文件，所以还是不太方便（目前只能做到这样了，有大佬有别的解决方案的话评论区丢我一份，谢谢了 

增加按钮

首先让我们找到/usr/themes/handsome/component/comments.php文件的173行左右，就是下面这个样子~

     <div class="OwO padder-v-sm"></div>

小声逼逼，也可以直接搜索：<div class="OwO padder-v-sm"></div>

然后把他替换成下面这个，其中https://img.404888.xyz/你可以替换为自己的图床，这是我自己搭建的（稳定使用

那个啥，写教程幸苦，要你们一个回复不过分吧（别打我 

<!-- <div class="OwO padder-v-sm"></div> -->
<div class="padder-v-sm smallscreen">
		<span style="display: inline-block;padding: 0;width: 66px;height: 24px;color: #99a2aa;border-radius: 4px;position: relative;z-index: 101;font-size: 12px;text-align: center;line-height: 23px;margin-top: 3px;background: #fff;">
		<a onclick="window.open('https://img.404888.xyz/', 'Image Picker', `width=420,height=680,left=${window.screenLeft},top=${window.screenTop}`);"">
			<span class="smile-icons">
			<i class="fontello fontello-picture text-muted"></i>
			</span>
			<span class="OwOlogotext">图片</span>  
		</a></span>
		<span class="OwO" title="表情"></span>
 </div>

然后保存之后直接找到你的评论区，你就会发现多了个按钮（下面这样的 

效果

ODK，这样就搞定了，完美，最后推荐下我自己的图床（https://img.404888.xyz

再提一嘴，如果其它大佬有别的方法实现该功能，不用新开一个窗口，可以直接用模板自带的模态框实现的话，请务必评论区留下你的代码or博文链接（感激不尽！

文章转自：https://blog.warhut.cn/dmbj/1155.html