Posts | Xio's

Jun 15, 2025
Hello Astro
跟着Cho大神一点点摸索，我终于搭好了这个静态网站。页面不复杂，功能也很轻巧，但这个过程却让我对技术的演进多了几分敬畏。

这个站是用 Astro 构建的，部署则靠 GitHub Pages。虽然访问速度谈不上完美，但胜在免费、稳定、够纯粹。更重要的是，它很可能会比我们活得更久。

也许多年之后，哪位未来的开发者在某个冷门备份中挖出它，会像我们看老唱片、翻纸质电报一样感慨，"原来当时的程序员，是这样在网页里留下自己的存在感的。"

写代码，有时候真的像在瓶中寄信，不知道谁会读到，但我们仍然愿意写下去。工具在变，语法在变，写博客的方式也在变，但有些东西没变——记录本身的意义。

这一页，就留给未来吧。
Jun 02, 2025
Model Y：这个阶段的Dream Car

有时候走在路上，看到一辆 Model Y 从身边安静驶过，那种无声却坚定的存在感，总会让我回头看上一眼。不是因为它有多炫耀的外表，而是一种无法忽视的气质：极简、冷静、却不失未来感。

我并不拥有它，至少现在还没有。
但它已经在我的脑海里住了很久了。

喜欢一辆车的理由，从来都不只是因为参数和性能。真正打动人的，是那种“这就是我想象中生活该有的样子”的感觉。Model Y 对我而言，恰好就是这样的一种存在。它像一个来自未来的朋友，不声不响，却把你原本混沌的生活图景点亮了一角。

虽然网上关于特斯拉的争议从未间断，从做工、售后、到 CEO 本人的言行，仿佛每天都在制造新的“槽点”。但奇怪的是，这些并没有影响我对它的喜爱。某种意义上，我甚至已经习惯了这种“不被理解”的感觉。

当年苹果刚出来时也一样。
我是那一批最早拿起 iPhone 的人，在那个大家还在用键盘手机、纠结内存卡大小的年代，我已经在体验另一种截然不同的操作逻辑。那时候也有人说“太贵”“不实用”“封闭”，可我们知道，选择它，是一种对未来方式的押注。

现在想想，喜欢特斯拉的人，其实和当初买苹果的那批人是一类人。
不是盲目追新，也不是特立独行，只是习惯了用自己的方式去感受技术的温度，设计的逻辑，以及一种不那么妥协的生活态度。

Model Y 是我当下的 Dream Car。
它不是对“成功”的标志性宣言，而更像是对自己理想生活的一种对照——一种无声的承认：是的，我仍然在追求一些东西，仍然在等待一次“开上那辆车”的契机，像在等待一次对自己的鼓励。

或许不久之后，我会把它开回家。
也许那一天没有鲜花和掌声，也不是某个里程碑式的节点。
它只是一个静静发生的时刻，一场关于愿望的兑现，一次和自己和解的过程。

生活不一定总要轰轰烈烈，
但心里要留一块地方，
装得下那些仍然让你心动的东西。
May 30, 2025
擦肩而过的光芒
翻出抽屉深处一张泛黄合照——那曾是与我最亲近的朋友，如今却早已音讯杳然。人生里似乎总有这样一些人：他们曾与我并肩而行，言笑晏晏，共享悲欢，却在某个街角悄然隐入人海。甚至有些人，明明约好了“下次见面”，却连一句告别都未曾留下，便各自消失在时光深处。

起初也曾怅惘，仿佛心中被剜去一角。后来才明白，这并非谁的无情，而是生活河流的必然流向。我们被命运裹挟着向前，各自驶入新的航道，遇见新的风景与同渡之人。每一次相遇都自有其时限，每一次相伴也自有其归途。

然而那些共同度过的晨昏光影，却从未黯淡。他们曾真切地照亮过我的某段路途，如星辰点缀夜空，纵然星辰终会隐去，光芒却早已融进我的血脉里。

感谢这多变的生活吧——它允许不同光芒短暂交汇，又慷慨地让那些瞬间成为永恒。我们不必执着于紧握每一束光，只需记得它们曾如何将我们的人生温柔照亮过。

生命里最深的印记，往往不是永不熄灭的火焰，而是那些短暂却明亮的擦肩而过。
Jan 20, 2025
Markdown 语法参考文档
Markdown 语法参考文档

