【Typecho】开发Tbeautify插件

最近了解typecho关于插件这块，萌生了自己开发一个插件的想法。因为lz的博客本身就引用了近十来个插件，深知插件给博客起到的作用有多大。在感激哪些开源插件的作者为爱发电的同时，又何尝不想为此贡献一份力量。无奈才疏学浅，对于php的了解不深。但是，种一颗树的最好时间就是十年前，其次就是现在。不试试怎么知道？万一成功了呢？

插件来源设想  

起初之前写过一个相册管理版的“伪插件”，让lz对typecho插件有了一个大概了解。但是相册管理实际上也是一个偏独立的php页面，严格意义上应该算不上插件。lz更想做一个比较纯粹的插件。

然后就是接触到了很多js以及css的特效代码，就想着能不能汇总一下这些代码。整合成一个typecho插件方法引入到博客中。有了这个想法后就开始逐步收集并整理一些js和css相关的特效代码。

最后经过整理汇总，以及统计了一些博客常用的特效，最终记录出10个网站特效，我称其为十大特效，简称：Tbeautify。这就是插件名的由来啦。

特效分别有：网站置灰效果，春节灯笼，4个鼠标点击效果，樱花飘落特效，悬浮播放器，看板娘，语言国际化

插件开发与获取

typecho官网的开发文档有点让人一言难尽，给lz这种对php一知半解的人无从下手的感觉。粗略看了下源代码插件开发的相关类，typecho的插件就是一个Plugin.php文件，会进行插件的定义，包括名称，作者，插件的激活禁用，渲染等。

因为博主的这个插件需要做到的是通过配置面板来动态选择引入特效的js和css即可。所以，实际上要解决的就是三步。

1. 插件激活时需要调用钩子函数插入js和css代码

2. 完成插件的配置面板，实现配置表单页面，方便钩子函数获取到用户配置的值

3. 钩子函数获取到用户配置的值，来选择插入哪部分的特效代码

   
   

通过参考同类插件以及不断调试，终于完成了Tbeautify插件第一版的开发。插件支持选择性开启你想要的网站特效，假如你的站点已经包含同一类别的特效，建议不要重复开启，避免出险未知问题。插件已在typecho版本1.1和typecho版本1.2上测试过。

Tbeautify插件开源地址：https://github.com/1997akkk/Tbeautify

插件使用效果预览：

自取下载使用，10特效只是开始，后续如果有好的js和css特效。博主会不断更新增加~现在只是Tbeautify插件的第一版。如果有好的建议或者在使用插件中发现的问题，可以留言。