typecho 插件 给上传的图片加水印watermark 前言本来想复制别人的博客，发现作者加了水印，没办法只有截图了，转而一想，我也得搞个加水印的功能插件介绍本插件仅支持 png jpg 格式的图片作为水印。推荐使用 png 格式的图片作为水印，以保证水印的质量使用方法将 waterMark 目录上传至网站的 usr/plugins 目录，然后在后台启用即可。保持目录结构如下：waterMark/ ├── imgfunc.php ├── Plugin.php └── watermark.png插件设置

给自己的typecho网站添加一个顶部阅读进度条的小工具 前言之前那不断的完善自己的博客，无意间发现了某些博客顶部会出现阅读进度条的样式，大喜，赶紧搜来看看，但是，无论我是baidu还是google都无法找到合适的插件，大部分都是一些 加载进度条，感觉加载进度条反而会拖慢页面打开的速度，本来渲染就需要时间的，无奈之下，我就自己琢磨了进度条的加载，原理其实很简单原理在每个页面的顶部找到那个div在这个div上面挂在一个进度条监听浏览器滑动事件，然后js控制进度条的宽度代码let pageHeight = document.body.scrollHeight || document.documentElement.scrollHeight; let windowHeight = document.documentElement.clientHeight || document.body.clientHeight; let scrollAvail = pageHeight - windowHeight; $('.joe_header__below').append('<div class="progress-top" style="width: 0%; height: 5px;border-radius: 5px;background-color: #29A6FF;"></div>') window.onscroll = function () { let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; console.log(scrollTop); document.querySelector('.progress-top').style.width = (scrollTop / scrollAvail) * 100 + '%';}是不是很简单，有点基础的一下就能看懂操作将这段代码粘贴到自己主题的全局样式上就可以食用。注意 我绑定的是 我的Joe主题，挂载在 joe_header__below上，自己主题自己找哦，不懂的请留言把结束特意写长一点来体验一下我的定制进度条把！

给自己的博客加一个评论验证码插件！ 前言之前搜索资料看到一个博客评论需要邮箱验证码的功能，我觉得很不错，但是仅仅是个博客评论就需要每次发送邮件验证码就太过繁琐了，所以，我就找到了一个点击加载验证码的插件源码评论之后再给源码把 正好试试我的插件怎么样隐藏内容，请前往内页查看详情使用方式下载后改文件名为GEETEST，并在后台启动插件。 启动后设置参数。<?php GEETEST_Plugin::gtOut();?>注意这个比较重要，之前一直没有生效就是有两个地方没有配置好隐藏内容，请前往内页查看详情 之后就完成了