本文档展示了本博客平台支持的所有 Markdown 语法元素，每个语法都包含工作示例和说明。

目录
- 标题
- 文本格式
- 列表
- 链接
- 图片
- 代码
- 表格
- 引用
- 分割线
- 特殊字符
- HTML标签
标题

Markdown 支持六级标题，使用 # 符号：
```
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
```
效果展示：

一级标题示例

二级标题示例

三级标题示例

四级标题示例

五级标题示例

六级标题示例

文本格式

基本格式
```
**粗体文本**
*斜体文本*
***粗斜体文本***
~~删除线文本~~
`行内代码`
```
效果展示：

粗体文本
斜体文本
粗斜体文本
~~删除线文本~~
行内代码

下划线和上标下标
```
<u>下划线文本</u>
X<sup>2</sup> (上标)
H<sub>2</sub>O (下标)
```
效果展示：

下划线文本
X² (上标)
H₂O (下标)

列表

无序列表
```
- 项目一
- 项目二
  - 子项目一
  - 子项目二
    - 子子项目
- 项目三

* 使用星号
+ 使用加号
```
效果展示：
- 项目一
- 项目二
  - 子项目一
  - 子项目二
    - 子子项目
- 项目三
- 使用星号
- 使用加号
有序列表
```
1. 第一项
2. 第二项
   1. 子项目一
   2. 子项目二
3. 第三项
```
效果展示：
1. 第一项
2. 第二项
  1. 子项目一
  2. 子项目二
3. 第三项
任务列表
```
- [x] 已完成任务
- [ ] 未完成任务
- [x] 另一个已完成任务
```
效果展示：
- [x] 已完成任务
- [ ] 未完成任务
- [x] 另一个已完成任务
链接

基本链接
```
[链接文本](https://example.com)
[带标题的链接](https://example.com "这是标题")
<https://example.com>
```
效果展示：

链接文本
 带标题的链接
 https://example.com

引用式链接
```
[引用式链接][1]
[另一个引用][link-ref]

[1]: https://example.com
[link-ref]: https://example.com "可选标题"
```
效果展示：

引用式链接
 另一个引用

内部链接
```
[跳转到标题](#标题)
[跳转到代码部分](#代码)
```
效果展示：

跳转到标题
 跳转到代码部分

图片

基本图片
```
![替代文本](https://via.placeholder.com/300x200 "图片标题")
```
效果展示：

引用式图片
```
![替代文本][image-ref]

[image-ref]: https://via.placeholder.com/200x150 "引用式图片"
```
效果展示：

带链接的图片
```
[![图片](https://via.placeholder.com/150x100)](https://example.com)
```
效果展示：

代码

行内代码
```
这是 `行内代码` 示例。
```
效果展示：

这是 行内代码 示例。

代码块
```
```javascript
function hello() {
    console.log("Hello, World!");
}
```
```
效果展示：
```
function hello() {
    console.log("Hello, World!");
}
```
不同语言的代码块
```
```python
def hello():
    print("Hello, Python!")
```

```css
.example {
    color: #333;
    font-size: 16px;
}
```

```html
<div class="example">
    <p>HTML 示例</p>
</div>
```
```
效果展示：
```
def hello():
    print("Hello, Python!")
```
```
.example {
    color: #333;
    font-size: 16px;
}
```
```
<div class="example">
    <p>HTML 示例</p>
</div>
```
无语言标识的代码块
```
这是没有语言标识的代码块
可以用来显示纯文本
```
表格

基本表格
```
| 标题1 | 标题2 | 标题3 |
|-------|-------|-------|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |
```
效果展示：

| 标题1 | 标题2 | 标题3 | |-------|-------|-------| | 内容1 | 内容2 | 内容3 | | 内容4 | 内容5 | 内容6 |

对齐表格
```
| 左对齐 | 居中对齐 | 右对齐 |
|:-------|:--------:|-------:|
| 左     | 中       | 右     |
| 内容   | 内容     | 内容   |
```
效果展示：

| 左对齐 | 居中对齐 | 右对齐 | |:-------|:--------:|-------:| | 左 | 中 | 右 | | 内容 | 内容 | 内容 |

复杂表格
```
| 功能 | 支持 | 说明 |
|------|:----:|------|
| **粗体** | ✅ | 完全支持 |
| *斜体* | ✅ | 完全支持 |
| `代码` | ✅ | 行内代码 |
| [链接](https://example.com) | ✅ | 外部链接 |
```
效果展示：

