title

本文提及的存储库：oplist-beautification

前言

如你所见，本文是一个openlist的美化教程。鉴于截至本文完成时，openlist还只有beta版，大概能明白这个项目目前知名度不算太高（所以这篇文章恐怕成了第一篇openlist美化教程。事实上，即使是关于它的其他资料也很少）），因此先介绍一下它的本体。

openlist是什么？

openlist是在知名开源网盘列表程序alist在被出售给商业公司（趋势）后，其部分贡献者另起炉灶而诞生的一个项目。

美化代码

废话太多…贴上代码！同alist，将代码填入设置/全局/的相应位置

自定义内容（核心科技）

自定义头部（想用就用）

通过cdn引入

warning只适用于只打算美化元素背景色，已有其他美化的读者

效果

表现完美：

需要说明的部分

好吧，我得承认，openlist与原版项目alist目前是没有任何显而易见的区别的，特别是在前端方面。所以以前的alist美化代码，现在其实是可以在openlist上正常工作的。

那么这篇文章的意义是什么？

为什么我仍打算写这篇文章呢（是为了凑热度），是因为我提出的这种美化方案（一开始载于）是基于动态observe原理的，具有较高的泛用性，在以后openlist的持续更新中会更为省心。

如果你使用过传统的alist美化代码，想必你遇到过版本一更新，美化的样式就出现一些扎眼的不协调部分的问题，这通常是类名发生变化导致的。而我确信这个美化方案即使在多次版本更新之后，仍然能保持良好的工作。

因此

我希望在新项目openlist诞生后，其主流的美化方式是这种新的方案，所以重新写了一篇文章来介绍。

最后的碎碎念

推荐在我的存储库获得后续代码优化，如果可以的话，就请点个star支持一下吧！