Loading... > chevereto图床是一个拥有开源免费的图床【开源版】以及付费高级版的图床程序。 > 其简单方便地设置受到很多人地喜爱。 ###本次我们主要想实现这样一个结果: 访客在网站上发布文章时,可以直接点击按钮进行图片的黏贴上传至chevereto图床,从而节省服务器空间。 ##操作方法如下: 首先在主题footer.php下添加该整合代码: ```php <!--图床上传--><div id="editor"><button data-chevereto-pup-trigger data-target="#editor"><span class="b2font">上传图片</span></button></div><script async src="//img.waoww.com/sdk/pup.js" data-url="https://img.waoww.com/upload" data-mode="manual" data-auto-insert="0" data-fit-editor="0"></script> ``` 然后外观-自定义-额外css里面添加适配样式: ```css #editor{ position:fixed; bottom:160px; left:10px;}#editor > button{ position:fixed; background-color:#0084ff; }#editor > button>span{ writing-mode: vertical-rl; height:80px;}@media screen and (max-width:770px){ #editor{ display:none; } ``` 并没有做复杂的样式修改。进行了基本的适配,宽度小于770px这个分辨率的屏幕直接舍弃了该按钮【同主题右下角的侧边工具一样】 相对于傻傻的chevereto自带提供的js,这里进行了部分的自定义。添加了这几项: ```js data-mode="manual" data-auto-insert="0" data-fit-editor="0" ``` 最后修改:2022 年 07 月 09 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 0 如果觉得我的文章对你有用,请随意赞赏