欢迎来到我的博客!这是我的第一篇博客文章。这是一个由 Astro 构建的博客。部署在 Cloudflare Pages 上,主题借鉴了 bearblog 风格。由我和 Cursor,Windsurf,Codex 协作完成。
Markdown 写作示例
1. 文本格式化
这是粗体文本,这是斜体文本,这是删除线文本。
行内代码:const hello = "world"
2. 列表
无序列表
- 苹果
- 香蕉
- 橙子
- 脐橙
- 血橙
有序列表
- 第一步
- 第二步
- 第三步
任务列表
- 完成博客搭建
- 添加评论系统
- 优化移动端显示
- 添加搜索功能
3. 代码示例
// JavaScript 示例function greet(name) { return `你好,${name}!`}
console.log(greet('世界'))
# Python 示例def greet(name): return f"你好,{name}!"
print(greet("世界"))
4. 表格
功能 | 支持 | 说明 |
---|---|---|
文章 | ✅ | Markdown 格式 |
图片 | ✅ | 支持本地和远程 |
代码 | ✅ | 语法高亮 |
表格 | ✅ | 支持对齐 |
5. 引用
简单就是美。简单比复杂更难。你必须努力思考,才能把复杂变简单。但这值得付出这些努力。
—— Steve Jobs
6. 图片
7. 链接
8. 水平分割线
9. 脚注
这里有一个脚注1。
10. 📝 文本格式
支持各种文本格式:
- 粗体文本
- 斜体文本
删除线文本行内代码
- 普通文本
11. 📋 列表样式
无序列表
- 第一项
- 第二项
- 嵌套项目 1
- 嵌套项目 2
- 第三项
有序列表
- 第一步
- 第二步
- 子步骤 A
- 子步骤 B
- 第三步
任务列表
- 已完成的任务
- 另一个已完成的任务
- 待完成的任务
- 另一个待完成的任务
12. 💬 引用块
这是一个引用块的示例。引用块通常用来突出显示重要的信息或者引用他人的话语。
引用块可以包含多个段落,也可以包含其他 Markdown 元素。
— 果黑
📊 表格
功能 | 状态 | 描述 |
---|---|---|
响应式设计 | ✅ | 完美适配各种设备 |
深色模式 | ✅ | 支持明暗主题切换 |
标签分类 | ✅ | 便于内容组织 |
文章搜索 | ⏳ | 开发中 |
评论系统 | ❌ | 计划中 |
开始写博客
现在,你可以在 src/content/blog/
目录下创建更多的 Markdown 文件来添加新的博客文章。以上示例展示了 Markdown 的主要功能,你可以根据需要选择合适的格式来写作。
记住:
- 保持文章结构清晰
- 适当使用标题层级
- 合理使用列表和表格
- 添加必要的图片和链接
- 保持代码示例的简洁性
-
这是脚注的内容。 ↩