精选文章
欢迎使用 HTML 博客系统
这是一个简洁的博客系统,支持使用独立 HTML 文件作为博客内容,通过 Git 管理文章。
2026-05-18博客作者约 7 分钟阅读
博客HTMLGit教程
欢迎来到这个简洁的 HTML 博客系统!这个博客的设计理念是简单、灵活、易于管理。
为什么选择 HTML 文件?
使用独立的 HTML 文件作为博客内容有以下优势:
- 完全控制:你可以完全控制文章的 HTML 结构
- 无需学习新语法:HTML 是 Web 的基础,无需学习 Markdown 或其他语法
- 灵活的样式:可以为特定文章添加自定义样式
- Git 友好:纯文本文件,便于版本控制和协作
如何添加新文章?
添加新文章非常简单,只需三步:
- 在
content/posts/目录下创建一个新的 HTML 文件 - 在
<head>中添加必要的元数据 - 提交到 Git 仓库,触发构建
HTML 文件结构
每篇文章是一个独立的 HTML 文件,结构如下:
<!DOCTYPE html>
<html>
<head>
<title>文章标题</title>
<meta name="date" content="2024-01-01">
<meta name="description" content="文章描述">
<meta name="author" content="作者名">
<meta name="tags" content="标签1, 标签2">
</head>
<body>
文章内容...
</body>
</html>
支持的 Meta 标签
| 标签名 | 说明 | 必填 |
|---|---|---|
title |
文章标题 | 是 |
date |
发布日期 (YYYY-MM-DD) | 否(默认为文件修改时间) |
description |
文章摘要 | 否 |
author |
作者名 | 否 |
tags |
标签,逗号分隔 | 否 |
开始创作吧!
现在你已经了解了这个博客系统的基本用法,开始创作你的第一篇文章吧!
提示:文件名会作为 URL 的一部分,建议使用英文和连字符,如 my-first-post.html