Mor | void

从前端到全栈：主流技术模式与部署方案分类指南V2026

这是一个相当长的表格，包含了从前端到全栈网站开发由易到难和另辟蹊径的几乎所有主流方式。

事情是这样的。在我为数不多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日：全网站页面设计

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】