mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3mobile wallpaper 4mobile wallpaper 5mobile wallpaper 6mobile wallpaper 7mobile wallpaper 8
633 字
2 分钟
从零搭建个人博客的碎碎念
2026-06-14

从零搭建个人博客的碎碎念#

终于,我的个人博客上线了!🎉

从一开始的一头雾水,到现在看着网站能正常运行,还是挺有成就感的。这篇文章就简单记录一下我搭建博客的过程,也算给自己留个纪念吧。

为什么要搭博客?#

一开始只是想找个地方写点东西,不用受平台限制,也不用担心哪天文章被删。后来发现,自己搭博客的过程本身就很有意思:

  • 可以完全按自己的审美来设计页面
  • 学习了一点基础的代码知识,知道了网站是怎么跑起来的
  • 不用依赖第三方平台,数据和内容都掌握在自己手里

选择 Mizuki 主题#

在网上找了很久的 Astro 主题,最后被 Mizuki 主题的二次元风格戳中了,简单清爽,而且配置起来也不算复杂。

几个很喜欢的点:

  • 自带轮播图功能,手机端和电脑端可以分开设置
  • Markdown 支持很完善,写文章很方便
  • 部署到 Cloudflare Pages 就能免费上线,不用买服务器

搭建过程踩过的小坑#

  1. 图片格式问题 一开始直接用 JPG 格式的图片,发现加载很慢,后来换成了主题推荐的 WebP 格式,加载速度明显快了很多。

  2. CDN 缓存导致更新不生效 第一次更新图片的时候,本地预览正常,但线上网站一直显示旧图,后来才知道是 Cloudflare 的缓存,清一下缓存就好了。

  3. 文章格式写错 第一次写文章的时候,把开头的 --- 写错了,导致主题识别不到文章信息,列表页一直不显示。后来才知道,--- 包裹的部分是文章的“身份证”,格式一点都不能错。

接下来的计划#

博客刚上线,还有很多东西可以慢慢完善:

  • 把之前写的文章都整理过来
  • 给博客加个留言板功能
  • 学一点 CSS,给页面加点自己的小设计

如果你也想搭个博客,别害怕踩坑,多试试就好了。


如果你也在用 Mizuki 主题搭建博客,欢迎和我交流踩坑心得!

这是行内代码示例

# 部署博客的常用命令
git add .
git commit -m "更新文章"
git push
分享

如果这篇文章对你有帮助,欢迎分享给更多人!

从零搭建个人博客的碎碎念
https://ecydw.github.io/posts/my_first_blog/
作者
二次元·短文
发布于
2026-06-14
许可协议
CC BY-NC-SA 4.0

部分信息可能已经过时

目录