返回文章列表

你好，世界

#随笔#建站

欢迎来到我的个人网站。这是第一篇文章，用来验证文章系统工作正常，也顺便记录一下这个站点的技术选型。

为什么做这个网站

我想要一个属于自己的空间，用来：

  • 写点文章、记录想法
  • 展示一些 H5 交互作品
  • 不受第三方平台的排版和规则限制

技术栈

这个站点用 Astro 搭建，主要看中它的几个特点：

  1. 默认零 JavaScript——纯展示页面输出的是干净的静态 HTML，加载飞快。
  2. Islands 架构——需要交互的地方（比如下面的计数器）才按需加载 React，其余部分保持静态。
  3. 内容集合——文章就是普通的 Markdown 文件，带类型校验，写起来舒服。

样式用的是 Tailwind CSS，部署在 Cloudflare Pages 上。

代码高亮示例

行内代码像这样 const x = 42，代码块则支持语法高亮：

// 取出所有已发布文章并按日期排序
export async function getPublishedPosts() {
  const posts = await getCollection('posts');
  return posts.sort(
    (a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
  );
}

引用与列表

简单是可靠的前提。 —— Edsger W. Dijkstra

  • 支持有序 / 无序列表
  • 支持 加粗、斜体、链接
  • 支持表格、图片等常见 Markdown 语法

接下来我会陆续把更多内容搬过来。感谢阅读！