这个博客是怎么搭起来的
这是新博客的第一篇文章,也是一份格式示例:以后写文章,照着这个文件的开头那几行写就行。
用了什么
- 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 | 琥珀终端 |