Mor | void

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

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

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

学习日志

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魔法学院原创角色设计课笔记》 【我推的Sai2达】 构成√色彩√虚拟形象设计√ 【原创虚拟IP主题站】 【存在的天平·小画家的调色盘】

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

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

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

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

事情是这样的。在我为数不多23岁的生涯里，我总在思考为什么学科之间要分得很开，世界本就是由各种深度连接的关系组成，深奥的知识也应该加入简单易懂甚至趣味性的语言让大众所能受益。

在这样的脑回路下我做了这么一个东西：【存在的天平 · 小画家的工坊 · 调色盘】，一个以不专业心理学为底层逻辑的有魔幻世界观结合前端美术色彩的互动问卷网站。

体验链接：http://palette.morlvoid.pro/

在开发纯前端的番剧九宫格工具时，我遇到了一个经典问题：html2canvas 无法截取来自第三方 API（如 AniList、Bangumi）的图片。原因是这些图片服务器没有设置 Access-Control-Allow-Origin 头，浏览器出于安全策略限制了 canvas 对跨域图片的读取。

解决方案是用反向代理——让图片请求先经过自己的服务器，在响应中手动添加 CORS 头。这里使用了两种方式：自建 Cloudflare Worker 和 朋友提供了 vercel worker 来做反向代理。两者可以配合使用，提高成功率。

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