Mor | void

你好！欢迎来看我的个人博客！我的网络通用名：Morlvoid（馒头白面）可以叫我馍馍~（曾用名小摩）

想成为UI/UX代码设计师的菜菜前端开发程序员。画画、ACG是爱好，梦想是出书！ ( ^▽^ ) 希望一直以学生的心态学习世界上所有有趣的东西！地球Online，Game Start！

本站更新内容较为杂乱，可以分类查看：技术相关、绘画相关、ACG、个人原创、随笔

学习日志

2018年10月~2019年6月，初学C++，C、数据结构。

2021年2月~2021年12月，学习Web开发，Node.js，Vue，Git，UI设计。结课设计：满记甜品官网

2022年2月~2023年9月，学习Java后端开发，Spring，Linux，MySQL。结课设计：DIY-WIKI——为独立游戏开发者制作的前后端分离博客系统。

2023年12月~2025年12月，入职中国移动私有承包商公司，工作内容：大数据管理分析、机房运维。主要应用：Python大数据处理，Python脚本如openpyxl库、Python爬虫与办公软件office协同工作。

2024年2月~2025年6月，自学动漫相关专业，学习Blender，MMD渲染，动漫形象设计，动画剧本，电影史等。详情可查看 ACG基础知识补完计划 参与UI设计和制作、美工设计、安卓手机系统主题设计等相关兼职。

2024年8月~2026年4月，在KK魔法学院学画画中……详情可查看：KK魔法学院绘画学习笔记 KK魔法学院原创角色设计课笔记 构成√色彩√虚拟形象设计√ 原创虚拟IP主题站

2025年6月~今，学习UI与UX与代码结合的高交互性网站设计开发，制作作品集中计划考研。

项目介绍页 绘画作品页 个人图书馆/日记角

前提介绍：写了比较详细的Github Page博客搭建相关过程！为方便查阅，特地把本篇内容放在博客置顶。本篇前半部分写于2021年，后半部分写于2023年，截至2025年本搭建过程仍可全流程速通。

已经非常了解Git与Github可直接跳转到：【电脑本地安装：Node.js】或【电脑本地安装：Hexo】目录观看。

七牛云对象储存Kodo+阿里云域名解析部署静态网站步骤和优缺点。

起因是注意到Canva可画有着将美术设计一键部署为网站的功能，十分神奇于是进行了测试制作，效果出乎意料的好，想要深入研究这项技术。

在建立MPA静态网站方面，Canva可画或许是断档第一的水平。

注意到Canva可画的设计图直接建站的技术十分新奇，打算特地研究一下。

核心概念

• 设计到代码（Design-to-Code）：最直接的描述，指将视觉设计稿自动转换为前端代码（HTML/CSS/JS）的技术。
• 可视化开发（Visual Development）：通过拖拽、配置等可视化操作生成页面，无需手动编码。
• 低代码/无代码建站（Low-code/No-code Website Builder）：通过预设模块和逻辑快速搭建网站，Canva属于典型的无代码工具。

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

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

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

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

更新日志：

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

展示地址：满记甜品可画线上展示页

全面Web开发架构模式对比表

省流：

1

静态 → 服务端动态 → 客户端动态 → 混合渲染 → 构建时渲染

传统静态MPA、动态服务端MPA、客户端SPA、现代同构应用、静态生成站点、微前端架构。

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="图片描述">