EN
◀ 返回文章列表

这个博客是怎么搭起来的

1 分钟 技术 #astro#博客

这是新博客的第一篇文章,也是一份格式示例:以后写文章,照着这个文件的开头那几行写就行。

用了什么

  • Astro:内容是 Markdown,页面基本是静态的,构建出来就是一堆 HTML 文件。
  • Nginx:直接托管构建好的静态文件,不需要后台。
  • CSS 变量:颜色、字体、像素边框粗细都在 src/styles/theme.css 里,换样式不用翻组件代码。

文章怎么写

在 src/content/posts/zh/ 下新建一个 .md 文件,文件名就是网址里的名字。开头写上:

---
title: "文章标题"
date: 2026-10-30
kind: tech        # tech 技术 | essay 感悟
tags: ["astro"]
description: "列表里显示的一句话简介,可以不写"
---

想要英文版,就在 src/content/posts/en/ 下放一个同名文件。没有英文版时,英文站会显示中文原文,并在顶部提示。

草稿可以加 draft: true,本地预览能看到,正式构建会跳过。

代码块

代码高亮的颜色会跟着当前配色变化:

export function greet(name: string) {
  // 注释是暗色
  return `Hello, ${name}`;
}
配色名字
teal青石
amber琥珀终端