Mor | void

前端网站项目——满记甜品更新日志 2026.1.28

满记甜品这个项目是2022年时前端结课答辩时小组合作写的。原本的网站是无需渲染的MPA模式，作为答辩还是太简单了些。于是我们将纯静态展示的满记甜品官网复刻下来，并调整为组件化开发、新增预加载和预加载动画、媒体查询，新增网购功能，新增用户系统。

很有趣的是，当年的小组成员并不会使用git，唯一会UI设计的我也是把设计新页面的大活交给了SAI这个绘画软件来做。时至今日已经学了更多UI设计与UX设计的内容，满记甜品也从2022年的扩展线下店变成了如今发展零售业加盟，还换了官网。时过境迁打算对满记甜品进行更新一次。

（不过既然时代变了，我已经能从UI设计到前端开发到后端开发到项目部署一气呵成了，或许这次可以尝试直接采用Vue做SPA架构再上线？）

更新日志：

2026年1月28日至2026年1月30日：全网站页面设计

KK魔法学院原创角色设计课【构成DLC15期：为你的OC注入灵魂】——猫猫墙主讲

起因是我突然发现，我目前使用的这个博客网站的图片无法显示了，查阅了原主题作者的开源链接，Ayer，发现原作者已经在2022年就停止更新，图片无法显示的问题一直没能修复。查阅了一年以来的fork也没有人解决这个问题，于是我出手了（不是）

我也fork了原主题项目，更名为Ayerr，开始bug修复和高强度自定义设置，打算以后一直更新下去。

总之这是一篇更新日志，v1.0，来记录这个衍生主题Ayerr的首次更新：修复原主题Ayer无法显示图片的问题。

✨ 同时也欢迎一起更新！Github项目地址：hexo-theme-ayerr

原主题ayer已在2022年停止更新导致后续图片不能正常显示，作者设计了 ayerr 主题：一款基于ayer主题修复了图片显示问题后的衍生主题。

因原主题 ayer 已停止维护导致博客图片无法显示，于是我对原项目进行fork后修改并重新部署。若有其他问题欢迎联系。

本文详细介绍了 ayerr 主题中可用的图片显示方法，包括三种使用方式和详细的代码范例。

省流：

1

{% asset_img 图片文件名 "图片描述" %}

1

![图片描述](firename)

1

<img src="图片文件名" alt="图片描述">

–项目存档–

带壳截图工具网页应用 Computer-case

年度绘画总结表格 MonthlyCanvas

番剧安利 Anime-pick-grid

想做一套二次元风格的UI样式组件库，包含各种曾经只会出现在AE中的动画效果。做之前也不了解UI样式组件库的难度，脑袋一拍就先创建仓库吧，大概是一边现学一边现卖，一边做一些效果Demo一边封装进组件库。

暂时取名叫AcgUI。

主仓库：AcgUI

Demo1：【PortfolioTemplate】

新开了一个日记角，有什么日记都会丢进这里，这里还是个人知识库，方便查阅。

【FlowUs 息流】♪♫日记角♩♬

突发奇想要给博客装一个live2D的看板娘，尝试了一下基本确认是模型本身太复杂导致目前所有的live2D插件都无法兼容，目前兼容最好的是oh-my-live2d，但也依然无法正常显示模型。决定留给日后学习自己制作live2D模型时再做简化。

自用的学习路径和备份笔记

本篇为静态网站托管的多种方法。截止至2026年2月9日可行的托管方式有：Github Pages、阿里云对象储存OSS、七牛云对象储存Kodo，Canva可画。