Hatt 网站的主要构成
绘画
准备了将角色和世界观记录作为文章或作品留下来的路径。
小说
汇总了前往外部投稿网站上公开故事的入口,以及创作相关记录。
建模
将面向 VRChat 的头像、机关和配件制作与 BOOTH、YouTube 连接起来。
我们公开了汇总 Hatt 创作活动的个人网站「Hatt 的主页」。
这个网站是把绘画、小说以及面向 VRChat 的 3D 头像和机关制作整理到一个入口的主页。我们也将它作为网站制作和 CMS 构建案例,刊登在 Acecore 的实绩页面。
制作背景
Hatt 正在进行绘画、小说、面向 VRChat 的 3D 头像和机关制作等多种创作活动。
另一方面,活动入口分散在博客、外部投稿网站、BOOTH、YouTube、X 等平台。作品和发布渠道已经存在,但初次访问的人很难在短时间内理解“Hatt 在做什么”“应该从哪里开始看”。
因此,这次并不是把所有作品塞进一个页面,而是把网站设计成能够展示整体活动面貌的枢纽。
在首页展示三类活动
首页将 Hatt 的活动整理为以下三类。
- 绘画:把角色和世界观记录作为文章或作品保留下来的地方
- 小说:前往外部投稿网站上公开故事的入口,以及创作相关记录
- 建模:介绍面向 VRChat 的头像、机关、配件制作
先传达“这是在做什么的人”,再引导到博客、建模作品、个人资料和外部链接。对于个人网站来说,不只是第一印象,活动分类和访问路径设计也很重要。
做成可以持续更新的静态网站
构建时使用了 Astro、TypeScript、UnoCSS、Sveltia CMS 和 Pagefind。
通过 Astro 以静态网站形式发布,可以兼顾显示速度和维护性。博客和作品信息可以从 CMS 编辑,即使不写代码也能持续发布。
站内搜索使用 Pagefind。即使文章和作品数量增加,访问者也可以通过关键词找到目标信息。
关于在 Astro 网站中整理 SEO 和 OGP 的思路,也可以参考在 Astro 网站实现结构化数据和 OGP 的 SEO 改善指南。
不割裂外部活动平台
Hatt 的活动并不只在站内完成。小说投稿网站、BOOTH、YouTube、X 等,每种作品都有适合的公开平台。
因此,主页并不是替代这些外部服务,而是作为入口把它们连接起来。例如在建模页面中,访问者可以更容易前往 BOOTH 上公开的头像和机关,也能找到 YouTube 和 X 的链接。
对于个人网站和作品集网站,有时比起强行整合已有外部账号,更有效的是设计一条让访问者不迷路的移动路径。
也作为实绩刊登
Acecore 的实绩・作品集页面中,也新增了“Hatt 主页制作”这一案例。
这次制作不只是公开页面,还包括创作活动整理、CMS 更新、搜索、OGP、站点地图和外部链接设计。即使是小规模个人网站,只要在公开后也能持续成长,未来作品和文章增加时的价值也会提高。
关于网站制作的推进方式,可以查看网站制作与运营服务,或从联系方式咨询。
总结
Hatt 的主页已作为汇总绘画、小说、面向 VRChat 的 3D 头像和机关制作的创作活动入口公开。
Acecore 可以根据目的制作个人网站、作品集网站和业务网站。如果希望从活动内容整理到 CMS、搜索、SEO、公开后的运营一起咨询,请通过网站制作与运营服务或联系方式联系我们。
制作中整理的访问路径
活动整理
将内容分为绘画、小说、建模三大支柱。
CMS 化
让博客和作品信息可以通过 Sveltia CMS 更新。
导入搜索
使用 Pagefind,让文章和作品更容易查找。
外部联动
整理前往 YouTube、X、BOOTH 的路径。
在 Hatt 的主页可以看到什么?
网站使用了哪些技术?
Acecore 也可以咨询个人网站或作品集网站吗?
评论
Gui
Acecore 代表。从业务课题梳理到设计、导入和上线后的改进,统筹推进业务系统、Web、数据库/基础设施、质量保证以及 AI 应用。 以 C#/.NET 的实际开发能力为基础,同时理解 PHP/JavaScript、SQL Server/PostgreSQL/MySQL、Linux/Windows Server,将需求整理、技术选型、质量标准和基于 GitHub 的开发运营作为整体流程来设计。 将生成式 AI 用于开发、验证和信息整理等业务流程,作为帮助小团队更快、更可靠交付成果的实务基础。