主题升级—Hugo博客后台

简介

本期主要是为了同步一下近期的东西，以及主题的一些变化，由于主题外观逐渐趋向完善，以及开始往其他方向点技能树了，雪的最终目的是要打造一个功能齐全，多平台兼容，方便且美观的个人站点，当然最主要也是最基本的还是网站部分，也就是现在的hugo主题，最近呢，在研究主题的后端，也就是发文和编辑的部分，一开始就有两个方案，之前尝试是托管于cloudflare，改用D1数据库做成动态博客，目前也确实能使用，但是吧，总觉得差强人意，且不说只能部署于cloudflare，他的免费数据库大小也没多大，虽然可能依旧用不完，再就是只能在网页后台修改文章的话，数据迁移这些就很麻烦，比如要一次性新建很多文章，虽然说做了导入功能，但是还是有点不方便，最重要的是，做成动态会导致seo和rss这些适配度下降，远远比不上静态博客，同时，雪用静态站点也很久了，改成动态的话，原来的路径就得全部一致，还是有点麻烦的，因此有了本文的第二方案！

内容

先说一下是第二方案是什么，就是项目依旧使用静态hugo站点，后台则单独部署一个项目，链接到github仓库，通过编辑仓库文件并同步以做到文章的编辑和发布，由于能编辑整个仓库，可编辑性很大，而且由于是直接编辑仓库，要大改的时候直接同步仓库到本地修改就行，会方便很多，好处说完了，坏处呢，当然也是有的，就是每次部署的时候依旧走的时候重新构建部署，并不能真正做到实时保存更新，但是由于架构是基于hugo的，构建速度仅有十几秒，甚至还是因为下载hugo本体和拉取仓库所浪费的时间，就很完美，比较十几秒的延迟其实也没什么，和实时也差不了多少，甚至网站内容要是少一点，少一些奇奇怪怪的页面和美化，速度可能还会更快，雪依稀记得最开始美化的时候似乎只需要七秒左右，当然，这只是理论上的，随后雪去搜索了一下又没有类似的项目，不得不说互联网果然什么都有，你能想到的大概率依旧有人再用了，雪找到了以下项目

PagesCMS

PagesCMS 是一个为hugo设计的后台管理项目，部署在vercel上面，由于hugo的各个站点的文件路径其实并不一致，所以是通过在仓库目录新增一个配置文件来实现定位的，而且网站似乎是纯英文的，有点不友好的来着，并且由于需要自己编辑配置文件，就停麻烦的，不过整体效果还是很不错的，就是还做不到拿来就用的程度

雪的方案

看了上面的方案，雪想要的还是那种，开箱即用，拿过来部署好就可以直接上手的那种，最好ui再精美一点，因此，雪最终选择的方案是 PagesCMS，当然，也并非直接使用这个，或者是单纯的适配一个配置文件那么简单，雪部署体验了一下，首先就是铺面而来的英文界面，直接先汉化一波，看着着实不舒服，接着体验上也有一些小问题，例如每次修改的时候都会触发部署，比如你要修改一下文章顺便发一篇新的，他就会上传两个，部署两次，就很烦，虽然大部分时候可以这样，但是难免有时候要上传多个修改，这每次都部署属实是难受，接着就是编辑界面，由于雪的主题项目增加了很多不同寻常的配置，比如属性中的ai字段，画板和画廊类型文章等，要想获得一个完美的体验，直接用还是差很多意思的，于是雪选择了深度定制优化适配，接下来先欣赏

内容编辑页

特殊页面

站点配置

其他

修改

界面呢就是上面这个样子啦，具体改了哪些地方呢，雪和大家说一下：

• 首先就是站点改成中文了
• 其次就是最大的上传问题，雪将本地修改改为储存在数据库，这就可以做到一次性修改多个内容，然后再点击发布更改，就只需要同步和部署一次就行了，也是最影响体验的修改
• 然后就是项目的配置部分改为了内置，因此不适用于其他站点，但是会方便使用本项目的伙伴，省去了在仓库上传配置文件的步骤，部署好链接仓库直接就能用
• AI摘要，现在是真的ai总结了，后台的设置可以配置deepseek的key，配置之后可以在保存文章时自动识别摘要或者是手动识别，后续看看会适配一下其他平台，也会找一下免费方案
• 文章编辑页面，为独特的属性做了专属适配，包括ui，预览样式和站点样式保持高度一致，方便预览
• 站点的后台适配，编辑配置文件可以直接在后台可视化编辑
• 顶栏的按钮开关和排序，方便大家自定义，并且部分页面在关闭时会同步关闭后台的设置入口，例如动态页面
• 适配了站点各个页面，并且做成可视化编辑的效果
• 原项目主页是仓库选择页面，每次打开都需要重新选择，为了适配本项目和提升体验，选定项目后会设置为默认仓库，每次打开会自动加载（可以修改）

暂时就这些吧，主要就是适配了站点的各个页面，应该是可以编辑站点的几乎所有的数据了，除了一些基本不会动的地方（例如分类页头图），雪觉得没什么必要就没弄，最麻烦的其实是打磨ui，原站的ui和现在的差别还是挺大的，对了，雪将登陆方式做了修改，原站是要使用resend发送邮件进行验证然后登陆，雪改成了设置密码，当然前提是需要使用github登陆，单纯使用邮箱登陆时看不到仓库文件的，可以理解为多了个登陆方式，免得每次都github授权，验证邮箱太麻烦了，还不如github来得快，索性改成密码了，当然可以在后台控制是否启用邮箱登陆，除了邮箱就只能通过github登陆，并且为了安全，可以在环境变量增加限制，限制登陆github用户名，不过似乎其他账号也登陆不了，但是以防万一嘛~ 具体差别有多大，大家可以部署一下原版的对比一下，几乎是天差地别了，和主题可以说完美适配了，后续会作为主题的专属后台上线开源，现在先给你们瞅一眼，还得使用一段时间优化打磨一下，期待一下咯~