AI摘要：本文介绍了两个Typecho后台美化插件：后台图片预览插件和后台样式修改插件。前者通过CSS和JS实现上传附件时的图片预览功能，提升易用性；后者支持通过CSS文件修改后台样式、预设主题、自定义CSS代码，并提供简单配置界面。插件安装和操作方法详细，旨在改善用户体验，丰富网站功能。

上篇文章介绍了 Typecho 的简洁哲学，里面有一条是：需求的有限满足。

实际上很多易用性问题，我们都寄希望于第三方开发来完善，这也是官方文档建设再次被提上日程并承诺重视的原因，开放会带来期待中的多样性，造就一个有趣的小生态系统。

这次就基于 Typecho 的后台，来做一些插件来处理后台的易用性。

后台图片预览插件

其实我一直使用默认的编辑器，其中上传附件的时候，只能显示图片名称，但是显示不了图片，这样在插入文章的时候，有时候会插入错误。基于这个易用性，我研究了下发现这块其实可以通过在文章编辑页面插入CSS和JS，然后通过获取li标签的data-url的值，然后JS动态的插入DOM就可以实现图片的预览功能。

最终效果：

后台样式修改插件

设置界面

功能特点

• 可以通过CSS文件修改后台样式
• 支持多种预设主题
• 支持自定义CSS代码
• 简单易用的配置界面

安装方法

1. 将整个AdminStyle文件夹上传到Typecho的usr/plugins/目录下
2. 登录Typecho后台，进入"控制台" -> "插件"
3. 找到"AdminStyle"插件，点击"启用"

使用方法

选择预设样式

1. 在插件配置页面，从"选择样式文件"下拉菜单中选择一个CSS文件
2. 点击"保存设置"

添加自定义CSS

1. 在插件配置页面的"自定义CSS"文本框中输入CSS代码
2. 点击"保存设置"

添加新样式

1. 在插件的assets/css/目录下创建新的CSS文件
2. 在插件配置页面刷新，新文件会自动出现在"选择样式文件"下拉菜单中

预设样式

• default.css: 默认样式空

插件下载地址：https://github.com/wangdaodao/TypechoPlugins

另外最近折腾了一个好物插件：

整体效果可以看这里：https://wangdaodao.com/goods.html

后面会先让几个朋友试用，如果还可以，后面打算做几个收费的插件来试试，不过价格不会太贵，一顿早餐钱吧！