日常写作技巧

掌握这些技巧，让你的文章更丰富、更好看。

插入图片

本地图片

把图片放在文章文件夹里：

my-article/
  ├── index.mdx
  └── photo.jpg

在文章里引用：

![图片描述](./photo.jpg)

💡 建议图片宽度 1200px 左右，文件大小控制在 500KB 以内。

网络图片

也可以用图片链接：

![图片描述](https://example.com/image.jpg)

写列表

无序列表

- 第一项
- 第二项
- 第三项

效果：

• 第一项
• 第二项
• 第三项

有序列表

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

效果：

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

突出重点

加粗

**这段文字很重要**

效果：这段文字很重要

引用

> 这是一段引用，可以用来突出重点或引用他人的话。

效果：

这是一段引用，可以用来突出重点或引用他人的话。

添加代码

行内代码

运行 `npm run dev` 启动项目。

效果：运行 npm run dev 启动项目。

代码块

用三个反引号包裹，指定语言：

```javascript
function hello() {
  console.log("Hello, FlowPage!");
}
```

效果：

function hello() {
  console.log("Hello, FlowPage!");
}

嵌入视频

YouTube 视频

<iframe
  width="100%"
  height="315"
  src="https://www.youtube.com/embed/视频ID"
  frameborder="0"
  allowfullscreen
></iframe>

本地视频

<video controls width="100%">
  <source src="./my-video.mp4" type="video/mp4">
</video>

添加链接

普通链接

访问 [FlowPage 官网](https://flowpage.example.com)

效果：访问 FlowPage 官网

文章内链接

链接到站内其他文章：

参考 [如何部署](/2025/10/publish-online)

分段技巧

记住：每个 ## 是一屏，内容不要太长。

✅ 好的分段

## 第一个要点

简短的说明，一屏能看完。

## 第二个要点

继续下一个话题。

❌ 避免的分段

## 超长的内容块

一大段一大段的文字，要滚动很多次才能看完...
（这样在手机上体验不好）

小贴士

• 图片优化：用 TinyPNG 压缩图片
• 一屏一事：每个 ## 只说一个要点
• 善用空行：段落之间空一行，更清晰
• 预览检查：写完在手机上看看效果

掌握这些技巧，你就能写出漂亮的内容了！