| 功能 | 支持 | 说明 | |------|:----:|------| | 粗体 | ✅ | 完全支持 | | 斜体 | ✅ | 完全支持 | | 代码 | ✅ | 行内代码 | | 链接 | ✅ | 外部链接 |

引用

基本引用
```
> 这是一个引用块。
> 可以包含多行内容。
```
效果展示：

这是一个引用块。可以包含多行内容。

嵌套引用
```
> 第一层引用
> > 第二层引用
> > > 第三层引用
```
效果展示：

第一层引用

第二层引用

第三层引用

引用中的其他元素
```
> ## 引用中的标题
> 
> 引用中可以包含：
> - 列表项
> - **粗体文本**
> - `代码`
> 
> ```javascript
> // 甚至代码块
> console.log("Hello");
> ```
```
效果展示：
引用中的标题

引用中可以包含：
- 列表项
- 粗体文本
- 代码
```
// 甚至代码块
console.log("Hello");
```
分割线
```
---
***
___
```
效果展示：

特殊字符

转义字符
```
\* 不是斜体
\# 不是标题
\` 不是代码
\\ 反斜杠
```
效果展示：

* 不是斜体
# 不是标题
` 不是代码
\ 反斜杠

特殊符号
```
版权符号: &copy;
注册商标: &reg;
商标符号: &trade;
小于号: &lt;
大于号: &gt;
和号: &amp;
```
效果展示：

版权符号: ©
注册商标: ®
商标符号: ™
小于号: <
大于号: >
和号: &

HTML标签

基本HTML标签
```
<strong>强调文本</strong>
<em>斜体文本</em>
<mark>高亮文本</mark>
<small>小号文本</small>
```
效果展示：

强调文本
斜体文本
高亮文本
小号文本

键盘按键
```
按 <kbd>Ctrl</kbd> + <kbd>C</kbd> 复制
按 <kbd>Ctrl</kbd> + <kbd>V</kbd> 粘贴
```
效果展示：

按 Ctrl + C 复制
按 Ctrl + V 粘贴

详情折叠
```
<details>
<summary>点击展开详情</summary>

这里是折叠的内容。

- 可以包含列表
- **格式化文本**
- `代码`

```javascript
console.log("甚至代码块");
```
```
效果展示：
点击展开详情

这里是折叠的内容。
- 可以包含列表
- 格式化文本
- 代码
```
console.log("甚至代码块");
```
注意事项和限制

1. 空行的重要性
- 列表项之间需要空行来分隔不同的列表
- 代码块前后需要空行
- 引用块前后建议添加空行
2. 缩进规则
- 列表的子项目需要正确缩进（2或4个空格）
- 代码块的缩进会被保留
3. 特殊情况
- 表格中的管道符 | 需要转义：\|
- 在代码块中显示三个反引号需要使用四个反引号包围
4. 最佳实践
- 使用一致的列表标记（建议使用 -）
- 为图片添加有意义的替代文本
- 为链接添加描述性文本
- 保持文档结构清晰
兼容性说明

本平台基于标准 Markdown 语法，支持：
- ✅ CommonMark 标准
- ✅ GitHub Flavored Markdown (GFM)
- ✅ 基本 HTML 标签
- ✅ 语法高亮代码块
- ✅ 表格扩展
- ✅ 任务列表
- ✅ 删除线
本文档会持续更新，如发现问题或有建议，欢迎反馈。

Hello Astro

Model Y：这个阶段的Dream Car

擦肩而过的光芒

Markdown 语法参考文档

Markdown 语法参考文档

目录

标题

一级标题示例

二级标题示例

三级标题示例

四级标题示例

五级标题示例

六级标题示例

文本格式

基本格式

下划线和上标下标

列表

无序列表

有序列表

任务列表

链接

基本链接

引用式链接

内部链接

图片

基本图片

引用式图片

带链接的图片

代码

行内代码

代码块

不同语言的代码块

无语言标识的代码块

表格

基本表格

对齐表格

复杂表格

引用

基本引用

嵌套引用

引用中的其他元素

引用中的标题

分割线

特殊字符

转义字符

特殊符号

HTML标签

基本HTML标签

键盘按键

详情折叠

注意事项和限制

1. 空行的重要性

2. 缩进规则

3. 特殊情况

4. 最佳实践

兼容性说明