果黑

Back

Hello World

Posted at 20, Mar, 2024

欢迎来到我的博客!这是我的第一篇博客文章。这是一个由 Astro 构建的博客。部署在 Cloudflare Pages 上,主题借鉴了 bearblog 风格。由我和 CursorWindsurfCodex 协作完成。

Markdown 写作示例

1. 文本格式化

这是粗体文本,这是斜体文本,这是删除线文本。

行内代码:const hello = "world"

2. 列表

无序列表

  • 苹果
  • 香蕉
  • 橙子
    • 脐橙
    • 血橙

有序列表

  1. 第一步
  2. 第二步
  3. 第三步

任务列表

  • 完成博客搭建
  • 添加评论系统
  • 优化移动端显示
  • 添加搜索功能

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
  • 第三项

有序列表

  1. 第一步
  2. 第二步
    1. 子步骤 A
    2. 子步骤 B
  3. 第三步

任务列表

  • 已完成的任务
  • 另一个已完成的任务
  • 待完成的任务
  • 另一个待完成的任务

12. 💬 引用块

这是一个引用块的示例。引用块通常用来突出显示重要的信息或者引用他人的话语。

引用块可以包含多个段落,也可以包含其他 Markdown 元素。

— 果黑

📊 表格

功能状态描述
响应式设计完美适配各种设备
深色模式支持明暗主题切换
标签分类便于内容组织
文章搜索开发中
评论系统计划中

开始写博客

现在,你可以在 src/content/blog/ 目录下创建更多的 Markdown 文件来添加新的博客文章。以上示例展示了 Markdown 的主要功能,你可以根据需要选择合适的格式来写作。

记住:

  1. 保持文章结构清晰
  2. 适当使用标题层级
  3. 合理使用列表和表格
  4. 添加必要的图片和链接
  5. 保持代码示例的简洁性

  1. 这是脚注的内容。

Last modified at 19, Jun, 2025