返回首页
返回文章列表

欢迎来到我的数字花园

#公告

欢迎来到我的个人 wiki!这是第一篇文章,简单介绍一下这个站点。

怎么写新文章

在 content/posts 目录下新建一个 Markdown 文件,比如 hello.md:

---
title: 文章标题
date: 2026-08-29
tag: 分类
excerpt: 摘要,显示在首页的最新文章卡片里
---

正文使用 Markdown 语法书写……

保存之后刷新页面,文章就会自动出现在列表里,首页的「最新文章」卡片也会同步更新。

这个网站用了什么

  • Next.js (App Router):页面路由和服务端渲染
  • Tailwind CSS v4:玻璃拟态(glassmorphism)风格全部靠它实现
  • react-markdown:渲染文章正文,支持 GFM(表格、删除线、任务列表)
  • gray-matter:解析文章头部的元信息

设计灵感

首页的便当盒(bento grid)布局参考了 lvyovo-wiki.tech, 整体是柔和的青绿色调 + 毛玻璃卡片。右上角的电子时钟和日历都是真实数据, 「写文章」按钮通向文章列表,左侧导航可以在各个页面之间跳转。

记录本身就是一种贡献。希望这里的内容对你也有点用处。

音乐盒

点播放开始听歌