diff --git a/src/_data/site.yml b/src/_data/site.yml
index a94fcb106e..b0cdf0ee85 100644
--- a/src/_data/site.yml
+++ b/src/_data/site.yml
@@ -52,6 +52,7 @@ google-blog: https://developers.googleblog.com
 developers: https://developers.google.cn
 codelabs: https://codelabs.developers.google.com
 codelabs-cn: https://codelabs.flutter-io.cn # docs.flutter.cn
+flutter-files-cn: https://files.flutter-io.cn # docs.flutter.cn
 groups: https://groups.google.com
 firebase: https://firebase.google.cn
 wonderous: https://wonderous.app/
diff --git a/src/_layouts/base.html b/src/_layouts/base.html
index 364beff44f..fd8d49ee84 100644
--- a/src/_layouts/base.html
+++ b/src/_layouts/base.html
@@ -62,9 +62,9 @@
     <meta property="og:image" content="{{site.url | append: og_image_path}}">
 
     {% unless strip_fonts == true -%}
-    <link rel="preconnect" href="https://files.flutter-io.cn">
-    <link href="https://files.flutter-io.cn/fonts/flutter/fonts.css" rel="stylesheet">
-    <link href="https://files.flutter-io.cn/fonts/material-icons/material-icons-symbols-outlined.css" rel="stylesheet">
+    <link rel="preconnect" href="{{site.flutter-files-cn}}">
+    <link href="{{site.flutter-files-cn}}/fonts/flutter/fonts.css" rel="stylesheet">
+    <link href="{{site.flutter-files-cn}}/fonts/material-icons/material-icons-symbols-outlined.css" rel="stylesheet">
     <!-- <link href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Google+Sans+Mono:wght@400;500;700&display=swap" rel="stylesheet">
diff --git a/src/content/add-to-app/multiple-flutters.md b/src/content/add-to-app/multiple-flutters.md
index 42f95a3556..e3526e8e90 100644
--- a/src/content/add-to-app/multiple-flutters.md
+++ b/src/content/add-to-app/multiple-flutters.md
@@ -46,7 +46,7 @@ scenarios motivating the usage of multiple Flutters can be found at
 使用多个 Flutter 实例的优势在于，每一个实例互相独立，各自维护路由栈、UI 和应用状态。
 这简化了应用程序整体的状态保持考虑，并且进一步模块化。
 了解更多关于多个 Flutter 使用的动机和场景，请查看
-RFC 文档: [Multiple Flutters](https://files.flutter-io.cn/flutter-design-docs/Multiple_Flutters.pdf)。
+RFC 文档: [Multiple Flutters]({{site.flutter-files-cn}}/flutter-design-docs/Multiple_Flutters.pdf)。
 
 Flutter is optimized for this scenario, with a low incremental
 memory cost (~180kB) for adding additional Flutter instances. This fixed cost
diff --git a/src/content/community/tutorials/adapter-pattern-in-flutter-n-dart.md b/src/content/community/tutorials/adapter-pattern-in-flutter-n-dart.md
index b6156413ee..19d80fb348 100644
--- a/src/content/community/tutorials/adapter-pattern-in-flutter-n-dart.md
+++ b/src/content/community/tutorials/adapter-pattern-in-flutter-n-dart.md
@@ -16,13 +16,13 @@ toc: true
 
 和 [观察者模式](/community/tutorials/observer-pattern-in-flutter-n-dart) 中的观察者与被观察者类似，适配器模式中担任主要角色是 **适配器 (Adapter)** 和 **被适配者 (Adaptee)**。一个比较典型的例子是，插座转接头可以被认为是一种适配器，可以把本身不兼容的接口，通过转接变得可以一起工作。
 
-![适配器模式示意图，图源网络](https://files.flutter-io.cn/posts/community/tutorial/images/2021-09-05-002.jpeg)
+![适配器模式示意图，图源网络]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-09-05-002.jpeg)
 
 在代码世界中，也有很多接口不适配的场景，如我们引入了一个第三方库后，发现它其中的类实现与我们现有代码并不兼容，需要一个 Adapter 类做一层转换才行。另外，相较于直接接触原始的代码实现，这种模式下，客户端仅仅依赖适配器类，对于代码复用和维护性也多了一层保障。
 
 ## 类适配器与对象适配器
 
-![适配器模式 UML 图](https://files.flutter-io.cn/posts/community/tutorial/images/2021-09-05-1_2oBi8WnJT31i2E-KaW0rhw.png)
+![适配器模式 UML 图]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-09-05-1_2oBi8WnJT31i2E-KaW0rhw.png)
 
 适配器模式有两种实现方式：**类适配器** 和 **对象适配器**。其中，类适配器使用继承关系来实现，而对象适配器使用组合关系来实现。具体的代码实现如下所示。
 
diff --git a/src/content/community/tutorials/factory-pattern-in-flutter-n-dart.md b/src/content/community/tutorials/factory-pattern-in-flutter-n-dart.md
index eae5709ab9..25c763e6b2 100644
--- a/src/content/community/tutorials/factory-pattern-in-flutter-n-dart.md
+++ b/src/content/community/tutorials/factory-pattern-in-flutter-n-dart.md
@@ -7,7 +7,7 @@ toc: true
 
 在围绕设计模式的话题中，工厂这个词频繁出现，从 **简单工厂** 模式到 **工厂方法** 模式，再到 **抽象工厂** 模式。工厂名称含义是制造产品的工业场所，应用在面向对象中，顺理成章的成为了比较典型的创建型模式。
 
-![图源：https://media2.giphy.com/media/3ohjUKYWSqORcgIIsE/giphy.gif](https://files.flutter-io.cn/posts/community/tutorial/images/2022-02-20-1_X-eyz2eZZDho_bFBGBOWEA.gif)
+![图源：https://media2.giphy.com/media/3ohjUKYWSqORcgIIsE/giphy.gif]({{site.flutter-files-cn}}/posts/community/tutorial/images/2022-02-20-1_X-eyz2eZZDho_bFBGBOWEA.gif)
 
 > 从形式上讲，工厂可以是一个返回我们想要对象的一个方法/函数，即可以作为构造函数的一种抽象。
 
@@ -165,7 +165,7 @@ void main() {
 
 工厂方法模式同样也是我们编程中最常用到的一种手段。
 
-![抽象工厂 UML，图源：refactoring.guru](https://files.flutter-io.cn/posts/community/tutorial/images/2022-02-20-2022-02-20-1_yyGj6x9PNJLYiq4miG3mww.png)
+![抽象工厂 UML，图源：refactoring.guru]({{site.flutter-files-cn}}/posts/community/tutorial/images/2022-02-20-2022-02-20-1_yyGj6x9PNJLYiq4miG3mww.png)
 
 在简单工厂中，它主要服务的对象是客户，而 **工厂方法** 的使用者与工厂本身的类并不相干，
 而工厂方法模式主要服务自身的父类，如下的 `ProductFactory`（类比 UML 中的 Creator）：
diff --git a/src/content/community/tutorials/flutter-accurate-rolling-exposure-practice.md b/src/content/community/tutorials/flutter-accurate-rolling-exposure-practice.md
index 6f242af38a..4b39707cdb 100644
--- a/src/content/community/tutorials/flutter-accurate-rolling-exposure-practice.md
+++ b/src/content/community/tutorials/flutter-accurate-rolling-exposure-practice.md
@@ -16,7 +16,7 @@ toc: true
 
 在 Flutter 中，我们通常会在 `initState` 这个生命周期上报曝光埋点，这在一般的使用场景下当然是没有问题的。然而在滑动场景下这个解决方案就不 work 了，我们来看看。
 
-![listview_track.gif](https://files.flutter-io.cn/posts/community/tutorial/images/listview_track.gif)
+![listview_track.gif]({{site.flutter-files-cn}}/posts/community/tutorial/images/listview_track.gif)
 
 很明显，我们把本来没有展示的 widget 也给打印出来了。如果这样做，埋点上报不准确，将会给业务带来不可恢复的损失。
 
@@ -37,7 +37,7 @@ ListView.builder(
 ),
 ```
 
-![no_cache_extent.gif](https://files.flutter-io.cn/posts/community/tutorial/images/no_cache_extent.gif)
+![no_cache_extent.gif]({{site.flutter-files-cn}}/posts/community/tutorial/images/no_cache_extent.gif)
 
 好了，本文到此结束，你学会了吗。😏
 
@@ -63,7 +63,7 @@ ListView.builder(
 很容易能够想到和滑动的偏移量 (Scroll Offset)，以及 Viewport 在滑动方向上的长度 (Viewport Length)，
 还有 item 自身的信息，也就是当前 item 距离滑动起始点的距离 (Exposure Offset) 相关。
 
-![简易关键变量.jpg](https://files.flutter-io.cn/posts/community/tutorial/images/simple_key_variable.jpg)
+![简易关键变量.jpg]({{site.flutter-files-cn}}/posts/community/tutorial/images/simple_key_variable.jpg)
 
 想象一下滑动的样子，一个 Item 从 `ViewPort` 的右边滑入，进入 `ViewPort`，被用户看到，然后再从 `ViewPort` 的左边划出，这一系列过程。我们可以把这个过程抽象为下面的四个状态：
 - **Item 在 `ViewPort` 右侧不可视范围内**：(Scroll Offset + ViewPort Length < Exposure Offset)
@@ -85,7 +85,7 @@ ListView.builder(
 
 > 我们这里暂时认为 Item 完全划入 ViewPort 才算一次曝光。
 
-![关键变量.jpg](https://files.flutter-io.cn/posts/community/tutorial/images/key_variable.jpg)
+![关键变量.jpg]({{site.flutter-files-cn}}/posts/community/tutorial/images/key_variable.jpg)
 
 - **Item 在 `ViewPort` 右侧不可视范围内**：(Scroll Offset + ViewPort Length < Exposure Offset)
 - **Item 进入 `ViewPort` 右侧**：(Scroll Offset + ViewPort Length > Exposure Offset)
@@ -208,7 +208,7 @@ Widget buildNotificationWidget(BuildContext context, Widget child) {
 
 如果你敏锐的话，想必已经发现我们现在这样的设计根本没法在一个地方拿到全部信息。
 
-![数据获取位置不一致.jpg](https://files.flutter-io.cn/posts/community/tutorial/images/tree.jpg)
+![数据获取位置不一致.jpg]({{site.flutter-files-cn}}/posts/community/tutorial/images/tree.jpg)
 
 Scroll Notification 仅会向祖先节点发起 Notification 通知，也就是说，我们在 Item 层级是拿不到的！
 
diff --git a/src/content/community/tutorials/flutter-state-management-with-mobx.md b/src/content/community/tutorials/flutter-state-management-with-mobx.md
index 0f5a5067b2..f421eaaac7 100644
--- a/src/content/community/tutorials/flutter-state-management-with-mobx.md
+++ b/src/content/community/tutorials/flutter-state-management-with-mobx.md
@@ -3,7 +3,7 @@ title: Flutter 状态管理：使用 MobX
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/2fbde82783576.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/2fbde82783576.jpg)
 
 _文 / Paul Halliday, developer.school 创始人_
 
diff --git a/src/content/community/tutorials/how-to-use-dartpad-workshop.md b/src/content/community/tutorials/how-to-use-dartpad-workshop.md
index 51fbfbe1e9..ce6f9000ed 100644
--- a/src/content/community/tutorials/how-to-use-dartpad-workshop.md
+++ b/src/content/community/tutorials/how-to-use-dartpad-workshop.md
@@ -3,7 +3,7 @@ title: 使用 DartPad 制作代码实践教程
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2022/06/183a339569ee9.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/06/183a339569ee9.png)
 
 DartPad 是一个开源的、在浏览器中体验和运行 Dart 编程语言的线上编辑器，目标是为了帮助开发者更好地了解 Dart 编程语言以及 Flutter 应用开发。
 
diff --git a/src/content/community/tutorials/memory-leak-monitoring-on-flutter.md b/src/content/community/tutorials/memory-leak-monitoring-on-flutter.md
index 4d7d398e3c..cbeedf9f56 100644
--- a/src/content/community/tutorials/memory-leak-monitoring-on-flutter.md
+++ b/src/content/community/tutorials/memory-leak-monitoring-on-flutter.md
@@ -414,7 +414,7 @@ Flutter 的 widget tree 的层次是非常深的。
 通过上述的种种优化后，我得到了下面这个工具，
 在两个 `_InkResponseState` 节点中发现了问题：
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/GMbQYt.png){:width="70%"}
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/GMbQYt.png){:width="70%"}
 
 泄漏路径中有两个 `_InkResponseState` 节点所属的 route 信息不同，
 表明这两个节点在两个不同的页面中。
@@ -422,7 +422,7 @@ Flutter 的 widget tree 的层次是非常深的。
 说明组件已经销毁了，但是还是被 `FocusManager` 引用着！
 问题出现在这，来看下这部分代码
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/GMbq7d.png){:width="90%"}
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/GMbq7d.png){:width="90%"}
 
 代码中可以明显的看到 `addListener` 时候
 对 `StatefulWidget` 的生命周期理解错误。
@@ -433,7 +433,7 @@ Flutter 的 widget tree 的层次是非常深的。
 修复了上述泄漏之后，发现还有一处泄漏。
 排查后发现泄漏源在 `TransitionRoute` 中：
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/toDJAS.jpg){:width="90%"}
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/toDJAS.jpg){:width="90%"}
 
 当打开一个新页面的时候，
 该页面的 `Route`（也就是代码中的 `nextRoute`）
diff --git a/src/content/community/tutorials/observer-pattern-in-flutter-n-dart.md b/src/content/community/tutorials/observer-pattern-in-flutter-n-dart.md
index 730ce5c5ba..4c92490ad6 100644
--- a/src/content/community/tutorials/observer-pattern-in-flutter-n-dart.md
+++ b/src/content/community/tutorials/observer-pattern-in-flutter-n-dart.md
@@ -11,11 +11,11 @@ toc: true
 >>
 >> 这个主题对象在状态上发生变化时，会通知所有观察者对象，让它们能够自动更新自己。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2021-08-14-ObserverPattern.png)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-08-14-ObserverPattern.png)
 
 从定义中，不难发现，**观察者** 与 **被观察者 / 发布者** 是这个模式中最重要的组成元素。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2021-08-14-Observer1.png)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-08-14-Observer1.png)
 
 微信的公众号可以被视为生活中最典型的观察者模式的例子。如果你订阅了「Flutter社区」，每当 Flutter 社区发布文章时，就会给你及其他订阅者推送这个消息，这其中你就是 **观察者**，公众号「Flutter社区」就是 **被观察者 (Observable) 或发布者 (Subject)**。
 
@@ -27,7 +27,7 @@ toc: true
 
 面向对象中，观察者和和发布者 (被观察者) 分别对应两个类 (Observer 和 Subject) 的对象。
 
-![观察者模式 UML 图，图源维基百科](https://files.flutter-io.cn/posts/community/tutorial/images/2021-08-04-2880px-Observer_w_update.svg.png)
+![观察者模式 UML 图，图源维基百科]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-08-04-2880px-Observer_w_update.svg.png)
 
 发布类 (Subject) 中通常会有提供给每个对象订阅或取消订阅发布者事件流的 **订阅机制**，包括：
 
@@ -116,17 +116,17 @@ Stream 可以被看作是 Dart 语言原生支持的观察者模式的典型模
 
 从概念上讲，我们可以将 Stream 看做是一个可以连接两端的传送带，作为开发者，我们可以在传送带的一端放入数据，Stream 就会将这些数据传送到另一端。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2021-08-12-stream.svg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-08-12-stream.svg)
 
 和现实中的情况类似，如果传送带的另一端没有人接受数据，这些数据就会被程序丢弃，因此，我们通常会在传送到尾端安排一个接收数据的对象，在响应式编程中，它被称为数据的观察者。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2021-08-12-stream4.svg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-08-12-stream4.svg)
 
 如果说上文 Dart 面向对象中，观察者和被观察者两者的关系是在尽量保持低耦合的情况下而形成的，相对独立。那么在响应式编程中，它们的关系就是变得更加紧密的 **上游与下游** 的关系。
 
 因为 Stream，顾名思义，就是「流」的含义，被观察者在流的入口产生事件，观察者则在流的出口等待数据或事件的到来。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2021-08-14-Observer2.png)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-08-14-Observer2.png)
 
 在这套流程里，观察者的 **订阅** 与被观察者的 **事件发布** 等一系列操作都直接在 Stream 或者说是框架内部完成的。
 
diff --git a/src/content/community/tutorials/singleton-pattern-in-flutter-n-dart.md b/src/content/community/tutorials/singleton-pattern-in-flutter-n-dart.md
index eb603d1de8..ca501181f9 100644
--- a/src/content/community/tutorials/singleton-pattern-in-flutter-n-dart.md
+++ b/src/content/community/tutorials/singleton-pattern-in-flutter-n-dart.md
@@ -11,7 +11,7 @@ toc: true
 
 作为最简单的一种设计模式之一，对于单例本身的概念，大家一看就能明白，但在某些情况下也很容易使用不恰当。相比其他语言，Dart 和 Flutter 中的单例模式也不尽相同，本篇文章我们就一起探究看看它在 Dart 和 Flutter 中的应用。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2021-07-29-%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F.png)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-07-29-%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F.png)
 
 ## Flutter(able) 的单例模式
 
@@ -21,7 +21,7 @@ toc: true
 - 该实例只能通过静态方法 `getInstance()` 访问。
 - 类构造函数通常没有参数，且被标记为私有，确保不能从类外部实例化该类。
 
-![单例设计模式 UML 图，图源：https://www.uml-diagrams.org/class-reference.html](https://files.flutter-io.cn/posts/community/tutorial/images/2021-07-29-1_CqdIf_w0sOciElKyfam3fQ.png)
+![单例设计模式 UML 图，图源：https://www.uml-diagrams.org/class-reference.html]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-07-29-1_CqdIf_w0sOciElKyfam3fQ.png)
 
 遵循以上这些要求，我们就不难能用 Dart 写出一个普通的单例模式：
 
@@ -145,7 +145,7 @@ class Singleton {
 
 InheritedWidget 状态可遗传的特性可以帮助我们很方便的实现父子组件之间的数据传递，同时，它也可以作为状态管理中的 **数据仓库**，作为整个应用的数据状态统一保存的地方。
 
-![图源《Flutter 开发之旅从南到北》—— 第九章 图 9.4](https://files.flutter-io.cn/posts/community/tutorial/images/2021-07-29-%E6%95%B0%E6%8D%AE%E4%BB%93%E5%BA%93-3243985.svg)
+![图源《Flutter 开发之旅从南到北》—— 第九章 图 9.4]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-07-29-%E6%95%B0%E6%8D%AE%E4%BB%93%E5%BA%93-3243985.svg)
 
 上面代码中，我们通过继承 InheritedWidget 就实现了自己的可遗传组件 `_InheritedStateContainer`，其中的 `data` 变量表示全局状态数据，**在这里就可以被认为是整个应用的一个单例对象**。
 
@@ -182,7 +182,7 @@ Text(
 
 本篇文章，我们经历了从实现普通单例到应用 **getter 操作符** 的 Dart 单例，到使用 **工厂构造函数** Dart 单例，再到使用了 **工厂构造函数 + 空安全语法 + 箭头函数** 的 Dart 单例，最后结合对 InheritedWidget 概念的理解，看到了 Flutter 中特有的单例模式，算是每一步都走了一遍。但学习设计模式的重点还是在于实际应用，希望大家今后在实际工程中能将这些概念用起来，如果你想更进一步理解 Dart 中的单例模式，可以参阅「**拓展阅读**」学习更多，希望对你有帮助。
 
-![单例模式从南到北](https://files.flutter-io.cn/posts/community/tutorial/images/2021-07-29-%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F.svg)
+![单例模式从南到北]({{site.flutter-files-cn}}/posts/community/tutorial/images/2021-07-29-%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F.svg)
 
 ## 拓展阅读
 
diff --git a/src/content/community/tutorials/state-management-package-getx-provider-analysis.md b/src/content/community/tutorials/state-management-package-getx-provider-analysis.md
index e36b9c825b..b0b6a42bdd 100644
--- a/src/content/community/tutorials/state-management-package-getx-provider-analysis.md
+++ b/src/content/community/tutorials/state-management-package-getx-provider-analysis.md
@@ -24,7 +24,7 @@ toc: true
 
 以最经典的的计数器例子分析：
 
-![通过计数器 app 理解 Flutter 的「声明式」和「命令式」](https://files.flutter-io.cn/posts/community/tutorial/images/image-20220417103627166.jpg)
+![通过计数器 app 理解 Flutter 的「声明式」和「命令式」]({{site.flutter-files-cn}}/posts/community/tutorial/images/image-20220417103627166.jpg)
 
 如上图所示：点击右下角按钮，显示的文本数字加一。
 Android 中可以这么实现：当右下角按钮点中时，
@@ -69,7 +69,7 @@ setState(() {
 
 所以在 Flutter 中有这么一种说法: **UI = f(state)**:
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2022-05-03-ui-equals-function-of-state.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2022-05-03-ui-equals-function-of-state.jpg)
 
 上面的例子中，状态 (state) 就是 `_counter` 的值，调用 `setState` 驱动 `f` build 方法生成新的 UI。
 
@@ -92,7 +92,7 @@ setState(() {
 
 **1) 逻辑和页面 UI 耦合，导致无法复用/单元测试、修改混乱等**
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/image-20220416153119414.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/image-20220416153119414.jpg)
 
 一开始业务不复杂的时候，所有的代码都直接写到 widget 中，随着业务迭代，
 文件越来越大，其他开发者很难直观地明白里面的业务逻辑。
@@ -102,7 +102,7 @@ setState(() {
 
 **2) 难以跨组件 (跨页面) 访问数据**
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/image-20220416152601484.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/image-20220416152601484.jpg)
 
 第二点在于跨组件交互，比如在 Widget 结构中，
 一个子组件想要展示父组件中的 `name` 字段，
@@ -130,7 +130,7 @@ Flutter 中状态管理框架的核心在于这三个问题的解决思路，
 简单来说就是将 View 中的逻辑代码抽离到 Presenter 层，
 View 只负责视图的构建。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/image-20220416152955696.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/image-20220416152955696.jpg)
 
 这也是 Flutter 中几乎所有状态管理框架的解决思路，
 上图的 Presenter 你可以认为是 Get 中的 `GetController`、
@@ -141,7 +141,7 @@ Provider 中的 `ChangeNotifier` 或者 Bloc 中的 `Bloc`。
 一般 View 和 Presenter 以接口定义自身行为 (action)，
 **相互持有接口进行调用** 。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/image-20220416153312721.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/image-20220416153312721.jpg)
 
 但 Flutter 中不太适合这么做，
 从 Presenter → View 关系上 View 在 Flutter 中对应 Widget，
@@ -159,7 +159,7 @@ Widget 可以确实可以直接持有 Presenter，
 
 **1) 通过 Flutter 树机制处理 V → P 的获取**
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2022-05-03-three-trees-on-flutter.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2022-05-03-three-trees-on-flutter.jpg)
 
 ```dart
 abstract class Element implements BuildContext { 
@@ -194,7 +194,7 @@ abstract class BuildContext {
 一层一层地向上查找到需要的 Element 对象，
 获取 Widget 或者 State 后即可取出需要的变量。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/image-20220416154300160.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/image-20220416154300160.jpg)
 
 provider 也是借助了这样的机制，完成了 View -> Presenter 的获取。
 通过 `Provider.of` 获取顶层 Provider 组件中的 Present 对象。
@@ -211,7 +211,7 @@ provider 也是借助了这样的机制，完成了 View -> Presenter 的获取
 通过依赖注入的方式，实现了对 Presenter 层的获取。
 这样在任意的类中都可以获取到 Presenter。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/image-20220416154732460.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/image-20220416154732460.jpg)
 
 这个 Map 对应的 key 是 `runtimeType` + `tag`，
 其中 tag 是可选参数，而 value 对应 `Object`，
@@ -221,7 +221,7 @@ provider 也是借助了这样的机制，完成了 View -> Presenter 的获取
 
 这个问题其实和上一部分的思考基本类似，所以我们可以总结一下两种方案特点：
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/image-20220416154955957.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/image-20220416154955957.jpg)
 
 **Provider**
 * 依赖树机制，必须基于 context
@@ -238,7 +238,7 @@ Flutter 通过采用观察者模式解决，其关键在于两步：
 1. 观察者去订阅被观察的对象；
 1. 被观察的对象通知观察者。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2022-05-03-2-steps-of-the-observer-mode.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2022-05-03-2-steps-of-the-observer-mode.jpg)
 
 系统也提供了 `ValueNotifier` 等组件的实现：
 
@@ -344,7 +344,7 @@ class MyApp extends StatelessWidget {
 }
 ```
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2022-05-03-provider-level.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2022-05-03-provider-level.jpg)
 
 如代码所示，当我们直接将 Provider 与组件嵌套于同一层级时，
 这时代码中的 `Provider.of(context)` 运行时抛出 `ProviderNotFoundException`。
@@ -414,7 +414,7 @@ class MyApp extends StatelessWidget {
 要么完全使用 Get 中提供的组件，例如 `GetBuilder`，
 它会在 `dispose` 中释放。
 
-![](https://files.flutter-io.cn/posts/community/tutorial/images/2022-05-03-getx-runtimetype.jpg)
+![]({{site.flutter-files-cn}}/posts/community/tutorial/images/2022-05-03-getx-runtimetype.jpg)
 
 `GetBuilder` 中在 `dispose` 阶段进行回收:
 
diff --git a/src/content/community/tutorials/text-classification-using-tensorflow-lite-plugin-for-flutter.md b/src/content/community/tutorials/text-classification-using-tensorflow-lite-plugin-for-flutter.md
index 0ea3a23380..a56b4546c7 100644
--- a/src/content/community/tutorials/text-classification-using-tensorflow-lite-plugin-for-flutter.md
+++ b/src/content/community/tutorials/text-classification-using-tensorflow-lite-plugin-for-flutter.md
@@ -2,7 +2,7 @@
 title: 在 Flutter 中使用 TensorFlow Lite 插件实现文字分类
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2020/09/a21e5b12e71bb.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/09/a21e5b12e71bb.png)
 
 文/ Amish Garg，Google Summer of Code(GSoC) 实习生，译/ Yuan，谷创字幕组，审校/ Xinlei、Lynn Wang，CFUG 社区。
 
@@ -40,12 +40,12 @@ title: 在 Flutter 中使用 TensorFlow Lite 插件实现文字分类
 
 要在移动端上运行 TensorFlow 训练模型，我们需要使用 `.tflite` 格式。如果需要了解如何将 TensorFlow 训练的模型转换为 `.tflite` 格式，请参阅[官方指南](https://tensorflow.google.cn/lite/convert/python_api)。
 
-这里我们准备使用 TensorFlow 官方站点上预训练的文字分类模型，可[从这里下载](https://files.flutter-io.cn/posts/flutter-cn/2020/tensorflow-lite-plugin/text_classification.tflite)。
+这里我们准备使用 TensorFlow 官方站点上预训练的文字分类模型，可[从这里下载]({{site.flutter-files-cn}}/posts/flutter-cn/2020/tensorflow-lite-plugin/text_classification.tflite)。
 
 
 > 该预训练的模型可以预测当前段落的情感是积极还是消极。它是基于来自 Mass 等人的  [Large Movie Review Dataset v1.0](http://ai.stanford.edu/~amaas/data/sentiment/) 数据集进行训练的。数据集由基于 IMDB 电影评论所标记的积极或消极标签组成，[点击查看更多信息](https://tensorflow.google.cn/lite/models/text_classification/overview)。
 
-将 [`text_classification.tflite`](https://files.flutter-io.cn/posts/flutter-cn/2020/tensorflow-lite-plugin/text_classification.tflite) 和 [`text_classification_vocab.txt`](https://files.flutter-io.cn/posts/flutter-cn/2020/tensorflow-lite-plugin/text_classification_vocab.txt) 文件拷贝到 text_classification_app/assets/ 目录下。
+将 [`text_classification.tflite`]({{site.flutter-files-cn}}/posts/flutter-cn/2020/tensorflow-lite-plugin/text_classification.tflite) 和 [`text_classification_vocab.txt`]({{site.flutter-files-cn}}/posts/flutter-cn/2020/tensorflow-lite-plugin/text_classification_vocab.txt) 文件拷贝到 text_classification_app/assets/ 目录下。
 
 在 `pubspec.yaml` 文件中添加 `assets/`：
 
@@ -401,7 +401,7 @@ _classifier.classify("I didn't liked the movie");
 
 请在这里查阅完整代码：[Text Classification Example app with UI](https://github.com/am15h/tflite_flutter_plugin/tree/master/example/)。
 
-![Text Classification Example App](https://devrel.andfun.cn/devrel/posts/2020/09/3547a17bcd6eb.gif)
+![Text Classification Example App]({{site.flutter-files-cn}}/posts/images/2020/09/3547a17bcd6eb.gif)
 
 文字分类示例应用
 
diff --git a/src/content/community/tutorials/understanding-navigator-v2.md b/src/content/community/tutorials/understanding-navigator-v2.md
index 8b5b53b328..664c438b97 100644
--- a/src/content/community/tutorials/understanding-navigator-v2.md
+++ b/src/content/community/tutorials/understanding-navigator-v2.md
@@ -87,7 +87,7 @@ Page 同样只保存页面路由相关信息，
 框架层也存在一个 `createRoute()` 方法
 可以创建与之对应的 Route 实例。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/11/bc57589cd7882.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/11/bc57589cd7882.png)
 
 English placeholder for the translation toggle tools issue.
 
@@ -320,7 +320,7 @@ Router 就会将该状态分发给子组件，
 所以当 Navigator 作为 Router 的子组件时，
 就会天然具有感知路由状态改变的能力了，如下图所示：
 
-![](https://devrel.andfun.cn/devrel/posts/2020/11/957f7d75ef977.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/11/957f7d75ef977.png)
 
 当用户点击某个按钮就会触发类似下面这个函数的调用，
 该函数又会导致状态改变而重建子组件。
@@ -450,7 +450,7 @@ BackButtonDispatcher Delegate 回退事件都会转发给
 
 整个过程可以用下图表示：
 
-![](https://devrel.andfun.cn/devrel/posts/2020/11/516f15849e0aa.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/11/516f15849e0aa.png)
 
 {{site.alert.note}}
 
diff --git a/src/content/posts/Flutter-io19.md b/src/content/posts/Flutter-io19.md
index 113936360e..23f02821fe 100644
--- a/src/content/posts/Flutter-io19.md
+++ b/src/content/posts/Flutter-io19.md
@@ -19,7 +19,7 @@ I/O 期间我们迎来 [Flutter 框架](https://flutter.dev/) 的一个重要里
 
 ## 适用于所有屏幕的便携式界面框架
 
-![Flutter Mobile, Web, Desktop, and Embedded](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot5-release/flutter-platforms.png){:width="85%"}
+![Flutter Mobile, Web, Desktop, and Embedded]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot5-release/flutter-platforms.png){:width="85%"}
 
 毋庸置疑，高性能的便携式界面框架具有巨大的商业潜力。该框架可以通过单个代码库来为各种设备提供量身定制的出色体验。
 
@@ -33,7 +33,7 @@ I/O 期间我们迎来 [Flutter 框架](https://flutter.dev/) 的一个重要里
 
 为了展示 Web 版 Flutter，我们与《纽约时报》合作构建了一个演示版本。《纽约时报》不仅是世界一流的新闻媒体，而且以设计纵横字谜等益智游戏而闻名。由于狂热的解谜玩家希望能在当时使用的任何设备上玩游戏，所以《纽约时报》的开发团队把目光转向 Flutter，将其作为满足读者需求的潜在解决方案。发现能够利用同一组代码访问网页给他们带来了巨大裨益。在 Google I/O 大会上，你可以率先了解他们最近更新的 [KENKEN 解谜游戏](https://www.nytimes.com/games/prototype/kenken)。该游戏利用同一组代码在 Android、iOS、Web、Mac 和 Chrome 操作系统上运行。
 
-![ken-gratulations puzzle](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot5-release/nyt-game.gif){:width="85%"}
+![ken-gratulations puzzle]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot5-release/nyt-game.gif){:width="85%"}
 
 以下是《纽约时报》解谜游戏执行总监 Eric von Coelln 对 Flutter 使用体验的看法:
 
@@ -52,7 +52,7 @@ I/O 期间我们迎来 [Flutter 框架](https://flutter.dev/) 的一个重要里
 
 在今年的 I/O 上，我们宣布推出一个尤其令人振奋的项目，即 [ML Kit 自定义图像分类器](http://github.com/firebase/mlkit-custom-image-classifier)。该工具利用 Flutter 和 Firebase 构建，可为创建自定义图像分类模型提供基于应用的简易工作流。你可以使用手机的摄像头收集训练数据、邀请他人为你的数据集贡献素材、触发模型训练以及使用训练过的模型，这些操作都可以在同一个应用中实现。
 
-![Flutter ML Kit: create datasets, collaborate to collect data, train model, run inference](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot5-release/flutter-mlkit.png){:width="85%"}
+![Flutter ML Kit: create datasets, collaborate to collect data, train model, run inference]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot5-release/flutter-mlkit.png){:width="85%"}
 
 Flutter 越来越受欢迎，使用人数也越来越多。[有需求的客户](https://flutter.dev/showcase)不断增加，其中包括 eBay、Sonos、Square、Capital One、Alibaba 和 Tencent。这些公司正在利用 Flutter 开发应用，并从中发现乐趣！以下是 eBay 的高级开发者 Larry McKenzie 对 Flutter 的看法:
 
@@ -72,7 +72,7 @@ Flutter 目前也被用于桌面平台。在过去几个月，我们一直在研
 
 Smart Display 操作系统或许是 Flutter 目前已运行的最常见嵌入式平台之一，其为类似于 Google Home Hub 的设备提供技术支持。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot5-release/flutter-google-home-hub.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot5-release/flutter-google-home-hub.png){:width="85%"}
 
 目前在 Google 中，Smart Display 平台的部分 Google 自建功能由 Flutter 提供技术支持。Google 助理团队很高兴能够在接下来的几个月继续扩展通过 Flutter 为 Smart Display 构建的各项功能；而今年的目标是利用 Flutter 来驱动整个系统界面。
 
diff --git a/src/content/posts/a-new-version-fluttercn-website-released.md b/src/content/posts/a-new-version-fluttercn-website-released.md
index b5923a7889..4308b864d9 100644
--- a/src/content/posts/a-new-version-fluttercn-website-released.md
+++ b/src/content/posts/a-new-version-fluttercn-website-released.md
@@ -3,11 +3,11 @@ title: 新版 Flutter 中文开发者网站发布
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/12/VAmVaC.jpg){:max-width="90%"}
+![]({{site.flutter-files-cn}}/posts/images/2021/12/VAmVaC.jpg){:max-width="90%"}
 
 Develop as One，2021 年 Google 开发者大会 (Google Developer Summit) 于上个月顺利举办，包含众多最新 Google 技术产品更新的线上演讲，干货满满。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/12/QIL1S6.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/12/QIL1S6.jpg)
 
 在 11 月 16 日上午进行的主题演讲中提到，目前国内的开发者数量有 500 万以上，约占全球开发者数量的五分之一，中国的游戏开发商在头部的海外游戏市场份额超过 23%，排名第一，应用和游戏开发仍是一个值得持续投入并且拥有更广阔前景空间的市场。
 
@@ -26,12 +26,12 @@ DartPad 是一个开源的线上编译和运行 Flutter / Dart 代码的平台
 
 Pub.dev 上的 Dart package 和插件是 Flutter 生态中非常重要的组成部分，这些开箱即用的插件可以大大提高开发效率。今天，我们 **正式为 DartPad 加入了 package 的支持**，第一阶段我们支持了一组比较流行的 package，可以在 DartPad 右下角的图标上看到：
 
-![DartPad 支持导入 package 了](https://devrel.andfun.cn/devrel/posts/2021/12/pMrooB.jpg)
+![DartPad 支持导入 package 了]({{site.flutter-files-cn}}/posts/images/2021/12/pMrooB.jpg)
 
 如果你想提名更多希望我们支持的 package，可以在 DartPad 的 Issue 区提出或者点赞让我们看到：https://github.com/dart-lang/dart-pad/issues
 与此同时，由中国 Flutter 社区维护的 DartPad.cn 也支持了这项新的功能，国内的开发者可以使用 DartPad.cn 访问和体验。
 
-![Flutter 中文开发者网站 - flutter.cn](https://devrel.andfun.cn/devrel/posts/2021/12/VAmVaC.jpg)
+![Flutter 中文开发者网站 - flutter.cn]({{site.flutter-files-cn}}/posts/images/2021/12/VAmVaC.jpg)
 
 Flutter 网站也在今天正式发布全新的设计，新版的网站更专注从视觉和文字上突出 Flutter 的特性，包括在各种平台上使用 Flutter 构建应用的优势以及上手文档和参考资料、Flutter 开发的学习资料合集，也介绍了 Flutter 生态上的优势和强大的社区，还有关于通过 Flutter 盈利的教程和其他开发者的成功故事等。
 
diff --git a/src/content/posts/announcing-adobe-xd-support-for-flutter.md b/src/content/posts/announcing-adobe-xd-support-for-flutter.md
index 321c360231..c16e969b98 100644
--- a/src/content/posts/announcing-adobe-xd-support-for-flutter.md
+++ b/src/content/posts/announcing-adobe-xd-support-for-flutter.md
@@ -14,13 +14,13 @@ Flutter 希望成为任你挥洒创意的画布。
 
 在去年的 Flutter Interact 大会中，我们将焦点转向了那些使用 Flutter 进行探索和实验的创作者们。比如数字艺术家 Robert Felker，他使用 Flutter 通过生成算法 (generative algorithm) 构建了 [空灵的视觉效果和形式](https://v.youku.com/v_show/id_XNDQ2ODg0OTYxMg==.html)。我们还介绍了来自 [gskinner](https://flutter.gskinner.com/) 等创意机构的作品，他们用一件件充满创意的作品，展示了 Flutter 在表现形式方面的无限可能。另外，我们也了解到 Adobe 在 Flutter 方面的投入: 他们展示了一款 Adobe XD 插件的早期原型，让大家可以直接从 XD 中导出 Flutter 代码。
 
-![generative-artwork](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-adobe-xd-support-for-flutter/generative-artwork.png){:width="90%"}
+![generative-artwork]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-adobe-xd-support-for-flutter/generative-artwork.png){:width="90%"}
 
 △ Flutter 为创意提供了极富表现力的舞台，创造者可以尽情呈现优美、原生的体验，且不再受传统技术的束缚。(由 Flutter 绘制的生成艺术，Robert Felker 作品)
 
 今天 **我们很高兴和 Adobe 共同宣布，Adobe XD Flutter 导出插件现在正式开放早期体验** ，欢迎大家踊跃参与测试。[Adobe XD](https://www.adobe.com/products/xd.html) 是一款 UI/UX 设计和协作工具，帮助团队创造和分享网站、应用、语音界面以及游戏等内容的设计方案。作为业界知名的 [Adobe Creative Cloud](https://www.adobe.com/creativecloud.html) 套件中的一员，XD 让创作者们可以将矢量绘图、文字、图像、小交互和动画资源共冶一炉，打造出可以交互的原型，来预览软件产品实际的运行效果。随着 Flutter 导出功能的加入，XD 原型现在可以在几分钟内转变成可用的 Flutter 代码，创意想法和产品开发的间隔被进一步缩短。Adobe XD 支持 Windows 和 macOS 系统，并且提供了[免费的入门计划](https://www.adobe.com/products/xd/compare-plans.html)，方便大家快速上手。
 
-![flutter-plugin](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-adobe-xd-support-for-flutter/flutter-plugin.png){:width="90%"}
+![flutter-plugin]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-adobe-xd-support-for-flutter/flutter-plugin.png){:width="90%"}
 
 △ 使用插件即可轻松从 Adobe XD 导出到 Flutter
 
@@ -34,7 +34,7 @@ Flutter 希望成为任你挥洒创意的画布。
 
 要导出单个元素，只需选择你想导出至 Flutter 的单个 widget，然后点击 UI 面板中的 *复制所选项* ( *Copy Selected* ) 按钮。这会将元素对应的 Dart 代码复制到你的剪贴板中，你可以基于这些代码打造有状态或无状态的 widget:
 
-![flutter-plugin](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-adobe-xd-support-for-flutter/export-demo.png){:width="90%"}
+![flutter-plugin]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-adobe-xd-support-for-flutter/export-demo.png){:width="90%"}
 
 △ 导出的代码可以整合进现有的项目中，而且更新时不需要调整其他文件
 
@@ -42,7 +42,7 @@ Flutter 希望成为任你挥洒创意的画布。
 
 这个操作会在项目的 lib/ 子文件夹中创建一系列的类，你可以直接使用。你也可以继续调整 XD 原型，然后用 ⇧⌘F (在 Windows 上是 Ctrl+Shift+F) 再次导出，如果你在 Visual Studio Code 中打开了 Dart 的 "[在 Save Watcher 上使用热重载](https://dartcode.org/docs/settings/#dartpreviewhotreloadonsavewatcher)" 选项，那么当你重新导出 widget 时，你的应用将自动重新加载它们。
 
-![flutter-plugin](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-adobe-xd-support-for-flutter/live-demo.png){:width="90%"}
+![flutter-plugin]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-adobe-xd-support-for-flutter/live-demo.png){:width="90%"}
 
 △ 从 XD 快速转出代码的功能，使得从原型到应用之间的路径又多了一条
 
diff --git a/src/content/posts/announcing-codepen-support-for-flutter.md b/src/content/posts/announcing-codepen-support-for-flutter.md
index 3508fda765..b653a73036 100644
--- a/src/content/posts/announcing-codepen-support-for-flutter.md
+++ b/src/content/posts/announcing-codepen-support-for-flutter.md
@@ -46,7 +46,7 @@ CodePen 上的 Flutter 编辑器相当于激发创意表达与设计灵感的 "
 而 DartPad 则更像是你的 "左脑"，
 它会在你需要快速测试想法或者用代码实现某个技术概念的时候发挥作用。
 
-![codepen-demo](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/codepen-demo.gif){:width="95%"}
+![codepen-demo]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/codepen-demo.gif){:width="95%"}
 
 ## CodePen 上的 Flutter 编辑器
 
@@ -64,7 +64,7 @@ CodePen 上的 Flutter 编辑器相当于激发创意表达与设计灵感的 "
 右边则是 Flutter 网页的输出样式。
 你只需用鼠标拖动素材边框，便可查看该设计的互动效果。
 
-![GooeyEdge-demo](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/Gooey-edge-animation.gif){:width="95%"}
+![GooeyEdge-demo]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/Gooey-edge-animation.gif){:width="95%"}
 
 另外，你还可以对 Flutter 代码进行修改并查看相应的输出效果。
 例如，如果我们把页面控制图标的颜色从 "白色" 改成 "蓝色" (第 326 行代码)，
@@ -72,13 +72,13 @@ CodePen 上的 Flutter 编辑器相当于激发创意表达与设计灵感的 "
 CodePen 会为你自动重新编译修改后的代码。
 你只需更新一下代码，等待几秒钟，就可以看到新的输出。
 
-![页面控制图标的颜色变为蓝色](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/page-control-indicator.png){:width="95%"}
+![页面控制图标的颜色变为蓝色]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/page-control-indicator.png){:width="95%"}
 
 接下来让我们看看如果出现语法错误会发生什么。
 假设我不小心删除了第一行代码末尾的分号，编辑器会立即显示一条红色的警告信息，
 提醒我代码中含有语法错误。这些警告信息可帮助你轻松地发现并更正错误。
 
-![出现语法错误时的警告信息](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/debug-codepen.png)
+![出现语法错误时的警告信息]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/debug-codepen.png)
 
 ## 社交功能
 
@@ -87,9 +87,9 @@ CodePen 最值得称道的就是其丰富的社交和社区功能。
 你可以保存、收藏、添加到合集、分享至社交平台，
 甚至可以通过复刻项目以创建自己的版本。
 
-![社交功能](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/social1.png){:width="90%"}
+![社交功能]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/social1.png){:width="90%"}
 
-![社区分享](https://files.flutter-io.cn/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/social2.png){:width="90%"}
+![社区分享]({{site.flutter-files-cn}}/posts/flutter-cn/2020/announcing-codepen-support-for-flutter/social2.png){:width="90%"}
 
 ## 上手体验
 
diff --git a/src/content/posts/announcing-dart-2-12.md b/src/content/posts/announcing-dart-2-12.md
index adedf28f6a..75b066a54d 100644
--- a/src/content/posts/announcing-dart-2-12.md
+++ b/src/content/posts/announcing-dart-2-12.md
@@ -3,7 +3,7 @@ title: Dart 2.12 现已发布
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/6b1a0818de0a5.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/6b1a0818de0a5.png)
 
 *作者 / Michael Thomsen*
 
@@ -15,7 +15,7 @@ Dart 2.12 现已发布，其中包含 [健全的空安全](https://dart.cn/null-
 
 在详细了解健全空安全和 FFI 之前，我们先来讨论一下它们在哪些方面契合了我们对 Dart 平台的期望。编程语言往往有很多类似的功能，例如，很多语言都支持面向对象的编程或在 web 上运行。真正将各个语言区分开来的，是其独特的功能组合。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/6773481aed985.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/6773481aed985.jpg)
 
 Dart 具有横跨三个维度的独特功能组合:
 
@@ -48,7 +48,7 @@ if (globals.platform.isMacOS) {
 
 你发现错误了吗？由于 `version` 可能为空，所以 `major` 和 `minor` 也可能为空。如果单独检查此处代码，这一错误似乎并不难发现。但实际上，即使经过了严格的代码审查过程 (如 Flutter repo 所采用的代码审查流程)，也总是难免有这样的漏网之鱼。在启用空安全后，静态分析能够立即捕捉到这一问题 (如下图)。你可以 [在 DartPad 中亲自上手体验](https://dartpad.dev/0e9797be7488d8ec6c3fca92b7f2740f?null_safety=true)。
 
-![△ IDE 中的分析结果](https://devrel.andfun.cn/devrel/posts/2021/03/7260c6d9d0a2a.png)
+![△ IDE 中的分析结果]({{site.flutter-files-cn}}/posts/images/2021/03/7260c6d9d0a2a.png)
 
 △ IDE 中的分析结果
 
@@ -90,7 +90,7 @@ int definitelyInt(int? aNullableInt) {
 
 我们还添加了一个新的关键字，required。当一个命名的参数被标记为 required (在 Flutter widget API 中经常出现)，而调用者忘记提供该参数时，就会发生如下分析错误:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/17e1a588495f7.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/17e1a588495f7.png)
 
 ### **渐进迁移至空安全**
 
@@ -98,7 +98,7 @@ int definitelyInt(int? aNullableInt) {
 
 为了帮助你将现有代码迁移至空安全，我们提供了迁移工具和 [迁移指南](https://dart.cn/null-safety/migration-guide)。该工具会首先分析你所有的代码，然后你可以交互式地查看工具推断出的可空属性，如果你不同意工具得出的结论，则可以添加可空性提示以更改推断。添加迁移提示可能会大幅提升迁移质量。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/e4f5172c2403a.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/e4f5172c2403a.png)
 
 目前，在默认情况下，使用 [dart create](https://dart.cn/tools/dart-tool) 和 [flutter create](https://docs.flutter.cn/reference/flutter-cli) 新创建的 package 和应用中不会启用健全空安全。在大部分生态系统完成迁移后，我们预计将在后续的稳定版本中默认启用。你可以通过 `dart migrate` 在新创建的 package 或应用中轻松 [启用空安全](https://dart.cn/null-safety#create)。
 
diff --git a/src/content/posts/announcing-dart-2-13.md b/src/content/posts/announcing-dart-2-13.md
index 94680310ae..820d9f8180 100644
--- a/src/content/posts/announcing-dart-2-13.md
+++ b/src/content/posts/announcing-dart-2-13.md
@@ -3,7 +3,7 @@ title: Dart 2.13 版现已发布
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/mnqClZ.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/mnqClZ.png)
 
 *作者 / Kevin Moore & Michael Thomsen*
 
diff --git a/src/content/posts/announcing-dart-2-14.md b/src/content/posts/announcing-dart-2-14.md
index d512c73d2b..2cc708cfde 100644
--- a/src/content/posts/announcing-dart-2-14.md
+++ b/src/content/posts/announcing-dart-2-14.md
@@ -7,7 +7,7 @@ toc: true
 
 本月，我们发布了 Dart SDK 2.14 的正式版，新的版本旨在通过独特的可移植性、生产力和稳健性组合来打造构建应用程序的最佳平台。这一次，我们对 Apple Silicon 提供了更好的支持，并提供了许多增强生产力的功能，例如用于通过代码样式分析在你编写代码时捕获错误的标准 lint 代码规则、更快的发布工具、更好的级联代码格式以及一些小的语言特性更新。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/announcing-dart-2-14/announcing-dart-2-14.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/announcing-dart-2-14/announcing-dart-2-14.png){:width="85%"}
 
 自 Apple 在 2020 年末发布新的 [Apple 芯片](https://support.apple.com/zh-cn/HT211814 "Apple 芯片") 处理器芯片以来，我们一直致力于更新 Dart SDK 以增加对新处理器上的原生运行支持。所需的更新已经在 dev 渠道中提供了一段时间，过去一个月，beta 渠道也提供了支持，从 Dart 2.14.1 开始，可以在 Dart stable 渠道中使用啦。当你 [下载](https://dart.cn/get-dart "下载") 一个 macOS 的 SDK 时，确保要选择 ARM64 选项。请注意，与 Flutter SDK 中捆绑的 Dart SDK 还没有支持这些改进。
 
diff --git a/src/content/posts/announcing-dart-2-15.md b/src/content/posts/announcing-dart-2-15.md
index e3cc7e8a37..f117362887 100644
--- a/src/content/posts/announcing-dart-2-15.md
+++ b/src/content/posts/announcing-dart-2-15.md
@@ -7,7 +7,7 @@ toc: true
 
 我们已经正式发布了 Dart SDK 的 2.15 版本，该版本新增了可快速并发的工作器 isolate、新的构造函数拆分 (tear-off) 语言特性、经过改进的 dart:core 库枚举支持、package 发布者相关的新功能，等等。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/12/8CA8pZ.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/12/8CA8pZ.png)
 
 ## **工作器 isolate 的快速并发**
 
@@ -159,7 +159,7 @@ Package validation found the following errors:
 
 其次，我们还为发布者添加了另一个功能: 撤销已发布的 package 版本。当发布了有问题的 package 版本时，我们通常的建议是发布一个小幅升级的新版本来修复意外问题。但在极少数情况下，例如你尚未修复这些问题，或是你在原打算只发布一个次要版本时意外发布了一个主要版本，那么你就可以使用新的 [package 撤销功能](https://dart.cn/tools/pub/publishing#retract)，作为最后的补救方法。此功能在 pub.dev 的管理界面中提供:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/12/Cr4RZ4.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/12/Cr4RZ4.png)
 
 在 package 版本被撤销后，pub 客户端在 `pub get` 或 `pub upgrade` 中将不再解析该版本。如果有开发者已经解析该撤销的版本 (并存在于他们的 `pubspec.lock` 文件中)，他们将在下次运行 `pub` 时看到警告:
 
diff --git a/src/content/posts/announcing-dart-2-16.md b/src/content/posts/announcing-dart-2-16.md
index 3c824132c6..b70cb9e5d0 100644
--- a/src/content/posts/announcing-dart-2-16.md
+++ b/src/content/posts/announcing-dart-2-16.md
@@ -9,7 +9,7 @@ toc: true
 
 Dart 2.16 正式版已于上周发布。尽管没有新的语言特性加入，但本次版本发布包含了数个问题修复 (包括对安全漏洞的修复)，发布 Dart package 的时候也可以指定支持的平台，pub.dev 网站也更新了全新的搜索界面。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/02/d7ae376ac7664.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/02/d7ae376ac7664.png)
 
 与 [Flutter 2.10](https://mp.weixin.qq.com/s/FgMu6-O_wMkwxp2yxiW2Ew) 一同发布的 Dart 2.16，仍然在将旧的命令行工具迁移到新的 dart 命令行工具。这个版本中，`dartdoc`和 `dartanalyzer` 已被弃用，分别对应新的命令是 `dart doc` 和 `dart analyze`。`dartdoc`、`dartanalyzer` 和 `pub` 这三个命令计划在 Dart 2.17 中彻底移除。
 
@@ -58,7 +58,7 @@ dependencies:
 
 响应开发者的请求，我们对于在 pub.dev 上的搜索提供了更好的支持。此次更改的主要目的是帮助你区分和搜索支持的平台。以下是新的搜索界面预览:
 
-![Pub.dev 的搜索界面，侧边栏包含 Platforms、SDKs 和高级选项](https://devrel.andfun.cn/devrel/posts/2022/02/35e594d3f2d5c.jpg)
+![Pub.dev 的搜索界面，侧边栏包含 Platforms、SDKs 和高级选项]({{site.flutter-files-cn}}/posts/images/2022/02/35e594d3f2d5c.jpg)
 
 新的搜索界面在左侧有一个搜索筛选栏，你可以用它限制搜索范围:
 
diff --git a/src/content/posts/announcing-dart-2-5-super-charged-development.md b/src/content/posts/announcing-dart-2-5-super-charged-development.md
index 6222c064b1..bd3ad06297 100644
--- a/src/content/posts/announcing-dart-2-5-super-charged-development.md
+++ b/src/content/posts/announcing-dart-2-5-super-charged-development.md
@@ -3,7 +3,7 @@ title: Dart 2.5 正式公布
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/UUKmRn.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/UUKmRn.jpg)
 
 *作者: Michael Thomsen, Dart & Flutter Product Manager, Google*
 
@@ -18,7 +18,7 @@ toc: true
 
 我们热切地想要创建最佳的客户端开发语言。令人振奋的是，新的 [IEEE Spectrum 2019 最佳开发语言](https://spectrum.ieee.org/computing/software/the-top-programming-languages-2019) 评级已于近期出炉，而 Dart 已经跻身其中并位列第 16 名。在 "热门" 条目下，Dart 则排名第 10，在只考虑移动端开发语言时则排名第 6 (位于 Java、C、C++、C# 和 Swift 之后)。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/jpZtih.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/jpZtih.png)
 
 ## **ML Complete: 基于机器学习的代码补全**
 
@@ -26,17 +26,17 @@ toc: true
 
 但随着 API 数量的增长，探索 API 也变得愈发困难，因为补全功能提供的列表太长，开发者无法按照字母顺序去逐一浏览。在过去的一年里，我们一直在努力让机器学习来解决这个问题。简单地讲，我们通过 [分析 GitHub 上大量开源的 Dart 代码](https://console.cloud.google.com/marketplace/details/github/github-repos) 来训练一个模型，用以分析特定上下文时不同代码成员的出现模式。这个基于 [TensorFlow Lite](https://www.tensorflow.org/lite) 打造的模型在被训练成型后，可以在开发者编写代码时预测接下来需要用到的代码内容。这个新功能我们称之为 ML Complete。以下是使用 Flutter 框架开发新的 MyHome widget 的示例:
 
-![△ 使用 ML Complete 开发 Flutter widget 时的示例](https://devrel.andfun.cn/devrel/posts/2021/05/epDlid.gif)
+![△ 使用 ML Complete 开发 Flutter widget 时的示例]({{site.flutter-files-cn}}/posts/images/2021/05/epDlid.gif)
 
 > △ 使用 ML Complete 开发 Flutter widget 时的示例
 
 让我们来深入了解一下它的运行机制。假设你正在编写一个小程序来计算从当前时间开始一天后的时间。使用 ML Complete，你将获得下图这样迅捷的开发体验。
 
-![△ 使用 ML Complete 编写代码的体验](https://devrel.andfun.cn/devrel/posts/2021/05/tynAjy.gif)
+![△ 使用 ML Complete 编写代码的体验]({{site.flutter-files-cn}}/posts/images/2021/05/tynAjy.gif)
 
 > △ 使用 ML Complete 编写代码的体验
 
-![△ 不使用 ML Complete 编写同样代码的体验](https://devrel.andfun.cn/devrel/posts/2021/05/gpR4if.gif)
+![△ 不使用 ML Complete 编写同样代码的体验]({{site.flutter-files-cn}}/posts/images/2021/05/gpR4if.gif)
 
 > △ 不使用 ML Complete 编写同样代码的体验
 
@@ -109,7 +109,7 @@ cmdP.free();
 
 这段代码会执行系统命令，使用系统默认浏览器打开 dart.dev 网页:
 
-![△ 通过 dart:ffi 使用系统 API 打开默认浏览器](https://devrel.andfun.cn/devrel/posts/2021/05/6rNvGJ.gif)
+![△ 通过 dart:ffi 使用系统 API 打开默认浏览器]({{site.flutter-files-cn}}/posts/images/2021/05/6rNvGJ.gif)
 
 > △ 通过 dart:ffi 使用系统 API 打开默认浏览器
 
diff --git a/src/content/posts/announcing-dart-2-6.md b/src/content/posts/announcing-dart-2-6.md
index bcdd15e119..536fb98a1a 100644
--- a/src/content/posts/announcing-dart-2-6.md
+++ b/src/content/posts/announcing-dart-2-6.md
@@ -9,7 +9,7 @@ Dart 提供了 [丰富多样的编译器](https://dart.dev/platforms)，全方
 
 今天，我们正式推出 **dart2native**。作为现有编译器集合的一个扩展，dart2native 可以将 Dart 程序编译为含有预编译机器码的自包含可执行文件。在它的协助下，你可以使用 Dart 在 **macOS**, **Windows** 或 **Linux** 上创建命令行工具。下方的功能宣传图就是 [使用 dart2native 来实现](https://gist.github.com/mit-mit/faec2bfc1d1cef7cd09df917e531c5c0) 的。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/H1ZCVn.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/H1ZCVn.gif)
 
 ## **Dart Native 及 dart2native 编译器**
 
@@ -69,7 +69,7 @@ sys 0m0.020s
 
 新推出的 dart2native 编译器让打包工作变得十分简单，我们最终得到了一个 7MB 大小的自包含代码编辑器。请查看下方演示动图，了解 Kilo 的编译过程，以及编译后的 Kilo 是如何通过编辑自己的源代码来修复错误的。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/frVHPl.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/frVHPl.gif)
 
 正在编辑自己的源代码的 Kilo 编辑器 (该编辑器使用 Dart 编写，并通过 dart2native 编译为可执行文件)
 
diff --git a/src/content/posts/announcing-dart-2-8.md b/src/content/posts/announcing-dart-2-8.md
index 164e7ba51d..8ace912b44 100644
--- a/src/content/posts/announcing-dart-2-8.md
+++ b/src/content/posts/announcing-dart-2-8.md
@@ -3,7 +3,7 @@ title: Dart 2.8 同期发布
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/w7DjVe.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/w7DjVe.png)
 
 *作者 / Michael Thomsen, Dart & Flutter Product Manager, Google*
 
@@ -33,7 +33,7 @@ Pub package 管理器和 pub.dev 网站为 Dart 和 Flutter 提供了欣欣向
 
 ## **使用 pub outdated 管理依赖**
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/LpzhUs.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/LpzhUs.gif)
 
 Dart 代码中的依赖关系会被收集到 [pubspec 文件](https://kw-staging-dartlang-2.firebaseapp.com/tools/pub/pubspec) 中。当你运行 pub get 命令，从 pub.dev 中获取 package 时，pub 版本求解器 (使用 [PubGrub 算法](https://medium.com/@nex3/pubgrub-2fb6470504f)) 会运行一个进程来得出满足 pubspec 中所有约束条件的所有依赖项的最新版本。请注意，pub 使用的是单版本方案，你的应用中只包含每个 package 的单一版本，这个方案可以确保你的应用获得尽可能小的体积。
 
@@ -41,25 +41,25 @@ Dart 代码中的依赖关系会被收集到 [pubspec 文件](https://kw-staging
 
 我们来看一个例子。假如你正在构建一款应用，这款应用的 pubspec.yaml 包含下列内容:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/9DxuuV.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/9DxuuV.png)
 
 运行 pub get，这款工具会创建一个 pubspec.lock 文件，包含如下版本信息:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/FYXC5g.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/FYXC5g.png)
 
 几个月过去了，pub.dev 现在有了新版本的 foo (1.3.1) 和 bar (2.1.0 和 3.0.3)。那么我们如何才能知道这些新版本是可用的？对于小版本升级 (foo 1.4.0 和 bar 2.1.0)，你可以运行 pub upgrade，但这样你不会得到 bar 3.0.0。为了版本更新你不得不访问 pub.dev 上对应 package 的页面来了解详情。或者你也可以尝试社区提供的解决方案，比如 Paulina Szklarska 的 [version checker](https://plugins.jetbrains.com/plugin/12400-flutter-pub-version-checker) 或者 Jeroen Meijer 的 [pubspec assist](https://marketplace.visualstudio.com/items?itemName=jeroen-meijer.pubspec-assist)。
 
 Dart SDK 现在通过 `pub outdated` 支持发现新版本。如果你使用的是支持 Dart 或 Flutter 的 IDE，请使用 **Pub outdated** 指令，这个指令在 `pubspec.yaml` 文件被打开时会显示。或者通过终端运行 `pub outdated` 或者 f`lutter pub outdated` 命令:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/B9BoA1.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/B9BoA1.png)
 
 上面的输出结果表明，我们可以使用 pub upgrade 自动升级到 foo 1.3.1，也就是 foo 的最新可用版本。与此同时，虽然我们可以自动升级到 bar 2.1.0，但最新可用的版本其实是 3.0.3。升级到 bar 3.0.3 属于大版本升级，所以我们需要编辑 pubspec.yaml 文件，才能完成升级:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/oGr7Qc.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/oGr7Qc.png)
 
 在编辑完 pubspec 并运行 pub upgrade 之后，pub outdated 会报告所有的依赖均已是最新版本:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/RwkudP.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/RwkudP.png)
 
 成功更新到最新版本了！由于我们刚才获取了最新的版本，包括一次大版本升级，现在我们需要查看一下这些版本中是否存在重要改动。然后运行各种测试，确保我们的应用可以正常运行。
 
diff --git a/src/content/posts/announcing-dart-3-2.md b/src/content/posts/announcing-dart-3-2.md
index 787bb26ac1..bfb74c3eba 100644
--- a/src/content/posts/announcing-dart-3-2.md
+++ b/src/content/posts/announcing-dart-3-2.md
@@ -3,7 +3,7 @@ title: Dart 3.2 更新盘点
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/BzdDG1.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/BzdDG1.png)
 
 *作者 / Kevin Moore 和 Michael Thomsen*
 
@@ -66,7 +66,7 @@ class Container {
 
 Dart [DevTools](https://dart.cn/tools/dart-devtools) 是一套用于支持纯 Dart 和 Flutter 应用的调试及性能工具。我们在 Dart 3.2 和 Flutter 3.16 中 [推出](https://medium.com/p/c8bc1aaf8e5f/) 了新的 [扩展框架](https://pub.flutter-io.cn/packages/devtools_extensions)，让 package 作者能够直接在 DevTools 中为其 package 构建自定义工具。因此，包含框架的 pub.dev package 能够提供特定于其用例的自定义工具。例如，[Serverpod](https://pub.flutter-io.cn/packages/serverpod) 的作者一直在努力为其 package 构建 DevTools，并且很高兴在即将发布的 [1.2 版本](https://github.com/orgs/serverpod/projects/4) 中提供 DevTools 扩展程序。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/toBjEO.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/toBjEO.png)
 
 △ 计划纳入即将发布的 ServerPod 1.2 版本中的 DevTools 扩展程序
 
diff --git a/src/content/posts/announcing-flutter-1-12.md b/src/content/posts/announcing-flutter-1-12.md
index bb01bbcf30..e75aaca0e5 100644
--- a/src/content/posts/announcing-flutter-1-12.md
+++ b/src/content/posts/announcing-flutter-1-12.md
@@ -18,13 +18,13 @@ description: Flutter 1.12 正式发布，包括多项性能改进等。
 
 Flutter 1.12 带来的一个重磅消息是，我们现已支持 iOS 13 风格的界面和操作。这包括在 Cupertino widget 中对深色模式的全面支持。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/ios-13-dark-mode.png){:width="60%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/ios-13-dark-mode.png){:width="60%"}
 
 仔细观察上图你会发现，如果想要支持深色模式，可不是单单换个背景颜色就大功告成了，必须要让屏幕上的其它颜色也适应偏暗的色调才行。这些细节处理为开发者带来了巨大的工作量，但是为了在深色和浅色模式下都能呈现出精美的 Cupertino 风格外观，这些努力都是值得的。
 
 在 iOS 13 上实现像素级完美是我们一直在努力的目标，为此，我们在 Flutter 1.12 中新增了 2 个 widget。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/cupertino-context-menu-and-cupertino-sliding-segmented-control.png){:width="60%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/cupertino-context-menu-and-cupertino-sliding-segmented-control.png){:width="60%"}
 
 [CupertinoContextMenu](https://api.flutter.cn/flutter/cupertino/CupertinoContextMenu-class.html) 和 [CupertinoSlidingSegmentedControl](https://api.flutter.cn/flutter/cupertino/CupertinoSlidingSegmentedControl-class.html)
 
@@ -34,7 +34,7 @@ Flutter 1.12 带来的一个重磅消息是，我们现已支持 iOS 13 风格
 
 Add-to-App 功能更新是我们在移动支持方面所做的另一项改进。通过 Add-to-App，开发者可以将 Flutter 集成到现有的 Android 或 iOS 应用中。我们一直在努力简化集成流程，让你可以更轻松地把 Flutter 代码库添加到应用中，比如说，我们在 Android Studio 中添加了一个全新的 Flutter 模块向导。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/flutter-module.png){:width="70%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/flutter-module.png){:width="70%"}
 
 Flutter 1.12 现已正式支持 Add-to-App 功能，允许开发者在应用中添加一个全屏 Flutter 实例。在支持这个功能的同时，我们还: 
 
@@ -57,7 +57,7 @@ Flutter 不仅通过稳定渠道发布了许多全新功能，稳定版之外亦
 
 Flutter 1.12 master、dev 和 beta 三个渠道所提供的 web 支持均有明显提升。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/support-for-web.png){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/support-for-web.png){:width="95%"}
 
 [Rivet](https://rivet.area120.com/link/flutter) (应用界面如上图所示) 对 Flutter 在 web 端的表现非常满意。Rivet 是一个教育项目，旗下的移动版应用已经发布，目前，他们正在使用 Flutter 和 Firebase 构建 web 版本的应用，预计发布时间为 2020 年 1 月。
 
@@ -67,7 +67,7 @@ Flutter 1.12 master、dev 和 beta 三个渠道所提供的 web 支持均有明
 
 macOS 桌面支持的进展也很顺利，现在已经从技术预览版迭代至 alpha 版，并通过 master 和 dev 两个渠道开放下载。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/macos-desktop-support.png){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/macos-desktop-support.png){:width="95%"}
 
 上图展示的是桌面尺寸的[新版 Flutter Gallery](https://flutter.github.io/samples/#/)，经过彻底升级，现在它已经支持 Android、iOS、web 和 macOS。
 
@@ -77,13 +77,13 @@ macOS 端支持的 alpha 版代表着 Flutter 在桌面支持领域的重大进
 
 现在，你只需通过 "flutter create" 命令就能创建一个可在 macOS 平台上运行的 Flutter 项目，操作步骤和新建一个普通的 Flutter 项目一样简单。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/flutter-create.png){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/flutter-create.png){:width="95%"}
 
 △ 请注意默认创建的新 macOS 目录
 
 除了工具支持之外，我们也在一直探索适合桌面级应用的 widget 密度。移动应用需要较大的控制区域才能正常进行触控操作，但在桌面应用中，用户更可能会使用鼠标。为了把 Flutter 带到桌面，我们现在允许你选择 widget 密度，以便更好地满足桌面用户的需求。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/sample-demonstrating-flutters-implementation-of-the-material-density-guidelines.gif){:width="60%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/sample-demonstrating-flutters-implementation-of-the-material-density-guidelines.gif){:width="60%"}
 
 [示例](https://github.com/gspencergoog/density_sample): [Material 视觉密度设计规范](https://material.io/design/layout/applying-density.html)在 Flutter 上的实现 
 
@@ -114,7 +114,7 @@ macOS 端支持的 alpha 版代表着 Flutter 在桌面支持领域的重大进
 
 如果你还没用过 [DartPad](https://dartpad.cn/) 的话，不妨现在就上手试试！有了它，你不用安装任何工具就能体验 Dart 的功能。此外，最新的 DartPad 还支持 Flutter！
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/dartpad.png){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/dartpad.png){:width="95%"}
 
 全新的 DartPad 活用了 Flutter 的 web 端支持，当你在左侧编写 Flutter 代码的时候，右侧就会实时运行一个真实的 Flutter (web) 程序。DartPad 的独特之处在于，你无需安装任何程序就能立即开始编写 Flutter 应用。
 
@@ -130,7 +130,7 @@ macOS 端支持的 alpha 版代表着 Flutter 在桌面支持领域的重大进
 
 无论你是选择自己手写代码，还是让 Hot UI 替写，代码中出现问题总是难免的。我们推出 Dart DevTools 工具的目的就是，帮助你找到并修复这些问题。在新版 DevTools 中，我们添加了一个名为 Layout Explorer 的功能，它能够以可视化的方式呈现应用的布局信息，从而让检查器可以更好地发挥功能。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/layout-explorer.gif){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/layout-explorer.gif){:width="95%"}
 
 Layout Explorer 不仅能以可视化的方式展现正在运行的应用中的 widget 布局，而且还允许你以交互的方式更改布局选项。我们希望这个功能预览可以让你更容易理解并修正布局问题。如需启用这一功能，请参阅 [Layout Explorer 官方文档](https://docs.flutter.cn/development/tools/devtools/inspector#flutter-layout-explorer)。
 
@@ -138,7 +138,7 @@ Layout Explorer 不仅能以可视化的方式展现正在运行的应用中的
 
 构建并调试 Flutter UI 的工作往往是在同一台设备上完成的。如果能同时在多台实体或虚拟的设备上调试你的应用，是不是会更好呢？Flutter 在 Visual Code 上提供的多会话调试支持就能帮你做到这一点。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/multi-device-debugging.png){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/multi-device-debugging.png){:width="95%"}
 
 从上面这张图里我们可以看到，一个 Flutter 应用正同时运行在 3 个不同的调试会话中，如果我们在代码中做出一处更改，Hot Reload 会确保这个更改反映在所有 3 个应用中。如果我们设置一个断点，那么无论哪个应用触发了相关代码，它都会停下来。如果你想中止某一个会话的调试，也不需要停止所有的会话。请前往 Github wiki 页面了解如何配置这个功能来实现[多设备调试](https://github.com/flutter/flutter/wiki/Multi-device-debugging-in-VS-Code)。
 
@@ -154,7 +154,7 @@ Layout Explorer 不仅能以可视化的方式展现正在运行的应用中的
 
 Golden 图像指的是一个主图像文件，它是 widget、state、应用或其它你选择捕捉的视觉内容的正确渲染结果。在 Flutter 1.12 中，我们实现了 [GoldenFileComparator](https://api.flutter.cn/flutter/flutter_test/GoldenFileComparator-class.html) 和 [LocalFileComparator](https://api.flutter.cn/flutter/flutter_test/LocalFileComparator-class.html) 类，它们依照像素而不是比特来进行比较，因此可以彻底消除错误的比较结果。这些新的实现强调呈现视觉差异，从而更清楚地展现出 Golden 图像和正在测试中的更新文件之间的差异。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/golden-image-testing.png){:width="60%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/golden-image-testing.png){:width="60%"}
 
 在这个例子中，主图像文件 (上图) 和测试图像文件 (下图) 之间的差异集中在轮廓上，通过差值图 (中图) 可以更容易地看出二者之间的差异。
 
@@ -172,7 +172,7 @@ Golden 图像指的是一个主图像文件，它是 widget、state、应用或
 
 我们的用户仍在不断要求推出 "官方推荐" 的代码包和插件。为此，我们很高兴地推出 [Flutter Favorite 计划](https://docs.flutter.cn/development/packages-and-plugins/favorites)。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/the-flutter-favorite-program.png){:width="30%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/the-flutter-favorite-program.png){:width="30%"}
 
 Flutter Favorite 代码包 (或插件) 是我们认为你在构建应用时的第一选择。这里的 "我们" 指的是 Flutter Ecosystem Committee (Flutter 生态圈委员会)。委员会成员来自各个地区，由 Google 的 Flutter 团队和 Flutter 社区共同推选，他们的目标是解决 Flutter 生态圈中存在的各种问题。委员会要做的第一件事就是建立一个高标准基线，并依照这个标准线挑选出合适的代码包。被选中的代码包的作者可以在代码包说明文档中使用 Flutter Favorite 徽标。此外，pub.dev 在更新后也会在搜索结果等位置显示 Flutter Favorite 徽标。
 
@@ -182,15 +182,15 @@ Flutter Favorite 代码包 (或插件) 是我们认为你在构建应用时的
 
 谈到值得骄傲的贡献，就不得不说 Flutter 社区打造的众多出色工具。我们在下面列举部分成果。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/flutter-device-preview.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/flutter-device-preview.png){:width="85%"}
 
 [Flutter Device Preview](https://github.com/aloisdeniel/flutter_device_preview)
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/widget-maker.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/widget-maker.png){:width="85%"}
 
 [Widget Maker](https://www.widgetmaker.dev/)
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/panache.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/panache.png){:width="85%"}
 
 [Panache](https://rxlabz.github.io/panache/#/)
 
@@ -198,7 +198,7 @@ Flutter Favorite 代码包 (或插件) 是我们认为你在构建应用时的
 
 Flutter 生态圈不仅包括由社区开发的丰富工具，还有一批很棒的工作开发伙伴。Nevercode 一直以来都是我们的重要合作伙伴之一，他们最新发布的工具提供了许多新功能，其中一项就是名为 [Remote Mac 的 Visual Studio Code 插件](https://marketplace.visualstudio.com/items?itemName=codemagic.remote-mac)。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot12-release/remote-mac.png){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot12-release/remote-mac.png){:width="95%"}
 
 Remote Mac 扩展插件可以让你直接连上一台由团队托管在云端的 Mac 主机，然后测试 iOS 和 macOS 版本的 Flutter 代码。如果你想要了解更多关于 Nevercode 最新产品的信息，例如对 web 端和 macOS 端 Flutter 的最新支持，全新的企业功能等等，请参阅他们[最新发布的博文](https://blog.codemagic.io/more-professional-capable-accessible/)。
 
diff --git a/src/content/posts/announcing-flutter-1-17.md b/src/content/posts/announcing-flutter-1-17.md
index d0bcf41012..60dddf809d 100644
--- a/src/content/posts/announcing-flutter-1-17.md
+++ b/src/content/posts/announcing-flutter-1-17.md
@@ -3,7 +3,7 @@ title: Flutter 1.17 — 2020 首个稳定版发布！
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/g6bFl3.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/g6bFl3.jpg)
 
 *作者 / Chris Sells, Product Manager, Flutter developer experience*
 
@@ -29,7 +29,7 @@ toc: true
 
 内存使用方面也有明显的优化，例如在快速滚动大型图片时 [内存占用减少了 70%](https://github.com/flutter/engine/pull/14265)，进而提升性能，具体提升的程度取决于设备内存的大小。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/lKp7yG.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/lKp7yG.png)
 
 > △ 测试应用的内存占用量随着 PR 合并的变化 (竖条越短内存占用越少)
 
@@ -39,7 +39,7 @@ toc: true
 
 Apple 的 Metal API 使开发者几乎直接访问底层 GPU，它也是 Apple 推荐使用的图形 API。在支持 Metal 的 iOS 设备上，Flutter 将默认使用 Metal，使得应用在绝大多数情况下都运行得更快，[渲染速度平均提升约 50%](https://github.com/flutter/flutter/issues/53768) (具体取决于设备的工作负载)。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/rqHHKL.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/rqHHKL.png)
 
 > △ 测试 iOS 应用在 OpenGL 和 Metal 下的帧渲染时间 (值越低越好)
 
@@ -49,7 +49,7 @@ Apple 的 Metal API 使开发者几乎直接访问底层 GPU，它也是 Apple 
 
 基于多方用户的反馈，我们也在持续推进 Material 设计系统在 Flutter 中落地。在新版本中我们加入了 [NavigationRail](https://master-api.flutter-io.cn/flutter/material/NavigationRail-class.html)，这是一个新的 widget，提供了响应式的应用导航模型。它由 Google Material Design 团队 [设计](https://material.io/components/navigation-rail) 并实现。NavigationRail 非常适合可以在移动和桌面设备之间切换的应用，当你的应用所在的屏幕尺寸增大时，你可以非常容易地从 BottomNavigator 切换成 NavigationRail。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/10uOeq.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/10uOeq.gif)
 
 > △ 新加入的 NavigationRail widget
 
@@ -57,17 +57,17 @@ Apple 的 Metal API 使开发者几乎直接访问底层 GPU，它也是 Apple 
 
 除了加入新的 widget 之外，新版本还更新了 Material [DatePicker](https://api.flutter.dev/flutter/material/showDatePicker.html) 以及修正了文字选择菜单 widget 的溢出显示问题。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/B4GHia.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/B4GHia.gif)
 
 > △ 新的 Material DatePicker widget
 
 DatePicker 基于更新过的 [Material 设计指南](https://material.io/components/pickers/#mobile-pickers) 引入了新的视觉设计，并新增了文本输入模式。详情请阅读 [Material DatePicker 改版文档](https://flutter.dev/go/material-date-picker-redesign)。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/TwiEKM.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/TwiEKM.gif)
 
 > △ Android 上新版文字选择悬浮菜单
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/67UFM4.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/67UFM4.gif)
 
 > △ iOS 上新版文字选择悬浮菜单
 
@@ -75,7 +75,7 @@ DatePicker 基于更新过的 [Material 设计指南](https://material.io/compon
 
 另外，[全新的 Animations Package](https://pub.flutter-io.cn/packages/animations)，虽然并没有被包含进 Flutter 1.17 版本中，但也已同期发布。它实现了 [新的 Material 动效规范](https://material.io/design/motion/the-motion-system.html)。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/cDpbsU.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/cDpbsU.gif)
 
 > △ Animations Package 中的容器转场动画
 
@@ -87,7 +87,7 @@ DatePicker 基于更新过的 [Material 设计指南](https://material.io/compon
 
 2018 年 Material TextStyle 的名称和配置汇总如下表所示。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/ICBLwp.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/ICBLwp.png)
 
 Material Design 规范中称为 `body1` 和 `body2` 的 TextStyle 在 Flutter TextTheme API 中被称为 `bodyText1` 和 `bodyText2`。同样的，在规范中称为 `H1-H6` 的 TextStyle，在 TextTheme API 中称为 `headline1-headline6`。
 
@@ -95,7 +95,7 @@ Material Design 规范中称为 `body1` 和 `body2` 的 TextStyle 在 Flutter Te
 
 文本和字体总是密不可分，如果新的 Material 文字缩放实现让你眼前一亮，那么你可能也会对新的 [Google Fonts for Flutter v1.0](https://medium.com/flutter/introducing-google-fonts-for-flutter-v-1-0-0-c0e993617118) 颇感兴趣。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/FJhCZx.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/FJhCZx.gif)
 
 > △ 在 Flutter 应用中轻松使用 Google Fonts
 
@@ -111,11 +111,11 @@ Material Design 规范中称为 `body1` 和 `body2` 的 TextStyle 在 Flutter Te
 
 将当前版本的 Dart DevTools 替换成新的 Flutter 版本，这一进程通过 Flutter 1.17 已经接近完成。如果你想试试新的 Flutter 版 Dart DevTools，请在启动 DevTools 后点击右上角的 Beaker (烧瓶) 图标。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/lbMHWp.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/lbMHWp.png)
 
 由 Flutter 实现的 Dart DevTools 预发布版本带来了诸多改进，其中全新的 **Network** (网络) 选项卡最为重要。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/tpb7Pb.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/tpb7Pb.png)
 
 如果你在 Dart DevTools 的预发布版本中没有看到 Network 选项卡 (比如，你是通过命令行来使用 DevTools)，可以通过如下命令手动更新它:
 
@@ -143,13 +143,13 @@ void main() {
 
 如果你使用的是 Visual Studio Code，我们推荐使用新的 **Dart: List Outdated Packages** 命令来运行新的 pub outdedated 命令。详情请见 Dart 2.8 发布 (今日微信二条文章)。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/wRDc6Y.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/wRDc6Y.png)
 
 这个命令用于厘清依赖项中的版本问题。
 
 最后值得一提的是，现在当 Flutter 崩溃时，工具会提示你上报这个 bug:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/mh6Izu.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/mh6Izu.png)
 
 我们的团队会密切关注这些错误报告的严重程度和出现频率，所以当这些提示出现时，请提交 bug 给我们。
 
@@ -157,7 +157,7 @@ void main() {
 
 Flutter 的存在是为了实现精美的应用体验。数字开发商 [Superformula](https://superformula.com/flutter/) 最近就完成了一件精彩的作品: 他们最近与 MGM Resorts (美高梅酒店集团) 合作，完全使用 Flutter [对其移动应用进行了重构](https://www2.mgmresorts.com/app/)。他们反馈道，"在核心产品中引入 Flutter，为我们的客户和他们的用户带来了更快的速度和更高的灵活性，从而为他们带来了真正的、可衡量的价值。"
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/004NS7.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/004NS7.png)
 
 Superformula 与 MGM Resorts 设计团队合作，为所有主要的网络、移动和店头体验打造了全新的 MGM 设计语言。这个规模不大的团队使用全新的 Flutter 源码库更快地完成了应用改版，并在两个应用商店上架，使得 MGM 的预订转化率提高了 9%。
 
diff --git a/src/content/posts/announcing-flutter-1-20.md b/src/content/posts/announcing-flutter-1-20.md
index c66409c056..02e3c68fc2 100644
--- a/src/content/posts/announcing-flutter-1-20.md
+++ b/src/content/posts/announcing-flutter-1-20.md
@@ -4,7 +4,7 @@ description: 性能改进、移动端自动填充、全新 widget 以及更多
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/bbbf90037ad95.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/bbbf90037ad95.png)
 
 作者 / Chris Sells, Product Manager, Flutter developer experience
 
@@ -26,7 +26,7 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 此版本带来的另一项性能改进是使用预热阶段减少动画初始显示时的卡顿。以下为卡顿改进的动画示例（半速播放）。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/455f666234c9d.gif)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/455f666234c9d.gif)
 
 △ 使用和不使用 SkSL 预热的动画
 
@@ -37,7 +37,7 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 有了更好、更快、更强大的鼠标点击测试，我们又增加了鼠标光标支持，这也是桌面端最受期待的功能之一。一些常用的 widget 将默认显示主流光标，你也可以从支持的光标列表中指定其他光标。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/86c0af8ecf3d3.gif)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/86c0af8ecf3d3.gif)
 
 △ 鼠标在 Android 既有的 widget 上悬停时切换显示光标
 
@@ -47,7 +47,7 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 一段时间以来，呼声最高的 Flutter 功能之一就是为 Flutter 应用中的文本自动填充提供 Android 和 iOS 的底层支持。通过 [PR 52126](https://github.com/flutter/flutter/pull/52126)，我们很高兴地宣布该支持已经实现，如果操作系统已经搜集到可供自动填充的信息，你的用户无需再重新输入了。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/04693616a125a.gif)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/04693616a125a.gif)
 
 △ 自动填充
 
@@ -57,7 +57,7 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 此版本引入了一个新的 widget：InteractiveViewer。InteractiveViewer 旨在为你的应用构建常见交互，如平移、缩放和拖放，甚至在可调节大小的窗口中也可实现这些交互，请参见下面这个 [简单的围棋示例](https://github.com/justinmc/flutter-go)。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/1926f95f7fd40.gif)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/1926f95f7fd40.gif)
 
 △　InteractiveViewer 的缩放、平移、调整大小与拖放
 
@@ -65,7 +65,7 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 有兴趣在 Flutter 应用中加入更多类似 InteractiveViewer 的交互？欢迎了解一下我们在这一版本 [对拖放功能所做的增强](https://github.com/monkeyswarm/DragTargetDetailsExample)。具体来说，如果你想知道拖拽的“放置”操作发生在目标 widget（始终对 Draggable 对象可用）上的精确位置，现在你可以通过 DragTarget 的 onAcceptDetails 方法获得该信息。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/89b6c425a5767.gif)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/89b6c425a5767.gif)
 
 △ 接收拖放目标详情信息演示
 
@@ -75,23 +75,23 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 除了新添加的 widget，此版本还包含许多既有 widget 的更新，以匹配 [最新的 Material 指南](https://material-io.cn/components/sliders)。其中包括 Slider 和 RangeSlider。更多信息参见 [Slider widget 的更新](https://medium.com/flutter/whats-new-with-the-slider-widget-ce48a22611a3)。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/163a04b7ec35d.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/163a04b7ec35d.png)
 
 △ 新版 Material Slider
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/4b39c88d13982.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/4b39c88d13982.png)
 
 △ 新版 Material RangeSlider
 
 更新的 DatePicker 新添了紧凑型设计以及对日期范围的支持。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/9b72841cf6b9a.gif)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/9b72841cf6b9a.gif)
 
 △ 新版 DatePicker
 
 最后，TimePicker 也有了全新的视觉风格。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/aa761b870a116.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/aa761b870a116.png)
 
 △ 新版 TimePicker
 
@@ -101,7 +101,7 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 此版本的另一个更新是 AboutDialog 中提供的新的响应式许可页面。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/f46d9adbfbdba.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/f46d9adbfbdba.png)
 
 △ 新的许可页面
 
@@ -113,7 +113,7 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 首先是一则声明：如果你是 Flutter 插件作者，发布插件时将不再支持使用旧的 pubspec.yaml 格式。在使用旧格式文件执行 pub publish 时会收到以下错误消息：
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/439e46e8de177.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/439e46e8de177.png)
 
 △ 插件发布时使用旧 pubspec 格式后收到的错误消息
 
@@ -125,17 +125,17 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 此版本最大的工具更新是 Visual Studio Code 扩展，它提供了一项新功能的预览，使你能够将 Dart DevTools 界面直接嵌入编程工作区。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/1bb7686b6aee2.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/1bb7686b6aee2.png)
 
 △ 预览功能：在 Visual Studio Code 中嵌入 Dart DevTools 的 Layout Explorer
 
 使用新的 `dart.previewEmbeddedDevTools` 设置启用此功能。在上面的屏幕截图中，Flutter Widget Inspector 直接嵌入 Visual Studio Code，但是启用新设置后，你可以使用状态栏上的 Dart DevTools 菜单嵌入其他你偏好的页面。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/e483d4839aed8.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/e483d4839aed8.png)
 
 通过此菜单选择要显示的页面。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/3a9be4183f989.gif)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/3a9be4183f989.gif)
 
 该功能仍处于预览状态，如果你遇到任何问题，请 [在这里提交反馈](https://github.com/Dart-Code/Dart-Code/issues)。
 
@@ -143,7 +143,7 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 最新版本 Dart DevTools 带有更新的 Network 页面，可以实现网络套接字分析。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/f2570ba7c41dd.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/f2570ba7c41dd.png)
 
 △ Dart DevTools 的 Network 页面上的套接字连接时间、状态和内容类型
 
@@ -153,7 +153,7 @@ Flutter 团队一直在寻找缩减应用大小和延迟的新方法。对于大
 
 Visual Studio Code 的另一个新功能是当文件被移动或重命名时自动更新导入语句。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/3a9be4183f989.gif)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/3a9be4183f989.gif)
 
 △ 在 Visual Studio Code 中移动 Dart 文件会更新导入语句
 
@@ -169,11 +169,11 @@ Visual Studio Code 的另一个新功能是当文件被移动或重命名时自
 
 这与我们在 Android Studio / IntelliJ 和 VS Code 扩展中的元数据相同；我们认为这对你构建自己的工具会有所帮助。实际上，此元数据使 IntelliJ 系列 IDE 的功能可以显示 Flutter 代码中使用的颜色：
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/ca7d24a599cd8.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/ca7d24a599cd8.png)
 
 与此相关的是 IntelliJ 和 Android Studio 中的一项新功能，该功能可为 Color.fromARGB() 和 Color.fromRGBO() 显示色块：
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/5c8d5b3dcd271.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/5c8d5b3dcd271.png)
 
 特别感谢 [dratushnyy](https://github.com/dratushnyy) 在 GitHub 上为 IntelliJ 中的颜色预览做出的贡献！
 
@@ -181,7 +181,7 @@ Visual Studio Code 的另一个新功能是当文件被移动或重命名时自
 
 为了回应插件作者在用户调研中的普遍需求，最近，我们一直以 [插件](https://docs.flutter.cn/development/packages-and-plugins/developing-packages) 和 [Add-to-App](https://docs.flutter.cn/development/add-to-app) （部分使用了 Flutter 的应用）为对象，探求如何才能让 Flutter 与宿主平台之间的通信更安全、更轻松。为了满足这一需求，我们创建了命令行工具 [Pigeon](https://pub.flutter-io.cn/packages/pigeon)，使用 Dart 语法在平台通道上生成类型安全的消息代码，无需添加其他运行时依赖项。你无需在平台通道上手动匹配方法字符串和序列化参数，就可以调用 Java/Objective-C/Kotlin/Swift 类方法，并通过直接调用 Dart 方法传递非原始类型数据对象（反之亦然）。
 
-![](https://devrel.andfun.cn/devrel/posts/2020/08/607007baf455d.png)
+![]({{site.flutter-files-cn}}/posts/images/2020/08/607007baf455d.png)
 
 Pigeon 虽然处于预发布阶段，但已经足够成熟，我们已经将其用于 [video_player](https://pub.flutter-io.cn/packages/video_player) 插件。如果你有兴趣测试 Pigeon 供自己使用，请参见更新的 [平台通道文档](https://docs.flutter.cn/development/platform-integration/platform-channels#pigeon) 以及此 [示例项目](https://github.com/flutter/samples/tree/master/add_to_app/flutter_module_books)。
 
@@ -202,7 +202,7 @@ Pigeon 虽然处于预发布阶段，但已经足够成熟，我们已经将其
 与往常一样，我们尽力将重要改动（breaking changes）的数量维持在较低水平。以下是 Flutter 1.20 版本中的重要改动列表。
 
 * [55336](https://github.com/flutter/flutter/pull/55336)：将 tabSemanticsLabel 添加到 CupertinoLocalizations - 迁移 [指南 PR](https://docs.flutter.cn/release/breaking-changes/cupertino-tab-bar-localizations)
-* [55977](https://github.com/flutter/flutter/pull/55977)：[将 clipBehavior 添加至具有 clipRect 的 widget](https://files.flutter-io.cn/flutter-design-docs/Clip_Behavior.docx)
+* [55977](https://github.com/flutter/flutter/pull/55977)：[将 clipBehavior 添加至具有 clipRect 的 widget]({{site.flutter-files-cn}}/flutter-design-docs/Clip_Behavior.docx)
 * [55998](https://github.com/flutter/flutter/pull/55998)：[为 Navigator 的 TransitionDelegate 新加入了 isWaitingForExitingDecision 判断。](https://groups.google.com/forum/#!searchin/flutter-announce/55998%7Csort:date/flutter-announce/yoq2VGi94q8/8pTsRL28AQAJ)	
 * [56582](https://github.com/flutter/flutter/pull/56582)：[更新 Cupertino 中的 Tab 语义，使其与 Material 相同](https://docs.flutter.cn/release/breaking-changes/cupertino-tab-bar-localizations#migration-guide)
 * [57065](https://github.com/flutter/flutter/pull/57065)：移除 NestedScrollView 重叠管理条中被弃用的子参数	
diff --git a/src/content/posts/announcing-flutter-1-22.md b/src/content/posts/announcing-flutter-1-22.md
index 203f6b512c..bbd6ab5973 100644
--- a/src/content/posts/announcing-flutter-1-22.md
+++ b/src/content/posts/announcing-flutter-1-22.md
@@ -3,7 +3,7 @@ title: Flutter 1.22 发布 — 支持 iOS 14 和 Android 11，以及更多新功
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/1s8wc0.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/1s8wc0.jpg)
 
 *作者 / Chris Sells, Product Manager, Flutter developer experience*
 
@@ -36,13 +36,13 @@ toc: true
 
 其中一项特性就是更新了对 iOS 新版 SF Symbols 字体的支持，为此，我们也相应地更新了 [cupertino_icon package](https://pub.flutter-io.cn/packages/cupertino_icons)。将 cupertino_icons 依赖项更新到新的 1.0 主版本后，现有的 CupertinoIcons 调用将自动映射为新样式。如果将 cupertino_icons 1.0 与 Flutter 1.22 结合使用，那么通过 [CupertinoIcons API](https://api.flutter.cn/flutter/cupertino/CupertinoIcons-class.html)，你将能够获得约 900 个新图标。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/xYace4.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/xYace4.png)
 
 你可以在 [cupertino_icons](https://flutter.github.io/cupertino_icons/) 预览页面中查看完整的图标列表，也可以参阅 flutter.dev 上的 [迁移详情页](https://docs.flutter.cn/release/breaking-changes/cupertino-icons-1.0.0)。
 
 针对 iOS 14，你可以使用 Flutter 尝试的另一项功能是 [App Clips](https://developer.apple.com/app-clips/)，它是 iOS 14 的一项新增功能，支持以快速、免安装的方式执行 10MB 以下的轻量版本应用。在 Flutter 1.22 版中，我们提供了使用 Flutter 构建轻 App 的功能预览。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/ZHcXNl.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/ZHcXNl.png)
 
 > △ 使用 Flutter 构建的轻 App 体验
 
@@ -54,13 +54,13 @@ toc: true
 
 第一，Flutter 现在可以提供安全边衬区，以支持 Android 设备的异形屏幕，包括刘海屏、挖孔屏和瀑布屏。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/opMphv.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/opMphv.png)
 
 通过使用 [MediaQuery](https://api.flutter.cn/flutter/widgets/MediaQuery-class.html) 和 [SafeArea](https://api.flutter.cn/flutter/widgets/SafeArea-class.html) API，你可以确保将活动的界面和交互元素放置在设备显示屏的无遮挡区域内。另外，你需要避免在瀑布屏边缘区域内设置手势检测，从而避免误触问题。
 
 第二，Flutter 应用内显示软件键盘时的动画已经可以与 Android 11 实现同步。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/uLpxxk.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/uLpxxk.gif)
 
 > △ 请注意左侧悬浮操作按钮 (FAB) 的同步位移
 
@@ -82,13 +82,13 @@ Issue [#19279](https://github.com/flutter/flutter/issues/19279) 由来己久，
 
 > △ 一整套新的 Material Design 按钮
 
-现有的 Flutter 按钮虽然美观，但 [并不易用](https://files.flutter-io.cn/flutter-design-docs/material-button-system-updates.pdf)，尤其是在需要自定义主题时。此外，Material 规范也已经扩充包含了许多全新样式的按钮。
+现有的 Flutter 按钮虽然美观，但 [并不易用]({{site.flutter-files-cn}}/flutter-design-docs/material-button-system-updates.pdf)，尤其是在需要自定义主题时。此外，Material 规范也已经扩充包含了许多全新样式的按钮。
 
 为使 Flutter 紧随 Material 指南的变更步伐，我们很高兴地宣布 Flutter 1.22 中加入了一整套全新的按钮。
 
 相比就地尝试和改进现有的按钮类及其主题，[这个 PR](https://github.com/flutter/flutter/pull/59702) 引入了新的替换按钮 widget 和主题。这项提议不但使我们免于因维护既有类而踏入向后兼容性的迷宫，还使 Flutter 遵守了 [Material Design 指南](https://material.io/components/buttons/) 中对按钮组件的全新命名规则。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/Hm9x4W.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/Hm9x4W.png)
 
 新主题遵循 Flutter 最近对新 Material widget 采用的 "规范化" 模式。如果你想通过示例来上手体验，可以参见 DartPad 中的这个绝佳 [示例](https://dartpad.cn/e560e1c2e4455ad53aac245079ccdcf2)。这并不属于重大变更，因为 FlatButton、OutlineButton、RaisedButton、ButtonBar、ButtonBarTheme 和 ButtonTheme的语义并未发生改变。你可以根据喜好将旧按钮与新按钮混合搭配使用。
 
@@ -96,9 +96,9 @@ Issue [#19279](https://github.com/flutter/flutter/issues/19279) 由来己久，
 
 自发布以来，Flutter 就提供了对应用进行国际化 (i18n) 和本地化 (l10n) 所需的核心功能。但在最新版本中，我们将推荐的最佳做法直接整合进了工具当中，甚至实现了热重载支持，可以在你添加新的本地化信息时更新你的应用。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/8QezMC.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/8QezMC.gif)
 
-如果你想了解有关 Flutter 本地化支持的更多详细信息，包括本地化的消息，以及含参数、日期、数字和货币的消息，请阅读 Flutter [国际化用户指南](https://files.flutter-io.cn/flutter-design-docs/i18n-user-guide.pdf)。
+如果你想了解有关 Flutter 本地化支持的更多详细信息，包括本地化的消息，以及含参数、日期、数字和货币的消息，请阅读 Flutter [国际化用户指南]({{site.flutter-files-cn}}/flutter-design-docs/i18n-user-guide.pdf)。
 
 此外，如果你对国际化和本地化感兴趣，那么你可能同样有兴趣了解旧的纯文本 ASCII 无法支持的字符串，例如 Unicode 和表情符号 (emoji)。最近，Dart 团队发布了 characters package，可以帮助开发者处理 Unicode (扩展) 字形集。这个 package 可解决诸如如何将类似于 "A 🇬🇧 text in English" 的字符串正确地缩短至前 15 个字符一类的问题。使用 String 类时，缩短的结果是 "A 🇬🇧 text in"，仅含 12 个用户可感知字符。而使用 [characters package](https://pub.flutter-io.cn/packages/characters) 则会得到正确的结果: "A 🇬🇧 text in Eng"。
 
@@ -108,7 +108,7 @@ Issue [#19279](https://github.com/flutter/flutter/issues/19279) 由来己久，
 
 Flutter 团队在将某项功能标记为 "生产就绪" 前会非常谨慎，并亲自完成全面的测试。对于 [google_maps_flutter](https://pub.flutter-io.cn/packages/google_maps_flutter) 和 [webview_flutter](https://pub.flutter-io.cn/packages/webview_flutter) 插件而言，决断因素一直是底层的 [Platform Views](https://docs.flutter.cn/development/platform-integration/platform-views) 实现，该实现支持将 Android 和 iOS 系统的原生界面组件托管在 Flutter 应用中。我们很高兴地宣布，我们在此版本的 Flutter 中对框架的基础进行了充分强化，足以将这两个插件标记为 "生产就绪"。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/8kusLr.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/8kusLr.gif)
 
 > △ 托管 flutter.dev 的 webview_flutter 插件
 
@@ -122,7 +122,7 @@ Google Maps 和 WebView 插件已经从 Platform Views 的改进中受益。如
 
 如果你曾在 Flutter 应用中使用过 [导航](https://docs.flutter.cn/development/ui/navigation)，那么你可能已经注意到核心数据结构 (即用户所浏览的页面堆栈) 是对你隐藏的。要对其进行管理，你需调用 Navigator.pop() 或 Navigator.push()。举例来说，假设你想在首页上显示一系列 widget，用户点按一个 widget 后转到呈现该颜色的详细信息页面 (如下图所示)。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/XmAMxs.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/XmAMxs.png)
 
 这两个屏幕可以采用如下方式实现:
 
@@ -256,7 +256,7 @@ class CounterState extends State<RestorableCounter> with RestorationMixin {
 
 简而言之，每个 widget 都有一个存储分区，该存储分区使用唯一 ID 注册到 [RestorationMixin](https://api.flutter.cn/flutter/widgets/RestorationMixin-mixin.html)。通过使用 [RestorableProperty](https://master-api.flutter-io.cn/flutter/widgets/RestorableProperty-class.html) 类型 (如此例使用的 RestorableInt) 存储特定于界面的数据，并向状态恢复功能注册该数据，即可在 Android 终止应用前自动存储数据，并在应用恢复运行时恢复数据，就是这么简单。所有以 Restoration* 类型存储的数据 (如 RestorableInt、RestorableString 和 RestorableTextEditingController，不胜枚举) 都能被恢复。而且，如果我们未能覆盖你想要恢复的类型，你也可以通过扩展 [RestorableProperty<T>](https://api.flutter.cn/flutter/widgets/RestorableProperty-class.html) 来创建自己的类型。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/ZUSUID.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/ZUSUID.png)
 
 为了自动测试状态恢复，我们 [为 WidgetTester 添加了一个新的 restartAndRestore API](https://api.flutter.cn/flutter/flutter_test/WidgetTester/restartAndRestore.html)。要进行手动测试，最简单的方法是在 Android 设备上启动已启用状态恢复功能的 Flutter 应用，在 Android 的开发者设置中打开 "Don’t keep activities"，运行 Flutter 应用并将其置于后台，然后再切换回该应用。此时，Android 已终止并恢复你的应用，届时你可以检查是否一切正常。
 
@@ -283,7 +283,7 @@ void main() {
 
 Dart 之前有许多小巧的开发者工具 (例如，用于格式化的 dartfmt 和用于代码分析的 `dartanalyzer`)。Dart 2.10 中新提供了统一的 dart 开发者工具，与 flutter 工具非常相似。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/ngscrA.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/ngscrA.png)
 
 自新版 Flutter 1.22 SDK 起，<flutter-sdk>/bin 文件夹 (可能在你的 PATH 位置) 中将同时包含 flutter 和 dart 命令。有关更多详细信息，请参阅 [Dart 2.10](https://medium.com/dartlang/announcing-dart-2-10-350823952bd5) 的发布文章。
 
@@ -307,13 +307,13 @@ Flutter 1.22 还带来了新的输出应用体积分析的实用工具。此工
 
 在构建 Flutter 输出工件时使用此标记将打印工件大小及组成的摘要。其中包括原生代码、资源，甚至包括已编译的 Dart 代码的软件包级细分情况。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/C8RTHd.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/C8RTHd.png)
 
 > △ Flutter Gallery 发布版本 APK 的细分示例
 
 此摘要有助于快速识别应用软件包中的尺寸热点。此外，收集到的数据还可作为 JSON 文件用于 Dart DevTools，你可以按照 [Flutter 文档上的说明](https://docs.flutter.cn/development/tools/devtools/app-size) 进一步浏览应用的内容、查明大小问题以及比较两个不同 JSON 文件之间的差异。加载 JSON 文件后会出现一个界面，其中提供了应用尺寸情况的树状图。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/GedErZ.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/GedErZ.png)
 
 > △ Dart DevTools 中的 APK 细分示例
 
@@ -323,13 +323,13 @@ Flutter 1.22 还带来了新的输出应用体积分析的实用工具。此工
 
 此版本中的另一项 DevTools 预览功能是，用户能够在 **Network** 标签中查看 HTTP 和 HTTPs 响应正文。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/xx7qFb.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/xx7qFb.png)
 
 要启用此功能，请确保通过 flutter channel dev 和 flutter upgrade 命令进入 Flutter dev 渠道。
 
 此外，对于网络流量较大的应用，我们提供了搜索和筛选功能。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/10HBMU.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/10HBMU.png)
 
 有关 **Network** 标签的文档，请参阅 [使用网络视图  (Network View)](https://docs.flutter.cn/development/tools/devtools/network) 的说明。
 
@@ -337,7 +337,7 @@ Flutter 1.22 还带来了新的输出应用体积分析的实用工具。此工
 
 一段时间以来，我们一直在维护着某些 Flutter 工具的两个副本，例如 IntelliJ 中的 **Inspector** 窗格和 Dart DevTools 中的 **Inspector** 标签。这不仅降低开发速度，因为我们必须维护两个代码库，也造成某些功能 (例如 Layout Explorer) 尚未能纳入到 IntelliJ 插件当中。因此，为了同时解决这两个问题，我们现在提供直接在 IntelliJ 内部托管 Dart DevTools 的 Inspector 标签的功能。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/AWpL8g.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/AWpL8g.png)
 
 请注意新出现的 Layout Explorer，你可以在代码旁使用该功能。要启用此选项，请使用 **Preferences** > **Languages & Frameworks** > **Flutter** > **Enable embedded DevTools inspector**。
 
@@ -345,7 +345,7 @@ Flutter 1.22 还带来了新的输出应用体积分析的实用工具。此工
 
 对于所有 Flutter 开发者而言，在终端或堆栈分析结果中查看错误输出并继续解决问题都是一项必不可少的例行工作。在 Visual Studio Code 的最新版本 Flutter 扩展中，现已能够正确解析这些链接，使你可以直接在输出结果中使用它们。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/krDNo3.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/krDNo3.png)
 
 这项功能看似微不足道，却已获得了非常积极的初步反馈。
 
@@ -364,7 +364,7 @@ Flutter 1.22 还带来了新的输出应用体积分析的实用工具。此工
 
 [EasyA](https://easya.io/) 是一款订阅应用，为适龄学生搭建了通过即时通讯与优秀教师沟通的平台，该应用使用 Flutter 编写。这款应用近日被 Apple 推荐为 [每日精选应用](https://apps.apple.com/gb/story/id1527472788)。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/IvM3sF.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/IvM3sF.png)
 
 > 今年年初，学校纷纷启动了在线课程，我们需要快速发布这款教学应用来为学生提供帮助。Flutter 惊人的开发速度使我们能够针对 iOS 和 Android 平台实现优秀的设计，而且还支持发布到 web 平台，这有助于我们及时应对停课的局面！这在以前是无法想象的。由于 Flutter 支持同时针对所有三个平台进行开发，我们能够高效地共享代码，并最为充分地利用我们的小型开发团队。
 >
diff --git a/src/content/posts/announcing-flutter-1-7-9.md b/src/content/posts/announcing-flutter-1-7-9.md
index d08ce51d32..a41b8030fb 100644
--- a/src/content/posts/announcing-flutter-1-7-9.md
+++ b/src/content/posts/announcing-flutter-1-7-9.md
@@ -7,7 +7,7 @@ toc: true
 
 今天，我们非常高兴地向大家宣布又一个正式版本的发布 —— Flutter 1.7，这是继上次 I/O 时众多重要功能发布以来的一次小更新。Flutter 1.7 包含了对 AndroidX 的支持，满足了 Play 商店近期对应用提出的要求，包含了一些新的和增强过的组件，修复了开发者们提出的 bug 等。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot7-release/announcing-1-7.png){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot7-release/announcing-1-7.png){:width="95%"}
 
 如果你已经安装，并使用默认稳定构建渠道 (stable channel) 的 Flutter，要升级到 1.7 版本，只需要运行 `flutter upgrade` 即可。同时，你可以在 [这个文档里](/get-started/install) 查看如何新安装 Flutter。
 
@@ -31,7 +31,7 @@ toc: true
 
 如下所示了一个名为 [RangeSlider](https://github.com/flutter/flutter/pull/31681) 的 widget，帮助你在单个滑块儿上选择一组值：
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot7-release/rangeslider-widget.gif){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot7-release/rangeslider-widget.gif){:width="95%"}
 
 RangeSlider widget 支持连续或者分散的效果
 
@@ -43,7 +43,7 @@ RangeSlider widget 支持连续或者分散的效果
 
 文本渲染有了很大的提升，支持了丰富的 [排版样式](https://api.flutter.dev/flutter/painting/TextStyle/fontFeatures.html)：包括数字表格式对齐、旧式风格数字 (tabular and old-style numbers)、斜线零 (slashed zeros)、样式集 (stylistic sets)，如这个示例应用截图所示：
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot7-release/openType-font.png){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot7-release/openType-font.png){:width="95%"}
 
 有了 OpenType 的字体支持，你可以用 Flutter 进行复杂的文字排版了
 
@@ -65,7 +65,7 @@ RangeSlider widget 支持连续或者分散的效果
 
 如果通过这种方式创建示例，你将在文档中的 Sample in the App 这一栏看到：
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot7-release/sample-at-docs.png){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot7-release/sample-at-docs.png){:width="95%"}
 
 我们也会持续把每周 Flutter widgets 视频嵌入到文档中，在开发者们浏览各种 widget 的时候可以得到更全面的理解。
 
@@ -90,6 +90,6 @@ RangeSlider widget 支持连续或者分散的效果
 除了应用程序，整个开源社区所涉及的众多 [资源](https://flutterx.com/)，[插件](https://pub.flutter-io.cn/flutter)， [Flutter 社区活动](https://flutterevents.com/) 和 [Meetup](https://www.meetup.com/topics/flutter/) 也使得 Flutter 变得格外生机勃勃。
 我们会持续关注大家基于 Flutter 所实现的各种有趣的应用，同时也非常荣幸和大家一起分享其中的乐趣。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot7-release/flutter-bag.jpeg){:width="95%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot7-release/flutter-bag.jpeg){:width="95%"}
 
 Photo credit: [@damian2048](https://twitter.com/damian2048)
diff --git a/src/content/posts/announcing-flutter-2-2.md b/src/content/posts/announcing-flutter-2-2.md
index 5c2b89566e..d20bda14f2 100644
--- a/src/content/posts/announcing-flutter-2-2.md
+++ b/src/content/posts/announcing-flutter-2-2.md
@@ -5,7 +5,7 @@ toc: true
 
 在本次 [Google I/O 2021 大会](https://mp.weixin.qq.com/s/S1GZdQdwcdZKIbBY_FlzJQ)上，我们正式发布了 [Flutter 2.2](https://docs.flutter.cn/whats-new)。Flutter 2.2 是我们最新版的开源工具包，可让开发者立足单个平台构建适合任何设备的精美应用。Flutter 2.2 是迄今为止最出色的 Flutter 版本。借助更新后的功能，开发者能更便利地通过应用内购买、支付方式和广告将其应用变现，还能连接到云服务和 API 来扩展应用的功能；而借助工具和语言功能，开发者能够消除一整类的错误，增强应用性能并缩减软件包大小。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/zC30Hx.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/zC30Hx.png)
 
 ## **在 Flutter 2 的基础上打造而成**
 
@@ -35,7 +35,7 @@ Flutter 2.2 侧重于改进开发体验，目的是让你能够向客户提供
 
 尽管 Google 仍是 Flutter 项目的主要贡献者，但我们也欣喜地看到 Flutter 的生态系统在不断发展壮大。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/vulUJU.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/vulUJU.png)
 
 近几个月来，一个特别的增长领域就是支持 Flutter 的平台和操作系统日益增多。在 [Flutter Engage 活动](https://flutter.cn/posts/flutter-engage-event-recap)中，我们曾宣布 [Toyota 将把 Flutter 引入其下一代汽车信息娱乐系统](https://flutter.cn/posts/seamless-multi-platform-app-development-with-flutter)。上个月，Canonical 推出了其首个 [集成了 Flutter 支持的 Ubuntu 版本](https://ubuntu.com/blog/ubuntu-21-04-is-here)，其中集成了 Snap 并支持 Wayland。
 
@@ -53,4 +53,4 @@ Flutter 2.2 侧重于改进开发体验，目的是让你能够向客户提供
 
 我们在 Flutter 方面所做的工作会在 [Google I/O 大会](https://mp.weixin.qq.com/s/S1GZdQdwcdZKIbBY_FlzJQ)上 [以各种研讨会、演示和视频点播的形式](https://events.google.com/io/program/content?4=topic_flutter) 与大家分享。别忘记尝试我们的 [photo booth web 应用](https://photobooth.flutter.dev)，这个有趣的应用就是用 Flutter 开发的，你可以在那里与我们的吉祥物 Dash 及其伙伴们合影留念！
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/r8Qxd4.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/r8Qxd4.png)
diff --git a/src/content/posts/announcing-flutter-2-8.md b/src/content/posts/announcing-flutter-2-8.md
index e10ed33cac..00105806e8 100644
--- a/src/content/posts/announcing-flutter-2-8.md
+++ b/src/content/posts/announcing-flutter-2-8.md
@@ -7,7 +7,7 @@ toc: true
 
 Flutter 已经更新到 2.8 正式版，发布了多项新特性和改进以不断改善移动和 Web 端的开发体验，同时也正在将桌面端的支持推向稳定版。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/announcing-flutter-2-8/flutter-2-8-hero.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/announcing-flutter-2-8/flutter-2-8-hero.png)
 
 Flutter 为应用开发带来了革新：只要一套代码库，即可构建、测试和发布适用于移动、Web、桌面和嵌入式平台的精美应用——开发者只需专注于他们希望构建的产品和服务，而无需首要考虑发布到哪些平台；作为一个高性能、高生产力的开发框架，Flutter 也可以帮助开发者们缩短产品开发周期；一套代码库，针对多个平台。
 
@@ -17,7 +17,7 @@ Flutter 为应用开发带来了革新：只要一套代码库，即可构建、
 
 最新的更新也包含了更方便的 **应用接入后端服务** 的特性，比如使用 Firebase 和 Google Cloud。我们也为应用可以加入 Google Ads 提供了稳定版的支持，并对相机插件和 Web 插件内嵌提供了大量更新。与此同时发布的还有 Dart 2.15 正式版，增加了对并发性能的重大改进，也添加了新的语言特性，比如构造函数拆分和枚举类型的增强，也进行了性能优化，使得运行时内存降低了 10%。
 
-![现在你的应用可以通过使用一个简单的 Flutter widget 来完成多平台用户登录功能了](https://files.flutter-io.cn/posts/flutter-cn/2021/announcing-flutter-2-8/sign-in-widget.png)
+![现在你的应用可以通过使用一个简单的 Flutter widget 来完成多平台用户登录功能了]({{site.flutter-files-cn}}/posts/flutter-cn/2021/announcing-flutter-2-8/sign-in-widget.png)
 
 另一个重要话题和资源投入是「提升开发者效率」，得力于 Flutter 的有状态热重载 (stateful hot reload) 等特性，我们始终专注于为开发者创建一个紧凑的内部循环迭代流程，我们正在开始探索封装出一些更高级的功能让开发者们更快速和高效的使用，你也能在未来的版本里看到我们针对这个目标的改进。比如在此次正式版发布里，我们添加了一个使用 Firebase 处理身份验证的 widget，使用的时候无须担心任何特殊的用例，比如两步验证、密码重置的操作，也不用操心使用 Google、Apple、Twitter 和 Facebook 账号登录时的复杂情况。将这些特性和服务直接构建在 Flutter 的核心基础中，将有可能为应用开发带来革新，将高效开发和低代码方案相结合，应用在 Flutter 这个灵活和强大的 UI 框架上。
 
@@ -30,7 +30,7 @@ Flutter 为应用开发带来了革新：只要一套代码库，即可构建、
 Flame 是模块化的，它也可以使用其他库或 package 进行扩展，比如使用 River 进行动画效果处理、使用 audioplayers 这个 package 进行音乐播放和声音特效，使用 Forge2D (一个类似 Box2D 的物理引擎)、Tiled (瓦片地图编辑器)、Fire Atlas (Spritesheet 和精灵动画编辑器) 等。Flame 以及其广泛的生态系统，共同为休闲或者 2D 游戏提供了一套强大的服务。
 
 
-![三款使用 Flame 构建的游戏示例：Tomb Toad、Gravity Runner 和 Bonfire](https://files.flutter-io.cn/posts/flutter-cn/2021/announcing-flutter-2-8/flame-game-demo.png)
+![三款使用 Flame 构建的游戏示例：Tomb Toad、Gravity Runner 和 Bonfire]({{site.flutter-files-cn}}/posts/flutter-cn/2021/announcing-flutter-2-8/flame-game-demo.png)
 
 Flame 由 [Blue Fire 团队](https://dev.to/blue-fire/fireslime-is-now-blue-fire-405g "Blue Fire 团队") 创造，这是一个专注于为 Flutter 和 Dart 构建开源 package 和插件的团队。我们很高兴能与他们一起合作，如果你对游戏开发感兴趣，我们鼓励你去试试看 Flame。
 
@@ -38,7 +38,7 @@ Flame 由 [Blue Fire 团队](https://dev.to/blue-fire/fireslime-is-now-blue-fire
 
 Flutter 的持续增长、发展势头以及工具和生态的繁荣的令人感叹。今年的 I/O 大会上，我们注意到 Play 商店以及拥有超过 20 万款应用使用了 Flutter，六个月后，这个数字几近翻了一番，达到 37.5 万+ 款！
 
-![在所有屏幕上大放异彩，Flutter 支持 Android、iOS、iPadOS、Web、Windows、macOS 和 Linux](https://files.flutter-io.cn/posts/flutter-cn/2021/announcing-flutter-2-8/flutter-platform.png)
+![在所有屏幕上大放异彩，Flutter 支持 Android、iOS、iPadOS、Web、Windows、macOS 和 Linux]({{site.flutter-files-cn}}/posts/flutter-cn/2021/announcing-flutter-2-8/flutter-platform.png)
 
 
 不仅在 Android 平台，据独立移动分析公司 [AppAnnie](https://www.appannie.com/cn/ "AppAnnie") 的信息，iOS 平台头部品牌和大型应用诸如 [BMW](https://itunes.apple.com/app/id1519457734 "BMW")、[eBay](https://itunes.apple.com/app/id1456156090 "eBay")、[WeChat](https://apps.apple.com/us/app/wechat/id414478124 "WeChat")、[SHEIN](https://apps.apple.com/us/app/shein-online-fashion/id878577184 "SHEIN")、[Philips Hue](https://apps.apple.com/app/id1055281310 "Philips Hue")、 [Norton](https://apps.apple.com/app/id1278474169 "Norton")、[trip.com](https://apps.apple.com/app/id681752345 "trip.com") 和 [Greggs](https://apps.apple.com/gb/app/greggs/id1098233626 "Greggs") 里也都使用了 Flutter。在 Web 平台，我们也通过一些类似 [FlutterFlow](https://flutterflow.io/ "FlutterFlow") 和 [Rive](https://rive.app/ "Rive") 等设计工具为应用带去更好的体验。桌面端，Ubuntu 的工程团队也正继续使用 Flutter 构建各种新的体验，包括新的安装程序和固件更新程序。甚至包括 [绝地求生](https://apps.apple.com/us/app/pubg-mobile-arcane/id1330123889 "绝地求生") 这样的大型游戏，也称 Flutter 能够很好的适应各种 UI 屏幕。
diff --git a/src/content/posts/announcing-flutter-2.md b/src/content/posts/announcing-flutter-2.md
index adaa9dc513..49a0722c30 100644
--- a/src/content/posts/announcing-flutter-2.md
+++ b/src/content/posts/announcing-flutter-2.md
@@ -5,17 +5,17 @@ toc: true
 
 3月4日凌晨，**Flutter 2** 正式发布: 开发者为*任何*平台创建美观、快速且可移植应用的能力得以更上一层楼。通过 Flutter 2，你可以使用相同的代码库为五种操作系统构建原生应用: iOS、Android、Windows、macOS 和 Linux；以及为 Chrome、Firefox、Safari 和 Edge 等浏览器打造 web 体验。Flutter 甚至可以嵌入到汽车、电视和智能家电，为环境计算提供最普适、可移植的体验。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/0939e5e734a5c.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/0939e5e734a5c.png)
 
 我们的目标是*从根本上改变*开发者的应用构建思路，让体验先于平台。Flutter 可以让你尽情雕琢**精美**的应用体验，畅快表达自己的品牌和设计风格。Flutter 可以将你的源代码编译为机器码，并**快速**运行，同时借助有状态热重载功能为你带来了解释环境的**高效**生产力，让你可以在应用运行时做出更改并立即查看结果。而且 Flutter 是**开源**的，有成千上万的贡献者在为核心框架添砖加瓦，并围绕其打造了包含海量 package 的生态系统。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/f090329f06af7.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/f090329f06af7.png)
 
 在 [发布](https://flutter.dev/) 的 Flutter 2 中，我们将 Flutter 从移动框架扩展为**可移植**框架，让你的应用基本可以不加变动地在多种平台上运行。仅 Google Play 商店就已有**超过 15 万款 Flutter 应用**，而现在应用可以在无需重写的情况下部署到桌面设备和 web 平台，可以说每款应用都通过 Flutter 2 得到 "免费升级"。
 
 世界各地的用户都在使用 Flutter，包括 [WeChat](https://apps.apple.com/us/app/wechat/id414478124)、[Grab](https://play.google.com/store/apps/details?id=com.grabtaxi.passenger)、[Yandex Go](https://play.google.com/store/apps/details?id=ru.yandex.taxi)、[Nubank](https://play.google.com/store/apps/details?id=com.nu.production)、[Sonos](https://apps.apple.com/us/app/sonos/id1488977981)、[Fastic](https://apps.apple.com/us/app/fastic-fasting-app/id1459260306)、[Betterment](https://play.google.com/store/apps/details?id=com.betterment) 和 [realtor.com](https://apps.apple.com/US/app/id336698281?mt=8) 等热门应用。Flutter 在 Google 也是备受依赖的重要工具，我们有一千多名工程师正在使用 Dart 和 Flutter 构建应用。许多产品已经发布，包括 Stadia、Google One 和 Google Nest Hub。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/458afcd4aaecf.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/458afcd4aaecf.png)
 
 几个月前，[Google Pay 改用 Flutter](https://mp.weixin.qq.com/s/2y3dWbA4uZbwfTx_bOGdSQ) 打造其旗舰移动应用，在生产力和质量上取得重大进步。通过统一代码库，团队消除了平台之间的功能差异，精简了超过 50 万行代码。Google Pay 还表示，其工程师效率大幅提高，技术债务显著减少，并在 iOS 和 Android 系统上统一了安全审查和实验等发布流程。
 
@@ -37,11 +37,11 @@ Web 的 [早期基础以文档为中心](https://tools.ietf.org/html/rfc1866)。
 
 目前已经出现了一批使用 Flutter 构建的 web 应用示例。在教育工作者中，[iRobot](https://www.irobot.com/) 以其广受欢迎的 [Root 教育机器人](https://www.irobot.com/Root) 而闻名。Flutter 在 web 平台对生产环境的支持，使 iRobot 能够将现有的 [教育编程环境](https://edu.irobot.com/what-we-offer/irobot-coding) 搬到 web 上，从而覆盖到了 Chromebook 以及其他以浏览器为主要体验的设备。iRobot 的 [博文](https://edu.irobot.com/the-latest/building-a-coding-experience-for-all) 详尽阐述了选择 Flutter 的理由以及使用情况。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/3bbba28798746.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/3bbba28798746.png)
 
 另一个例子是 Rive，他们为设计师打造的强大工具可以将创建的自定义动画发布到任意平台。其 [新版 web 应用](https://rive.app/) 完 全由 Flutter 构建，现已进入 Beta 阶段，这也是 web 平台最能展现 Flutter 特色的体验之一。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/384a963e53119.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/384a963e53119.png)
 
 你可以从 [Flutter web 发布文章](https://medium.com/flutter/web-post-d6b84e83b425) 中了解更多信息。
 
@@ -51,15 +51,15 @@ Web 的 [早期基础以文档为中心](https://tools.ietf.org/html/rfc1866)。
 
 第一位合作伙伴，**Canonical** 与我们联手将 Flutter 带到桌面，Canonical 工程师贡献的代码使得 Flutter 开发者能在 Linux 上进行开发和部署。在活动中，Ubuntu 团队展示了使用 Flutter 重写的新安装程序的早期演示版。对 Canonical 来说，在多种硬件配置上提供稳如磐石且美妙的体验至关重要。未来，**Flutter 将成为 Canonical 打造桌面和移动应用的首选**。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/74e068704f2a5.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/74e068704f2a5.png)
 
 第二位合作伙伴 **Microsoft** 正在继续扩大对 Flutter 的支持。除了 [持续与我们合作](https://github.com/flutter/flutter/issues/14967#issuecomment-787678757) 为 Flutter 提供高质量的 Windows 支持外，Microsoft 还发布了对 Flutter 引擎的贡献: 支持新兴的可折叠 Android 设备。这些设备带来了新的设计模式，应用可以扩展内容，或者利用双屏特性提供窗口并排体验。Surface 工程团队在一篇 [博文](https://devblogs.microsoft.com/surface-duo/flutter-dual-screen-foldable/) 中展示了其工作成果，并邀请大家加入他们的行列，共同完成适用于 Surface Duo 和其他设备的高质量解决方案。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/781360ee27de7.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/781360ee27de7.png)
 
 第三位合作伙伴，全球畅销汽车制造商之一 **Toyota** 宣布，计划构建由 Flutter 驱动的信息娱乐系统，打造最佳的汽车数字体验。使用 Flutter 标志着车载软件的开发方式向着未来迈进了一大步。Toyota 之所以选择 Flutter，是因为其高性能和体验的一致性，快速迭代的能力和极高的开发者工效，以及智能手机级别的触控体验机制。通过使用 Flutter 的嵌入器 API，Toyota 能够根据车载系统的独特需求对 Flutter 进行定制。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/8f5850ecec2bd.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/8f5850ecec2bd.png)
 
 我们很荣幸与 Toyota 等合作伙伴继续深入协作，将 Flutter 带到汽车、电视和其他嵌入式设备中，在未来几个月我们会为大家带来更多这方面的示例。
 
@@ -69,7 +69,7 @@ Web 的 [早期基础以文档为中心](https://tools.ietf.org/html/rfc1866)。
 
 我们也为 Flutter 带来了 [Google Mobile Ads ](https://pub.dev/packages/google_mobile_ads) Beta 版，这款全新 SDK 通过 AdMob 和 AdManager 提供多种广告格式，包括横幅式、插页式、原生和激励视频广告。我们之前已经邀请了一些主要客户 (比如拉丁美洲最大的独立艺术家音乐平台 [Sua Música](https://www.suamusica.com.br/)) 先行体验此 SDK，现在计划开放 Google Mobile Ads 供更多的 Flutter 开发者采用。
 
-![图片](https://devrel.andfun.cn/devrel/posts/2021/03/59e21f0feea5d.png)
+![图片]({{site.flutter-files-cn}}/posts/images/2021/03/59e21f0feea5d.png)
 
 我们还更新了 [几项核心 Firebase 服务的 Flutter 插件](https://firebase.flutter.dev/): Authentication、Cloud Firestore、Cloud Functions、Cloud Messaging、Cloud Storage 和 Crashlytics，包括对健全空安全的支持以及对 Cloud Messaging package 的全面改版。
 
@@ -93,11 +93,11 @@ Dart 为构建应用提供了一套独特的功能:
 
 在介绍 Flutter 2 时，本文由于篇幅限制难免挂一漏万。事实上，被合并的 PR (pull request) 清单就有足足 200 页！请阅读 [Flutter 2 技术博文](https://medium.com/@csells_18027/fe8e95ecc65)，里面介绍了更多新功能和性能改进，我们认为会让 Flutter 开发者感到满意，也请大家立即下载 Flutter 2 开始体验。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/46794d1264d83.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/46794d1264d83.png)
 
 我们还为大家准备了一款全新的示例应用，[Flutter Folio](https://flutterfolio.com)，由我们与加拿大埃德蒙顿的获奖设计团队 [gskinner](https://gskinner.com/) 合作完成，这个示例展示了我们刚刚提到的一切内容。Flutter Folio 是一款能在你所有的设备上运行的剪贴簿应用。在小屏幕上体验时会强调展示内容；而在大屏幕上体验时则支持以桌面和平板电脑的习惯用法进行内容编辑；web 体验则着重强调分享。这些定制化的体验都共享相同的开源代码库，可供你自由浏览。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/7ef1cc3624d4e.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/7ef1cc3624d4e.png)
 
 如果你尚未尝试过 Flutter，我们相信它将为你的应用开发体验带来巨大的提升。Flutter，一个开源工具包，让你通过单一代码库为移动、桌面、web 和嵌入式设备打造美观、快速的应用，让你即便是在面对 Google 和广大用户的苛刻需求时也能游刃有余。
 
diff --git a/src/content/posts/announcing-flutter-3-3-at-flutter-vikings.md b/src/content/posts/announcing-flutter-3-3-at-flutter-vikings.md
index 8a381a1a5a..3a592682f0 100644
--- a/src/content/posts/announcing-flutter-3-3-at-flutter-vikings.md
+++ b/src/content/posts/announcing-flutter-3-3-at-flutter-vikings.md
@@ -4,14 +4,14 @@ toc: true
 keywords: Flutter 3.3, Flutter Vikings, Wonderous, Impeller
 description: Flutter 3.3 正式发布，这个版本这个版本专注于完善和性能改进，以加强 Flutter 3 发布以来的新特性。
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/09/ubVHzF.jpg
+    path: https://files.flutter-io.cn/posts/images/2022/09/ubVHzF.jpg
 ---
 
 Flutter 团队及社区成员们在美丽的城市挪威奥斯陆向你发来问候，我们正在此参加社区举办的 Flutter Vikings 活动，这是一个为期两天的开发技术交流盛会，虽然线下门票已经售罄，但你还可以通过在线方式查看本次会议。本周，我们也有很多更新要分享给各位开发者们。
 
 Flutter 的使用量和生态系统都在持续增长，**每天有超过 1,000 款使用 Flutter 的、新的移动应用发布到 App Store 和 Google Play 商店**，在 Web 端和桌面端的使用也在持续增长。Flutter 生态中目前也有超过 25,000 个以上的 package，这也进一步证明了 Flutter 的成熟和广泛应用。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/09/ubVHzF.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/09/ubVHzF.jpg)
 
 今天，我们正式发布 Flutter 3.3。这个版本专注于完善和性能改进，以加强 Flutter 3 发布以来的新特性。Flutter 3.3 加入了一些新的组件并修复了一些错误以加强对 Material 3 规范的支持，也加入了对 iPad 上使用随手写输入文本的支持、可选择的文本分组和触控板支持等对平板电脑和桌面开发者有帮助的新支持。这个版本还包括了 Dart 2.18 的发布，它为使用 Swift 和 Objective-C 构建的库和代码加入了 FFI 的支持。使用这个 Dart 版本构建的应用，将会在桌面端、Web 端和移动端表现出更好的性能。因此我们强力建议你即刻运行命令 flutter upgrade 来升级到最新版。
 
@@ -19,7 +19,7 @@ Flutter 的使用量和生态系统都在持续增长，**每天有超过 1,000
 
 我们与 gskinner 的设计团队通力合作，发布了一个名为 Wonderous 的应用，旨在向大家展示 Flutter 的强大功能——帮助你构建出高质量、精美的用户体验，而它本身就是一个非常精美的应用——从印度阿格拉市令人惊叹的泰姬陵到墨西哥尤卡坦半岛上的玛雅遗址，Wonderous 将世界上一些非常了不起的地方带到你的手机上，使用视频和图像来探索这些艺术、历史和文化的交集。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/09/TDcEt8.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/09/TDcEt8.jpg)
 
 我们希望你与家人和朋友分享 Wonderous，更重要的是，它还作为一个开源项目供开发者们探索。作为一个真实上线运营的应用，它提供了一个完整且全面的示例，展示了我们希望为中高级开发者带去灵感和创想的最佳实践。未来的几周时间里，gskinner 团队将会分享关于这个应用的更多技术细节文章，包括对无障碍的支持、动画效果以及性能方面的技巧等内容。
 
diff --git a/src/content/posts/announcing-flutter-3-7.md b/src/content/posts/announcing-flutter-3-7.md
index 69fc5589ec..8bf625f52d 100644
--- a/src/content/posts/announcing-flutter-3-7.md
+++ b/src/content/posts/announcing-flutter-3-7.md
@@ -7,7 +7,7 @@ toc: true
 
 新年伊始，由 Flutter 3.7 正式版来「打头阵」！我们与整个 Flutter 社区们继续在 Flutter 3.7 中优化了框架，包括创建自定义菜单栏和层叠式菜单、更好的国际化工具支持、新的调试工具以及其他功能和特性等。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/36024c875a435.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/36024c875a435.jpg)
 
 新的稳定版里，我们在持续改进一些特性，例如全局文本选择、Impeller 渲染速度、DevTools 以及一直以来都在优化的性能。让我们一起来快速探索 Flutter 3.7 的新特性吧！
 
@@ -48,7 +48,7 @@ MaterialApp(
 
 你也可以尝试 [Material 3 示例](https://flutter-experimental-m3-demo.web.app/#/)，其中展示了所有主题的特性。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/edc093ab9959d.gif)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/edc093ab9959d.gif)
 
 ## 菜单栏和级联菜单
 
@@ -58,7 +58,7 @@ Flutter 现在可以创建菜单栏和级联菜单了。
 
 此外，对于所有其他的平台，你可以定义一个 [Material Design 菜单](https://m3.material-io.cn/components/menus/overview)，它提供了级联菜单栏 ([`MenuBar`](https://api.flutter.cn/flutter/material/MenuBar-class.html))，或者使用由 UI 界面元素触发的  ([`MenuAnchor`](https://api.flutter.cn/flutter/material/MenuAnchor-class.html)) 来创建一个级联菜单。这些菜单都是完全可自定义的，其中的菜单项可以是自定义的 widget，也可以使用新的菜单项 widget: ([`MenuItemButton`](https://api.flutter.cn/flutter/material/MenuItemButton-class.html) 和 [`SubmenuButton`](https://api.flutter.cn/flutter/material/SubmenuButton-class.html))。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/f15288d8fe378.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/f15288d8fe378.png)
 
 ## Impeller 预览版
 
@@ -78,19 +78,19 @@ Impeller 的进展飞速离不开社区贡献者的支持。尤其是 [ColdPaleL
 
 现在 `flutter build ipa` 命令会校验项目的一部分设置，并且在清单中告知你在发布前进行更改。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/e51530946f812.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/e51530946f812.png)
 
 ## 开发者工具更新
 
 在本次发布中，开发工具也带来了新的特性和体验优化。DevTools 的内存调试工具已经完成了一轮全面的调整。我们带来了三个新的选项卡：**Profile**、**Trace** 和 **Diff**，它们包含了先前的所有内存调试功能，也添加了更多利于调试的操作。现在你可以按照类或者内存类型对当前的内存分配进行分析，可以在运行时分析哪些代码调用了哪些部分的内存，也可以对比两个不同时间点的内存快照之间的差异来了解内存使用的细节。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/0498c7b2659ab.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/0498c7b2659ab.png)
 
 以上的这些内存特性已经在 [文档](https://docs.flutter.cn/development/tools/devtools/memory) 中进行了介绍，若你感兴趣可以前往了解更多细节。
 
 性能页面也有一些值得注意的新功能，该页面现在在顶部新增了 **Frame Analysis** (帧分析) 选项卡，它能够提供在 Flutter 中详细追踪大量消耗的某些帧和操作的一些建议。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/b5ab5668cac60.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/b5ab5668cac60.png)
 
 除了以上的新功能，本次更新还有其他的问题修复和优化改进，包括查看器 (Inspector)、网络记录器的 CPU 记录器的问题修复。你可以查看下面的 DevTools 更新日志了解更多细节。
 
@@ -105,11 +105,11 @@ Impeller 的进展飞速离不开社区贡献者的支持。尤其是 [ColdPaleL
 
 举例来说，你可以在用户选中邮件地址时，为文本框默认的选择菜单添加「发送邮件」的按钮 ([代码地址](https://github.com/flutter/samples/blob/main/experimental/context_menus/lib/email_button_page.dart))。[`contextMenuBuilder`](https://master-api.flutter-io.cn/flutter/cupertino/CupertinoTextField/contextMenuBuilder.html) 参数也已经添加到现有包含上下文菜单的 widget 中。你可以在 `contextMenuBuilder` 中返回任何你想返回的 widget，也包括平台自适应的上下文菜单。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/ffb979eb8fa7d.gif)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/ffb979eb8fa7d.gif)
 
 这一新特性也可以用于文本选择以外的场景。例如，你可以为一个 `Image` widget 的右键和长按操作添加「保存」按钮 ([代码地址](https://github.com/flutter/samples/blob/main/experimental/context_menus/lib/image_page.dart))。你也可以使用 [`ContextMenuController`](https://api.flutter.cn/flutter/widgets/ContextMenuController-class.html) 在应用内的任意位置展示平台默认或者自定义的上下文菜单。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/0332c5f7dcc77.gif)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/0332c5f7dcc77.gif)
 
 若想查看完整的示例，前往 [Flutter 示例代码仓库](https://github.com/flutter/samples/tree/main/experimental/context_menus) 了解更多。
 
@@ -117,9 +117,9 @@ Impeller 的进展飞速离不开社区贡献者的支持。尤其是 [ColdPaleL
 
 Cupertino 系列 widget 迎来了两位新成员： [`CupertinoListSection`](https://github.com/flutter/flutter/pull/78732) 和[`CupertinoListTile`](https://github.com/flutter/flutter/pull/78732)，可用于展示 iOS 风格的滚动列表内容。它们是 Cupertino 版本的 `ListView` 和 `ListTile`。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/3835e17a8e8ba.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/3835e17a8e8ba.png)
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/708e171743d27.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/708e171743d27.png)
 
 ## 滑动优化
 
@@ -129,7 +129,7 @@ Cupertino 系列 widget 迎来了两位新成员： [`CupertinoListSection`](htt
 
 新的 [`AnimatedGrid`](https://github.com/flutter/flutter/pull/112982) 和 `SliverAnimatedGrid` 可以用于为新增和移除的内容展示动画。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/8f8ba42208951.gif)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/8f8ba42208951.gif)
 
 最后，我们 [修复了](https://github.com/flutter/flutter/pull/108706) 自 Flutter 迁移至健全的空安全以来的一个问题，该问题影响了所有包含 `itemBuilder` 参数的滑动 widget (例如 `ListView`)。在迁移至空安全时，`itemBuilder` 的类型迁移至了 `IndexedWidgetBuilder`，即不允许返回 `null`，而在以前 `null` 可以用来代表列表已经到了底部等。该参数现已修改为 `NullableIndexedWidgetBuilder`。感谢 @rrousselGit 发现并修复了这个问题！
 
@@ -140,7 +140,7 @@ Flutter 对国际化的支持已经焕然一新！我们对 `gen-l10n` 进行了
 - 描述性的语法错误
 - 嵌套或多个复数、选择和占位的消息内容
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/93b17a42072f8.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/93b17a42072f8.png)
 
 更多内容可以了解已经更新的 [Flutter 应用里的国际化](https://docs.flutter.cn/development/accessibility-and-localization/internationalization) 文档。
 
@@ -156,9 +156,9 @@ Flutter 对国际化的支持已经焕然一新！我们对 `gen-l10n` 进行了
 
 在 Android 和 iOS 上进行文本选择时会出现的放大镜现在也会在 Flutter 中出现了。它已经添加至了所有的文本选择，但是你也可以通过 [`magnifierConfiguration`](https://api.flutter.cn/flutter/material/TextField/magnifierConfiguration.html) 禁用或者自定义。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/c375f8ae339e9.gif)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/c375f8ae339e9.gif)
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/bde08a1b5a13a.gif)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/bde08a1b5a13a.gif)
 
 ## 插件代码迁移至 Swift
 
@@ -180,15 +180,15 @@ Apple 整将它们的代码迁移至 Swift，我们也希望能为开发者构
 
 Bitcode 在 Flutter 应用中默认是关闭的，所以这也不应该会影响太多开发者的项目。但是，如果你曾经为你的项目手动启用过 bitcode，请尽快在升级到 Xcode 14 后关闭 bitcode。你可以使用 Xcode 打开 `ios/Runner.xcworkspace` 找到 **Enable Bitcode** 设置为 **No**，混合开发项目需要在宿主项目中禁用。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/bda59d271dcb8.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/bda59d271dcb8.png)
 
 ## iOS 平台视图应用 BackdropFilter
 
 我们为 iOS 原生视图添加了可以渲染高斯模糊的特性，现在嵌套在 `BackdropFilter` 中的 `UiKitView` 可以正确的渲染高斯模糊了。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/991e1cff34251.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/991e1cff34251.png)
 
-你可以查看相应的 [设计文档](https://files.flutter-io.cn/flutter-design-docs/Flutter_iOS_PlatformView_BackdropFilter.pdf) 了解更多。
+你可以查看相应的 [设计文档]({{site.flutter-files-cn}}/flutter-design-docs/Flutter_iOS_PlatformView_BackdropFilter.pdf) 了解更多。
 
 ## 内存管理
 
@@ -196,13 +196,13 @@ Bitcode 在 Flutter 应用中默认是关闭的，所以这也不应该会影响
 
 例如，我们扩展了现有手动释放某些 `dart:ui` Dart 对象的本地资源的实践。先前在 Dart VM 垃圾回收 Dart 对象前，本地资源都将被 Flutter 引擎持有。通过对用户应用程序和我们的 benchmarks 分析，我们认为这种策略很多时候无法避免不合适的 GC 和过度使用内存。因此在此次更新中 Flutter 引擎添加了 API ，用于显式释放由 `Vertices`、`Paragraph` 和 `ImageShader` 对象持有的本地资源。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/2435f5771a7c2.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/2435f5771a7c2.png)
 
 在我们迁移到此 API 的 Flutter 框架的 benchmarks 中，将 90% 的帧构建时间减少了 30% 以上，最终用户将体验到更流畅的动画和更少的卡顿。
 
 此外，Flutter 引擎 [不再上报](https://github.com/flutter/engine/pull/35473) Dart VM 中的 GPU 图像的大小。如上所述，当这些图像资源不再被需要时已由框架手动释放，如果这时继续按照 GPU 内存大小的 GC 策略上报至 Dart，会导致不必要的堆内存压力并进一步触发无效的 GC。类似的方法同样应用到了 Flutter 引擎中，用于回收 `dart:ui` 原生对象的 [隐式内存占用](https://github.com/flutter/engine/pull/35813)。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/9635c0a4f4bf6.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/9635c0a4f4bf6.png)
 
 在我们的测试中，此更改省去了 widget 创建 GPU 常驻图像构建帧时的同步 GC 工作。
 
diff --git a/src/content/posts/announcing-flutter-for-windows.md b/src/content/posts/announcing-flutter-for-windows.md
index 9c01e67afb..c98d09d962 100644
--- a/src/content/posts/announcing-flutter-for-windows.md
+++ b/src/content/posts/announcing-flutter-for-windows.md
@@ -5,7 +5,7 @@ toc: true
 
 Flutter 创建伊始，我们就致力于打造一个能够构建精美的、可高度定制的、并且可以编译为机器码的跨平台应用解决方案，以充分发挥设备底层硬件的全部图形渲染能力。今天，Flutter 对 Windows 生产版本的正式支持是对这一愿景实现的重要标志。它使 Windows 开发者也能享受到移动开发的相同生产力和功能。
 
-![用 Flutter 构建 Windows 桌面应用程序](https://devrel.andfun.cn/devrel/posts/2022/02/908c66b003640.jpg)
+![用 Flutter 构建 Windows 桌面应用程序]({{site.flutter-files-cn}}/posts/images/2022/02/908c66b003640.jpg)
 
 Flutter 的目标是在任何平台上为你提供出色的构建体验，并且我们想要打造的是：只需要使用同一套核心框架和工具完成这个目标。通过 Flutter，你可以自由打造 **优美** 的使用体验，使你的品牌和设计脱颖而出；它还拥有 **极高** 的执行速度，因为它会被直接编译为机器码；而通过支持有状态的热重载功能以提供交互式的体验，让你可以在应用运行时直接看到代码更改后的结果，从而获得 **生产力** 提升。Flutter 是开放的，成千上万的贡献者参与到核心框架的构建，或是通过 package 和插件生态系统对其进行扩展。
 
@@ -13,7 +13,7 @@ Flutter 的目标是在任何平台上为你提供出色的构建体验，并且
 
 迄今为止，我们看到这股趋势已经超出了我们的预期。包括一些大公司例如 [Betterment](https://verygood.ventures/success-stories/betterment "Betterment 使用 Flutter 的案例")、宝马以及字节跳动等，还有 Google 内部三十多个团队都使用了 Flutter。根据 Statista 以及 SlashData 的统计，Flutter 在 2021 年已经成为了最流行的跨端 UI 工具包。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/02/531f089d347f9.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/02/531f089d347f9.png)
 
 我们自己的数据也能支持这一点，在 2021 年四个季度的开发者调查中，有 92% 的 Flutter 开发者对我们提供的工具表示满意。（对于另外 8% 的人，我们正在倾听你的反馈，希望也能得到你的满意）。
 
@@ -33,19 +33,19 @@ Flutter 的核心部分是跨平台的：从可移植的硬件加速的 Skia 图
 
 正如我们对 Android 和 iOS 的支持那样，对 Windows 的实现也包括了 Dart 框架以及 C++ 的引擎。Windows 与 Flutter 通过承载了 Flutter 引擎的 **嵌入层(Embedder)** 进行通信，翻译以及发送 Windows 都是 **嵌入层** 的职责范围。Flutter 与 Windows 共同将你的 UI 绘制到屏幕上，处理窗口大小调整和 DPI 更改等事件，并与已有的 Windows (如输入法编辑器) 配合使用。
 
-![Flutter 在 Windows 平台的架构](https://devrel.andfun.cn/devrel/posts/2022/02/3ccad9b79b6d5.jpg)
+![Flutter 在 Windows 平台的架构]({{site.flutter-files-cn}}/posts/images/2022/02/3ccad9b79b6d5.jpg)
 
 在 Windows 上，Flutter 使用了一套完全相同的 Dart 代码，但是能够使用 Windows 的 API。
 
 你的应用能够使用 Flutter 框架的全部功能，在 Windows 上，它还可以直接通过 Dart 的 C 互操作层或使用用 C++ 编写的平台插件与 Win32、COM 和 Windows 运行时 API 进行通信。我们还适配了许多常用插件以包含对 Windows 的支持，包括`camera`，`file_picker`和`shared_preferences`。更重要的是，社区已经添加了各种其他 package 对 Windows 的支持，涵盖了从 Windows 任务栏集成到串行端口访问的全部内容。
 
-![目前已经有上百个 package 为通过 Flutter 构建 Windows 应用程序提供了适配。](https://devrel.andfun.cn/devrel/posts/2022/02/8eff674e59263.jpg)
+![目前已经有上百个 package 为通过 Flutter 构建 Windows 应用程序提供了适配。]({{site.flutter-files-cn}}/posts/images/2022/02/8eff674e59263.jpg)
 
 要完全为 Windows 的 UI 进行定制，你也可以使用例如像是 [fluent_ui](https://pub.flutter-io.cn/packages/fluent_ui "使用 fluent_ui package 实现具有 Microsoft Fluent 设计美学的设计") 以及 [flutter_acrylic](https://pub.flutter-io.cn/packages/flutter_acrylic "使用 flutter_acrylic package 实现具有 Microsoft Fluent 设计美学的设计") 这样的 package 创造具有 Microsoft Fluent 设计美学的应用。而且使用 [msix](https://pub.dev/packages/msix "使用 msix 工具打包发布 Windows 桌面应用程序") 工具能将你的应用包装进安装器，这样就可以上传到 Windows 上的 Microsoft Store。
 
 总的来说，这促进了在 Window 平台上创建应用程序。以极快的速度在 Windows 上运行的同时还能转到其他桌面或者移动应用以及 web 平台上运行。让我们来看看到目前为止的一些早期样例：
 
-![一些使用 Flutter 构建的 Windows 应用程序的早期社区示例，特别展示来自深圳团队的一款应用。](https://devrel.andfun.cn/devrel/posts/2022/02/8f17446cb2052.png)
+![一些使用 Flutter 构建的 Windows 应用程序的早期社区示例，特别展示来自深圳团队的一款应用。]({{site.flutter-files-cn}}/posts/images/2022/02/8f17446cb2052.png)
 
 ## Microsoft 与 Flutter
 
@@ -57,7 +57,7 @@ Flutter 的核心部分是跨平台的：从可移植的硬件加速的 Skia 图
 
 同时，Microsoft 围绕 Windows 可访问性所做的投入也给我们留下了深刻的印象，非常感谢该团队的帮助，以确保 Flutter 从第一天起就能够为屏幕阅读器提供支持。将无障碍功能视为额外的需求是错误的。正如 [Microsoft 包容性设计工具包](https://www.microsoft.com/design/inclusive "Microsoft 包容性设计工具包") 中的这张图片所示，我们必须要关注提供永久、临时或不同情境下需求的体验。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/02/a6687ec76191d.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/02/a6687ec76191d.jpg)
 
 下面的视频演示了 Flutter 如何集成 Windows 讲述人 (Windows Narrator) 功能。出于本视频的目的，我们特意模糊了屏幕，让你了解此功能对需要它的用户的价值。
 
@@ -75,7 +75,7 @@ Windows 讲述人是一个为 Windows 打造的屏幕阅读器，它同样能够
 * [Syncfusion](https://www.syncfusion.com/flutter-widgets "Syncfusion 官网的 Flutter widget 介绍界面") 更新了工具套件以充分发挥在 Windows 平台的优势。如果你在使用他们提供的服务，你会发现他们的数据可视化组件，比如树状图、线性规、火花图表，日历组件甚至是 PDF 和 Excel 生成组件都已经支持了 Flutter，Syncfusion Flutter widget 是用 Dart 原生构建的。
 * 近期，[Rive](https://rive.app/ "创建交互式矢量动画的工具 Rive 官网") 宣布推出其流行的图形工具套件的 Windows 版本，它能够让设计人员和开发人员创建交互式矢量动画，这些动画可以使用状态机实时响应代码。即将推出的 Windows 版本的应用程序提供了惊人的性能和更低的内存占用，并将很快将在 Microsoft Store 中提供下载。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/02/7d6b68e9aaec4.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/02/7d6b68e9aaec4.jpg)
 
 看到围绕着 Flutter 的建立的成熟生态，我们非常激动，在你开始使用 Flutter 构建 Windows 应用的时候，我们鼓励你多尝试一下生态里的这些合作伙伴的服务和工具。
 
@@ -87,9 +87,9 @@ Windows 讲述人是一个为 Windows 打造的屏幕阅读器，它同样能够
 
 再次感谢大家对 Flutter 的支持，期待看到你为 Windows 平台构建的精彩应用程序！
 
-![](https://devrel.andfun.cn/devrel/posts/2022/02/56b3f56c8b099.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/02/56b3f56c8b099.jpg)
 
-- 如果你想将上面这个图片当作桌面背景，请点击点击这个链接下载原图: https://files.flutter-io.cn/images/branding/desktop/dash2022_4k.png
+- 如果你想将上面这个图片当作桌面背景，请点击点击这个链接下载原图: {{site.flutter-files-cn}}/images/branding/desktop/dash2022_4k.png
 
 ## 致谢
 
diff --git a/src/content/posts/announcing-general-availability-for-the-google-mobile-ads-sdk-for-flutter.md b/src/content/posts/announcing-general-availability-for-the-google-mobile-ads-sdk-for-flutter.md
index 010aba7a72..b06c7e6f6b 100644
--- a/src/content/posts/announcing-general-availability-for-the-google-mobile-ads-sdk-for-flutter.md
+++ b/src/content/posts/announcing-general-availability-for-the-google-mobile-ads-sdk-for-flutter.md
@@ -3,7 +3,7 @@ title: 适用于 Flutter 的 Google 移动广告 SDK 正式版现已发布
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/12/yWS0zM.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/12/yWS0zM.png)
 
 *作者 / Zoey Fan，Flutter 产品经理*
 
@@ -23,7 +23,7 @@ toc: true
 
 **应用开屏广告 (App Open Ads):** 一种让移动应用加载体验得以变现的广告格式。当用户打开或切换回应用时，会展示开屏广告。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/12/6UpIut.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/12/6UpIut.png)
 
 ## **Google AdMob 和 Ad Manager**
 
@@ -33,7 +33,7 @@ toc: true
 
 [Flutter GMA SDK](https://pub.flutter-io.cn/packages/google_mobile_ads) 统一了这些产品，通过在 iOS 和 Android 平台共享代码来满足你的变现需求，且无需在需求增长时重写代码。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/12/VGvTlQ.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/12/VGvTlQ.png)
 
 ## **中介和竞价**
 
diff --git a/src/content/posts/announcing-the-flutter-casual-games-toolkit.md b/src/content/posts/announcing-the-flutter-casual-games-toolkit.md
index bc64c5178f..c3748178a6 100644
--- a/src/content/posts/announcing-the-flutter-casual-games-toolkit.md
+++ b/src/content/posts/announcing-the-flutter-casual-games-toolkit.md
@@ -4,10 +4,10 @@ toc: true
 keywords: 游戏工具包
 description: 帮助你的游戏从概念走向成功发布的入门套件。
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/05/dSsVED.png
+    path: https://files.flutter-io.cn/posts/images/2022/05/dSsVED.png
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2022/05/dSsVED.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/05/dSsVED.png)
 
 *作者 / Zoey Fan, Product Manager for Flutter, Google*
 
@@ -15,7 +15,7 @@ image:
 
 在过去的一年里，已经有数千款 Flutter 游戏发布。拿游戏公司 Lotum 来举例，该公司旗下颇具人气的文字解谜游戏 [4 Pics 1 Word](https://flutter.dev/showcase/lotum "Flutter 案例: 4 Pics 1 Word") 最近就已经用 Flutter 完全重新编写。[Flame](https://flame-engine.org/ "基于 Flutter 一款开源游戏引擎 Flame Engine 主页") 则是一款基于 Flutter 构建的、由社区驱动的开源游戏引擎，其贡献者和用户也一直在稳步增长。
 
-![△ Flutter 开发者构建的手机游戏](https://devrel.andfun.cn/devrel/posts/2022/05/7PH1QO.png)
+![△ Flutter 开发者构建的手机游戏]({{site.flutter-files-cn}}/posts/images/2022/05/7PH1QO.png)
 
 △ Flutter 开发者构建的手机游戏
 
@@ -30,13 +30,13 @@ image:
 
 [Flutter 休闲游戏工具包](http://flutter.dev/games "Flutter 休闲游戏工具包") (Casual Game Toolkit) 提供了专门的模板 (由 [Filip Hracek](https://github.com/filiph "Filip Hracek 的 GitHub 个人页面") 开发)，你可以用它来构建自己的游戏。这个启动项目提供了预先构建完毕的各种你可能用得着的「零部件」，包括主菜单、设置页面、声音支持等，最有趣的部分仍然留给你: 构建游戏！
 
-![△ 在移动设备上运行的井字棋游戏](https://devrel.andfun.cn/devrel/posts/2022/05/qmT3RE.png)
+![△ 在移动设备上运行的井字棋游戏]({{site.flutter-files-cn}}/posts/images/2022/05/qmT3RE.png)
 
 △ 在移动设备上运行的井字棋游戏
 
 ## **视频教程**
 
-如果想要上手开发游戏，请查看我们准备的关于如何使用游戏模板的 [视频教程]({{site.bili.video}}/BV12Y4y1z7m9/ "视频教程：使用 Flutter 开发游戏")。它为你提供了创建一个 [井字棋游戏](https://github.com/filiph/tictactoe "井字棋游戏的 GitHub 开源仓库地址") (你也可从 [iOS](https://apps.apple.com/us/app/tic-tac-toe-puzzle-game/id1611729977 "井字棋游戏 iOS 版下载地址")/[Android](https://play.google.com/store/apps/details?id=dev.flutter.tictactoe "井字棋游戏 Android 版下载地址") 应用商店下载这个游戏) 的逐步教学。如果你想要了解 Filip 在开发这款游戏时经历的所有细节，欢迎阅读他的 [游戏开发日志](https://files.flutter-io.cn/posts/flutter-cn/2022/announcing-the-flutter-casual-games-toolkit/flutter-game-sample-devlog/ "Filip 的游戏开发日志")。
+如果想要上手开发游戏，请查看我们准备的关于如何使用游戏模板的 [视频教程]({{site.bili.video}}/BV12Y4y1z7m9/ "视频教程：使用 Flutter 开发游戏")。它为你提供了创建一个 [井字棋游戏](https://github.com/filiph/tictactoe "井字棋游戏的 GitHub 开源仓库地址") (你也可从 [iOS](https://apps.apple.com/us/app/tic-tac-toe-puzzle-game/id1611729977 "井字棋游戏 iOS 版下载地址")/[Android](https://play.google.com/store/apps/details?id=dev.flutter.tictactoe "井字棋游戏 Android 版下载地址") 应用商店下载这个游戏) 的逐步教学。如果你想要了解 Filip 在开发这款游戏时经历的所有细节，欢迎阅读他的 [游戏开发日志]({{site.flutter-files-cn}}/posts/flutter-cn/2022/announcing-the-flutter-casual-games-toolkit/flutter-game-sample-devlog/ "Filip 的游戏开发日志")。
 
 ## 预集成的服务
 
@@ -60,13 +60,13 @@ Flutter 的优势之一，在于它是充满温度、乐于助人的社区。如
 
 但这并不意味着你的创意应该局限于移动平台。事实上，刚才提到的 [井字棋游戏](https://github.com/filiph/tictactoe "井字棋游戏开源代码仓库地址") 除了在 [web 端运行](https://filiph.github.io/tictactoe/ "井字棋游戏 Web 端运行网址") 外，也能在桌面端运行！
 
-![△ 在 web 端和桌面端运行的井字棋游戏](https://devrel.andfun.cn/devrel/posts/2022/05/GwGAuu.png)
+![△ 在 web 端和桌面端运行的井字棋游戏]({{site.flutter-files-cn}}/posts/images/2022/05/GwGAuu.png)
 
 △ 在 web 端和桌面端运行的井字棋游戏
 
 我们最近还在 DartPad 上增加了对社区驱动的游戏引擎 Flame 的支持，因此你可以在 DartPad 上探索 [用 Flame 构建游戏](https://dartpad.cn/?id=3e52ca7b51ba15f989ad880b8b3314a2 "DartPad 直接体验用 Flame 构建游戏")，而无需下载 SDK。另外，由 Very Good Ventures (VGV) 编写，并在 Google I/O 大会上推出的 web 端 [弹球游戏](https://pinball.flutter.dev/ "Flutter 弹球游戏")，就是使用 Flame 引擎在 Flutter 中构建的！如果你想要了解该弹球游戏是如何创建的，请关注我们近期的推送或直接 [阅读其代码](https://github.com/flutter/pinball "Flutter 弹球游戏开源代码")。
 
-![△ Web 端的弹球游戏](https://devrel.andfun.cn/devrel/posts/2022/05/tzNjv7.png)
+![△ Web 端的弹球游戏]({{site.flutter-files-cn}}/posts/images/2022/05/tzNjv7.png)
 
 △ Web 端的弹球游戏
 
diff --git a/src/content/posts/announcing-xd-to-flutter-v2-0.md b/src/content/posts/announcing-xd-to-flutter-v2-0.md
index d882143c95..2b4cc1f666 100644
--- a/src/content/posts/announcing-xd-to-flutter-v2-0.md
+++ b/src/content/posts/announcing-xd-to-flutter-v2-0.md
@@ -3,7 +3,7 @@ title: XD to Flutter 2.0 现已发布！
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/JEUpoL.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/JEUpoL.jpg)
 
 Flutter 是 Google 的开源 UI 工具包。利用它，只需一套代码库，就能开发出适合移动设备、桌面设备、嵌入式设备以及 web 等多个平台的精美应用。过去几年，对于想要打造多平台应用的开发者来说，Flutter 已成为他们的首选。但设计师们需要的是一个视觉工具来建立原型和构建 Flutter UI，而不是精雕细琢 Dart 源代码，于是 [XD to Flutter](https://github.com/AdobeXD/xd-to-flutter-plugin) 应运而生！
 
@@ -27,17 +27,17 @@ XD to Flutter 由 [gskinner](https://gskinner.com/) 与 Adobe 联合开发，作
 
 XD to Flutter 支持 XD 的响应式布局功能，你可将元素 "固定" 在其所属父元素内，并精确控制其调整尺寸的方式。
 
-![Adobe XD 中的响应式设计](https://devrel.andfun.cn/devrel/posts/2021/05/2oeEuB.png)
+![Adobe XD 中的响应式设计]({{site.flutter-files-cn}}/posts/images/2021/05/2oeEuB.png)
 
 > Adobe XD 中的响应式设计
 
-![Flutter 中的响应式设计](https://devrel.andfun.cn/devrel/posts/2021/05/T0Kwo6.gif)
+![Flutter 中的响应式设计]({{site.flutter-files-cn}}/posts/images/2021/05/T0Kwo6.gif)
 
 > Flutter 中的响应式设计
 
 Flutter 使用 [adobe_xd](https://pub.dev/packages/adobe_xd) 开源软件包中的自定义 Pinned 布局 Widget 实现了这一功能，开发者可直接在其项目中使用。
 
-![Pinned Widget 代码示例](https://devrel.andfun.cn/devrel/posts/2021/05/nzmZOr.jpg)
+![Pinned Widget 代码示例]({{site.flutter-files-cn}}/posts/images/2021/05/nzmZOr.jpg)
 
 > Pinned Widget 代码示例
 
@@ -49,7 +49,7 @@ Flutter 使用 [adobe_xd](https://pub.dev/packages/adobe_xd) 开源软件包中
 
 XD to Flutter 2.0 版对这些功能都支持，可将它们转换成常见的 Flutter Widget (`Column`、`Row` 以及 `SingleChildScrollView`)。你甚至可以将某个堆栈放入一个滚动组内，从而轻松创建一个滚动项列表。
 
-![XD (左) 和 Flutter (右) 中的堆栈和滚动组](https://devrel.andfun.cn/devrel/posts/2021/05/GRBLhW.gif)
+![XD (左) 和 Flutter (右) 中的堆栈和滚动组]({{site.flutter-files-cn}}/posts/images/2021/05/GRBLhW.gif)
 
 > XD (左) 和 Flutter (右) 中的堆栈和滚动组
 
@@ -59,7 +59,7 @@ XD to Flutter 2.0 版对这些功能都支持，可将它们转换成常见的 F
 
 Flutter 导出工具使用 `Stack` Widget 将背景元素分层放置在内容之后，而后者则放置在一个 `Padding` Widget 内。
 
-![XD (左) 和 Flutter 中的内边距和背景](https://devrel.andfun.cn/devrel/posts/2021/05/RIaeJC.gif)
+![XD (左) 和 Flutter 中的内边距和背景]({{site.flutter-files-cn}}/posts/images/2021/05/RIaeJC.gif)
 
 > XD (左) 和 Flutter 中的内边距和背景
 
@@ -69,7 +69,7 @@ Flutter 导出工具使用 `Stack` Widget 将背景元素分层放置在内容
 
 Flutter 2 还引入了健全的空安全机制 ，这一语言特性可帮助开发者先行捕捉不可为空的变量却为空的问题，避免其在应用中引发问题。XD to Flutter 2.0 版包含一个新设置 "Export Null Safe Code" (导出空安全代码)；导出时选中该设置，可确保生成的代码未来可用。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/mEFck0.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/mEFck0.png)
 
 > "Export Null Safe Code" 设置和输出
 
@@ -79,7 +79,7 @@ Flutter 2 还引入了健全的空安全机制 ，这一语言特性可帮助开
 
 你只需从 Adobe XD 的 "Plugin" (插件) 菜单选择 "Browse Plugins…" (浏览插件)，然后搜索 "Flutter" (奇怪的是，搜索 "XD to Flutter" 不起作用)，或前往 [adobe.com/go/xd_to_flutter](https://adobe.com/go/xd_to_flutter)，即可安装此插件。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/r9kl7p.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/r9kl7p.png)
 
 安装好后，从插件面板中打开 XD to Flutter 面板，点按 "Need help" (需要帮助？) 链接，可查阅 [plugin documentation](https://github.com/AdobeXD/xd-to-flutter-plugin/blob/master/README.md) (插件帮助文档)。
 
diff --git a/src/content/posts/dart-2-17.md b/src/content/posts/dart-2-17.md
index 17d3554d30..b134b03397 100644
--- a/src/content/posts/dart-2-17.md
+++ b/src/content/posts/dart-2-17.md
@@ -14,7 +14,7 @@ image:
 
 Dart 2.17 提供了新的语言特性：**枚举支持成员变量、改进的超类参数继承，以及更为灵活的命名参数**。我们同时为 `package:lints` 开启了 2.x 版本，这是一套官方的 lint 规则，是根据我们总结的 Dart 最佳实践整合而成的一个 lint 规则集。与此同时，我们也更新了核心库的 API 文档，为其带来了丰富的示例代码。并且，为了改善平台集成特性，我们在 Flutter 插件中提供了一个新的模版，使用 `dart:ffi` 与原生平台进行 C 语言的互操作、对 RISC-V 指令集提供实验性支持，以及对 macOS 和 Windows 可执行文件的签名支持。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/dart-2-17/dart-2-17-hero.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/dart-2-17/dart-2-17-hero.png)
 
 ## 编程语言新特性助力生产力提升
 
@@ -63,7 +63,7 @@ void main() {
 
 这两种方法的完整示例如下所示，有了这些改动，新版本的代码更易于阅读和维护。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/dart-2-17/extensions-vs-enum.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/dart-2-17/extensions-vs-enum.png)
 
 ### 超类的初始化构造
 
@@ -71,13 +71,13 @@ void main() {
 
 几位 Dart 社区成员帮助 Dart 实现了这项语言目标。半年前，GitHub 用户 [@roy-sianez](https://github.com/roy-sianez "GitHub 用户主页: @roy-sianez") 提交了一个 [语言问题](https://github.com/dart-lang/language/issues/1855 "Dart 编程语言 GitHub 仓库议题 #1855")。他的建议类似于 GitHub 用户 [@apps-transround](https://github.com/apps-transround "GitHub 用户主页: @apps-transround") 先前的 [建议](https://github.com/dart-lang/language/issues/493#issuecomment-879624528 "Dart 编程语言 GitHub 仓库议题 #493")：也许我们可以通过引入一个新的方式来表示在超类中指定了一个参数，来解决这个问题。我们认为这是一个好主意，因此已将其实现并添加到了 Dart 2.17 版本中。从以下示例中可以看出，这与 Flutter widget 的代码有很强的相关性。实际上当我们将这项特性应用到 Flutter 框架时，我们看到框架总共减少了 [近两千行代码](https://github.com/flutter/flutter/pull/100905/files "Flutter 框架 GitHub 仓库拉取请求 #100905")！
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/dart-2-17/manual-forwarding-vs-supper-parameters.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/dart-2-17/manual-forwarding-vs-supper-parameters.png)
 
 ### 可在任意参数位置使用命名参数
 
 最后，我们改进了方法调用时命名参数的方式。在此次更新之前，命名参数的调用必须出现在普通参数列表的后面。当你想要提升代码可读性，希望将命名参数写在靠前的位置但它无法工作时，会觉得非常惆怅。例如下方 `List<T>.generate` 构造函数的调用。此次更新之前 `growable` 参数必须放在最后，这会导致这个参数很容易被可能有很多内容的构造参数所影响而错过。现在你可以根据自己的喜好对它们进行排序，你可以先使用命名参数，最后使用生成器参数。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/dart-2-17/names-agrs-order-changing.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/dart-2-17/names-agrs-order-changing.png)
 
 更多有关这三项改进的示例，请参阅我们更新的 [枚举](https://github.com/dart-lang/samples/blob/master/enhanced_enums/lib/members.dart "Dart 编程语言特性改进示例代码: 枚举")、[超类的初始化构造](https://github.com/dart-lang/samples/blob/master/parameters/lib/super_initalizer.dart "Dart 编程语言特性改进示例代码: 超类的初始化构造") 和 [命名参数](https://github.com/dart-lang/samples/blob/master/parameters/lib/named_parameters.dart "Dart 编程语言特性改进示例代码: 命名参数") 示例代码。
 
diff --git a/src/content/posts/dart-2-18.md b/src/content/posts/dart-2-18.md
index a2baeb7603..735a06c881 100644
--- a/src/content/posts/dart-2-18.md
+++ b/src/content/posts/dart-2-18.md
@@ -14,7 +14,7 @@ Dart 2.18 稳定版也随着 [Flutter 3.3 稳定版](/posts/whats-new-in-flutter
 
 文章最后我们也给出了最新的空安全迁移状态情况数据，以及最终完全实现 Dart 空安全特性路线图的一个重要更新，请务必读到最后。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/dart-2-18/image3.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/dart-2-18/image3.png)
 
 ## Dart 与 Objective-C 和 Swift 互调
 
@@ -195,7 +195,7 @@ VM 中还包含了一些额外的小的行为变更，了解更多请查看 [发
 
 通常情况下，个人的 package 开发者会使用业余时间维护并发布新的 package，这可能会耗费他们大量的时间和资源。为方便其他使用者进行赞助，我们在 `pubspec` 中支持了全新的 `funding` 标签，package 开发者可以用它列出一个或多个赞助其持续开发的链接，这些链接会展示在 `pub.dev` 网站的侧栏中。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/dart-2-18/image2.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/dart-2-18/image2.png)
 
 了解更多请访问 [pubspec 文档](https://dart.cn/tools/pub/pubspec%23funding "pubspec 规范文档中关于 funding 标签的部分")。
 
@@ -222,7 +222,7 @@ Dart 特别注重简单性和可学习性，因此在增加新功能时，我们
 
 下图展示了 `flutter run` 命令执行中非健全 (Unsound) 和健全 (Sound) 的空安全的对比情况。在引入空安全之前，两者都为零。随后非健全的空安全快速增长，此时应用开始逐渐迁移到空安全，开发者先进行了部分迁移，但有些部分仍然需要迁移。一段时间过后，我们可以看到健全的空安全曲线稳定增长，到上月底，与非健全的空安全相比，健全的空安全执行量多出了四倍。我们希望在接下来的几个季度中，我们将看到健全空安全到达 100%！
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/dart-2-18/image1.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/dart-2-18/image1.png)
 
 ## 重要的空安全路线图更新
 
diff --git a/src/content/posts/dart-2-7.md b/src/content/posts/dart-2-7.md
index d9c2295339..a0d3724b9c 100644
--- a/src/content/posts/dart-2-7.md
+++ b/src/content/posts/dart-2-7.md
@@ -6,7 +6,7 @@ toc: true
 
 Dart 2.7 增加了对扩展方法的支持，此外还添加了一个新的代码包，用来处理带有特殊字符的字符串。我们更新了空安全 (已经实现类型安全的可空和非空类型)，还通过 DartPad 带来了全新的代码体验环境 (而且支持空安全)。在生态系统层级，pub.dev 现在加入了新的点赞 (Like) 功能，用户们喜欢代码包如今更加一目了然。Dart 2.7 现在就可以 [从 dart.dev 下载](http://dart.dev/) 并作为 SDK 使用，并且它也包含在 [发布的 Flutter 1.12 中](https://flutter.cn/posts/announcing-flutter-1-12)。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/gw7QIg.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/gw7QIg.png)
 
 ## **扩展方法**
 
@@ -182,7 +182,7 @@ class Person {
 
 现在我们把这段代码粘贴进我们新推出的 [空安全代码体验环境](https://nullsafety.dartpad.dev)，它是 DartPad 的一个特殊版本，其中包含静态分析功能 (是空安全功能的子集) 的技术预览。甚至都不需要运行代码，我们就可以看到 3 个问题:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/0zBwPq.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/0zBwPq.png)
 
 通过依次修复这些分析错误之后，我们就可以尽享空安全带来的好处了。请在空安全体验环境中试着做出如下修改 (并 [最终得到空安全代码](https://gist.github.com/mit-mit/c210bfb088545e69ba9231ee459615ba)):
 
@@ -208,7 +208,7 @@ class Person {
 
 我们还在 pub.dev 上发布了 "为代码包点赞" 功能，方便大家 "亲手" 表明自己对代码包的喜爱。如果你想要为一个代码包点赞，只需点击代码包详情信息旁边的大拇指图标即可。
 
-![△ pub.dev 代码包详情页增加了点赞按钮](https://devrel.andfun.cn/devrel/posts/2021/05/Vw0mJN.png)
+![△ pub.dev 代码包详情页增加了点赞按钮]({{site.flutter-files-cn}}/posts/images/2021/05/Vw0mJN.png)
 
 > △ pub.dev 代码包详情页增加了点赞按钮
 
diff --git a/src/content/posts/dev-story-beike-use-flutter-service-300-million-users.md b/src/content/posts/dev-story-beike-use-flutter-service-300-million-users.md
index 037cca0c71..4ea04dc09e 100644
--- a/src/content/posts/dev-story-beike-use-flutter-service-300-million-users.md
+++ b/src/content/posts/dev-story-beike-use-flutter-service-300-million-users.md
@@ -27,7 +27,7 @@ toc: true
 >
 > —— 赵佳航，贝壳开发工程师
 
-![△ 贝壳应用启动快速，体验流畅](https://devrel.andfun.cn/devrel/posts/2021/04/2dce5c6321043.gif)
+![△ 贝壳应用启动快速，体验流畅]({{site.flutter-files-cn}}/posts/images/2021/04/2dce5c6321043.gif)
 
 △ 贝壳应用启动快速，体验流畅
 
@@ -43,13 +43,13 @@ Flutter 除了做到让应用本身运行流畅以外，还能让开发者们的
 >
 > —— 邵冬，贝壳资深工程师
 
-![△ 1 秒就能看到迭代效果的热重载](https://devrel.andfun.cn/devrel/posts/2021/04/ee62fb9d41463.gif)
+![△ 1 秒就能看到迭代效果的热重载]({{site.flutter-files-cn}}/posts/images/2021/04/ee62fb9d41463.gif)
 
 △ 1 秒就能看到迭代效果的热重载
 
 然后是**活跃的开发社区**，很多开发中碰到的问题其实已经有其他开发者给出了解决方案，这自然让开发者们得以避免重复劳动。贝壳开发团队自己就用 Flutter 开发了制作海报的功能，其中用到了 15 款来自社区的 package。当然，团队也有积极提交 PR 为社区提供反馈，贡献自己做为社区一员的能量。
 
-![△ 用 Flutter 制作海报](https://devrel.andfun.cn/devrel/posts/2021/04/f33fac822c66f.gif)
+![△ 用 Flutter 制作海报]({{site.flutter-files-cn}}/posts/images/2021/04/f33fac822c66f.gif)
 
 △ 用 Flutter 制作海报
 
@@ -63,13 +63,13 @@ Flutter 跨平台、高效的特性很快也吸引到了贝壳旗下其他应用
 >
 > —— 王兆昭，被窝家装资深产品经理
 
-![△ 被窝家装的按户型找设计和新家播报等核心功能使用 Flutter 实现](https://devrel.andfun.cn/devrel/posts/2021/04/fc65d4215e338.gif)
+![△ 被窝家装的按户型找设计和新家播报等核心功能使用 Flutter 实现]({{site.flutter-files-cn}}/posts/images/2021/04/fc65d4215e338.gif)
 
 △ 被窝家装的按户型找设计和新家播报等核心功能使用 Flutter 实现
 
 目前贝壳已经有十几款 App 在使用 Flutter 技术，更是已经搭建起了完善的 Flutter 基础设施，包括 Flutter 环境自动化配置工具、共享引擎容器、UI 自动化测试、基于 Flutter Web 的容灾降级方案以及线上的异常监控和性能监控等系统，整体对 Flutter 技术的使用已经比较体系化了。
 
-![△ 线上异常监控和性能监控系统](https://devrel.andfun.cn/devrel/posts/2021/04/d94d009ef96a4.gif)
+![△ 线上异常监控和性能监控系统]({{site.flutter-files-cn}}/posts/images/2021/04/d94d009ef96a4.gif)
 
 △ 线上异常监控和性能监控系统
 
diff --git a/src/content/posts/flutter-2022-highlight-moment.md b/src/content/posts/flutter-2022-highlight-moment.md
index bdcc80b9c1..87d0c5494e 100644
--- a/src/content/posts/flutter-2022-highlight-moment.md
+++ b/src/content/posts/flutter-2022-highlight-moment.md
@@ -4,7 +4,7 @@ toc: true
 ---
 
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/2497484bb3be1.gif)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/2497484bb3be1.gif)
 
 ## 回看 2022，展望 Flutter Forward
 
@@ -16,13 +16,13 @@ toc: true
 
 2022 年 I/O 大会上，我们推出了 Flutter 3，继对 Windows 桌面的支持进入稳定版之后，开始将 macOS 和 Linux 桌面端的支持也推进到了稳定版。并且，我们首次重新整理发布了我们的规划，我们希望 Flutter 的未来可以以移动端为中心，并扩展到多个平台。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/PhZ8op.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/PhZ8op.jpg)
 
 随着 Flutter 版本的演进和逐渐成熟，我们看到各行各业的公司都正在使用 Flutter 开发他们的应用，截止 5 月份的 I/O 大会，已经有超过 50 万个应用使用 Flutter 发布。
 
 ## 供应链安全
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/Q8mWXm.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/Q8mWXm.jpg)
 
 软件供应链安全 (Supply Chain Security) 近年来成为经常被提及的话题，2022 年，Flutter 团队也 [对软件供应链安全方面增加了投入](https://mp.weixin.qq.com/s/m8Jn8XNuwrmEwhZPPLWaaw)。
 
@@ -33,7 +33,7 @@ https://github.com/cfug/diox/issues/29
 
 ## 使用 Flutter 更快速的进军休闲小游戏和新闻类应用市场
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/AFOIM3.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/AFOIM3.jpg)
 
 休闲小游戏数量增长迅猛，这些上手速度快，比较有代表的是消除类、合成类小游戏，为了应对持续不断增长的休闲小游戏市场，Flutter 团队也推出了「[休闲游戏工具包](https://mp.weixin.qq.com/s/T-hSdOZc3OXUg9Sf3hzHuA)」来帮助开发者们更好的构建自己的小游戏，你可以在这篇文章或者网站上了解更多 flutter.cn/games
 
@@ -41,7 +41,7 @@ https://github.com/cfug/diox/issues/29
 
 ## Wonderous 示例应用
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/LJHaqS.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/LJHaqS.jpg)
 
 [Wonderous 这款示例应用](https://mp.weixin.qq.com/s/cAwU2RmG-VtTBjPLweoobg) 的最大亮点就是它使用了 Flutter 正在测试的新渲染引擎，加入了超多自定义设计以及高质量用户体验，你可以在它的 GitHub 开源代码页面了解更多: github.com/gskinnerTeam/flutter-wonderous-app
 
@@ -54,7 +54,7 @@ https://github.com/cfug/diox/issues/29
 ## 展望 2023
 
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/eb5p18.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/eb5p18.jpg)
 
 我们将通过 Flutter Forward 活动来开启我们的 2023 之旅，继续将我们的规划和发展方向持续向全球社区用户透明地发布，再次真诚邀请你的加入和参与！同时也不要忘记关注我们的 [微博账号](https://mp.weixin.qq.com/s/pWdZv45PXutnXbrEOTLeww)，获得每次 Flutter PR 的更新通知。
 
@@ -62,13 +62,13 @@ https://github.com/cfug/diox/issues/29
 
 我们为社区成员们准备了一批 Flutter 社区红包封面，依然是由我们的吉祥物 Dash 出镜，欢迎各位领取和转发，感谢社区成员茶叶蛋蛋贡献的设计：
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/39AKMH.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/39AKMH.jpg)
 
 
 ## Flutter 开发者们，兔年大吉！
 
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/2bf8988d0f189.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/2bf8988d0f189.jpg)
 
 作为开发者，我们一直在发现问题、解决问题，面对眼下的很多不确定性，我们希望每一位开发者们都可以继续保持对新事物的好奇，也能不断探索发现新的机会和想法，多参与全球社区与更多人交流碰撞。我坚信，我们对于这个行业的热爱和笃定，一定可以让我们找寻到更多改变世界的机会。
 
diff --git a/src/content/posts/flutter-2022-roadmap.md b/src/content/posts/flutter-2022-roadmap.md
index e3eb3e1395..d135bfbd4b 100644
--- a/src/content/posts/flutter-2022-roadmap.md
+++ b/src/content/posts/flutter-2022-roadmap.md
@@ -5,7 +5,7 @@ toc: true
 
 为了提高产品透明度，每年年初 Flutter 团队都会发布今年度的产品路线图，以帮助使用 Flutter 的团队和开发者们根据这些优先事项制定计划。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/flutter-roadmap-2022/flutter-2022-roadmap.jpg)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/flutter-roadmap-2022/flutter-2022-roadmap.jpg)
 
 2022 年 Flutter 团队将重点通过关注以下几个领域和方向针对产品进行研发和改进，包括开发者体验、桌面端、Web 端、框架和引擎、Dart 编程语言、卡顿，并计划于今年停止对 32 位 iOS 设备的支持，并增加对软件供应链安全方面的投入，以达到 SLSA 4 级 (用户可以高度确信该软件没有被篡改)。
 
@@ -41,11 +41,11 @@ toc: true
 
 ### 卡顿
 
-[2021 年我们着手解决了很多关于卡顿的问题](https://files.flutter-io.cn/flutter-design-docs/Jank_in_Flutter.pdf)，但最后的结论是，我们可能需要完全重新思考该如何使用着色器 (shader)，正因如此，我们也一直在重写图形渲染的后端。2022 年，我们打算将 iOS 上的 Flutter 迁移到这个新的架构上，然后根据在这方面的经验，将这个方案移植到其他平台。此外，我们还将实现其他性能方面的改进以及性能自省特性，例如 [新的 DisplayList 系统](https://github.com/flutter/flutter/issues/85737) 所实现的功能。
+[2021 年我们着手解决了很多关于卡顿的问题]({{site.flutter-files-cn}}/flutter-design-docs/Jank_in_Flutter.pdf)，但最后的结论是，我们可能需要完全重新思考该如何使用着色器 (shader)，正因如此，我们也一直在重写图形渲染的后端。2022 年，我们打算将 iOS 上的 Flutter 迁移到这个新的架构上，然后根据在这方面的经验，将这个方案移植到其他平台。此外，我们还将实现其他性能方面的改进以及性能自省特性，例如 [新的 DisplayList 系统](https://github.com/flutter/flutter/issues/85737) 所实现的功能。
 
 ## 计划弃用
 
-我们计划在 2022 年放弃对 32 位 iOS 设备的支持，详见 [RFC 文档](https://files.flutter-io.cn/flutter-design-docs/RFC_Move_32-bit_iOS_to_Best_Effort_Tier.pdf)。
+我们计划在 2022 年放弃对 32 位 iOS 设备的支持，详见 [RFC 文档]({{site.flutter-files-cn}}/flutter-design-docs/RFC_Move_32-bit_iOS_to_Best_Effort_Tier.pdf)。
 
 ## 基础设施建设
 
diff --git a/src/content/posts/flutter-bytedance-dev-story.md b/src/content/posts/flutter-bytedance-dev-story.md
index cff1e90be5..53e9e8a6b2 100644
--- a/src/content/posts/flutter-bytedance-dev-story.md
+++ b/src/content/posts/flutter-bytedance-dev-story.md
@@ -4,7 +4,7 @@ toc: true
 keywords: Flutter开发者故事, 字节跳动
 description: 更高效、更灵活、更精美，以及更多样的产品研发，需要什么样的开发工具？看字节跳动分享他们的故事。
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/05/3o1bOf.png
+    path: https://files.flutter-io.cn/posts/images/2022/05/3o1bOf.png
 ---
 
 字节跳动旗下运营着一系列成功的用户产品、企业应用以及服务，覆盖信息、教育、娱乐等不同领域。随着产品阵容的不断发展，传统的原生双平台开发已经难以满足团队更高效、更灵活、更精美，以及更多样的产品研发需求。Google 首次发布 Flutter 的时候，团队就果断决定用手上的 iOS 和 Android 应用来测试其跨平台开发能力，而 Flutter 也用不逊于原生框架的性能表现和极高的生产力迅速征服了团队成员们的心。
@@ -20,13 +20,13 @@ image:
 
 在更多的平台上覆盖更多用户一直是字节跳动产品团队的目标之一。比如在中国非常受欢迎的短视频娱乐应用 "抖音火山版"，就让 iOS 和 Android 平台的用户都可以通过分享短视频来展示他们的爱好、技能与日常，且拥有非常一致的体验。
 
-![△ 抖音火山版](https://devrel.andfun.cn/devrel/posts/2022/05/3xkCSz.gif)
+![△ 抖音火山版]({{site.flutter-files-cn}}/posts/images/2022/05/3xkCSz.gif)
 
 △ 抖音火山版
 
 在 2B 领域，字节跳动则有一款支持企业协同办公的一站式应用 Lark，通过音视频会议、文档共享、及一系列项目管理与能效工具来支持团队的即时通讯需求。其中，Lark 的移动版本使用了 Flutter 来实现跨平台开发。
 
-![△ 协同办公一站式应用 Lark](https://devrel.andfun.cn/devrel/posts/2022/05/slsqWB.gif)
+![△ 协同办公一站式应用 Lark]({{site.flutter-files-cn}}/posts/images/2022/05/slsqWB.gif)
 
 △ 协同办公一站式应用 Lark
 
@@ -38,13 +38,13 @@ image:
 
 "极课错题打印机" 和 "极课阅卷大师" 两款智能设备上搭载的应用都使用 Flutter 开发，前者用于放置在校园内供学生们自助打印错题，后者则可以帮助老师智能识别学生的答卷以及统计分数。借助 Flutter，团队得以为超过 200 所学校的师生快速完成设备软件的开发以及迭代。
 
-![△ 智能设备 "极课错题打印机" 中的应用使用 Flutter 开发](https://devrel.andfun.cn/devrel/posts/2022/05/oMNaBD.gif)
+![△ 智能设备 "极课错题打印机" 中的应用使用 Flutter 开发]({{site.flutter-files-cn}}/posts/images/2022/05/oMNaBD.gif)
 
 △ 智能设备 "极课错题打印机" 中的应用使用 Flutter 开发
 
 有些时候，Flutter 打造的作品本身也能进一步提升团队的工作效率。比如字节跳动最有趣的 Flutter web 应用之一 Alchemy，这是一款服务于抖音内容创作的内部工具，为 PGC 与 UGC 用户提供便捷有趣的素材生成工具与海量素材，并批量产出受版权保护的设计物料。
 
-![△ Alchemy](https://devrel.andfun.cn/devrel/posts/2022/05/7AhByp.gif)
+![△ Alchemy]({{site.flutter-files-cn}}/posts/images/2022/05/7AhByp.gif)
 
 △ Alchemy
 
@@ -52,7 +52,7 @@ image:
 
 Flutter 对应用屏幕渲染的精确控制能力，让团队得以放开手脚打磨产品的每一个像素。"Lemon8" 就凭借优良的用户体验荣登 2021 年日本地区 Google Play 年度应用榜单，这是一款兴趣种草社区应用，专注于时尚、美容、美食、旅游、居家、健身、艺术、户外、摄影等内容领域。多样的兴趣圈层对应用的一致认可，离不开 Flutter 对画布强大的控制力，以及团队的精心雕琢。
 
-![△ Lemon8](https://devrel.andfun.cn/devrel/posts/2022/05/wbj080.gif)
+![△ Lemon8]({{site.flutter-files-cn}}/posts/images/2022/05/wbj080.gif)
 
 △ Lemon8
 
diff --git a/src/content/posts/flutter-development-on-a-pixelbook.md b/src/content/posts/flutter-development-on-a-pixelbook.md
index afb6e5a356..9b88ea10af 100644
--- a/src/content/posts/flutter-development-on-a-pixelbook.md
+++ b/src/content/posts/flutter-development-on-a-pixelbook.md
@@ -18,7 +18,7 @@ toc: true
 
 下面的截图来自一台正在运行 Visual Studio Code 的 Pixelbook，而且通过 [Android Device Bridge](https://developer.android.google.cn/studio/command-line/adb) 连接的 Flutter 应用程序同样也运行在本地。这可不是什么模拟器——Flutter 应用能够在 Pixelbook 上直接运行（请看 Visual Studio代码状态栏右下角的目标平台）。
 
-![Flutter running locally on a Pixelbook, connected with hot reload to Visual Studio Code](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/flutter_dev_env_on_pixelbook.png){:width="85%"}
+![Flutter running locally on a Pixelbook, connected with hot reload to Visual Studio Code]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/flutter_dev_env_on_pixelbook.png){:width="85%"}
 
 接下来我将在这篇文章中分步说明如何在你自己的设备上运行它。Linux on Chromebook 支持现在已经进入 beta 阶段，但它需要[一台支持 Crostini 的设备](https://chromium.googlesource.com/chromiumos/docs/+/master/containers_and_vms.md#Supported-Now)，包括 [Pixelbook](https://store.google.com/product/google_pixelbook)。 但也可能会出现一些失灵的情况，这都因人而异。当然，ChromeOS 设备的性能特征将与典型的 iPhone 或 Android 设备的性能特征相差较大。我们也不能保证每个 Flutter 场景都能在这个平台上正确运行。这算是一个足够的警告了吧 ；）
 
@@ -30,11 +30,11 @@ toc: true
 
 当你使用最新的频道重启后，你会在"设置"中看到一个新的条目，该条目可以让你在 Chromebook 上安装 Linux 支持。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/turn_on_linux_env_on_cb.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/turn_on_linux_env_on_cb.png){:width="85%"}
 
 在你打开开启它之后，ChromeOS 将会弹出下载并激活 Linux 容器的窗口。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/turn_on_linux_env_on_cb_processing.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/turn_on_linux_env_on_cb_processing.png){:width="85%"}
 
 我的机器花费了几分钟的时间来完成它。完成后，你会看到应用程序启动器上有一个闪亮的新终端应用程序图标，我立即把它固定到任务栏。
 
@@ -62,7 +62,7 @@ $ export PATH=`pwd`/flutter/bin:$PATH
 
 你能够在官网上直接下载 [Android Studio](https://developer.android.google.cn/studio/)，但是由于 Linux 运行在与 Chrome 浏览器不同的容器中，所以你必须手动移动它才能在终端进行访问。拖住时同时按住 Shift 健，将其从 Download 目录移动到 Linux 文件节点中（它在 Linux 容器中代表了 home `~` 目录）。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/download_android_sdk_to_linux_env.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/download_android_sdk_to_linux_env.png){:width="85%"}
 
 然后，你就可以运行以下内容来解压缩并安装 Android Studio：
 
@@ -75,13 +75,13 @@ $ ./studio.sh
 
 你将会看到下面这样的弹窗：
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/start_page_as_on_cb.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/start_page_as_on_cb.png)
 
 点击剩下的设置步骤（我没有为选择 Android 虚拟设备而烦恼，因为你知道的，我们不再需要它了！）。当 IDE 启动时，创建一个新的空白项目（使用默认设定即可）。为了更加轻松地返回 Android Studio，我们将添加一个启动图标，所以请转到 Tools / Create Desktop 项。
 
 现在我们能够为 Android Studio 安装 Flutter 插件了。要安装这些工具和集成，请跳到 File / Settings 并选择 Plugin 节点，然后点击 **Browse repositories** 。在这里搜索 Flutter 插件，如下所示，然后点击 Install 按钮。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/install_flutter_plugin_on_as.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/install_flutter_plugin_on_as.png){:width="85%"}
 
 这部分的最后一步——通过运行以下命令以确保你已同意所有 Android 许可证：
 
@@ -121,15 +121,15 @@ chronos@localhost / $ sudo /usr/libexec/debugd/helpers/dev_features_ssh
 
 接下来是打开 Android 开发者模式。你也许会想，我们最开始不是已经完成这一步了吗？但是我们仅仅是设置 Pixelbook 自身为开发者模式：安卓端需要使用你也许用过的手机上相同的魔术开关。这个设置隐藏的有点深：从设置应用中选择 Google Play Store 菜单，然后选择管理 Android 偏好设置（Manage Android preferences）：
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/manage_android_pref_on_cb.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/manage_android_pref_on_cb.png){:width="85%"}
 
 这将会为 Android 托管环境打开另一个设置应用，你可以在其中找到"关于设备"（**About device**）页面。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/android_env_on_cb_about_page.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/android_env_on_cb_about_page.png)
 
 连续点击 build number 7 次：这是解锁开发者选项屏幕的神奇咒语，可让你打开 ADB 调试：
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/turn_on_dev_mode_android_on_cb.png){:width="85%"}
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/turn_on_dev_mode_android_on_cb.png){:width="85%"}
 
 现在，你终于可以建立 Flutter 能够访问的本地设备的 ADB 连接。假设你是在主目录下解压 Android Studio，那么你会在以下位置找到 `adb` ：`$/Android/Sdk/platform-tools/adb`
 
@@ -149,7 +149,7 @@ $ flutter run
 
 等 Gradle 编译完 APK 并将其安装后，你将会看到一个全屏的正在运行样例应用代码的窗口跳出来。
 
-![A simple Flutter app running in full-screen mode on a Pixelbook.](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/flutter_starter_app_on_cb.png){:width="85%"}
+![A simple Flutter app running in full-screen mode on a Pixelbook.]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-development-on-a-pixelbook/flutter_starter_app_on_cb.png){:width="85%"}
 
 与其他在 Pixelbook 上运行的 Android 应用程序一样，你可以从最大化的窗口恢复为正常大小，这时候应用程序将会看上去和手机上运行的外观非常相似：除了它是直接运行在你的 Pixelbook 上的！
 
diff --git a/src/content/posts/flutter-devs-survey-2022-q2.md b/src/content/posts/flutter-devs-survey-2022-q2.md
index 6a3740251f..390bae6b41 100644
--- a/src/content/posts/flutter-devs-survey-2022-q2.md
+++ b/src/content/posts/flutter-devs-survey-2022-q2.md
@@ -4,7 +4,7 @@ toc: true
 keywords: 开发者调查
 description: 
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/05/3b9459874d504.png
+    path: https://files.flutter-io.cn/posts/images/2022/05/3b9459874d504.png
 ---
 
 2022 Google I/O 大会正式落下帷幕，Flutter 作为 14 个开发者产品和平台中的一款，
@@ -13,7 +13,7 @@ image:
 在此，我们特别邀请大家 [参与本次开发者调查](https://flutter.cn/urls/survey-22-q2)，
 本次调查自今日正式开始，并于一周之后截止。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/05/d2feb49b99930.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/05/d2feb49b99930.png)
 
 [Flutter 3](https://flutter.cn/posts/introducing-flutter-3)
 和 [Dart 2.17](https://flutter.cn/posts/dart-2-17) 的发布，
@@ -55,7 +55,7 @@ Flutter 作为一个 **完全以开源的方式运作的产品**，
 这是一个非常重要并非常高效的提交 Flutter 使用反馈的途径，
 **你的参与或转发都可以让产品变得更好**！
 
-![](https://devrel.andfun.cn/devrel/posts/2022/05/642e4e9acad35.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/05/642e4e9acad35.png)
 
 同时，我们再次邀请开发者们参加
 [字节跳动 UME 插件开发竞赛](https://mp.weixin.qq.com/s/BwImT3xUKCCmxSPP4q40NA)（5 月 30 日截止作品提交），
diff --git a/src/content/posts/flutter-engage-china-developers-qa-part-1.md b/src/content/posts/flutter-engage-china-developers-qa-part-1.md
index f2ede609cb..968ec8f6c3 100644
--- a/src/content/posts/flutter-engage-china-developers-qa-part-1.md
+++ b/src/content/posts/flutter-engage-china-developers-qa-part-1.md
@@ -3,7 +3,7 @@ title: Flutter Engage China 开发者常见问题解答 — 上篇
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/84565efef718e.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/84565efef718e.jpg)
 
 再次感谢大家对 [Flutter Engage China 活动](https://flutter.cn/posts/flutter-engage-china-event-recap) 的关注和积极参与！我们在活动前后收到了很多来自开发者的反馈和问题，Flutter 团队和演讲嘉宾在直播 Q&A 环节中也针对部分问题在第一时间给出回复。现在我们将一些开发者关心的问题和回复整理出来分享给大家，希望对你有所帮助。由于问题数量较多，我们会分为上下两期发布。你也可以观看 Flutter Engage China 视频回顾精彩内容:
 
diff --git a/src/content/posts/flutter-engage-china-developers-qa-part-2.md b/src/content/posts/flutter-engage-china-developers-qa-part-2.md
index cad23d61e0..333c7870ec 100644
--- a/src/content/posts/flutter-engage-china-developers-qa-part-2.md
+++ b/src/content/posts/flutter-engage-china-developers-qa-part-2.md
@@ -3,7 +3,7 @@ title: Flutter Engage China 开发者常见问题解答 — 下篇
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/14dcfcd1d2a09.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/14dcfcd1d2a09.jpg)
 
 再次感谢大家对 [Flutter Engage China 活动](https://flutter.cn/posts/flutter-engage-china-event-recap) 的关注和积极参与！我们在活动前后收到了很多来自开发者的反馈和问题，Flutter 团队和演讲嘉宾在直播 Q&A 环节中也针对部分问题在第一时间给出回复。现在我们将一些开发者关心的问题和回复整理出来分享给大家，希望对你有所帮助。由于问题数量较多，我们分为上下两期发布，上期的内容已经发布，欢迎大家 [前往回顾](https://flutter.cn/posts/flutter-engage-china-developers-qa-part-1)。你也可以观看 Flutter Engage China 视频回顾精彩内容:
 
diff --git a/src/content/posts/flutter-engage-china-event-recap.md b/src/content/posts/flutter-engage-china-event-recap.md
index 4e4e46df94..197274c16a 100644
--- a/src/content/posts/flutter-engage-china-event-recap.md
+++ b/src/content/posts/flutter-engage-china-event-recap.md
@@ -3,7 +3,7 @@ title: 精彩回顾 — Flutter Engage China 视频合集
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/fada6502a2c26.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/fada6502a2c26.png)
 
 在上周的 Flutter Engage China 活动中，Google Flutter 团队和来自国内的开发者们共同探讨和交流 Flutter 的最新更新、实践和未来的发展。虽然只能通过线上交流，但是在活动中嘉宾们的精彩分享和讨论也吸引了众多 Flutter 开发者互动交流，畅谈创新和合作。为了帮助更多开发者们更顺利地进行开发工作，我们将公开活动中嘉宾们分享的内容，并带你回顾精彩亮点，希望能对你有所帮助。
 
@@ -47,6 +47,6 @@ Google Flutter 团队产品经理 Zoey 邀请了三位来自 Flutter 社区的
 
 ## **在交流中成长**
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/263874312041a.png) 积极健康的交流平台是开发者们成长的土壤，诚恳有效的信息交流是开发工作的养分。如果你在观看视频的过程中有任何问题和反馈，欢迎在**文章下方进行留言**发表你的想法，我们会对留言进行整理反馈，请持续关注。很高兴能看到大家为构建良好社区做出努力，请畅所欲言！
+![]({{site.flutter-files-cn}}/posts/images/2021/04/263874312041a.png) 积极健康的交流平台是开发者们成长的土壤，诚恳有效的信息交流是开发工作的养分。如果你在观看视频的过程中有任何问题和反馈，欢迎在**文章下方进行留言**发表你的想法，我们会对留言进行整理反馈，请持续关注。很高兴能看到大家为构建良好社区做出努力，请畅所欲言！
 
 Flutter 在不断更新进步以使开发者们的工作更加得心应手，我们期待看到你使用 Flutter 来构建更多精彩的应用！
\ No newline at end of file
diff --git a/src/content/posts/flutter-engage-event-recap.md b/src/content/posts/flutter-engage-event-recap.md
index 80184dd86a..741a8c64ec 100644
--- a/src/content/posts/flutter-engage-event-recap.md
+++ b/src/content/posts/flutter-engage-event-recap.md
@@ -3,7 +3,7 @@ title: Flutter Engage 活动精彩回顾 — 中文字幕视频
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/21051eef2d1ac.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/21051eef2d1ac.png)
 
 在 Flutter Engage 预告之后，无数开发者充满期待并且在社区中积极讨论交流，分享见解。今天，我们正式发布 Flutter 2.0，并在 [Flutter Engage 活动](https://events.flutter.dev/) 中详细介绍了这一重大里程碑！
 
@@ -13,7 +13,7 @@ toc: true
 
 ## 精彩分享
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/f0a76e3ccd730.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/f0a76e3ccd730.jpg)
 
 让我们一起来快速了解一下本次 Flutter Engage 的精彩内容吧:
 
@@ -49,7 +49,7 @@ Flutter 2.0 的发布是 Flutter 的一次重大升级和重要里程碑，它
 
 ## 参与讨论
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/c7f8c04d839b4.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/c7f8c04d839b4.png)
 
 欢迎你就 Flutter 2.0 发布的相关内容与我们交流！真诚地希望 Flutter Engage 可以让更多 Flutter 开发者有所收获。
 
diff --git a/src/content/posts/flutter-engage-warmup.md b/src/content/posts/flutter-engage-warmup.md
index d3db463107..f8348105eb 100644
--- a/src/content/posts/flutter-engage-warmup.md
+++ b/src/content/posts/flutter-engage-warmup.md
@@ -3,7 +3,7 @@ title: 加入 Flutter Engage，Pick 你的专属 Dash 形象！
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/bff7897911fed.png) 
+![]({{site.flutter-files-cn}}/posts/images/2021/03/bff7897911fed.png) 
 
 ## Flutter Engage 活动精彩来袭
 
@@ -15,11 +15,11 @@ toc: true
 
 ## 你的专属 Dash 形象
 
- ![](https://devrel.andfun.cn/devrel/posts/2021/03/1456332436c3b.png)
+ ![]({{site.flutter-files-cn}}/posts/images/2021/03/1456332436c3b.png)
 
 欢迎一起 [设计你的专属 Dashatar 形象](https://dashatar.flutter.cn/)，TA 会拥有何种身份，附加哪些属性，都由你决定。不消片刻，专属萌宠形象就会跃然于屏。你也可以在社区中尽情展示你 Dashatar 的魅力，听起来是不是很有趣？我们也期待看到你的专属 Dashatar 形象，快来大展身手吧！
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/192f79dc604eb.png) 
+![]({{site.flutter-files-cn}}/posts/images/2021/03/192f79dc604eb.png) 
 
 ## 期待关注
 
diff --git a/src/content/posts/flutter-forward-2023-recap.md b/src/content/posts/flutter-forward-2023-recap.md
index ecfeddea54..e36932d2a1 100644
--- a/src/content/posts/flutter-forward-2023-recap.md
+++ b/src/content/posts/flutter-forward-2023-recap.md
@@ -3,7 +3,7 @@ title: 与 Flutter 共创未来 | Flutter Forward 活动精彩回顾
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2023/02/QXD8vj.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/02/QXD8vj.jpg)
 
 *作者 / Google 开发者框架和语言 (含 Flutter、Dart 和 Go) 产品经理 & 用户体验总监 Tim Sneath*
 
@@ -18,7 +18,7 @@ Flutter 是一个界面工具包，它让应用开发者只需编写一套代码
 
 事实证明 Flutter 深受欢迎: 迄今为止已有超过 70 万款使用 Flutter 打造的应用上架。Flutter 的使用者中既有 [志存高远的小型初创公司](https://flutter.dev/showcase/so-vegan "志存高远的小型初创公司")，也不乏 [有关键需求的大型成熟企业](https://flutter.dev/showcase/credit-agricole "有关键需求的大型成熟企业")。Flutter 的价值还让 Google 内部团队受益，[Google 课堂](https://edu.google.com/workspace-for-education/classroom/ "Google 课堂") 等团队借助 Flutter 为移动和 Web 用户提供优质解决方案。我们还在其他开发者工具中添加了对 Flutter 的支持，这些工具包括 [Google Ads](https://developers.google.cn/admob/flutter/quick-start "Google Ads")、[Google Maps](https://codelabs.developers.google.com/codelabs/google-maps-in-flutter#0 "Google Maps")、[Google Pay](https://pub.flutter-io.cn/packages/pay "Google Pay")，当然还有 [Firebase](https://firebase.google.cn/docs/flutter/setup?platform=ios)。
 
-<video controls width="690" height="480" src="https://devrel.andfun.cn/devrel/posts/2023/02/RKj6GN.mp4" poster="https://devrel.andfun.cn/devrel/posts/2023/02/UdtebS.jpg"></video>
+<video controls width="690" height="480" src="{{site.flutter-files-cn}}/posts/images/2023/02/RKj6GN.mp4" poster="{{site.flutter-files-cn}}/posts/images/2023/02/UdtebS.jpg"></video>
 
 △ Google 课堂与 Flutter
 
@@ -36,7 +36,7 @@ Flutter 的第一个版本提供了用于构建 Android 和 iOS 移动应用的
 
 *特别说明: 我们在这里预先介绍的功能仍处于开发阶段，可能会在未来几个月发生重大变更。在现阶段展示这些功能旨在让早期采纳者有机会参与进来、做出贡献。*
 
-![](https://devrel.andfun.cn/devrel/posts/2023/02/FaQLxh.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/02/FaQLxh.png)
 
 ## **突破性的图形性能**
 
@@ -44,25 +44,25 @@ Flutter 的第一个版本提供了用于构建 Android 和 iOS 移动应用的
 
 在 Flutter Forward 活动中，我们展示了 Flutter 的下一代渲染引擎 **[Impeller](https://github.com/flutter/flutter/wiki/Impeller "Impeller")** 取得的更多进展。Impeller 专为 Flutter 优化，提高图形管线方面的灵活性和控制力，并为我们带来了新的机会。Impeller 使用预编译的着色器，可减少运行时由着色器编译引起的丢帧，从而实现更加可预测的性能。它利用了 Metal 和 Vulkan 的基元类型，二者分别是 iOS 和 Android 中的现代底层图形 API。以及有效地运用了并发机制，将同一帧的工作负载分散到多个线程中。
 
-![△ Impeller 为 Wonderous 这类要求较高的图形应用带来了丝般顺滑的性能。Wonderous 是一款带你探索世界奇观的精美应用，这里展示了它的最新版本，可根据不同的设备和外形规格调整其界面。你可前往 [https://wonderous.app](https://wonderous.app "wonderous.app") 下载该应用。](https://devrel.andfun.cn/devrel/posts/2023/02/a3Dk7v.png)
+![△ Impeller 为 Wonderous 这类要求较高的图形应用带来了丝般顺滑的性能。Wonderous 是一款带你探索世界奇观的精美应用，这里展示了它的最新版本，可根据不同的设备和外形规格调整其界面。你可前往 [https://wonderous.app](https://wonderous.app "wonderous.app") 下载该应用。]({{site.flutter-files-cn}}/posts/images/2023/02/a3Dk7v.png)
 
 △ Impeller 为 Wonderous 这类要求较高的图形应用带来了丝般顺滑的性能。Wonderous 是一款带你探索世界奇观的精美应用，这里展示了它的最新版本，可根据不同的设备和外形规格调整其界面。你可前往 [https://wonderous.app](https://wonderous.app "wonderous.app") 下载该应用。
 
 除了提供流畅的界面，在某些情况下，Impeller 还可以显著提高性能。下面这个视频中的 demo 就完美诠释了这一点。左侧是一个使用 SVG 剪切构建的万花筒应用，该应用使用了当前的默认渲染器。向下滚动页面时，渲染所用时间会超过每帧的预算，导致性能下降、帧率跌至 7-10 fps。右侧是同一个应用，但采用了 Impeller，能以 60 fps 的帧率流畅渲染。
 
-<video controls width="690" height="480" src="https://devrel.andfun.cn/devrel/posts/2023/02/cLx9Wq.mp4" poster="https://devrel.andfun.cn/devrel/posts/2023/02/qPCYaj.jpg"></video>
+<video controls width="690" height="480" src="{{site.flutter-files-cn}}/posts/images/2023/02/cLx9Wq.mp4" poster="{{site.flutter-files-cn}}/posts/images/2023/02/qPCYaj.jpg"></video>
 
 △ 万花筒应用示例，展示了使用 Impeller 可提高图形性能
 
 从头开始构建带来的一个好处是，Impeller 的架构可支持全新的使用用例。得益于新引入的 **对自定义着色器的支持**，我们已经有了一些 [令人惊叹的新 demo](https://twitter.com/reNotANumber/status/1599717360096620544 "令人惊叹的新 demo")，展示了与 Flutter widget 层次结构的无缝集成。此外，我们并未止步于移动端，还在 Web 端发布了对自定义着色器的早期支持。现在你可以使用同一套代码，在 iOS、Android 和浏览器中提供硬件加速的体验。
 
-![Flutter 现在支持在 Web 端使用像素着色器，让你可实现各种炫酷的视觉效果。（图片提供者: [Erick Ghaumez](https://medium.com/u/21767146c3d4?source=post_page-----b94ce089f49c "Erick Ghaumez")）](https://devrel.andfun.cn/devrel/posts/2023/02/BNbAEb.png)
+![Flutter 现在支持在 Web 端使用像素着色器，让你可实现各种炫酷的视觉效果。（图片提供者: [Erick Ghaumez](https://medium.com/u/21767146c3d4?source=post_page-----b94ce089f49c "Erick Ghaumez")）]({{site.flutter-files-cn}}/posts/images/2023/02/BNbAEb.png)
 
 △ Flutter 现在支持在 Web 端使用像素着色器，让你可实现各种炫酷的视觉效果。（图片提供者: [Erick Ghaumez](https://medium.com/u/21767146c3d4?source=post_page-----b94ce089f49c "Erick Ghaumez")）
 
 另外，我们已经着手开展 **使 Flutter 支持 3D 图形** 的早期工作。在主题演讲中，我们演示了你可以导入使用 [Blender](https://www.blender.org/ "Blender") 创建的模型，甚至可以利用热重载技术，在 Blender 中实时迭代模型，然后在正运行的应用中查看结果。虽然该功能还处于早期阶段，但我们对所实现的初始性能以及将 3D 集成到其他 Flutter 体验中的潜力满怀期待。
 
-![△ 这个有趣的 Dash demo 展现了 Impeller 让 Flutter 能够渲染 3D 图形。](https://devrel.andfun.cn/devrel/posts/2023/02/kYeQ6b.png)
+![△ 这个有趣的 Dash demo 展现了 Impeller 让 Flutter 能够渲染 3D 图形。]({{site.flutter-files-cn}}/posts/images/2023/02/kYeQ6b.png)
 
 △ 这个有趣的 Dash demo 展现了 Impeller 让 Flutter 能够渲染 3D 图形。
 
@@ -78,7 +78,7 @@ Flutter 的第一个版本提供了用于构建 Android 和 iOS 移动应用的
 
 这两项新功能相结合，使得 Flutter 可在 Web 端解锁一些令人期待的新用例。我们在 Flutter Forward 活动中展示了一个 [概念验证 demo](https://flutter-forward-demos.web.app/#/ "概念验证 demo ")，你可以看到一个嵌入在 HTML 网页中的简单 Flutter 应用。使用 CSS，我们可以实现动画旋转效果；即使在旋转时，Flutter 内容也一直可供互动。该 demo 还展示了你可以使用 HTML 按钮和 JavaScript 事件处理脚本来改变 Flutter 的状态，反之亦然。我们认为，这项功能正式推出后，将在使用 Flutter 向现有 Web 应用增加互动方面，带来更多可能性。
 
-![△ 利用 "元素嵌入" 功能，你可以将 Flutter 嵌入 <div> 元素中并使用 CSS 来设置其样式。](https://devrel.andfun.cn/devrel/posts/2023/02/tAcjsa.png)
+![△ 利用 "元素嵌入" 功能，你可以将 Flutter 嵌入 <div> 元素中并使用 CSS 来设置其样式。]({{site.flutter-files-cn}}/posts/images/2023/02/tAcjsa.png)
 
 △ 利用 "元素嵌入" 功能，你可以将 Flutter 嵌入 <div> 元素中并使用 CSS 来设置其样式。
 
@@ -94,7 +94,7 @@ Flutter 的第一个版本提供了用于构建 Android 和 iOS 移动应用的
 
 吸引开发者关注的另一种平台架构是 [RISC-V](https://en.wikipedia.org/wiki/RISC-V "RISC-V")，这是一种为广泛使用而设计的开放式标准指令集架构 (ISA)。Android 团队最近 [在支持 RISC-V 方面的工作](https://www.youtube.com/watch?v=70O_RmTWP58 "他们在支持 RISC-V 方面所做的工作") 有所进展。我们也很高兴地宣布 **Dart 现在支持 RISC-V**，相关工作的目标是让 Flutter 能够在陆续上市的 RISC-V 设备上运行。尽管生产级 RISC-V 硬件仍处于起步阶段，但我们依然在 Flutter Forward 活动中展示了目前为止在 [ClockworkPi DevTerm Kit R-01](https://www.clockworkpi.com/product-page/devterm-kit-r01 "ClockworkPi DevTerm Kit R-01") 上取得的进展，它是一个运行 Linux 的自组装便携式终端设备。我们认为在嵌入式场景中，尤其应该支持 RISC-V，Flutter 可以在此情景中为各类需求提供强大的界面工具包。
 
-![△ 一台正在运行 Dart 控制台应用的 ClockworkPi DevTerm R-01 (一款实验性 RISC-V 电脑)](https://devrel.andfun.cn/devrel/posts/2023/02/6mBeRT.png)
+![△ 一台正在运行 Dart 控制台应用的 ClockworkPi DevTerm R-01 (一款实验性 RISC-V 电脑)]({{site.flutter-files-cn}}/posts/images/2023/02/6mBeRT.png)
 
 △ 一台正在运行 Dart 控制台应用的 ClockworkPi DevTerm R-01 (一款实验性 RISC-V 电脑)
 
@@ -104,7 +104,7 @@ Flutter 的第一个版本提供了用于构建 Android 和 iOS 移动应用的
 
 一直以来我们都在为推动 Dart 语言的健康发展做出努力。在 Flutter Forward 活动中，我们带大家抢鲜了解了一些重要的新 Dart 语言功能的初步进展。对 **records 和 patterns** 的早期支持现已登陆开发渠道，这两项新的增强功能协同运用可以发挥出良好效果。
 
-![△ 一个简单的 records 和 patterns 示例，可返回和接收多个函数参数。](https://devrel.andfun.cn/devrel/posts/2023/02/jJMm1S.jpg)
+![△ 一个简单的 records 和 patterns 示例，可返回和接收多个函数参数。]({{site.flutter-files-cn}}/posts/images/2023/02/jJMm1S.jpg)
 
 △ 一个简单的 records 和 patterns 示例，可返回和接收多个函数参数。
 
@@ -112,7 +112,7 @@ Flutter 的第一个版本提供了用于构建 Android 和 iOS 移动应用的
 
 当然，我们也在着力提升 Flutter 的开发者体验。继去年我们 [在 I/O 大会上宣布推出的](https://flutter.cn/posts/announcing-the-flutter-casual-games-toolkit "Flutter 休闲游戏工具包发布") 休闲游戏工具包大获成功之后，我们发布了 [**新闻工具包** 的第一个版本](https://medium.com/flutter/announcing-the-flutter-news-toolkit-180a0d32c012 "新闻工具包的第一个版本")，这将加速新闻发布商和其他内容提供方的移动应用开发，让他们无需从头开始设计应用就能触达移动端用户。它包含了打造以新闻报道为中心的应用所需的一切功能，包括导航和搜索、身份验证、广告植入、通知、档案和订阅，同时纳入了根据 Google 新闻计划的研究成果确定的最佳实践。我们要分享三个使用该工具包构建应用的非洲早期采纳者的故事，他们分别是摩洛哥最著名的新闻网站之一 [Hespress](https://www.hespress.com/ "摩洛哥最著名的新闻网站之一 Hespress")、尼日利亚的热门体育网站 [Bold Sports](https://boldsportsng.com/ "尼日利亚的热门体育网站 Bold Sports") 以及肯尼亚历史最悠久的报纸 [《The Standard》](https://www.standardmedia.co.ke/ "肯尼亚历史最悠久的报纸 《The Standard》")。
 
-<video controls wdith="690" height="480" src="https://devrel.andfun.cn/devrel/posts/2023/02/yHWQPt.mp4" poster="https://devrel.andfun.cn/devrel/posts/2023/02/2xmwUE.jpg"></video>
+<video controls wdith="690" height="480" src="{{site.flutter-files-cn}}/posts/images/2023/02/yHWQPt.mp4" poster="{{site.flutter-files-cn}}/posts/images/2023/02/2xmwUE.jpg"></video>
 
 △ 观看三个非洲新闻发布商的故事，了解他们作为 Google 新闻工具包早期采纳者的体验。
 
@@ -122,12 +122,12 @@ Flutter 的第一个版本提供了用于构建 Android 和 iOS 移动应用的
 
 下图对我们的发展方向进行了总结:
 
-![](https://devrel.andfun.cn/devrel/posts/2023/02/rmxfey.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/02/rmxfey.png)
 
 除了自身拟定的开发方向，我们也很高兴看到 Flutter 生态系统继续蓬勃发展。例如，[FlutterFlow](https://flutterflow.io/ "FlutterFlow") 是一个用于开发原生移动应用的低代码构建工具，而 [Widgetbook](http://widgetbook.io/ "Widgetbook") 提供灵活的工具，供设计师和开发者协作开发用户界面。
 
 最后，很高兴借此机会来到肯尼亚，领略了当地开发者的企业家精神和才华。非洲的 Flutter 社区充满活力；仅肯尼亚的 Flutter 用户群组就有超过 1,000 名开发者。我们很高兴 Flutter 能够为非洲的开发者带来新的机遇，让他们可以参与到快速增长的应用经济中。Klasha 就是诠释这一前景的优秀案例。这家公司借助 Flutter 快速进入市场，并解决了本地用户的问题。下面的视频介绍了他们使用 Flutter 的体验:
 
-<video controls wdith="690" height="480" src="https://devrel.andfun.cn/devrel/posts/2023/02/a4nD2R.mp4" poster="https://devrel.andfun.cn/devrel/posts/2023/02/DrP6nP.jpg"></video>
+<video controls wdith="690" height="480" src="{{site.flutter-files-cn}}/posts/images/2023/02/a4nD2R.mp4" poster="{{site.flutter-files-cn}}/posts/images/2023/02/DrP6nP.jpg"></video>
 
 △ Klasha ([https://klasha.com/](https://klasha.com/ "Klasha")) 的故事以及他们使用 Flutter 的体验。Klasha 是一家科技初创公司，其宗旨是让非洲消费者能够顺畅地买到世界各地的商品。
diff --git a/src/content/posts/flutter-forward-2023.md b/src/content/posts/flutter-forward-2023.md
index b027e76033..569f39454c 100644
--- a/src/content/posts/flutter-forward-2023.md
+++ b/src/content/posts/flutter-forward-2023.md
@@ -3,11 +3,11 @@ title: 1 月 25 日见｜Flutter Forward 活动日程表正式发布！
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2022/12/MLLUlG.jpeg)
+![]({{site.flutter-files-cn}}/posts/images/2022/12/MLLUlG.jpeg)
 
 2023 年 1 月 25 日 (正月初四)，我们将在肯尼亚首都内罗毕举办 Flutter Forward 大会，并同时开启线上直播。本次活动将展示最新的 Flutter 技术更新，包括一个主题演讲以及多个技术演讲和线上问答，全方位展示 Flutter 如何推动 UI 开发的发展，参加我们的活动，看看未来几年的 Flutter 会如何继续构建精彩！
 
-<video controls width="690" height="480" src="https://devrel.andfun.cn/devrel/posts/2022/12/pJEefJ.mp4" poster="https://devrel.andfun.cn/devrel/posts/2022/12/MLLUlG.jpeg"></video>
+<video controls width="690" height="480" src="{{site.flutter-files-cn}}/posts/images/2022/12/pJEefJ.mp4" poster="{{site.flutter-files-cn}}/posts/images/2022/12/MLLUlG.jpeg"></video>
 
 ## 活动日程表
 
@@ -15,7 +15,7 @@ toc: true
 
 下方所述时间均为 **北京时间**：
 
-![](https://devrel.andfun.cn/devrel/posts/2022/12/VFvbt9.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/12/VFvbt9.jpg)
 
 ### 22:30 - 23:00 Flutter Keynote 预热
 
@@ -50,6 +50,6 @@ toc: true
 
 ## 活动报名
 
-![报名网址: https://flutter.cn/urls/ff](https://devrel.andfun.cn/devrel/posts/2022/12/Xhthub.jpg)
+![报名网址: https://flutter.cn/urls/ff]({{site.flutter-files-cn}}/posts/images/2022/12/Xhthub.jpg)
 
 活动注册网站可能需要特别的网络访问，本次无需注册即可参与，但如果你注册了，我们会发送活动的更新和提醒。
diff --git a/src/content/posts/flutter-forward-china-live.md b/src/content/posts/flutter-forward-china-live.md
index 189fe16e17..0271d195fe 100644
--- a/src/content/posts/flutter-forward-china-live.md
+++ b/src/content/posts/flutter-forward-china-live.md
@@ -3,7 +3,7 @@ title: 大年初四，Flutter Forward 中国社区直播活动与你不见不散
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/ab75b498bf387.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/ab75b498bf387.png)
 
 
 之前我们预告过，2023 年 1 月 25 日 (年初四)，Flutter 团队将在肯尼亚首都内罗毕举办 [Flutter Forward 大会](/posts/flutter-forward-2023)，并同时开启线上直播。本次活动将为展示最新的 Flutter 技术更新，包括一个主题演讲，以及多个技术演讲和线上问答， 全方位展示 Flutter 如何推动 UI 开发的发展。
@@ -41,6 +41,6 @@ Flutter Forward 主题演讲
 
 ### 交流群
 
-![](https://devrel.andfun.cn/devrel/posts/2023/01/a883e31a1ae0b.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2023/01/a883e31a1ae0b.jpg)
 
 由于群聊二维码失效较快，请关注「Flutter 社区」公众号，回复关键字「FF活动」即可加入群聊。
\ No newline at end of file
diff --git a/src/content/posts/flutter-highlight-2021.md b/src/content/posts/flutter-highlight-2021.md
index ab24d6ff5e..fe3717aa2d 100644
--- a/src/content/posts/flutter-highlight-2021.md
+++ b/src/content/posts/flutter-highlight-2021.md
@@ -3,30 +3,30 @@ title: 回顾 2021 Flutter 精彩时刻
 description: 祝愿各位 Flutter 开发者们虎年大吉、虎虎生威！
 ---
 
-![Flutter新年](https://devrel.andfun.cn/devrel/posts/2022/01/6879bbc9b157d.png)
+![Flutter新年]({{site.flutter-files-cn}}/posts/images/2022/01/6879bbc9b157d.png)
 
-![2](https://devrel.andfun.cn/devrel/posts/2022/01/752a1f9e5ac3f.png)
+![2]({{site.flutter-files-cn}}/posts/images/2022/01/752a1f9e5ac3f.png)
 
 2021 年，Flutter 正式进入 2.x 系列的正式版发布，年初的 [Flutter 2 的发布](./announcing-flutter-2) 打开了一个新的“格局”，为 Flutter 的加入了第五大特色——「**可移植性**」，让 Flutter 从一个移动框架正式“升级”为一个「可移植框架」，目标是让 Flutter 应用基本可以不加变动地在多种平台上运行。通过 Flutter，开发者们可以为任何平台创建美观、快速且可移植的应用。3 月份，除了 [Web 平台发布稳定版](https://mp.weixin.qq.com/s/6oSwvPsMy6r4AW90aostiA) 之外，Flutter 也开始向桌面、可折叠和嵌入式设备上进行扩展。随之发布的 [Dart 2.12 正式版](./announcing-dart-2-12) 提供了健全的空安全和 FFI 的生产环境级支持。Dart 是一个站在 Flutter 背后的“秘密武器”，我们提到的很多 Flutter 的“闪光点”，实际很大程度要归功于 Dart: 包括我们熟知的有状态的热重载 (Stateful Hot-Reload)，以及 Dart FFI 的成熟支撑了 Flutter 2 提到的「可移植性」，以及最新 Flutter 2.8 稳定版中关于性能的提升的部分，都离不开 Dart。
 
-![2.2](https://devrel.andfun.cn/devrel/posts/2022/01/2faa787ee6bae.png)
+![2.2]({{site.flutter-files-cn}}/posts/images/2022/01/2faa787ee6bae.png)
 
 21 年 5 月下旬的 I/O 大会仍是在线上举办，[Flutter 2.2](https://mp.weixin.qq.com/s/tnQ1F7kvrxKrbRs8bSzMmg) 和 [Dart 2.13](https://mp.weixin.qq.com/s/pmfJ3Q8wJ_fM0VTNWeaSqg) 稳定版正式发布。除了不断进化的 Web 支持，Flutter 也在移动平台有了很多关于性能方面的改进，也着手从基础侧为 Flutter 增强扩展到其他平台进行改进。Flutter 2.2 着重改进开发体验，新项目会默认自动启用健全的空安全
 ，Flutter 的开发者工具 (DevTools) 并和 IDE 插件都得以改进和更新，DartPad 也为教学者增加了引导式代码体验。Dart 2.13 对空安全加入了更多更新，并推出了开发者们非常期待的「类型别名」的新特性。
 
 Flutter 生态里有一个非常重要的角色，就是围绕着 Flutter 发布的一些 Dart Package，这些 package 极大程度上帮助了开发者更好的构建 Flutter 应用。FlutterFire 是官方维护的方便 Flutter 应用集成 Firebase 服务的一系列插件合集，官方也将一批自己维护的插件移交给社区进行维护，这标志着 Flutter 已经远不是只有 Google 工程团队在“单打独斗”，整个社区都在为 Flutter 进行持续贡献。除了广大的开发者社区成员们的贡献之外，丰田、Canonical、三星、索尼、微软也都在持续为 Flutter 做出贡献。Flutter 不只是适用于开发者，也同样适用于设计师们，Adobe XD 是一款 UI/UX 设计和协作工具，你可以使用 xd-to-flutter 插件轻松的将设计稿转换为支持空安全的 Flutter 代码。I/O 期间，Flutter 团队还联合 VGV 团队发布并开源了一个 [使用 Flutter 和 Firebase 构建的 Web 应用](https://mp.weixin.qq.com/s/vEtpHNgsNNzl5Bln3Tfr1g) ——「Flutter 照相亭」，作为一个样例应用，开发者们可以学习应用是如何构建良好的拍照体验、优化 Web 的应用体验以及使用 Firebase 完成业务逻辑等。
 
-![2.5](https://devrel.andfun.cn/devrel/posts/2022/01/30914f7e0b7fe.png)
+![2.5]({{site.flutter-files-cn}}/posts/images/2022/01/30914f7e0b7fe.png)
 
 21 年 9 月，Flutter 更新到了 [2.5 正式版](./whats-new-in-flutter-2-5)，Dart 也发布了 [2.14 正式版](./announcing-dart-2-14)，这个版本仍延续了过去的一些工作，继续进行一些重要的性能和工具改进，也同时加入了对 Material You 的支持等。从这个版本开始，Dart 对 Apple 芯片的支持正式在稳定版渠道推出，同时增加了很多共享的代码 lint 工具，pub.dev 上的评分引擎也开始使用其中的部分 lint 规则，package 发布工具也支持了识别和使用 `.gitignore` 来声明哪些需要忽略的内容，避免上传无用的代码片段等。随着 Dart 空安全特性的推出，有很多应用开发者和 package 开发者们已经开始跟进并应用了健全的空安全特性。除了稳步更新 Flutter 移动端的性能和开发体验，[Flutter Web 也发布了产品路线图](./flutter-2022-roadmap)，力求让 Flutter 应用在 Web 平台的体验更自然。Flutter 团队几乎完全依靠 GitHub 等开源开放平台协作，所有的流程和代码改进都是向社区公开透明的，因此我们也在非常努力的推动国内的开发者参与全球社区贡献，并 [在每次的开发者调查中发声]({{site.bili.video}}/BV1CP4y1V7c9)，很多新特性和改进都会在 GitHub Issue 上发布并公开征集反馈，开发者们的反馈和交互越多，Flutter 团队就越重视，越会投入资源去解决。
 
 从 Play 商店的应用数量看，Flutter 应用数量从 21 年第一季度的 15 万+ 上升到第二季度的 20 万+，同时，21 年 4 月到 5 月，Play 商店中有超过八分之一的新应用是采用 Flutter 构建，21 年年末 Play 商店的 Flutter 应用数量对比第二季度几乎翻番，达到了 37.5 万+ 款应用。这些数字证明着 Flutter 的流行，以及受到越来越多开发者们的采纳和喜爱。开发者们对 Flutter 的采纳和喜爱也同时体现在很多开发者报告里，分析公司 SlashData 的报告里显示：Flutter 是如今最流行的跨平台开发框架，有 45% 的受访开发者选用；RedMonk 排名中提到“Dart 有显著上升”；StackOverflow 的开发者调查体现出开发者喜爱的编程语言里，Dart 排名第七、喜爱的框架里，Flutter 排名第二；JetBrains 2021 开发者生态系统现状报告中显示，在跨平台移动框架选择上，Flutter 的受欢迎程度持续增长，已经超越 React Native 成为最流行的跨平台移动框架。使用 Flutter 的头部公司和应用也包含了 BMW、ByteDance、滴滴、eBay、Grab、Greggs、贝壳、Norton、Philips Hue、PUBG、SHEIN、trip.com、WeChat 等 (*排名不分先后)，截止 21 年末，全球的 Flutter 开发者数量已达 300 万以上，Flutter 也从最初的「便携式 UI 工具包」进化成「一个为环境计算打造的 UI 平台」。
 
-![2.8](https://devrel.andfun.cn/devrel/posts/2022/01/d914e399b45a1.png)
+![2.8]({{site.flutter-files-cn}}/posts/images/2022/01/d914e399b45a1.png)
 
 2021 年的最后一次稳定版更新发布的是 [Flutter 2.8](./announcing-flutter-2-8) 和 [Dart 2.15](./announcing-dart-2-15)，这个版本着重关注的是移动端平台的性能，由于重新设计和实现了 Dart 编程语言中 [isolate 的工作方式](https://mp.weixin.qq.com/s/WCvv7DXzWXNRaMtM-0u7pA)，使得 isolate 所消耗的内存最高减少了 100 倍，体现在 Flutter 应用里就是启动性能和内存占用等性能都有非常大的提升，同时为了方便开发者们调试应用性能，新版的开发者工具 (DevTools) 加入了一个 Enhace Tracing (增强跟踪) 的功能，用于诊断消耗较大的、引起 UI 卡顿的 Widget 构建、布局和绘制操作。在 Web 的平台视图 (PlatformView) 方面，2.8 版本会复用平台视图之前创建的 canvas，提升性能减少滚动卡顿。围绕 package 生态，这次更新了一系列 Firebase 相关的插件，以及 Google 移动端广告 SDK 的插件，与此同时，你也可以通过 DartPad 工具直接使用部分 Firebase 插件和其他 package 了。2.8 还将桌面端的支持往前迈出了一大步，官方也在近期向全球开发者征集 [Flutter 桌面端的应用](https://mp.weixin.qq.com/s/RgUphbNnc6UTD05oppWnWA)，以扩大测试覆盖率，为 Flutter 桌面端的稳定支持提供更多保障。
 
-![2:4:2022](https://devrel.andfun.cn/devrel/posts/2022/01/b7b3cf3eadea5.png)
+![2:4:2022]({{site.flutter-files-cn}}/posts/images/2022/01/b7b3cf3eadea5.png)
 
 回望 2021，Flutter 的发展势头正旺、潜力无限，展望 2022，更是信心满满。尤其是桌面端的版本推进，马上就会进行一个新的 Flutter 产品更新发布，这次发布是针对 Windows 桌面应用程序开发者的，中国时间 2 月 4 号 (正月初四) 发布，届时我们也会关注并推送最新的信息。
 
@@ -34,14 +34,14 @@ Flutter 生态里有一个非常重要的角色，就是围绕着 Flutter 发布
 
 我们今年为大家准备了两款 Flutter 红包封面，分别是 Dash 虎头帽和 Dash 迎新春 (迎新春款可通过领红包页面领取)，去年的三只小秃头也限时返场，祝愿各位开发者们虎年红红火火，再创佳绩！
 
-![](https://devrel.andfun.cn/devrel/posts/2022/01/f9dvuY.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/01/f9dvuY.jpg)
 
-![虎头帽封面二维码](https://devrel.andfun.cn/devrel/posts/2022/01/ehgTJi.jpg)
+![虎头帽封面二维码]({{site.flutter-files-cn}}/posts/images/2022/01/ehgTJi.jpg)
 
-![](https://devrel.andfun.cn/devrel/posts/2022/01/fbbcc804ac6c7.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/01/fbbcc804ac6c7.png)
 
-![Dash 迎新春封面二维码](https://devrel.andfun.cn/devrel/posts/2022/01/jzJ8QQ.jpg)
+![Dash 迎新春封面二维码]({{site.flutter-files-cn}}/posts/images/2022/01/jzJ8QQ.jpg)
 
-![](https://devrel.andfun.cn/devrel/posts/2022/01/3ZiOn9.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/01/3ZiOn9.jpg)
 
-![三小只封面二维码](https://devrel.andfun.cn/devrel/posts/2022/01/qnBir2.jpg)
\ No newline at end of file
+![三小只封面二维码]({{site.flutter-files-cn}}/posts/images/2022/01/qnBir2.jpg)
\ No newline at end of file
diff --git a/src/content/posts/flutter-news-from-gdd-china-flutter1.9.md b/src/content/posts/flutter-news-from-gdd-china-flutter1.9.md
index d77b153df7..6dad5848fe 100644
--- a/src/content/posts/flutter-news-from-gdd-china-flutter1.9.md
+++ b/src/content/posts/flutter-news-from-gdd-china-flutter1.9.md
@@ -3,7 +3,7 @@ title: Flutter 1.9 正式发布
 toc: true
 ---
 
-![Google Developer Days taking place in China](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot9-release/flutter1-9-gdd-keynote.jpg){:width="95%"}
+![Google Developer Days taking place in China]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot9-release/flutter1-9-gdd-keynote.jpg){:width="95%"}
 
 本周对 [Flutter](http://flutter.cn) 意义非凡。Google 面向中国开发者举办的重量级年度盛会——[中国 Google 开发者大会](https://events.google.cn/intl/en/developerdays2019/) 于今日正式拉开帷幕。在主题演讲环节，Flutter 团队宣布推出最新稳定版: Flutter 1.9。这是 Flutter 迄今为止最大的一次版本更新，100 余位贡献者提交共计超过 1,500 份 pull request。Flutter 1.9 引入的新特性与更新涵盖范围广泛，包括 macOS Catalina 和 iOS 13 支持、工具支持优化、多项 Dart 语言新特性以及全新的 Material widget。
 
@@ -25,9 +25,9 @@ Flutter 1.9 也对 [Material](https://material-io.cn/) 组件和特性进行了
 
 在 Flutter 1.9 中，我们新添加了若干 widget, 其中包括 ToggleButtons 和 ColorFiltered。
 
-![Flutter ToggleButtons Demo](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot9-release/image1phone.gif){:width="45%"}
+![Flutter ToggleButtons Demo]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot9-release/image1phone.gif){:width="45%"}
 
-![Flutter ColorFilter Demo](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot9-release/image2phone.gif){:width="45%"}
+![Flutter ColorFilter Demo]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot9-release/image2phone.gif){:width="45%"}
 
 ToggleButtons widget 可将同一行的多个 ToggleButton widget 组合到一起，其中每个 widget 各自又由一组图标和文本 widget 构成。通过这种组合，开发者将得到一组外观与行为完全可自定义的按钮。它能为你的应用按钮实现更加多元化的设计——不论是单选还是多选，选择至少一个或是零个，尖角还是圆角、粗边或细边，图标或文本——ToggleButtons widget 全都可以满足。请查看 [ToggleButtons 示例](https://github.com/csells/flutter_toggle_buttons)，了解以上需求的具体实现。
 
@@ -37,7 +37,7 @@ ToggleButtons widget 可将同一行的多个 ToggleButton widget 组合到一
 
 我们还新增了南非语 (Afrikaans)、祖鲁语 (Zulu) 等 24 种语言的支持。
 
-![Table of languages supported](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot9-release/i18n.png){:width="95%"}
+![Table of languages supported]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot9-release/i18n.png){:width="95%"}
 
 ## Dart 2.5 发布
 
@@ -51,7 +51,7 @@ ToggleButtons widget 可将同一行的多个 ToggleButton widget 组合到一
 
 此外，我们也在一直改善 Flutter 应用中的错误信息质量。优化之后，信息的可读性、简洁性和可操作性均有明显提升。
 
-![Flutter error message](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot9-release/fluttererrormessage.png){:width="95%"}
+![Flutter error message]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot9-release/fluttererrormessage.png){:width="95%"}
 
 该项目由 Flutter 用户体验团队负责牵头，如果你想了解更多有关结构化错误显示的内容，请阅读 [更精准更简洁: Flutter 改进错误信息提示](https://medium.com/flutter/improving-flutters-error-messages-e098513cecf9)。我们才刚刚开始采用这些新格式，预计未来将有更多错误信息会以结构化的形式呈现。
 
@@ -61,7 +61,7 @@ ToggleButtons widget 可将同一行的多个 ToggleButton widget 组合到一
 
 在你创建项目时，Flutter 会通过一个最小的 web/index.html 文件来生成一个 web 运行引擎 (web runner)，其中 web/index.html 文件主要用于自举 (bootstrap) 基于 web 编译的 Flutter 代码，有了这文件后，你可使用 Flutter CLI 工具或 IDE 中的 Flutter 插件来编辑或运行针对 web 平台开发的 Flutter 应用。
 
-![screenshot of VS Code with web support enabled for Flutter](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot9-release/vscode.png){:width="95%"}
+![screenshot of VS Code with web support enabled for Flutter]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot9-release/vscode.png){:width="95%"}
 
 上图为启用了 Flutter web 支持的 VS Code 界面截屏。请注意 web/index.html 文件和顶部的下拉列表允许你选择 Chrome 作为目标设备。尽管 Flutter 的 web 支持还不成熟，但是我们在 Flutter 1.9 中朝着正确的方向迈进了一大步。
 
@@ -69,9 +69,9 @@ ToggleButtons widget 可将同一行的多个 ToggleButton widget 组合到一
 
 我们的开发者已经构建了许多实用的 web 工具，下面就简单介绍一下 Flutter Widget Livebook 和 Panache。
 
-![Flutter Widget Livebook](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot9-release/communityexperiment1.png){:width="45%"}
+![Flutter Widget Livebook]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot9-release/communityexperiment1.png){:width="45%"}
 
-![Panache](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot9-release/communityexperiment2.png){:width="45%"}
+![Panache]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot9-release/communityexperiment2.png){:width="45%"}
 
 [Flutter Widget Livebook](https://flutter-widget-livebook.blankapp.org/) 是一个在网页上展示 widget 运行效果的网站，它使用 Flutter 开发，并直接运行在网页上。[Panache](https://rxlabz.github.io/panache_web/) 则是一款为 Flutter 创建主题的工具，你可以下载创建好的主题，然后将其直接添加到代码中。
 
@@ -86,7 +86,7 @@ Bilibili 视频链接 {{site.bili.video}}/av67230699/
 
 现在，让我们插个轻松的话题，邀请你参加一个有趣的小游戏。请找到你手边的 Google Assistant 设备，然后对它说 “OK Google. Talk to Flutter Widget Quiz.” (OK Google, [为我接通 Flutter Widget 问答挑战赛](https://assistant.google.com/services/a/uid/000000f3a4034e91))。十分感谢 Flutter 社区对这份小测试的倾情贡献，期待各位小伙伴的精彩表现:
 
-![Flutter Widget Quiz](https://devrel.andfun.cn/devrel/posts/2021/02/36cc2facf9626.png){:width="80%"}
+![Flutter Widget Quiz]({{site.flutter-files-cn}}/posts/images/2021/02/36cc2facf9626.png){:width="80%"}
 
 ## 结语
 
diff --git a/src/content/posts/flutter-pubg-mobile-dev-story.md b/src/content/posts/flutter-pubg-mobile-dev-story.md
index 8c1b783e1e..f108f6b4d8 100644
--- a/src/content/posts/flutter-pubg-mobile-dev-story.md
+++ b/src/content/posts/flutter-pubg-mobile-dev-story.md
@@ -4,7 +4,7 @@ toc: true
 keywords: Flutter开发者故事, PUBG MOBILE
 description: PUBG MOBILE 游戏自带的社区功能丰富，用户群庞大，如何确保各个平台的玩家都能有最棒的体验？
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2023/02/lVFv2g.jpg
+    path: https://files.flutter-io.cn/posts/images/2023/02/lVFv2g.jpg
 ---
 
 > _由光子工作室及 Krafton 联合研发的 PUBG MOBILE 依然保持着_[_极高的人气_](https://101.dev/t/google-play-2022/823)_，目前全球有 10 亿玩家，日活跃 5,000 万 (不包括中国大陆地区)。从游戏策划伊始，团队就打算为各个平台的玩家们打造功能完善的社区模块。_
@@ -23,7 +23,7 @@ image:
 > 
 > 胡明春，PUBG MOBILE 开发团队高级工程师
 
-![](https://devrel.andfun.cn/devrel/posts/2023/02/SvqNgV.gif)
+![]({{site.flutter-files-cn}}/posts/images/2023/02/SvqNgV.gif)
 
 △ Flutter 打造的社区模块一直能保持稳定的帧率
 
@@ -41,7 +41,7 @@ image:
 > 
 > 程建，PUBG MOBILE 开发团队高级工程师
 
-![](https://devrel.andfun.cn/devrel/posts/2023/02/Dqcz3s.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/02/Dqcz3s.png)
 
 △ 一次编写，到处运行
 
@@ -59,7 +59,7 @@ image:
 > 
 > 汪增灏，PUBG MOBILE 开发团队高级产品经理
 
-![](https://devrel.andfun.cn/devrel/posts/2023/02/rZVjEk.gif)
+![]({{site.flutter-files-cn}}/posts/images/2023/02/rZVjEk.gif)
 
 △ PUBG MOBILE 丰富的社区功能由 Flutter 打造
 
diff --git a/src/content/posts/flutter-slsa-progress.md b/src/content/posts/flutter-slsa-progress.md
index 1a1a99e5e3..5f48f78bf5 100644
--- a/src/content/posts/flutter-slsa-progress.md
+++ b/src/content/posts/flutter-slsa-progress.md
@@ -4,7 +4,7 @@ toc: true
 keywords: Cocoon, SLSA2
 description: 
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/10/c4f9568a65b61.jpg
+    path: https://files.flutter-io.cn/posts/images/2022/10/c4f9568a65b61.jpg
 ---
 
 文/ Jesse Seales, Dart 和 Flutter 安全工作组工程师
@@ -19,7 +19,7 @@ Cocoon 是一个管理 Flutter Infra CI 的工具应用，我们已经实现了
 
 Cocoon 不仅可以管理 Flutter Infra CI，还可以将多个 CI 服务与 GitHub 集成，使得团队在 GitHub 上开发变得更容易。Cocoon 通过了 SLSA 2 级的要求，这意味着 Cocoon 已经解决了 SLSA 1 和 2 级别中所有的安全问题。Google 的开源安全团队已经验证并审核了 Cocoon 具备 SLSA 2 级标准的要求。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/10/99938ae2c6677.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/10/99938ae2c6677.png)
 
 我们为 `docs-flutter-dev`、`master-docs-flutter-dev` 和 `flutter-dashboard` 实施了额外的安全强化措施，使用基础设施即代码 (IaC) 系统实现身份识别和访问管理 (IAM)。这几个项目非常重要，他们为 Flutter 提供开发文档以及 Flutter 构建状态的仪表盘等。在 IaC 系统的管理下，安全权限的更改需要改动代码，没有批准则无法进行任何改动。也就是说，安全权限的改变是要通过版本控制系统来修改代码的，并且需要提供改变的理由。现有的 IAM 权限将会被减弱以遵循最小权限原则 (Principle of least privilege)。
 
diff --git a/src/content/posts/flutter-spring-2020-update.md b/src/content/posts/flutter-spring-2020-update.md
index c8732bd583..e4aabf6e70 100644
--- a/src/content/posts/flutter-spring-2020-update.md
+++ b/src/content/posts/flutter-spring-2020-update.md
@@ -16,7 +16,7 @@ Google Flutter 团队的工程师、产品经理、UX 研究人员、技术作
 更学会了如何身处办公室之外继续完善 Flutter！
 衷心希望大家也能不断进步，平安健康。
 
-![flutter-developers](https://files.flutter-io.cn/posts/flutter-cn/2020/flutter-spring-2020-update/flutter-developers.png){:width="85%"}
+![flutter-developers]({{site.flutter-files-cn}}/posts/flutter-cn/2020/flutter-spring-2020-update/flutter-developers.png){:width="85%"}
 
 ## Flutter 势头正盛
 
@@ -124,7 +124,7 @@ Nubank 选择了 Flutter，并在此后将其前端开发团队统一在同一
 * [Nougat animation](https://codepen.io/phillywiggins/pen/gOaPNPY) (phillywiggins)
 * [Double pendulum](https://codepen.io/abhilas-csc/pen/qBOZKPj) (abhilas-csc)
  
-![codepen support flutter](https://files.flutter-io.cn/posts/flutter-cn/2020/flutter-spring-2020-update/codepen-plus-flutter.png){:width="85%"}
+![codepen support flutter]({{site.flutter-files-cn}}/posts/flutter-cn/2020/flutter-spring-2020-update/codepen-plus-flutter.png){:width="85%"}
 
 如果你正在寻找 Flutter 学习资源，我们现在在网上提供免费的 Flutter 入门课程。
 这个由 Angela Yu 主讲的长达 10 小时的课程内含教程和代码实验室，
diff --git a/src/content/posts/flutter-web-support-hits-the-stable-milestone.md b/src/content/posts/flutter-web-support-hits-the-stable-milestone.md
index f4393c8d68..9376595e8f 100644
--- a/src/content/posts/flutter-web-support-hits-the-stable-milestone.md
+++ b/src/content/posts/flutter-web-support-hits-the-stable-milestone.md
@@ -3,7 +3,7 @@ title: Flutter Web 支持现已进入稳定版
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/90973fe9e93f5.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/90973fe9e93f5.png)
 
 *作者 / Mariam Hasnany, Product Manager, Flutter*
 
@@ -19,7 +19,7 @@ Flutter 的首个版本支持 iOS 和 Android，开发者们已经用它在移
 
 这篇文章介绍了我们迄今为止的工作成果，并分享了几个案例，意在帮助开发者在自己的应用中活用 Flutter 对 web 的支持。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/80f8ccc90315b.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/80f8ccc90315b.png)
 
 > △ [iRobot Education](https://edu.irobot.com/the-latest/building-a-coding-experience-for-all) 使用 Flutter 开发了 [iRobot Coding](https://code.irobot.com/) 应用，通过此 web 应用向大众提供编程学习体验
 
@@ -31,7 +31,7 @@ Flutter 是用 [Dart](https://dart.cn/) 编写的，而 Dart 能编译成 JavaSc
 
 我们的方法是，建立一个在所有平台上都能使用的一致的工具包 (而不是建立两个有着各种微妙差异的独立框架)，以确保开发者的代码运行时不会出现意外。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/edb077dfd7dda.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/edb077dfd7dda.png)
 
 Flutter 框架由 [一系列层结构](https://docs.flutter.cn/resources/technical-overview#layer-cakes-are-delicious) 组成，其中包含:
 
@@ -50,7 +50,7 @@ Flutter 框架由 [一系列层结构](https://docs.flutter.cn/resources/technic
 
 在此期间，我们对架构进行了重大改进，增加了一些功能，以便扩展和优化 Flutter 的 web 支持，新增内容主要集中在四个方面: **性能**、**web 专属功能**、**桌面硬件适配**，以及**插件**。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/f76550f48d532.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/f76550f48d532.png)
 
 ### **性能**
 
@@ -58,13 +58,13 @@ Flutter 框架由 [一系列层结构](https://docs.flutter.cn/resources/technic
 
 我们最早的工作是基于 DOM 的 HTML。在这种渲染模式中，Flutter 的 web 引擎会将每个生成的 Flutter 场景转换为 HTML、CSS 或 Canvas，并以 HTML 元素树的形式在页面上渲染为一帧。虽然 HTML 渲染器能够最大限度地兼容各种浏览器，且其代码体积较小，但 HTML 渲染器的重绘性能不太适合 Rive (使用 Flutter 构建而成，用于创建动态图像的协作工具) 这种图形密集型应用。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/3b7b18f434f16.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/3b7b18f434f16.png)
 
 > △ [Rive](https://rive.app/) 是一款创建自定义动画的工具，该团队已使用 web 版 Flutter 重新构建应用，并发布了测试版
 
 为了提供高效渲染密集图形所需的保真度，我们开始尝试使用 [CanvasKit](https://skia.org/user/modules/canvaskit)，它可使用 [WebAssembly](https://webassembly.org/) 和 [WebGL](https://www.khronos.org/webgl/) 通过 Skia 绘制命令在浏览器中进行渲染。我们发现 CanvasKit 渲染器的性能、保真度和准确度都更加理想，请看 Flutter 社区中才华横溢的德国开发者 [Felix Blaschke](https://github.com/felixblaschke) 的 [Flutter Plasma](https://flutterplasma.dev/) 演示——用 CanvasKit 创造的惊艳特效。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/c68e7a88df8ad.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/c68e7a88df8ad.png)
 
 > △ [Flutter Plasma](https://flutterplasma.dev/) 是由 Felix Blaschke 创建的演示，可在 Safari、Firefox、Edge 和 Chrome 上运行
 
@@ -83,7 +83,7 @@ Flutter 框架由 [一系列层结构](https://docs.flutter.cn/resources/technic
 
 Web 有很多优势，尤其是在全球的覆盖率。将你现有的 Flutter 应用带到 web 上的原因之一就是接触应用商店以外的用户。为了做到这一点，我们添加了 [自定义 URL 策略](https://docs.flutter.cn/development/ui/navigation/url-strategies)，以确保你的用户只需点击 URL，就可以从任何地方访问你的应用。有了这个功能，你就可以控制地址栏中显示的 URL，以及你的应用在 web 上的路由。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/abd6aee377a66.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/abd6aee377a66.png)
 
 > △ Flutter Plasma 演示的 Showroom 页面，实际上就是一个基于 Flutter 自定义 URL 策略的 [url_strategy](https://pub.flutter-io.cn/packages/url_strategy) 插件示例
 
@@ -95,7 +95,7 @@ Web 有很多优势，尤其是在全球的覆盖率。将你现有的 Flutter 
 
 Flutter 2 特别适合实现渐进式 web 应用 (PWA)。我们建议开发者使用 PWA，通过 Chrome 的 [Project Fugu](https://web.dev/fugu-status/)，以安全和可信的方式，弥合移动端和 web 端应用之间的差异。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/0c26286d00f1c.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/0c26286d00f1c.png)
 
 > △ 发票管理应用 [Invoice Ninja](https://www.invoiceninja.com/) 推出的 PWA 应用与他们现有的 Flutter 移动应用使用相同的代码库
 
@@ -105,9 +105,9 @@ Flutter 2 特别适合实现渐进式 web 应用 (PWA)。我们建议开发者
 
 尽管浏览器的形态大小各异，我们都希望提供美好的 Flutter web 体验。由于 Flutter 最初是为移动应用设计而成，因此 Flutter web 应用已经对移动浏览器的手势和滚动物理效果提供了很好的支持。但桌面浏览器 UI 的呈现和使用有所不同，所以我们对 Flutter 进行了相应的更新。
 
-比如，用户希望应用在桌面浏览器中运行时能够显示滚动条，以便通过鼠标或键盘进行控制。我们为桌面设备添加了 [可自定义的交互式滚动条](https://files.flutter-io.cn/flutter-design-docs/Updating_Scrollbars_(PUBLICLY_SHARED).docx)，这意味着我们可为滚动条使用 [主题](https://api.flutter.cn/flutter/material/ScrollbarTheme-class.html)，显示滚动条轨道，而且还可以拖动滑块。我们还扩展了 [PrimaryScrollController](https://api.flutter.cn/flutter/widgets/PrimaryScrollController-class.html)，便于用户 [使用键盘快捷键进行滚动](https://files.flutter-io.cn/flutter-design-docs/Fallback_ScrollAction_(PUBLICLY_SHARED).docx)，也省去了你使用自定义滚动视图的工作。
+比如，用户希望应用在桌面浏览器中运行时能够显示滚动条，以便通过鼠标或键盘进行控制。我们为桌面设备添加了 [可自定义的交互式滚动条]({{site.flutter-files-cn}}/flutter-design-docs/Updating_Scrollbars_(PUBLICLY_SHARED).docx)，这意味着我们可为滚动条使用 [主题](https://api.flutter.cn/flutter/material/ScrollbarTheme-class.html)，显示滚动条轨道，而且还可以拖动滑块。我们还扩展了 [PrimaryScrollController](https://api.flutter.cn/flutter/widgets/PrimaryScrollController-class.html)，便于用户 [使用键盘快捷键进行滚动]({{site.flutter-files-cn}}/flutter-design-docs/Fallback_ScrollAction_(PUBLICLY_SHARED).docx)，也省去了你使用自定义滚动视图的工作。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/72812bd5afb8b.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/72812bd5afb8b.jpg)
 
 > △ [Spica Technologies](https://spicatech.co.uk/) 为 [Zurich Insurance](https://www.zurich.com/) 构建的物业管理解决方案，这是用 Flutter web 为商务和桌面设备用户构建应用的杰出示例
 
@@ -136,7 +136,7 @@ Flutter 2 特别适合实现渐进式 web 应用 (PWA)。我们建议开发者
 
 这个版本的相当一部分内容来自早期 web 用户的反馈信息和社区提交的 issue，这里我们要再次感谢大家的贡献！今后，我们的首要目标是快速处理大家的反馈，并及时解决 issue，以便大家专注于在所有目标平台上发布高质量的 Flutter 应用。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/7e72a89aa6bc5.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/7e72a89aa6bc5.png)
 
 > △ [Moi Mobiili](https://www.moi.fi/) 是一家现代移动虚拟网络运营商，最近使用 Flutter 推出了他们的 web 应用
 
@@ -149,7 +149,7 @@ Flutter 2 特别适合实现渐进式 web 应用 (PWA)。我们建议开发者
 * 文本渲染和功能，比如对样式设置较为复杂的文本的选取，仍是我们要继续努力解决的功能之一。
 * 我们也会继续努力改善插件生态系统，让 Google 发布的 package 在移动端和 web 端更加统一。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/be293ff0f6829.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/be293ff0f6829.png)
 
 > △ [Simplebet](https://simplebet.io/) 通过 Flutter 的 web 支持，在 Fanduel 现有的移动应用套件中构建了高度互动的嵌入式 NFL 和 NBA 投注体验
 
diff --git a/src/content/posts/google-2022-soas-5.md b/src/content/posts/google-2022-soas-5.md
index b4981bbcad..b5f6facc11 100644
--- a/src/content/posts/google-2022-soas-5.md
+++ b/src/content/posts/google-2022-soas-5.md
@@ -11,11 +11,11 @@ Google 谷歌发布的《2021 移动应用全球化指南》报告中提到，
 
 根据 App Annie (data.ai) 发布的报告，过去 10 年，**中国开发者** 在全球应用下载市场份额 **增长了将近一倍**。根据 Statista 的发布统计报告，2021 年，全球应用下载数量 **超过 2300 亿次**，2015 - 2022 年中国手游海外市场收入逐年攀升，2022 年将达到 **798.4 亿元人民币**。
 
-![](https://files.flutter-io.cn/images/branding/soa/soa-s5-hero.gif)
+![]({{site.flutter-files-cn}}/images/branding/soa/soa-s5-hero.gif)
 
 面向这样广阔的市场前景，到海外市场寻找自己的潜在客户群体成为很多开发者们的选择，Google 为国内的中小型手游和应用公司推出了 **Google 应用出海指南针** 计划，每一期内容均围绕 **开发、增长、营利** 为开发者带来干货满满的分享，今年举办的「应用出海指南针」第五期，为期两个月、每月为一个阶段，通过直播的方式在线上举办，现已 **开启报名通道**：
 
-![也可以 [点击这里](https://flutter.cn/urls/soa-s5)，或者扫描上方二维码报名参加](https://devrel.andfun.cn/devrel/posts/2022/05/a79e67ef54841.jpg)
+![也可以 [点击这里](https://flutter.cn/urls/soa-s5)，或者扫描上方二维码报名参加]({{site.flutter-files-cn}}/posts/images/2022/05/a79e67ef54841.jpg)
 
 △ 可以 [点击这里](https://flutter.cn/urls/soa-s5)，或者扫描上方二维码报名参加
 
@@ -27,7 +27,7 @@ Google 谷歌发布的《2021 移动应用全球化指南》报告中提到，
 
 ## 活动时间安排
 
-![](https://files.flutter-io.cn/images/branding/soa/soa-s5-event-timeline.png)
+![]({{site.flutter-files-cn}}/images/branding/soa/soa-s5-event-timeline.png)
 
 本期应用出海指南针活动离报名截止时间 (6月5日) 只剩下 **不到两周的时间** 了，请各位感兴趣的开发者们抓紧时间报名。本期活动为期两个月，每个月为一个阶段，分别是入门周和进阶周阶段，每天直播时间是 14:00 - 16:30，详细安排如下：
 
@@ -61,4 +61,4 @@ Google AdMob 团队和你共同探索市场新机会点，了解新赛道、新
 
 ## 完整活动海报
 
-![](https://files.flutter-io.cn/images/branding/soa/soa-s5-flyer.png)
+![]({{site.flutter-files-cn}}/images/branding/soa/soa-s5-flyer.png)
diff --git a/src/content/posts/google-i-o-2021-flutter-workshops.md b/src/content/posts/google-i-o-2021-flutter-workshops.md
index 426461b40d..524968bc0f 100644
--- a/src/content/posts/google-i-o-2021-flutter-workshops.md
+++ b/src/content/posts/google-i-o-2021-flutter-workshops.md
@@ -3,7 +3,7 @@ title: 实战合集 — I/O 2021 Flutter 研讨会
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/06/mjy4VZ.jpeg)
+![]({{site.flutter-files-cn}}/posts/images/2021/06/mjy4VZ.jpeg)
 
 2021 年的 Google I/O 大会已圆满闭幕，本次大会带来了诸多关于各项谷歌开发技术产品的最新更新。在此次 I/O，[Flutter 发布了 2.2 版本](https://flutter.cn/posts/announcing-flutter-2-2?t=1)，包括 Web 版的增强、更多 Material 图标、改进了的文本处理方式以及对 Windows UWP 的支持发布了 alpha 版本 [等](https://flutter.cn/posts/whats-new-in-flutter-2-2?t=1)；Dart 也更新到了 [2.13 正式版](https://flutter.cn/posts/announcing-dart-2-13)，推出了空安全的更新、类型别名、Dart FFI 以及性能的提升和云计算平台的支持等。
 
diff --git a/src/content/posts/google-io-2021-flutter-recap.md b/src/content/posts/google-io-2021-flutter-recap.md
index fbbdda3d69..988253dffa 100644
--- a/src/content/posts/google-io-2021-flutter-recap.md
+++ b/src/content/posts/google-io-2021-flutter-recap.md
@@ -3,7 +3,7 @@ title: Flutter 不容错过的 7 大亮点 — Google I/O 精彩回顾
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/06/LbD38J.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/06/LbD38J.jpg)
 
 Flutter 在今年的 Google I/O 上发布了许多重磅更新，欢迎大家和我们一起了解其中不容错过的 7 大亮点:
 
diff --git a/src/content/posts/how-its-made-i-o-photo-booth.md b/src/content/posts/how-its-made-i-o-photo-booth.md
index 74ea86f5c8..2ecc6c5dc6 100644
--- a/src/content/posts/how-its-made-i-o-photo-booth.md
+++ b/src/content/posts/how-its-made-i-o-photo-booth.md
@@ -3,13 +3,13 @@ title: 用 Flutter 和 Firebase 轻松构建 Web 应用
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/11/da90dd75700e2.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/11/da90dd75700e2.png)
 
 *作者 / Very Good Ventures Team*
 
 我们 (Very Good Ventures 团队) 与 Google 合作，在今年 5 月推出了 [照相亭互动体验](https://photobooth.flutter.cn/) (Flutter Photo Booth)。你可以与深受喜爱的 Google 吉祥物合影: [Flutter 的 Dash](https://flutter.cn/dash)、Android Jetpack、Chrome 的 Dino 和 Firebase 的 Sparky，并用各种贴纸装饰照片，包括派对帽、披萨、时髦眼镜等。当然，你也可以通过社交媒体下载并分享，或者用作你的个人头像！
 
-![△ Flutter 的 Dash、Firebase 的 Sparky、Android Jetpack 和 Chrome 的 Dino](https://devrel.andfun.cn/devrel/posts/2021/06/Rjow8V.png)
+![△ Flutter 的 Dash、Firebase 的 Sparky、Android Jetpack 和 Chrome 的 Dino]({{site.flutter-files-cn}}/posts/images/2021/06/Rjow8V.png)
 
 △ Flutter 的 Dash、Firebase 的 Sparky、Android Jetpack 和 Chrome 的 Dino
 
@@ -76,11 +76,11 @@ Camera(
 
 在 Flutter 团队的帮助下，我们将 VideoElement 放在 [DivElement](https://api.flutter.cn/flutter/dart-html/DivElement-class.html) 中，并更新 VideoElement 以填充 DivElement 的宽度和高度，解决了这个问题。这样一来，我们能够为视频元素应用镜像，同时因为父元素是 div，所以不会被 Flutter 覆盖翻转效果。如此一来，我们便获得了所需的镜像摄像头视图！
 
-![△ 未镜像的视图](https://devrel.andfun.cn/devrel/posts/2021/06/rPthpJ.png)
+![△ 未镜像的视图]({{site.flutter-files-cn}}/posts/images/2021/06/rPthpJ.png)
 
 △ 未镜像的视图
 
-![△ 镜像视图](https://devrel.andfun.cn/devrel/posts/2021/06/CRBd2x.png)
+![△ 镜像视图]({{site.flutter-files-cn}}/posts/images/2021/06/CRBd2x.png)
 
 △ 镜像视图
 
@@ -149,7 +149,7 @@ Transform(
 
 最后，我们创建了单独的 package 来确定你的设备是否支持触摸输入。可拖动、可调整大小的 widget 会根据触摸功能做出相应的调整。在具有触摸输入功能的设备上，你并不能看到调整大小的锚点和旋转图标，因为你可以通过双指张合和平移手势来直接操纵图像；而在不支持触摸输入的设备 (例如你的桌面设备) 上，我们则添加了锚点和旋转图标，以适应单击和拖动操作。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/06/XfyErj.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/06/XfyErj.png)
 
 ## **针对 Web 优化 Flutter**
 
@@ -206,7 +206,7 @@ function renderSharePage(imageFileName: string, baseUrl: string): string {
 
 成品如下所示:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/06/6TLvkS.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/06/6TLvkS.png)
 
 有关如何在 Flutter 项目中使用 Firebase 的更多信息，请查看 [此 Codelab](https://firebase.google.cn/codelabs/firebase-get-to-know-flutter#0)。
 
@@ -214,7 +214,7 @@ function renderSharePage(imageFileName: string, baseUrl: string): string {
 
 本项目详细地示范了如何针对 Web 来构建应用的方法。令我们感到惊喜的是，与使用 Flutter 构建移动应用的体验相比，这个 Web 应用的构建工作流与之非常相似。我们必须考虑窗口大小、自适应、触摸与鼠标输入、图像加载时间、浏览器兼容性等元素，以及在构建 Web 应用时所必需考虑的其他所有因素。但是，我们仍然可以使用相同的模式、架构和编码标准来编写 Flutter 代码，这让我们在构建 Web 应用时感到非常自在。Flutter package 提供的工具和不断发展的生态系统，包括 Firebase 工具套件，帮助我们实现了 Flutter 照相亭。
 
-![△ 打造 Flutter 照相亭的 Very Good Ventures 团队](https://devrel.andfun.cn/devrel/posts/2021/11/0219cca9b22ab.png)
+![△ 打造 Flutter 照相亭的 Very Good Ventures 团队]({{site.flutter-files-cn}}/posts/images/2021/11/0219cca9b22ab.png)
 
 △ 打造 Flutter 照相亭的 Very Good Ventures 团队
 
diff --git a/src/content/posts/i-o-pinball.md b/src/content/posts/i-o-pinball.md
index a724e167e1..424cc4408a 100644
--- a/src/content/posts/i-o-pinball.md
+++ b/src/content/posts/i-o-pinball.md
@@ -9,7 +9,7 @@ image:
 
 *文/ Very Good Ventures 团队，5 月 11 日发表于 Flutter 官方博客*
 
-![](https://files.flutter-io.cn/events/gdd2022/pinball/pinball_share_image.png)
+![]({{site.flutter-files-cn}}/events/gdd2022/pinball/pinball_share_image.png)
 
 Flutter 团队使用 Flutter 以及 Firebase 构建了一款经典的弹球游戏。
 下面将会介绍我们是如何通过 Flame 游戏引擎将 [Flutter 弹球游戏](https://pinball.flutter.cn/ "Flutter 弹球游戏主页") 带到 Web 端的。
@@ -23,7 +23,7 @@ Flutter 弹球游戏使用了 Flame 提供的一系列特性，例如动画、
 同时还借助了 Flutter 框架的基础架构。
 如果你能用 Flutter 构建应用，你就获得 Flame 构建游戏所需的基础。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/05/8Qcwcy.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/05/8Qcwcy.jpg)
 
 ## 游戏循环
 
@@ -53,7 +53,7 @@ void update(double dt) {
 组件需要知道在屏幕上渲染的前后顺序。
 例如，当小球发射到斜坡上时，它的顺序会向前，这样就会让它看起来出现在斜坡的顶部。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/05/Ko46wg.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/05/Ko46wg.jpg)
 
 弹球、弹射活塞、挡板以及 Chrome 小恐龙等等这些元素都是可活动的，这意味着它应该遵循真实世界的物理规则。
 而且弹球也需要根据它在板子上的位置改变其大小。当弹球滚到顶部时，
@@ -118,7 +118,7 @@ Body createBody() {
 使用这些数据，Flame 中的 `SpriteAnimationComponent` 能够在一个循环中将所有图像编在一起，
 使元素看起来在运动。
 
-![△ Sprite sheet 示例](https://devrel.andfun.cn/devrel/posts/2022/05/sMkc3K.jpg)
+![△ Sprite sheet 示例]({{site.flutter-files-cn}}/posts/images/2022/05/sMkc3K.jpg)
 
 △ Sprite sheet 示例
 
@@ -152,7 +152,7 @@ Flutter 弹球排行榜实时地显示世界各地玩家的最高分数。
 我们使用 Firebase [Cloud Firestore](https://firebase.google.cn/docs/firestore "Firebase Cloud Firestore 文档") 记录排名前十的分数，将其显示在排行榜上。
 当一个新的分数计入排行榜时，一个 [Cloud Function](https://firebase.google.cn/docs/functions "Firebase Cloud Function 文档") 会将分数按降序排列并删除目前不在前十的分数。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/05/PTfsgf.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/05/PTfsgf.png)
 
 ```dart
 /// Acquires top 10 [LeaderboardEntryData]s.
@@ -190,7 +190,7 @@ Flutter 弹球游戏也适配了移动和桌面浏览器。
 弹球游戏的主题取决于玩家在游戏开始前选择的角色。主题是由 `CharacterThemeCubit` 类控制的。
 根据角色的选择，球的颜色、背景和其他元素都会更新。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/05/BPnkOM.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/05/BPnkOM.png)
 
 ```dart
 /// {@template character_theme}
diff --git a/src/content/posts/introducing-flutter-3.md b/src/content/posts/introducing-flutter-3.md
index fbd2cc61cb..0cab698f84 100644
--- a/src/content/posts/introducing-flutter-3.md
+++ b/src/content/posts/introducing-flutter-3.md
@@ -7,7 +7,7 @@ image:
     path: https://files.flutter-io.cn/posts/flutter-cn/2022/introducing-flutter-3/flutter3_hero.png
 ---
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/introducing-flutter-3/flutter3_hero.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/introducing-flutter-3/flutter3_hero.png)
 
 _作者 / Tim Sneath, Google Flutter 和 Dart 产品组产品经理_
 
@@ -17,7 +17,7 @@ Flutter 3 实现了 Flutter 以移动端为中心扩展到多平台的产品规
 
 创建 Flutter 的初衷是为了彻底改变应用开发：将 「Web 应用的迭代开发模式」与「硬件加速的图形渲染」和「像素级的控制」三者结合——之前只有游戏才能这么做。自 Flutter 1.0 Beta 版发布以来的四年里，我们逐渐在这些基础上发展，增加了新的框架功能和新的 widget，与底层平台进行了更深入的整合，还加入了丰富的 package 库，此外还进行了许多性能和工具等方面的改进。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/introducing-flutter-3/flutter-milestones.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/introducing-flutter-3/flutter-milestones.png)
 
 随着 Flutter 逐渐产品走向成熟，越来越多的人开始用它来构建应用。今天，有超过 50 万个应用使用 Flutter 发布。来自 data.ai 等研究公司的分析以及公众的评价都可以表明，Flutter 正被许多细分领域的客户所使用。其使用场景非常广泛，从微信 (WeChat) 等社交应用，到 Betterment 和 Nubank 等金融和银行类应用，再到 SHEIN 和 trip.com 等商旅应用以及 Fastic、[Tabcorp](https://auspreneur.com.au/tabcorp-adopts-googles-flutter-platform/ "Tabcorp 使用 Google Flutter 平台进行构建") 等生活方式类的应用，还有 [My BMW](https://www.press.bmwgroup.com/global/article/detail/T0328610EN/the-my-bmw-app:-new-features-and-tech-insights-for-march-2021 "My BMW 应用: 2021 年 3 月的新特性更新和技术说明") 此类的硬件连接类应用，最后是巴西政府等公共机构的官方应用等等，都有 Flutter 在大放异彩。
 
@@ -49,7 +49,7 @@ Flutter 3 还对许多基本要素进行了改进，提高了性能，强化了
 
 在这个版本中，我们对 [Material Design 3](https://m3.material-io.cn "Material Design 3 主页") 所做的支持工作已基本完成。开发者们现在可以尽情使用这套自适应性强、跨平台的设计系统，包括其动态颜色方案和经过更新的视觉组件。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/introducing-flutter-3/m3-support.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/introducing-flutter-3/m3-support.png)
 
 我们也将在近期发布更详细的技术文章，并在其中更多介绍这部分内容，以及 Flutter 3 的许多其他新功能。
 
@@ -69,11 +69,11 @@ Firebase 是由 Google 提供的应用服务平台。[SlashData 的开发者基
 
 对于大多数开发者来说，Flutter 是一个应用框架。但是，利用 Flutter 提供的硬件图形加速支持和 Flame 等开源游戏引擎，围绕休闲游戏开发而建立的社区也在不断壮大。我们希望让休闲游戏开发者更容易上手，所以在今天的 I/O 大会上，我们发布了 [Flutter 休闲游戏工具包](https://flutter.dev/games "Flutter 休闲游戏工具包") \(Casual Game Toolkit\)，它提供了模板、最佳实践入门套件，还为你准备了可用于广告和云服务的赞助额度。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/introducing-flutter-3/announcing-flutter-casual-game-toolkit.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/introducing-flutter-3/announcing-flutter-casual-game-toolkit.png)
 
 虽然 Flutter 并不是为高强度的 3D 动作游戏而设计的，但如今，一部分这类游戏在独立于游戏场景之外的用户界面部分也开始使用 Flutter 来实现，包括 PUBG Mobile 这样拥有数亿用户的流行游戏。在 I/O 大会上，我们想看看我们能把技术推进到什么程度，所以我们创建了一个有趣的弹球游戏，它使用到了 Firebase 和 Flutter 的 web 端支持。I/O Pinball 弹球游戏提供了一个定制桌面，围绕着 Google 最受欢迎的四个吉祥物进行设计，它们分别是: Flutter 的 Dash、Firebase 的 Sparky、Android 机器人和 Chrome 恐龙，你可以在这个游戏中与他人一较高下。我们希望通过这种有趣方式展示 Flutter 的多功能性。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/introducing-flutter-3/io-pinball.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/introducing-flutter-3/io-pinball.png)
 
 ## Flutter: 由 Google 支持，由社区驱动
 
diff --git a/src/content/posts/launching-flutter-12-at-mobile-world.md b/src/content/posts/launching-flutter-12-at-mobile-world.md
index e49107bd98..f81adcb279 100644
--- a/src/content/posts/launching-flutter-12-at-mobile-world.md
+++ b/src/content/posts/launching-flutter-12-at-mobile-world.md
@@ -9,7 +9,7 @@ toc: true
 其实，这个大会对 Flutter 有着特别的纪念意义，因为 Flutter 的首个 beta 测试版正是在去年的 MWC 大会上与大家见面的，自此以后，Flutter 的发展速度远[超我们的想象](http://sotagtrends.com/?tags=[ionic-framework,react-native,flutter,xamarin]&relative=false)。
 如今我们再次聚首 MWC 大会，发布 Flutter 稳定版本的首个更新，以此庆祝 Flutter 诞生一周年。
 
-![announced-12-at-mwc19](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot2-release/announced-12-at-mwc19.png){:width="85%"}
+![announced-12-at-mwc19]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot2-release/announced-12-at-mwc19.png){:width="85%"}
 
 ## Flutter 1.2
 
@@ -52,7 +52,7 @@ Android App Bundles 是一种新的封装格式，它能有效减小应用的体
 -   源代码级调试器: 支持单步执行代码，设置断点并检查调用堆栈；
 -   日志记录视图: 显示应用所记录的活动以及网络、框架和垃圾回收等事件。
 
-![flutter-devtools-preview](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot2-release/flutter-devtools-preview.png){:width="85%"}
+![flutter-devtools-preview]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot2-release/flutter-devtools-preview.png){:width="85%"}
 
 为了给 Flutter 和 Dart 开发者创造更好的开发体验，我们将进一步加大对基于 web 的调试工具的投入。此外，随着 web 集成技术的不断发展，我们还计划将这些服务直接添加到 Visual Studio Code 等工具中。
 
@@ -66,7 +66,7 @@ Android App Bundles 是一种新的封装格式，它能有效减小应用的体
 
 [Flutter Create 挑战赛](https://medium.com/flutter/the-flutter-create-winners-are-40980f2d20b3)将从本周起开始接收报名，你敢来参加吗？参赛者需要利用 Flutter 构建充满创意和趣味的精美应用，并把这一切全部浓缩到 5K 的 Dart 代码里。5K 并不多，按照普通 MP3 格式的标准来算，差不多相当于三分之一秒的音乐。但我们敢说，有了 Flutter 的帮助，即使是使用如此少量的代码，你也能制作出令人大开眼界的应用。
 
-![flutter-create-contest](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot2-release/flutter-create-contest-heroimg.png){:width="85%"}
+![flutter-create-contest]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot2-release/flutter-create-contest-heroimg.png){:width="85%"}
 
 挑战赛将于 4 月 7 日结束，因此你将有几周的时间来构建出色应用。我们准备了一些很棒的奖品，其中包括一台搭载 14 核处理器和 128GB 内存的[顶配版 iMac Pro 工作站](https://www.apple.com/imac-pro/specs/)，价值超过 10,000 美元！我们将在 [Google I/O 大会](https://events.google.com/io/)上宣布获胜者名单，并且还会在此期间开展多个 Flutter 演讲、Codelab 课程和活动，敬请期待！
 
@@ -74,7 +74,7 @@ Android App Bundles 是一种新的封装格式，它能有效减小应用的体
 
 Flutter 现已进入 Github Top 20 软件库，与此同时，Flutter 全球社区也在以惊人的速度蓬勃发展，为世界各地的开发者正带去独特的编程乐趣——[印度清奈的开发者聚会](https://twitter.com/Nikkitagandhi/status/1099745911985467392)，[尼日利亚哈科特港的报道](https://twitter.com/Zfinix1/status/1079892033060392962)，[丹麦哥本哈根的应用](https://twitter.com/koorankka/status/1098579826355642368)，以及[美国纽约的孵化工作室](https://www.hotreload.io/) —— 从中我们可以清楚地看到 Flutter 正在成为一种全球现象，而这一切都离不开你的贡献！Flutter 作为移动开发领域一股不容小觑的新生力量，不仅为开发者赢得了[亿万用户](https://play.google.com/store/apps/details?id=com.alibaba.intl.android.apps.poseidon)，还[帮助创业者把理念推向市场](https://play.google.com/store/apps/details?id=com.kissaan.gomitra)。我们非常高兴看到你拥有如此多的创意，也希望能够帮助你使用 Flutter 来呈现这些创意。
 
-![flutter-deep-dive-srmu](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot2-release/flutter-deep-dive-srmu.jpg){:width="85%"}
+![flutter-deep-dive-srmu]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot2-release/flutter-deep-dive-srmu.jpg){:width="85%"}
 
 *在印度 SRM 大学参加 Flutter 高级研讨会的与会者*
 
@@ -82,4 +82,4 @@ Flutter 现已进入 Github Top 20 软件库，与此同时，Flutter 全球社
 这个频道包含了大家非常喜爱的一些视频合集如 [Boring Flutter Development Show](https://www.youtube.com/playlist?list=PLjxrf2q8roU3ahJVrSgAnPjzkpGmL9Czl)、[Widget of the Week](https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG) 和 [Flutter in Focus](https://www.youtube.com/playlist?list=PLjxrf2q8roU2HdJQDjJzOeO6J3FoFLWr2)，
 同时也欢迎前来学习 [Dream11 是如何使用 Flutter 的](https://youtu.be/lCeRZhoqEP8) ，以及 [其他的开发者故事](https://www.youtube.com/playlist?list=PLjxrf2q8roU33POuWi4bK0zvDpAHK6759)等。
 
-![welcome-to-flutter-yt-channel](https://files.flutter-io.cn/posts/flutter-cn/2019/flutter-1dot2-release/welcome-to-flutter-yt-channel.png){:width="85%"}
+![welcome-to-flutter-yt-channel]({{site.flutter-files-cn}}/posts/flutter-cn/2019/flutter-1dot2-release/welcome-to-flutter-yt-channel.png){:width="85%"}
diff --git a/src/content/posts/partnering-with-github-on-an-supply-chain-security.md b/src/content/posts/partnering-with-github-on-an-supply-chain-security.md
index 22fa63ea63..bf867b0eee 100644
--- a/src/content/posts/partnering-with-github-on-an-supply-chain-security.md
+++ b/src/content/posts/partnering-with-github-on-an-supply-chain-security.md
@@ -4,7 +4,7 @@ toc: true
 keywords: GitHub, Dart, 供应链安全
 description: 通过 Dart 和 GitHub 团队的共同努力，自 10 月 7 日起，GitHub 的 Advisory Database (安全咨询数据库)、Dependency Graph (依赖项关系图) 和 Dependabot (依赖更新机器人) 开始支持 Dart 开发者生态，这也意味着 GitHub 为 Dart 和 Flutter 应用的供应链安全提供了全面支持。
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/10/39fdff31f85d9.png
+    path: https://files.flutter-io.cn/posts/images/2022/10/39fdff31f85d9.png
 ---
 
 文/ Michael Thomsen，Dart 产品经理
@@ -17,9 +17,9 @@ image:
 
 Dart 产品经理 Michael Thomsen 表示：通过与 GitHub 团队的合作，Dart 开发者们可以在新的漏洞影响到客户之前发现和解决问题；GitHub 的高级产品经理 Courtney Claessens 也提到说，在供应链安全侧全面支持 Dart，不仅是对开源社区、开发者的支持，更能够帮助数百万使用 Dart 应用的用户们。
 
-![Dependabot 会检测 package 的更新并创建拉取请求以请求更新到最新版本](https://devrel.andfun.cn/devrel/posts/2022/10/18646812c0ce1.jpg)
+![Dependabot 会检测 package 的更新并创建拉取请求以请求更新到最新版本]({{site.flutter-files-cn}}/posts/images/2022/10/18646812c0ce1.jpg)
 
-![Dependency Graph (依赖项关系图) 会展示出项目所依赖的其他 package](https://devrel.andfun.cn/devrel/posts/2022/10/813aca34d90a0.jpg)
+![Dependency Graph (依赖项关系图) 会展示出项目所依赖的其他 package]({{site.flutter-files-cn}}/posts/images/2022/10/813aca34d90a0.jpg)
 
 ## 发布 package 到 pub.dev 的安全最佳实践
 
@@ -27,7 +27,7 @@ Dart 产品经理 Michael Thomsen 表示：通过与 GitHub 团队的合作，Da
 1. 使用 GitHub 的安全公告功能在你的代码仓库中创建新的安全公告，GitHub 会将这个纳入其 Advisory Database (安全咨询数据库) 中。
 1. 为你的 GitHub 代码仓库配置安全策略，详细说明用户可以用什么样的方式报告安全问题。
 
-![为发布到 pub.dev 上的 package 创建安全公告 (Ecosystem 选择 Pub)](https://devrel.andfun.cn/devrel/posts/2022/10/ebd6c66d2ea67.jpg)
+![为发布到 pub.dev 上的 package 创建安全公告 (Ecosystem 选择 Pub)]({{site.flutter-files-cn}}/posts/images/2022/10/ebd6c66d2ea67.jpg)
 
 上述提到的这些安全策略和功能均已面向所有用户发布 (私有仓库也只需要加入一点的额外配置)，快去试试吧，保护自己的代码安全，刻不容缓。
 
diff --git a/src/content/posts/pub-beta-support-for-dependabot-version-updates.md b/src/content/posts/pub-beta-support-for-dependabot-version-updates.md
index d383249b93..3357624085 100644
--- a/src/content/posts/pub-beta-support-for-dependabot-version-updates.md
+++ b/src/content/posts/pub-beta-support-for-dependabot-version-updates.md
@@ -3,7 +3,7 @@ title: Dependabot 开始支持 pub package 版本检测
 toc: true
 ---
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/pub-beta-support-for-dependabot-version-updates/pub-dependabot-hero.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/pub-beta-support-for-dependabot-version-updates/pub-dependabot-hero.png)
 
 今年年初，我们发布了 [Flutter 2022 产品路线图](https://flutter.cn/posts/flutter-2022-roadmap)，其中「基础设施建设」这部分提到：2022 年 Flutter 团队将增加对供应链的安全的投入，目的是达到符合基础设施 SLSA 4 级别中描述的要求。
 
diff --git a/src/content/posts/racing-forward-at-i-o-2023-with-flutter-and-dart.md b/src/content/posts/racing-forward-at-i-o-2023-with-flutter-and-dart.md
index f99e8507aa..f4c37f370b 100644
--- a/src/content/posts/racing-forward-at-i-o-2023-with-flutter-and-dart.md
+++ b/src/content/posts/racing-forward-at-i-o-2023-with-flutter-and-dart.md
@@ -3,7 +3,7 @@ title: 在 I/O 看未来 | Flutter 和 Dart 最新进展
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2023/07/21/Adqvxc.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/07/21/Adqvxc.png)
 
 *作者 / Google 开发者框架和语言 (含 Flutter、Dart 和 Go) 产品经理/用户体验总监 Tim Sneath*
 
@@ -11,7 +11,7 @@ toc: true
 
 就在三个多月前，我们在肯尼亚内罗毕举行的 [Flutter Forward 大会](https://flutter.cn/posts/flutter-forward-2023-recap) 上为 Flutter 和 Dart 推出了一个大胆的新路线图。在此次 I/O 大会上，我们将通过介绍四个主题领域的最新动态，来分享我们在实现这一愿景方面取得的进展，这四个主题分别为: 突破性的图形性能、与 Web 应用和平台的无缝集成、对新兴架构的支持，以及对开发者体验的关注。
 
-![](https://devrel.andfun.cn/devrel/posts/2023/07/21/04KBGl.png)
+![]({{site.flutter-files-cn}}/posts/images/2023/07/21/04KBGl.png)
 
 你可能已经了解到，Flutter 是一个界面工具包，它让应用开发者只需编写一套代码，即可构建移动应用、Web 应用、桌面应用和嵌入式设备应用。你可以使用 Flutter 构建精致**美观**的应用，完全掌控屏幕上的每一个像素。Flutter 具有如下独特优势:
 
@@ -36,7 +36,7 @@ toc: true
 
 通过在 Flutter 中重写 Google 课堂，我们提升了 Google 课堂的性能。该应用的新版本比旧版本的冷启动时间更短，你可以观看下面这则对比视频了解详情:
 
-<video controls width="690" height="480" src="https://devrel.andfun.cn/devrel/posts/2023/07/21/469PWC.mp4" poster="https://devrel.andfun.cn/devrel/posts/2023/07/21/ZkFYLQ.png"></video>
+<video controls width="690" height="480" src="{{site.flutter-files-cn}}/posts/images/2023/07/21/469PWC.mp4" poster="{{site.flutter-files-cn}}/posts/images/2023/07/21/ZkFYLQ.png"></video>
 
 我们正在持续投入资源开发 package，以便将你的 Flutter 应用运用到 Google 开发者生态系统的其他方面。这包括对原生广告的 [Google Ads 支持](https://medium.com/flutter/2023-google-mobile-ads-updates-for-flutter-16b603df9ec9) 进行了重大更新；[新增了 Firebase 对 Windows 平台的支持，并改善了 Firebase 对 Web 的支持](https://github.com/firebase/flutterfire)；同时还新增了对 [更深入的 Android 互操作性](https://io.google/2023/program/2f02692d-9a41-49c0-8786-1a22b7155628/) 的实验性支持。
 
@@ -112,6 +112,6 @@ Dart 3 引入了许多其他新功能，包括记录、模式和类修饰符，
 
 Flutter 不只是一个 *Google* 项目，而是一个*全员参与*的项目。我们非常感谢社区的多样性和热情参与，让 Flutter 蜕变至此。很高兴能与你一起完成这一使命，Flutter 将迈向更加光明的未来！
 
-<video controls width="690" height="480" src="https://devrel.andfun.cn/devrel/posts/2023/07/21/HSILcX.mp4" poster="https://devrel.andfun.cn/devrel/posts/2023/07/21/jUxloC.png"></video>
+<video controls width="690" height="480" src="{{site.flutter-files-cn}}/posts/images/2023/07/21/HSILcX.mp4" poster="{{site.flutter-files-cn}}/posts/images/2023/07/21/jUxloC.png"></video>
 
 Betterment 开发者故事: 使用 Flutter 规模化构建理财应用
diff --git a/src/content/posts/seamless-multi-platform-app-development-with-flutter.md b/src/content/posts/seamless-multi-platform-app-development-with-flutter.md
index 3c49f63d78..600aad509a 100644
--- a/src/content/posts/seamless-multi-platform-app-development-with-flutter.md
+++ b/src/content/posts/seamless-multi-platform-app-development-with-flutter.md
@@ -3,7 +3,7 @@ title: 借助 Flutter 顺畅地开发多平台应用
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/VdWBeY.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/VdWBeY.png)
 
 Flutter 已于近期发布了 [Flutter 2](https://flutter.cn/posts/announcing-flutter-2)，Flutter 和 Dart 的产品总监 Tim Sneath 在 2021 年三月上旬举办的 [Flutter Engage](https://flutter.cn/posts/flutter-engage-event-recap) 活动中表示，Flutter 致力于成为多平台 UI 工具包，为了 "彻底改变开发者眼中的应用构建方式，让他们从期望打造的体验来入手进行开发，而无需优先考虑目标平台"。
 
@@ -21,13 +21,13 @@ Flutter 2 可为 web 提供具有生产质量的支持，这意味着你可以
 
 与移动应用一样，web 应用也有 2 个编译器。*dev_compiler* 适用于开发阶段，而 *dart2js* 则适用于部署阶段。将开发和部署阶段的编译器分开，一方面可优化开发周期生产力，另一方面则可优化正式应用的性能，使其快速运行。Flutter 支持以原生机器代码编译应用，这意味着你在发布已完工的应用时，无需再在虚拟机或 JavaScript 解释器中完成这步操作。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/SjbcQq.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/SjbcQq.png)
 
 Flutter 的 *dev_compiler* 具有与 JIT 编译相同的智能功能。因此，该命令只会重新编译受变动影响的代码，并堆积增量，从而确保开发循环快速进行。但是，与移动端支持热重载 (记住应用的状态) 不同，在 web 应用中，你需要手动启动热重载，并重建应用状态。
 
 就像与以 Flutter 构建的移动应用一样，插件的存在使得应用能够与平台的原生库通信。许多 pub.dev 中现有的 Flutter 插件都已支持 web 应用。在 web 端运行 Flutter 应用时，你可以通过这些插件访问 JavaScript 库。如需查看某一插件是否受支持，只需前往 pub.dev 并搜索该插件即可。插件下方的标签会显示该插件所支持的平台。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/4OS8ol.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/4OS8ol.png)
 
 > 资料来源: [pub.flutter-io.cn/packages?q=url_launcher](https://pub.flutter-io.cn/packages?q=url_launcher)
 
@@ -54,7 +54,7 @@ Flutter 的 *dev_compiler* 具有与 JIT 编译相同的智能功能。因此，
 
 有了 [Flutter 2](https://flutter.cn/posts/whats-new-in-flutter-2-0)，所有 Flutter widgets 均将支持可折叠设备。例如，在你使用对话框时，应用能感知到其位于折叠设备上，将内容显示在右边或左边的窗格中。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/7msNxm.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/7msNxm.png)
 
 你也可以使用全新的双窗格 widget 来放置资源。借助此 widget，你可以在左侧或右侧窗格中放置资源。同时，该 widget 也能正确显示于单屏幕手机或平板类设备上。双窗格 widget 可轻松支持全新的设备类型。
 
diff --git a/src/content/posts/studying-developers-usage-of-ides-for-flutter-development.md b/src/content/posts/studying-developers-usage-of-ides-for-flutter-development.md
index 12f2ccc269..b2d9e82245 100644
--- a/src/content/posts/studying-developers-usage-of-ides-for-flutter-development.md
+++ b/src/content/posts/studying-developers-usage-of-ides-for-flutter-development.md
@@ -4,7 +4,7 @@ toc: true
 keywords: IDE, Android Studio, VS Code
 description: 本文中的见解来自 2022 年第二季度开发者调研，由 JaYoung Lee 和 Ander Dobo 整理撰文。
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/10/PEE2bR.png
+    path: https://files.flutter-io.cn/posts/images/2022/10/PEE2bR.png
 ---
 
 *作者 / JaYoung Lee, UX Researcher at Google*
@@ -15,7 +15,7 @@ Google 的 Flutter 团队负责构建和维护 Android Studio (基于 IntelliJ-I
 
 在后文中，"Android Studio" 同时代表 "Android Studio" 和 "IntelliJ-IDEA"。
 
-![△ 图 1. 从 2021 年 8 月到 2022 年 7 月，使用每个 IDE 的 Flutter 开发者数量。图中可以看出 VS Code 在过去几个月中变得更受欢迎。](https://devrel.andfun.cn/devrel/posts/2022/10/3CRi1T.png)
+![△ 图 1. 从 2021 年 8 月到 2022 年 7 月，使用每个 IDE 的 Flutter 开发者数量。图中可以看出 VS Code 在过去几个月中变得更受欢迎。]({{site.flutter-files-cn}}/posts/images/2022/10/3CRi1T.png)
 
 △ 图 1. 从 2021 年 8 月到 2022 年 7 月，使用每个 IDE 的 Flutter 开发者数量。图中可以看出 VS Code 在过去几个月中变得更受欢迎。
 
@@ -27,7 +27,7 @@ Google 的 Flutter 团队负责构建和维护 Android Studio (基于 IntelliJ-I
 
 在 2019 年第三季度，我们曾询问 Flutter 开发者为什么更喜欢他们使用最多的 IDE。最常见的回答是: 这个 IDE "我更熟悉"。
 
-![△ 图 2. 根据 2019 年第三季度的调研，80% 的 Android Studio 用户和 61% 的 VS Code 用户表示，他们选择 IDE 是因为对其更熟悉。](https://devrel.andfun.cn/devrel/posts/2022/10/eRDu2m.png)
+![△ 图 2. 根据 2019 年第三季度的调研，80% 的 Android Studio 用户和 61% 的 VS Code 用户表示，他们选择 IDE 是因为对其更熟悉。]({{site.flutter-files-cn}}/posts/images/2022/10/eRDu2m.png)
 
 △ 图 2. 根据 2019 年第三季度的调研，80% 的 Android Studio 用户和 61% 的 VS Code 用户表示，他们选择 IDE 是因为对其更熟悉。
 
@@ -39,7 +39,7 @@ Google 的 Flutter 团队负责构建和维护 Android Studio (基于 IntelliJ-I
 
 我们还询问了对 Flutter 的 IDE 支持的满意度，VS Code 用户对此更为满意。(我们记录了开发者从 IDE 打开调研问卷时是在使用哪个 IDE。当开发者单击问卷链接时，我们会告知他们将对此信息进行记录。)
 
-![△ 图 3. 有 93.3% 的 VS Code 用户对 Flutter 的 IDE 支持感到满意，只有 85.9% 的 Android Studio 用户对此感到满意。](https://devrel.andfun.cn/devrel/posts/2022/10/c3qTBb.png)
+![△ 图 3. 有 93.3% 的 VS Code 用户对 Flutter 的 IDE 支持感到满意，只有 85.9% 的 Android Studio 用户对此感到满意。]({{site.flutter-files-cn}}/posts/images/2022/10/c3qTBb.png)
 
 △ 图 3. 有 93.3% 的 VS Code 用户对 Flutter 的 IDE 支持感到满意，只有 85.9% 的 Android Studio 用户对此感到满意。
 
@@ -53,25 +53,25 @@ Google 的 Flutter 团队负责构建和维护 Android Studio (基于 IntelliJ-I
 
 首先，有更多的 Flutter 开发者从 Android Studio 换成 VS Code。
 
-![△ 图 4. 更多开发者将主要 IDE 从 Android Studio (蓝色) 换成 VS Code (青色)，反向改换的人则很少。](https://devrel.andfun.cn/devrel/posts/2022/10/MUECW1.png)
+![△ 图 4. 更多开发者将主要 IDE 从 Android Studio (蓝色) 换成 VS Code (青色)，反向改换的人则很少。]({{site.flutter-files-cn}}/posts/images/2022/10/MUECW1.png)
 
 △ 图 4. 更多开发者将主要 IDE 从 Android Studio (蓝色) 换成 VS Code (青色)，反向改换的人则很少。
 
 如下图所示，转用 VS Code 的人喜欢它的性能 (82%) 和易用性 (63%)。另一方面，转用 Android Studio 的人喜欢它的功能 (51%)、与 Flutter 工具的集成 (39%) 以及与原生平台的集成 (27%)。
 
-![△ 图 5. 转用其他 IDE 的理由。](https://devrel.andfun.cn/devrel/posts/2022/10/QMEE8p.png)
+![△ 图 5. 转用其他 IDE 的理由。]({{site.flutter-files-cn}}/posts/images/2022/10/QMEE8p.png)
 
 △ 图 5. 转用其他 IDE 的理由。
 
 仍然有大约 23% 的 Flutter 开发者同时使用 VS Code 和 Android Studio。当询问他们为什么使用多个 IDE 时，最常见的回答是，VS Code 用户需要使用 Android Studio 和 Xcode 来实现特定于原生设备的功能，例如模拟器设置、构建配置、发布需求 (例如密钥生成和签名)，以及开发 Flutter + 原生混合式应用。
 
-![△ 图 6. 22.5% 的 Flutter 开发者同时使用 VS Code 和 Android Studio。](https://devrel.andfun.cn/devrel/posts/2022/10/p11WTQ.png)
+![△ 图 6. 22.5% 的 Flutter 开发者同时使用 VS Code 和 Android Studio。]({{site.flutter-files-cn}}/posts/images/2022/10/p11WTQ.png)
 
 △ 图 6. 22.5% 的 Flutter 开发者同时使用 VS Code 和 Android Studio。
 
 我们从调研中还了解到，不同国家或地区的 Flutter 开发者偏好不同的 IDE。尽管大多数 Flutter 开发者更偏好 VS Code，但中国的开发者相较于 VSCode (23%) 还是更偏好 Android Studio (56%)。我们发现这很有趣——Flutter 在全球范围内都有被广泛采用，但又往往处于不同的开发环境中。无论你来自哪个国家或地区，如果你有任何围绕这一倾向的故事，欢迎和我们分享。
 
-![△ 图 7. 不同国家或地区的 IDE 使用偏好。图表中各个国家或地区至少包含 100 名受访者。](https://devrel.andfun.cn/devrel/posts/2022/10/QGB3Ob.png)
+![△ 图 7. 不同国家或地区的 IDE 使用偏好。图表中各个国家或地区至少包含 100 名受访者。]({{site.flutter-files-cn}}/posts/images/2022/10/QGB3Ob.png)
 
 △ 图 7. 不同国家或地区的 IDE 使用偏好。图表中各个国家或地区至少包含 100 名受访者。
 
diff --git a/src/content/posts/use-flutter-to-speed-up-app-dev.md b/src/content/posts/use-flutter-to-speed-up-app-dev.md
index 7c9d3a0a90..2638547f95 100644
--- a/src/content/posts/use-flutter-to-speed-up-app-dev.md
+++ b/src/content/posts/use-flutter-to-speed-up-app-dev.md
@@ -3,7 +3,7 @@ title: 使用 Flutter 加速应用开发
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/c1e6141049825.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/c1e6141049825.gif)
 
 *作者 / Larry McKenzie*
 
@@ -87,7 +87,7 @@ Flutter 社区也非常活跃。如果你需要 Flutter 框架尚未提供的解
 
 对于我们这样规模的团队，如果没有选择 Flutter，就没办法完成 eBay Motors 应用的开发。它让我们能够将资源集中到一起，这是分别构建两个平台应用的模式所无法实现的。Flutter 是帮助我们加快开发进程的加速器。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/04/3ac77f1134a10.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/04/3ac77f1134a10.gif)
 
 更多 Google Play 开发者播客节目，请移步《[Apps, Games & Insights 播客节目合辑](https://www.ximalaya.com/keji/34766927/)》，了解不同领域的开发者通过多种视角与主题，探讨海外市场开发与发行的经验心得。
 
diff --git a/src/content/posts/web-support-for-flutter-goes-beta.md b/src/content/posts/web-support-for-flutter-goes-beta.md
index 6b72192f74..b1aaed7bda 100644
--- a/src/content/posts/web-support-for-flutter-goes-beta.md
+++ b/src/content/posts/web-support-for-flutter-goes-beta.md
@@ -29,7 +29,7 @@ toc: true
 
 Flutter 允许开发者使用同一套代码实现移动和 web 的跨平台体验。我们的一位早期使用者 [Journey](https://startyourjourney.io/) 就利用 Flutter 开发了一个多平台应用。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/vMoskP.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/vMoskP.png)
 
 > △ 社交应用 Journey 最近刚发布了一个使用 Flutter 开发的跨平台应用
 
@@ -39,7 +39,7 @@ Journey 的创始人 Luke O’Brien 给予了 Flutter 很高的评价: "我大
 
 第二个使用场景在网站中内嵌一个小程序。这类程序通常功能丰富且以数据为中心，但是它们并不需要提供导航服务或者其它应用级别的复杂功能，比如说，你可以为现有网站添加一个新的汽车配置器、填字游戏或者交互式的可视化数据，这些都是该场景下比较典型的用例。我们的另一位早期使用者 [AEI Studio](https://studio.aei.dev/showcase/) 就开发了一系列聊天机器人并在 web 版的聊天对话框中内嵌了 Flutter，从而实现了动画，键盘文本输入等多项交互功能。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/2bGkk6.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/2bGkk6.png)
 
 > △ Weatherbot 是 AEI Studio 旗下的一款聊天机器人，
 
@@ -69,13 +69,13 @@ Journey 的创始人 Luke O’Brien 给予了 Flutter 很高的评价: "我大
 
 首先，我们在每个包的详情页面中列明了它所支持的平台，让开发者可以更轻松地判别这个包是否提供 web 支持。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/taG3uH.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/taG3uH.png)
 
 > △ pub.dev 包的详情页面显示了关于 SDK 和平台兼容性的标签
 
 搜索 UI 也新增了若干过滤器，方便开发者找到提供 web 支持的包。我们基于新的 [平台清单标签](https://flutter.dev/docs/development/packages-and-plugins/developing-packages#plugin-platforms) 开发了该功能，你可通过 Flutter 1.12 获取这些标签。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/UxFyg9.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/UxFyg9.png)
 
 > △ pub.dev 的搜索 UI 添加了对 SDK 和平台的过滤器支持
 
diff --git a/src/content/posts/whats-new-in-flutter-2-0.md b/src/content/posts/whats-new-in-flutter-2-0.md
index 746129bd49..70e3fb186c 100644
--- a/src/content/posts/whats-new-in-flutter-2-0.md
+++ b/src/content/posts/whats-new-in-flutter-2-0.md
@@ -13,7 +13,7 @@ Flutter 2 的发布也带来了许多振奋人心的内容。你可以阅读图
 
 从现在开始，Flutter web 的支持已经从 Beta 版过渡到稳定阶段。随着首个稳定版本的发布，Flutter 通过对 web 平台的支持，将代码的复用性提升到了一个新高度。现在，当你平稳运行 Flutter 应用时，可以将 web 作为一个新的适配方向。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/6547ec1e75755.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/6547ec1e75755.png)
 
 > 作为一家致力于通过数字化实现卓越运营的现代移动虚拟网络运营商，[Moi Mobiili](https://www.moi.fi/) 选择使用 Flutter 构建其 Mun Moi 客户经理应用，并在近期发布了其 web 版应用。
 
@@ -33,13 +33,13 @@ pub.dev 已经发布了 [超过 1,000 个空安全 package](https://pub.flutter-
 
 Flutter 桌面版经过一系列大大小小的优化，才达到现在的质量。我们率先从文本编辑入手，确保其在每个支持平台上都能令 [文本选择点](https://github.com/flutter/flutter/pull/71756) 等基本功能获得如原生般的顺畅运行体验，并能够 [在键盘事件经过处理后将其取消](https://github.com/flutter/flutter/issues/33521)。在鼠标输入方面，我们也已确保，当处理触摸输入以及在 [Material](https://github.com/flutter/flutter/pull/74286) 和 [Cupertino](https://github.com/flutter/flutter/pull/73882) 设计语言的 TextField 和 TextFormField 中添加内置上下文菜单，并 [在 ReorderableListView 上提供抓取控点](https://github.com/flutter/flutter/pull/74299) 时，使用高精度定点设备的拖放事件将立即开始，没有任何延迟。另外，内置的上下文菜单已经添加至以 Material 和 Cupertino 为设计语言的 TextField 及 TextFormField widget 中，ReorderableListView widget 添加了抓取控点功能。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/a362da9373a9e.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/a362da9373a9e.gif)
 
 > ReorderableListView 现已支持抓取控点，便于鼠标轻松拖动
 
 开发者可以使用 ReorderableListView 轻松移动项目，但用户需要长按项目以启用拖动操作。该设计在移动设备上很合理，但很少有桌面平台的用户会想到用鼠标长按某个项目来移动它，所以新版本提供了一个适用于鼠标或触摸输入的抓取控点。按照同样的思路，对于因平台而异的惯用功能，新版本提供了一个 [经过升级的滚动条](https://github.com/flutter/flutter/pull/71664)，可使其与桌面平台完美适配。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/8f412222d985f.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/8f412222d985f.gif)
 
 > 新版本中的滚动条 widget 已适配桌面平台
 
@@ -47,7 +47,7 @@ Flutter 桌面版经过一系列大大小小的优化，才达到现在的质量
 
 对于其他桌面平台的特定功能，本版本还为 Flutter 应用启用了命令行参数处理，这样一来，你可以通过在 Windows 文件资源管理器中双击鼠标等简单操作来打开应用中的文件。此外，我们还努力使 [Windows](https://github.com/flutter/engine/pull/23701) 和 [macOS](https://github.com/flutter/engine/pull/23924) 上的大小调整操作变得更加流畅，并面向全球用户推出了输入法 (IME) 支持。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/62d569de4af28.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/62d569de4af28.gif)
 
 > Flutter 桌面现支持输入法直接输入
 
@@ -71,7 +71,7 @@ Flutter 桌面版经过一系列大大小小的优化，才达到现在的质量
 
 除了发布 Flutter 桌面 Beta 版外，我们也非常高兴地发布了 Google Mobile Ads SDK for Flutter 的公开 Beta 版。这是一个全新插件，除了原有的叠加格式 (叠加横幅、插页和激励视频广告)，我们还在其中新增了内联横幅及原生广告。另外，我们还在此插件中提供了 Ad Manager 和 Admob 支持，无论你是何种规模的发布商，这款插件都能满足你的需求。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/2d7174f7a14d8.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/2d7174f7a14d8.jpg)
 
 在公开发布 Beta 之前，我们邀请了一些客户参与试用这款插件。许多客户都使用了这些新增的广告格式成功地发布了应用。例如，Sua Musica (拉丁美洲最大的独立艺术家音乐平台，拥有超过 15,000 位认证音乐人和一千万活跃用户) 使用了 Google Mobile Ads SDK for Flutter 插件发布了新的应用。其广告展示量增加了 350%，点击率增加了 43%，千次展示收益上涨了 13%。
 
@@ -83,11 +83,11 @@ Flutter 桌面版经过一系列大大小小的优化，才达到现在的质量
 
 新增的 [CupertinoSearchTextField](https://api.flutter.cn/flutter/cupertino/CupertinoSearchTextField-class.html) 为 iOS 提供了搜索栏 UI。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/a62ac8b91dd58.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/a62ac8b91dd58.jpg)
 
 [CupertinoFormSection](https://api.flutter.cn/flutter/cupertino/CupertinoFormSection-class.html)、[CupertinoFormRow](https://api.flutter.cn/flutter/cupertino/CupertinoFormRow-class.html) 和 [CupertinoTextFormFieldRow](https://api.flutter.cn/flutter/cupertino/CupertinoTextFormFieldRow-class.html) 等 widgets 则利用 iOS 的视觉美学简化了验证表单字段的生成。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/2c7bc09f2c6c5.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/2c7bc09f2c6c5.png)
 
 除了为 iOS 新增功能以外，我们也在持续寻求 iOS 和 Flutter 在着色器和动画方面的 [整体性能优化](https://github.com/flutter/flutter/issues/60267#issuecomment-762786388)。iOS 仍然是 Flutter 的首要平台，我们将继续致力于为大家带来重要的新功能和性能提升。
 
@@ -95,13 +95,13 @@ Flutter 桌面版经过一系列大大小小的优化，才达到现在的质量
 
 新版 Flutter 新增了两个 Widget，分别是 [AutocompleteCore](https://github.com/flutter/flutter/pull/62927) 和 ScaffoldMessenger。AutocompleteCore 是在你的 Flutter 应用中实现自动补全功能所需的基础功能。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/e40d0f6eccfcd.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/e40d0f6eccfcd.gif)
 
 开发者对为 Flutter 增加 Autocomplete 功能的呼声很高，所以我们在新版本中提供了此功能。你现在即可使用，如果你想了解该功能的设计理念，请参阅 [设计文档](https://docs.google.com/document/d/1fV4FDNdcza1ITU7hlgweCDUZdWyCqd-rjz_J7K2KkfY/)。
 
 同样，[ScaffoldMessenger](https://github.com/flutter/flutter/pull/64101) 可用于处理许多与消息提示 Snackbar 相关的问题，例如，它可以轻松创建 Snackbar 消息以响应 AppBar 操作、创建可在 Scaffold 转换之间持久保存的 Snackbar 消息，并能够在异步操作完成时显示 Snackbar 消息，即使用户已导航至使用不同 Scaffold 的页面时也不例外。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/aed84cb7b2ce7.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/aed84cb7b2ce7.gif)
 
 你只需写一行代码，即可将所有这些更加便捷的新功能收入囊中。从现在开始，你可以使用此行代码来显示你的 Snackbar 消息:
 
@@ -118,7 +118,7 @@ messenger.showSnackBar(SnackBar(content: Text(‘I can fly.’)));
 
 过去，额外 Flutter 实例的内存占用量与第一个 Flutter 实例相同。在 Flutter 2 中，我们将创建额外 Flutter 引擎的静态内存占用量降低了约 99%，使每个实例的占用量大约为 180kB。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/81b71e6e83d2d.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/81b71e6e83d2d.gif)
 
 提供该支持的新增 API 目前尚处于预览状态，在 [我们的文档里](https://docs.flutter.cn/development/add-to-app/multiple-flutters)，你可以找到通过使用这种新模式的说明和 [示例项目](https://github.com/flutter/samples/tree/master/add_to_app/multiple_flutters)。随着这一变化的出现，我们强烈建议你在原生应用中创建多个 Flutter 引擎实例。
 
@@ -132,13 +132,13 @@ Flutter Fix 是一系列功能的组合。首先，我们为 dart 命令行工
 
 举个例子，比如你的应用具有下面一行代码:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/8c4cb573969e2.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/8c4cb573969e2.jpg)
 
 > 使用已弃用的函数创建 Flutter widget
 
 因为这个函数已经弃用，请使用下面的参数代替:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/78d1c0bbae193.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/78d1c0bbae193.jpg)
 
 > 替换已弃用的函数并创建 Flutter widget
 
@@ -156,7 +156,7 @@ $ dart fix --apply
 
 或者，如果你希望以交互方式在你喜欢的 IDE 中应用这些修复，也可以实现。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/a12a132d45d16.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/a12a132d45d16.png)
 
 多年来，我们一直在标记已弃用的旧 API，现在我们制定了一个策略，明确 [何时真正移除弃用的 API](https://medium.com/flutter/deprecation-lifetime-in-flutter-e4d76ee738ad)，而我们率先将其应用到了 Flutter 2 之中。尽管我们尚未捕捉到所有弃用 API，并将其以数据形式提供给 Flutter Fix，但我们会不断从之前弃用的 API 中获取更多内容，并在未来持续加入新的重大更改。我们的目标是尽全力将 Flutter API 打造的尽善尽美，同时保持代码的及时更新。
 
@@ -166,7 +166,7 @@ $ dart fix --apply
 
 其中有一个新功能，可在你尚未启动 Flutter DevTools 2 时帮你锁定问题，那就是你的 IDE 能够发现常见的异常，并在 DevTools 中提出这个异常，以助你开展调试。例如，下面显示你的应用中抛出了一个溢出异常，系统在 Visual Studio Code 中提供了一个在 DevTools 中调试此问题的选项。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/608e8fe5872ec.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/608e8fe5872ec.png)
 
 > Flutter IDE 扩展的溢出异常提示通知
 
@@ -174,25 +174,25 @@ $ dart fix --apply
 
 在 DevTools 开始运行后，你可通过标签上的新错误标识帮助自己追踪应用中出现的具体问题。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/0dd3177d5686b.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/0dd3177d5686b.png)
 
 > DevTools 中的红点可以帮助提醒应用中存在的错误部分
 
 DevTools 的另一个新功能是能够轻松发现所显示的分辨率低于其实际分辨率的图像，这有助于追踪应用过大和内存占用过多等情况。若要启用此功能，请在 Flutter Inspector 中启用 Invert Oversized Images。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/045ae1f47d21f.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/045ae1f47d21f.png)
 
 > 启用 "反转超大尺寸图像 (Invert Oversized Images)" 选项，以突出显示异常图像
 
 现在，当图像的实际分辨率明显大于其显示大小时，系统就会将其倒置，以便你在应用中轻松找到它。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/4dc22b9b72fb5.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/4dc22b9b72fb5.png)
 
 > "反转超大图像" 的操作示例
 
 此外，为响应大量用户的要求，除了在 Flutter Inspector 的 Layout Explorer 中显示有关弹性布局的详细信息外，我们还添加了显示固定布局的功能，可便于你调试各种布局。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/b11256af35d94.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/b11256af35d94.png)
 
 > 新的 Layout Explorer 显示了 fixed 和 flex layout 的布局细节
 
@@ -219,13 +219,13 @@ DevTools 的另一个新功能是能够轻松发现所显示的分辨率低于
 
 我们也为 IntelliJ 系列 IDE 的 Flutter 插件添加了一些适用于 Flutter 2 的新功能。首先，我们在其中新增了一个项目向导，该向导与 IntelliJ 中的新向导风格一致。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/e239fc16e88ab.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/e239fc16e88ab.png)
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/41eb9c6d72ccc.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/41eb9c6d72ccc.png)
 
 此外，如果你正在 Linux 上使用 IntelliJ 或 Android Studio，针对 [安装自 Snap Store 的 Flutter SDK](https://snapcraft.io/flutter) 进行编程，那么系统便会将 Flutter snap 路径添加到已知的 SDK 路径列表中。这使得 Flutter snap 用户可以更轻松地在 "Settings (设置)" 中配置 Flutter SDK。感谢 Marcus Tomlinson 对此作出的贡献！
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/231b9293873b0.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/231b9293873b0.png)
 
 > 通过 Snap 安装 Flutter SDK，可以更轻松的在 Linux 上使用 Android Studio
 
@@ -240,17 +240,17 @@ DevTools 的另一个新功能是能够轻松发现所显示的分辨率低于
 
 适用于 Visual Studio Code 的 Flutter 扩展也针对 Flutter 2 进行了优化，我们首先引入了一些测试增强功能，例如重新运行失败测试的能力。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/7b6ddc9b0f723.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/7b6ddc9b0f723.png)
 
 经过两年的逐步发展，对 Dart 的 LSP (语言服务器协议) 支持已经成为在 Flutter 扩展中将 Dart 分析器集成到 Visual Studio Code 中的默认方式。LSP 支持为 Flutter 开发带来了许多改进，包括在当前的 Dart 文件中应用特定的所有修复，以及能够补全代码以生成完整函数调用 (包括括号和所需参数) 的能力。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/d2ba55aae416d.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/d2ba55aae416d.gif)
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/dcd04901b23b0.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/dcd04901b23b0.gif)
 
 LSP 支持不仅限于 Dart，它还支持 pubspec.yaml 及 analysis_options.yaml 文件中的代码补全。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/dcd04901b23b0.gif)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/dcd04901b23b0.gif)
 
 这仅仅是近期 Visual Studio Code 适用于 Flutter 的部分扩展更新。你可以阅读下列公告，了解全部更新内容:
 
@@ -264,7 +264,7 @@ LSP 支持不仅限于 Dart，它还支持 pubspec.yaml 及 analysis_options.yam
 
 如果不提 DartPad，那我们的工具更新就不能算完整，DartPad 现已更新并支持 Flutter 2。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/20cfd09d4ec0a.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/20cfd09d4ec0a.png)
 
 > DartPad 已经升级到支持 Flutter 2 了
 
@@ -286,7 +286,7 @@ Flutter 开发体验不仅包括框架和工具；还包括为 Flutter 应用提
 
 如果你正在寻找应用的崩溃报告，你可以考虑使用 Sentry，其已经发布了 [适用于 Flutter 应用的新 SDK](https://blog.sentry.io/2021/03/03/with-flutter-and-sentry-you-can-put-all-your-eggs-in-one-repo/)。
 
-![Sentry 崩溃报告工具已经支持 Flutter](https://devrel.andfun.cn/devrel/posts/2021/03/7d5f73ad3037b.jpg)
+![Sentry 崩溃报告工具已经支持 Flutter]({{site.flutter-files-cn}}/posts/images/2021/03/7d5f73ad3037b.jpg)
 
 > Sentry 崩溃报告工具已经支持 Flutter
 
@@ -317,7 +317,7 @@ Flutter 开发体验不仅包括框架和工具；还包括为 Flutter 应用提
 
 最后同样也是很重要的一点，如果软件包作者或用户有兴趣了解最新版本的软件包是否适用于最新版本的 Flutter，可以查看 Codemagic 的新 pub.green 网站以了解详情。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/59ffdf68da593.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/59ffdf68da593.jpg)
 
 Codemagic 发布了一个网站 pub.green 用来展示 package 和近期 Flutter 版本的兼容性结果
 
@@ -358,6 +358,6 @@ Codemagic 发布了一个网站 pub.green 用来展示 package 和近期 Flutter
 
 最后，我想代表 Google Flutter 团队全体成员向开发者们说一句谢谢！感谢你们在过去的两年里推出了超过 15 万款 Flutter 应用，我们整理了一些团队喜欢的 Flutter 应用，在 [Flutter Engage 主题演讲](https://zhuanlan.zhihu.com/p/355036482) 上播放了这段视频，献给各位开发者和社区。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/03/638471b80bffd.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/03/638471b80bffd.jpg)
 
 如果没有各位开发者们对自己构建的 Flutter 应用的持续支持和热忱，这个具备全球活力的开发者社区就不可能成为现实，我们非常期待看到你接下来的作品！
diff --git a/src/content/posts/whats-new-in-flutter-2-10.md b/src/content/posts/whats-new-in-flutter-2-10.md
index 4e25f919f6..1b965d12bb 100644
--- a/src/content/posts/whats-new-in-flutter-2-10.md
+++ b/src/content/posts/whats-new-in-flutter-2-10.md
@@ -11,7 +11,7 @@ Flutter 2.10 版已正式发布！虽然⾃ [上次稳定版本发布](./whats-n
 
 ⾸先，Flutter 2.10 版本带来了稳定的 Windows ⽀持，无需再通过 `--enable-windows-desktop` 标记来单独配置 Windows 桌面版应用程序的支持，因为它现在已经默认被启用！
 
-![](https://devrel.andfun.cn/devrel/posts/2022/02/2b8921d82869b.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2022/02/2b8921d82869b.jpg)
 
 当然，此次稳定版发布肯定不只是“删掉”一个标记这么简单 ;-) 在 Flutter 2.10 的 Windows 支持中，也包含了对⽂本处理、键盘处理和键盘快捷键的⼴泛改进，以及直接与 Windows 集成的新方式、⽀持命令行参数、全球化⽂本输⼊和无障碍功能等。
 
@@ -21,19 +21,19 @@ Flutter 2.10 版已正式发布！虽然⾃ [上次稳定版本发布](./whats-n
 
 此版本的 Flutter 包括由社区成员 [knopp](https://github.com/knopp "Flutter 社区成员 Matej 的 GitHub 主页") 提供的 **绘制脏区管理** 的初步⽀持，他为 [iOS/Metal 上的单个脏区域启⽤了选择性重绘](https://github.com/flutter/engine/pull/28801 "iOS/Metal 上的单个脏区域启⽤了选择性重绘")。这一变化将一些基准测试中九十分位和九十九分位的光栅化时间减少了一个数量级，并将这些基准测试中的 GPU 利⽤率从 90% 以上降低到了 10% 以下。
 
-![优化后的 Skia 渲染基准测试数据 1](https://devrel.andfun.cn/devrel/posts/2022/02/fa73031f55ece.jpg)
+![优化后的 Skia 渲染基准测试数据 1]({{site.flutter-files-cn}}/posts/images/2022/02/fa73031f55ece.jpg)
 
 我们希望在未来的版本中，[将选择性重绘的优势引入到其他平台](https://github.com/flutter/engine/pull/29591 "将选择性重绘的优势引入到其他平台")。
 
 在 [Flutter 2.8](./whats-new-in-flutter-2-8)。而在 Flutter 2.10 中，我们已经开始使⽤它 (`DisplayList`) 进行优化。例如，**[一种常见不透明层的情况现在已经以更高效的方式实现](https://github.com/flutter/engine/pull/29775 "一种常见不透明层的情况现以更高效的方式实现")**。即使在最坏的情况下，在我们基准测试中每帧光栅化时间也下降到了先前的三分之一以下。
 
-![优化后的 Skia 渲染基准测试数据 2](https://devrel.andfun.cn/devrel/posts/2022/02/7ef05091b9321.jpg)
+![优化后的 Skia 渲染基准测试数据 2]({{site.flutter-files-cn}}/posts/images/2022/02/7ef05091b9321.jpg)
 
 随着我们继续开发记录格式，将来会继续将该优化扩展到更多的场景。
 
 在 profile 和 release 模式下，Dart 代码将以 AOT 方式编译。这段代码的轻量和高效的关键来源于整个程序的类型流分析，它解锁了许多编译器优化和激进的摇树优化 (tree-shaking)。但由于类型流分析必须涵盖整个程序，因此可能会有些消耗性能。新版本带来了 [更快的类型流分析实现](https://dart.googlesource.com/sdk.git/+/e698500693603374ecc409e158f36c25bff45b12 "Flutter 新版本带来了更快的类型流分析实现")。在我们的基准测试中，Flutter 应⽤的总体构建时间下降了约 10%。
 
-![优化后的构建时间](https://devrel.andfun.cn/devrel/posts/2022/02/869bf3b91639b.jpg)
+![优化后的构建时间]({{site.flutter-files-cn}}/posts/images/2022/02/869bf3b91639b.jpg)
 
 与往常一样，性能增强、减少内存使⽤和减少延迟是 Flutter 团队的⾸要任务。期待未来版本的进一步改进。
 
@@ -41,7 +41,7 @@ Flutter 2.10 版已正式发布！虽然⾃ [上次稳定版本发布](./whats-n
 
 除了性能改进之外，我们还添加并增强了一些特定平台的功能。[luckysmg](https://github.com/luckysmg "luckysmg") 就为我们带来了一项 [iOS 上新的增强功能——更流畅的键盘动画](https://github.com/flutter/engine/pull/29281 "iOS 上新的增强功能——更流畅的键盘动画")，它会⾃动应用在你的应用中。
 
-![iOS 键盘过渡动画](https://devrel.andfun.cn/devrel/posts/2022/02/6bd64fc2cc49f.gif)
+![iOS 键盘过渡动画]({{site.flutter-files-cn}}/posts/images/2022/02/6bd64fc2cc49f.gif)
 
 
 除此以外，我们还通过修复一些 [边缘情况崩溃提⾼了 iOS 相机插件的稳定性](https://github.com/flutter/plugins/pull/4619 "边缘情况崩溃提⾼了 iOS 相机插件的稳定性")。
@@ -60,7 +60,7 @@ Flutter 2.10 版本还包含许多针对 Android 平台的改进。现在在默
 
 最后，在我们收到开发者们对于 Gradle 抛出让人费解的错误消息的反馈后，我们调整了 Flutter 命令行工具，现在它将 **为常⻅问题提供解决方法**。例如，如果你向你的应⽤添加了一个插件，该插件需要你提⾼最低支持的 Android SDK 版本，你现在会在错误信息中看到「Flutter Fix」的建议。
 
-![Gradle 错误提示](https://devrel.andfun.cn/devrel/posts/2022/02/37d95f749a27e.jpg)
+![Gradle 错误提示]({{site.flutter-files-cn}}/posts/images/2022/02/37d95f749a27e.jpg)
 
 我们将继续为常⻅错误消息添加更多解决方法的建议，并希望获得你对其他错误消息的反馈，这些错误消息将显著帮助开发者处理同类问题。
 
@@ -68,7 +68,7 @@ Flutter 2.10 版本还包含许多针对 Android 平台的改进。现在在默
 
 此版本还包含对 Web 平台的一些改进。例如，在先前的版本中，当鼠标拖动到多行文本框的边缘时，它不会正确地跟随滚动。在此版本中，当选择光标拖出了文本框时，文本框会进行滚动，浏览并选中对应的文字内容。此行为同时适⽤于 Web 平台和桌⾯端。
 
-![在 Web 平台选中并拖拽 TextField 光标](https://devrel.andfun.cn/devrel/posts/2022/02/516ce9d6c26e3.gif)
+![在 Web 平台选中并拖拽 TextField 光标]({{site.flutter-files-cn}}/posts/images/2022/02/516ce9d6c26e3.gif)
 
 Flutter 2.10 还包括对 Web 平台的另一项显著改进，我们也一直在寻求减少将 Flutter 应用运行到 Web 平台的开销，在先前的版本中，每次我们想要将原⽣ HTML 的 widget 引⼊ Flutter 应⽤时，我们都需要一个覆盖层 (Overlay) 作为我们对 Web 的平台视图 (Platform view) ⽀持的一部分。这些叠加层中的每一个都⽀持⾃定义绘制，但同时也代表了一定数量的性能开销。如果你的应⽤中有⼤量原⽣ HTML 的 widget (例如链接)，那这将造成非常大性能开销。在这个版本中我们为 Web 平台构建了一个新的「⾮绘制的平台视图」，已经基本上消除了这种开销。我们已经 [将这种优化](https://github.com/flutter/plugins/pull/4578 "使用⾮绘制的平台视图优化") 应用到 [Link widget](https://pub.flutter-io.cn/documentation/url_launcher/latest/link/Link-class.html "Link widget API 文档") 中，这意味着如果你的 Flutter Web 应⽤中有⼤量的链接，它们将不再产生额外的性能消耗。随着时间的推移，我们会将此优化应⽤到其他的 widget。
 
@@ -94,7 +94,7 @@ final darkTheme = ThemeData(colorSchemeSeed: Colors.orange, brightness: Brightne
 
 最后，我们添加了 [1028 个新的 Material 图标](https://github.com/flutter/flutter/pull/95007 "添加了 1028 个新 Material 图标的 PR")。
 
-![1028 个图标的部分预览](https://devrel.andfun.cn/devrel/posts/2022/02/8f784a556bba2.jpg)
+![1028 个图标的部分预览]({{site.flutter-files-cn}}/posts/images/2022/02/8f784a556bba2.jpg)
 
 你可以在 [这个 issue 中](https://github.com/flutter/flutter/issues/91605 "在这里跟进 Material 3 的接入情况") 跟进 Material 3 的接入情况，并随时留下你的意见反馈。 
 
@@ -112,21 +112,21 @@ final darkTheme = ThemeData(colorSchemeSeed: Colors.orange, brightness: Brightne
 
 我们还进行了一些 [可⽤性更新](https://github.com/flutter/devtools/pull/3493 "为 DevTools 加入可⽤性更新的 PR")，包括 [改进在调试器变量窗格中检查⼤型列表和映射](https://github.com/flutter/devtools/pull/3497 "改进在调试器变量窗格中检查⼤型列表和映射") 的⽀持（感谢 [Elliott](https://github.com/elliette "Elliott 的 GitHub 主页")）。
 
-![在 DevTools 中查看大型列表和映射](https://devrel.andfun.cn/devrel/posts/2022/02/aaff408a25f10.gif)
+![在 DevTools 中查看大型列表和映射]({{site.flutter-files-cn}}/posts/images/2022/02/aaff408a25f10.gif)
 
 最后，我们即将发布年度 DevTools 问卷调查！请提供你的反馈并帮助我们改善你的开发体验。
 
-![该调查提⽰将在 2 ⽉中旬的某个时间直接显⽰在 DevTools 中，敬请参与并踊跃反馈！](https://devrel.andfun.cn/devrel/posts/2022/02/2f802a49c7f72.jpg)
+![该调查提⽰将在 2 ⽉中旬的某个时间直接显⽰在 DevTools 中，敬请参与并踊跃反馈！]({{site.flutter-files-cn}}/posts/images/2022/02/2f802a49c7f72.jpg)
 
 ## VSCode 改进
 
 Flutter 的 Visual Studio Code 扩展也获得了许多增强功能，包括 **在代码的更多位置预览颜色** 以及 [可更新颜色代码的颜⾊选择器](https://github.com/Dart-Code/Dart-Code/issues/3240 "VS Code 中加入了可更新颜色代码的颜⾊选择器")。
 
-![VSCode 的 Flutter 颜色选择器](https://devrel.andfun.cn/devrel/posts/2022/02/bcc4017326ad4.gif)
+![VSCode 的 Flutter 颜色选择器]({{site.flutter-files-cn}}/posts/images/2022/02/bcc4017326ad4.gif)
 
 此外，如果你想成为 VSCode 的 Dart 和 Flutter 扩展的预发布版本的测试⼈员，你可以 [在你的扩展设置中切换到预发布版本](https://github.com/Dart-Code/Dart-Code/issues/3729 "将 Dart 和 Flutter 扩展切换到预发布版本")。
 
-![使用预发布版本的插件](https://devrel.andfun.cn/devrel/posts/2022/02/dc881f95347ef.jpg)
+![使用预发布版本的插件]({{site.flutter-files-cn}}/posts/images/2022/02/dc881f95347ef.jpg)
 
 你可以在 flutter-announce 邮件列表的 [这一篇](https://groups.google.com/g/flutter-announce/c/lR-yn1s9HKk "flutter-announce 邮件列表中关于 VS Code 插件改进的文章") 阅读有关此更新的详细信息。
 
@@ -143,7 +143,7 @@ Dev 渠道现已被彻底移除。如果我们漏了一些没有移除的位置
 
 ## 对 iOS 9.3.6 的⽀持进入尾声
 
-由于我们实验室中⽬标设备的使⽤减少和维护难度增加，我们正在 [调整对于 iOS 9.3.6 的支持](https://files.flutter-io.cn/flutter-design-docs/RFC_Move_32-bit_iOS_to_Best_Effort_Tier.pdf "RFC 文档: 调整对于 iOS 9.3.6 的支持")，[从「⽀持」到「尽力⽽为」](https://docs.flutter.cn/development/tools/sdk/release-notes/supported-platforms "对于 iOS 9.3.6 的支持从「⽀持」到「尽力⽽为」")。这意味着对 iOS 9.3.6 的⽀持和对 32 位 iOS 设备的⽀持将仅通过编码实践、Ad-Hoc 和社区测试来维护了。 
+由于我们实验室中⽬标设备的使⽤减少和维护难度增加，我们正在 [调整对于 iOS 9.3.6 的支持]({{site.flutter-files-cn}}/flutter-design-docs/RFC_Move_32-bit_iOS_to_Best_Effort_Tier.pdf "RFC 文档: 调整对于 iOS 9.3.6 的支持")，[从「⽀持」到「尽力⽽为」](https://docs.flutter.cn/development/tools/sdk/release-notes/supported-platforms "对于 iOS 9.3.6 的支持从「⽀持」到「尽力⽽为」")。这意味着对 iOS 9.3.6 的⽀持和对 32 位 iOS 设备的⽀持将仅通过编码实践、Ad-Hoc 和社区测试来维护了。 
 
 我们预计在 2022 年第三季度的 Flutter 稳定版本中放弃对 32 位 iOS 设备以及 iOS 版本 9 和 10 的 ⽀持。这意味着基于稳定的 Flutter SDK 构建的应⽤将不再在 32 位 iOS 设备上运行，并且 Flutter ⽀持的最低 iOS 版本将增加到 iOS 11。
 
diff --git a/src/content/posts/whats-new-in-flutter-2-2.md b/src/content/posts/whats-new-in-flutter-2-2.md
index d02f3afb66..f6341bf74f 100644
--- a/src/content/posts/whats-new-in-flutter-2-2.md
+++ b/src/content/posts/whats-new-in-flutter-2-2.md
@@ -3,7 +3,7 @@ title: Flutter 2.2 更新详解
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/fHLvPr.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/fHLvPr.jpg)
 
 [Flutter 2.2 版](https://flutter.cn/posts/announcing-flutter-2-2?t=1)已正式发布！要获取新版本，你只需切换到 stable 渠道并更新目前安装的 Flutter，或前往 [docs.flutter.cn/get-started](https://docs.flutter.cn/get-started) 从头开始安装。
 
@@ -43,9 +43,9 @@ typedef OldClassName<T> = NewClassName<T>;
 
 我们还对两个 web 渲染器都做了改进。在 HTML 渲染器上，我们添加了对 [字体特性](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings) 的支持，以启用 [`FontFeature`](https://api.flutter-io.cn/flutter/dart-ui/FontFeature-class.html) 设置并使用 canvas API 渲染文本，从而使鼠标悬停处的文本能够显示在适当的位置。在 HTML 和 CanvasKit 渲染器上，我们新增了对着色器遮罩 (shader masks) 和 [`computeLineMetrics`](https://api.flutter-io.cn/flutter/painting/TextPainter/computeLineMetrics.html) 的支持，以解决 Flutter web 应用和移动应用两者不一致的问题。例如，开发者现在可以通过 [不透明度遮罩](https://api.flutter-io.cn/flutter/widgets/Opacity-class.html) 使用着色器遮罩实现淡出转场，并像在移动应用中一样使用 `computeLineMetrics`。
 
-无障碍功能不但是 Flutter web 的一大重点，也是整个 Flutter 的一个重心所在。按照设计，是通过构建 `SemanticsNode` 树来实现无障碍功能。Flutter web 应用的用户启用无障碍功能后，我们会生成一个与 `RenderObject` DOM 树并行的 DOM 树，并将语义属性转换为 Aira。在此版本中，我们改进了语义节点位置，消除了移动应用和 web 应用在使用转换 (transform) 时的不一致，这意味着在使用转换对 widget 进行样式设置时，焦点框会正确地显示在元素上方。如需直观了解其实际效果，你可以观看 Material Design 无障碍项目负责人 Victor Tsaran 的视频，了解他如何对 [Flutter Gallery App 使用 VoiceOver](https://devrel.andfun.cn/devrel/posts/2021/05/yFhscX.mp4)。
+无障碍功能不但是 Flutter web 的一大重点，也是整个 Flutter 的一个重心所在。按照设计，是通过构建 `SemanticsNode` 树来实现无障碍功能。Flutter web 应用的用户启用无障碍功能后，我们会生成一个与 `RenderObject` DOM 树并行的 DOM 树，并将语义属性转换为 Aira。在此版本中，我们改进了语义节点位置，消除了移动应用和 web 应用在使用转换 (transform) 时的不一致，这意味着在使用转换对 widget 进行样式设置时，焦点框会正确地显示在元素上方。如需直观了解其实际效果，你可以观看 Material Design 无障碍项目负责人 Victor Tsaran 的视频，了解他如何对 [Flutter Gallery App 使用 VoiceOver]({{site.flutter-files-cn}}/posts/images/2021/05/yFhscX.mp4)。
 
-<video controls width="640px" height="480px" src="https://devrel.andfun.cn/devrel/posts/2021/05/yFhscX.mp4"></video>
+<video controls width="640px" height="480px" src="{{site.flutter-files-cn}}/posts/images/2021/05/yFhscX.mp4"></video>
 
 我们现在还提供一个适用于性能分析 (profile) 和发布 (release) 模式的命令行 flag，以供开发者访问语义节点调试树，并直观查看系统为其 web 应用创建的语义节点，从而对应用的无障碍功能进行调试。
 
@@ -62,7 +62,7 @@ $ flutter run -d chrome --profile \
 
 最后但也同样重要的是，最新版的 Flutter DevTools 现在还支持为你的 Flutter web 应用使用布局浏览器。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/5Ux1TW.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/5Ux1TW.png)
 
 你现在可以在 web 应用中使用你所熟悉的布局调试工具，这与移动应用和桌面应用别无二致。
 
@@ -82,7 +82,7 @@ $ flutter run -d chrome --profile \
 
 Flutter 平台自适应应用指南的 UX 部分以新的 [Material 大屏幕指南](https://material.io/blog/material-design-for-large-screens) 为基础。Material 团队在新发布的这一指南中，根据大屏幕的特性，修订了多篇主要的布局文章，调整了多个组件，并更新了 Design Kit。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/oXdq99.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/oXdq99.png)
 
 Flutter 的目标始终是让应用可以走得更高更远，而不仅是能够在多个平台上正常运行。不做到让你的应用能够良好适配所有目标平台，我们不会停下脚步。Flutter 能够为你提供所需支持，让你的应用不但能够覆盖多个目标平台，而且能够针对不同的屏幕尺寸、输入方式以及各平台的不同使用习惯而做出适当的调整。
 
@@ -90,14 +90,14 @@ Flutter 的目标始终是让应用可以走得更高更远，而不仅是能够
 
 说起 Material 指南，此版本还纳入了两个独立的 PR，向 Flutter 中添加了更多 [Material 图标](https://github.com/flutter/flutter/pull/78311)。我们可爱的吉祥物 Dash 现在也有专属的图标了！
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/U8KghW.png)
-![](https://devrel.andfun.cn/devrel/posts/2021/05/3nWtj6.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/U8KghW.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/3nWtj6.png)
 
 加上这些新图标，可供你的应用使用的 Material 图标总数现已突破 7,000 大关。如果你在这海量图标中寻找所需图标时遇到了困难，可以访问 [fonts.google.com/icons](https://fonts.google.com/icons)，按类别和名称来搜索图标。
 
 找到理想的图标后，你可以在新的 "Flutter" 标签页中查看有关如何使用该图标的说明。你也可以单独下载这个图标，将其用作应用中的独立资源。在你的 Flutter 应用中加入 Dash 的可爱形象从未如此简单。
 
-![通过名称搜索 Material 图标](https://devrel.andfun.cn/devrel/posts/2021/05/BmOCBD.png)
+![通过名称搜索 Material 图标]({{site.flutter-files-cn}}/posts/images/2021/05/BmOCBD.png)
 
 通过名称搜索 Material 图标
 
@@ -133,7 +133,7 @@ class HomePage extends StatelessWidget {
 }
 ```
 
-![Flutter 2.2 可在按键事件于 widget 层次结构内向上传播的过程中将其取消；例如，你可以将 TAB 键用于将焦点从 TextField 切换到其他元素](https://devrel.andfun.cn/devrel/posts/2021/05/0YgCDW.png)
+![Flutter 2.2 可在按键事件于 widget 层次结构内向上传播的过程中将其取消；例如，你可以将 TAB 键用于将焦点从 TextField 切换到其他元素]({{site.flutter-files-cn}}/posts/images/2021/05/0YgCDW.png)
 
 Flutter 2.2 可在按键事件于 widget 层次结构内向上传播的过程中将其取消；例如，你可以将 TAB 键用于将焦点从 TextField 切换到其他元素
 
@@ -217,7 +217,7 @@ class ClearAction extends Action<ClearIntent> {
 }
 ```
 
-![一个糟糕的 TextField 示例，按下左箭头键或 ESC 键会清除文本](https://devrel.andfun.cn/devrel/posts/2021/05/hpCWg7.png)
+![一个糟糕的 TextField 示例，按下左箭头键或 ESC 键会清除文本]({{site.flutter-files-cn}}/posts/images/2021/05/hpCWg7.png)
 
 一个糟糕的 TextField 示例，按下左箭头键或 ESC 键会清除文本
 
@@ -255,7 +255,7 @@ class HomePage extends StatelessWidget {
 
 上述代码在桌面平台上运行时，将会显示一个滚动条:
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/t8U8U6.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/t8U8U6.png)
 
 如果你不喜欢滚动条的外观或不想让滚动条一直显示，可以设置 [`ScrollBarTheme`](https://api.flutter-io.cn/flutter/material/ThemeData/scrollbarTheme.html)。如果你不喜欢该默认行为，可以在应用层级或具体实例层级通过设置 [`ScrollBehavior`](https://api.flutter-io.cn/flutter/widgets/ScrollBehavior-class.html) 来对其进行更改。如需详细了解新的默认滚动条行为以及如何迁移代码以遵循新的最佳实践，请参阅 [Flutter 官方文档](https://docs.flutter.cn/release/breaking-changes/default-desktop-scrollbars)。
 
@@ -310,7 +310,7 @@ class HomePage extends StatelessWidget {
 
 现在你可以自由使用任意换行的 TextSpan，只要其具备手势识别器，系统即会为其设置适当的鼠标指针。
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/fnraQI.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/fnraQI.png)
 
 在此版本中，`TextSpan` 除了支持 `mouseCursor`，还支持 `onEnter` 和 `onExit`。这些改进看似细小，对用户体验的影响却大，能让 Flutter 应用提供更贴近用户预期的使用体验。
 
@@ -330,7 +330,7 @@ class HomePage extends StatelessWidget {
 
 为解决这个问题，我们已在 dev 渠道中发布 [Skia 针对 Metal 新增对着色器预热的支持](https://github.com/flutter/flutter/issues/79298) 这一预览版功能。Flutter 现在会通过 Skia 在第一个帧工作负载开始之前对捆绑的着色器进行编译。
 
-![应用启动期间的预编译操作的跟踪记录](https://devrel.andfun.cn/devrel/posts/2021/05/6E40Xj.png)
+![应用启动期间的预编译操作的跟踪记录]({{site.flutter-files-cn}}/posts/images/2021/05/6E40Xj.png)
 
 应用启动期间的预编译操作的跟踪记录
 
@@ -357,7 +357,7 @@ class HomePage extends StatelessWidget {
 
 在 Android 平台上，此版本利用 Dart 的分拆式 AOT 编译功能来 [让 Flutter 应用能够在运行时下载内含预先编译的代码和资源的模块](https://github.com/flutter/flutter/pull/76192)。我们将这种可安装的分拆模块称为 "延迟加载组件"。由于可在需要时才下载代码和资源，应用的初始安装体积显著缩小。例如，我们实现了一个特殊版本的 Flutter Gallery 应用，将其中所有案例和 demo 都设为延迟加载，从而将初始安装体积缩减了 46%。
 
-![在 Flutter Gallery 应用中下载 Crane 案例](https://devrel.andfun.cn/devrel/posts/2021/05/TJQbmZ.gif)
+![在 Flutter Gallery 应用中下载 Crane 案例]({{site.flutter-files-cn}}/posts/images/2021/05/TJQbmZ.gif)
 
 在 Flutter Gallery 应用中下载 Crane 案例
 
@@ -386,13 +386,13 @@ $ flutter run -d winuwp
 
 由于构建的是在 Windows 沙盒环境中运行的 Windows UWP 应用，你需要在开发期间对应用的防火墙进行 localhost 穿透设置，以实现热重载和调试器断点等功能。为此，你可以按照 [Flutter 桌面文档页面](http://flutter.cn/desktop/#windows-uwp) 上的说明使用 *checknetisolation* 进行操作。完成相关操作后，你就可以在 Windows 上以 UWP 应用的形式运行你喜爱的 Flutter 应用了。
 
-![在 Windows UWP 容器中运行你喜爱的 Flutter 应用](https://devrel.andfun.cn/devrel/posts/2021/05/KxCQcf.png)
+![在 Windows UWP 容器中运行你喜爱的 Flutter 应用]({{site.flutter-files-cn}}/posts/images/2021/05/KxCQcf.png)
 
 在 Windows UWP 容器中运行你喜爱的 Flutter 应用
 
-当然，你也可以运行一些更丰富有趣的 UWP 应用，例如这个 [视频](https://devrel.andfun.cn/devrel/posts/2021/05/q5hepO.mp4) 中在 Xbox 上运行的 Flutter 应用。
+当然，你也可以运行一些更丰富有趣的 UWP 应用，例如这个 [视频]({{site.flutter-files-cn}}/posts/images/2021/05/q5hepO.mp4) 中在 Xbox 上运行的 Flutter 应用。
 
-<video controls width="640px" height="480px" src="https://devrel.andfun.cn/devrel/posts/2021/05/q5hepO.mp4"></video>
+<video controls width="640px" height="480px" src="{{site.flutter-files-cn}}/posts/images/2021/05/q5hepO.mp4"></video>
 
 我们要特此致谢 [clarkezone](https://github.com/clarkezone)，从我加入 Flutter 团队时起，他就一直投身于实现这项功能。如需详细了解 Windows UWP alpha 版支持，请参阅 [官方文档](http://flutter.cn/desktop/#windows-uwp)。
 
@@ -400,7 +400,7 @@ $ flutter run -d winuwp
 
 这项杰出贡献来自于 Flutter 社区的 Sony 软件工程师 [HidenoriMatsubayashi](https://github.com/HidenoriMatsubayashi)。他提交的 [ARM64 Linux 目标支持](https://github.com/flutter/flutter/pull/61221) 这条 PR 让你可以在 ARM64 Linux 机器上构建和运行 Flutter 应用。
 
-![在 ARM64 Linux 机器上运行你喜爱的 Flutter 应用](https://devrel.andfun.cn/devrel/posts/2021/05/tpaxju.png)
+![在 ARM64 Linux 机器上运行你喜爱的 Flutter 应用]({{site.flutter-files-cn}}/posts/images/2021/05/tpaxju.png)
 
 在 ARM64 Linux 机器上运行你喜爱的 Flutter 应用
 
@@ -436,7 +436,7 @@ googleapis 插件为 185 个 [Google API](https://developers.google.cn/api-clien
 
 win32 package 堪称一件工程杰作，它使用 [Dart FFI](https://dart.cn/guides/libraries/c-interop) 封装了大部分常用 Win32 API 接口，让 Dart 代码无需依赖 C 编译器或 Windows SDK 即可使用这些 API。随着 Flutter 在 Windows 平台上越来越受关注，win32 package 成为了许多热门插件的关键依赖项，其中包括最热门 Flutter package 之一的 [path_provider](https://pub.flutter-io.cn/packages/path_provider)。为了挑战极限，其作者 [timsneath](https://github.com/timsneath) 创下了一些惊人壮举，例如使用纯 Win32 和纯 Dart 来实现 [notepad](https://github.com/timsneath/win32/tree/main/example/notepad) (记事本)、[snake](https://github.com/timsneath/win32/blob/main/example/snake.dart) (贪吃蛇) 和 [tetris](https://github.com/timsneath/win32/tree/main/example/tetris) (俄罗斯方块)。
 
-![仅使用 Dart FFI 和 Win32 接口实现的在 Windows 平台运行的俄罗斯方块游戏](https://devrel.andfun.cn/devrel/posts/2021/05/86UACo.png)
+![仅使用 Dart FFI 和 Win32 接口实现的在 Windows 平台运行的俄罗斯方块游戏]({{site.flutter-files-cn}}/posts/images/2021/05/86UACo.png)
 
 仅使用 Dart FFI 和 Win32 接口实现的在 Windows 平台运行的俄罗斯方块游戏
 
@@ -460,13 +460,13 @@ FlutterFire 现在还支持 Firebase 新推出的 beta 版产品 [Firebase App C
 
 内存跟踪方面的第一项改进: 跟踪对象的内存分配位置。这有助于找出导致内存泄漏的代码。
 
-![Flutter DevTools 内存标签页分配栈轨迹](https://devrel.andfun.cn/devrel/posts/2021/05/bi1jDH.png)
+![Flutter DevTools 内存标签页分配栈轨迹]({{site.flutter-files-cn}}/posts/images/2021/05/bi1jDH.png)
 
 Flutter DevTools 内存标签页分配栈轨迹
 
 第二项改进: 向内存时间轴中注入自定义信息。这让你可以根据应用的具体情况添加标注，例如标出内存密集型工作的开始点和结束点，以验证是否适当地执行了清理。
 
-![Flutter DevTools 时间轴标签页自定义内存事件](https://devrel.andfun.cn/devrel/posts/2021/05/xQYYra.png)
+![Flutter DevTools 时间轴标签页自定义内存事件]({{site.flutter-files-cn}}/posts/images/2021/05/xQYYra.png)
 
 Flutter DevTools 时间轴标签页自定义内存事件
 
@@ -474,7 +474,7 @@ Flutter DevTools 时间轴标签页自定义内存事件
 
 你需要排查的问题并不仅仅是那些与 Flutter 框架相关的运行时问题，有时还有与所依赖 package 相关的问题。随着 pub.dev 上的 Flutter 兼容 package 数量突破 15,000 大关，你的应用使用的 package 数量也很可能随之增长。有鉴于此，Flutter DevTools 中新加入了一个实验性的 **Provider** 标签页，由 [provider package](http://pub.flutter-io.cn/packages/provider) 本身及其他很多出色软件的开发者 [Remi Roussel](https://github.com/rrousselGit) 倾力打造。如果你运行的是最新版 Flutter，在你对一个包含 provider 插件的 Flutter 应用进行调试时，**Provider** 标签页就会自动显示。
 
-![实战演示: Flutter DevTools Provider 标签页](https://devrel.andfun.cn/devrel/posts/2021/05/Q04qlm.gif)
+![实战演示: Flutter DevTools Provider 标签页]({{site.flutter-files-cn}}/posts/images/2021/05/Q04qlm.gif)
 
 实战演示: Flutter DevTools Provider 标签页
 
@@ -492,13 +492,13 @@ Provider 标签页会向你展示每个 provider 的相关数据，并会实时
 
 在此版本中，针对 Flutter 的 Visual Studio Code 和 IntelliJ/Android Studio IDE 扩展也得到了更新。例如，Visual Studio Code 扩展现在支持两项额外的 Dart 代码重构: 内联函数和内联本地变量。
 
-![实战演示: 新的 "内联函数" Dart 重构](https://devrel.andfun.cn/devrel/posts/2021/05/bBJcfx.gif)
+![实战演示: 新的 "内联函数" Dart 重构]({{site.flutter-files-cn}}/posts/images/2021/05/bBJcfx.gif)
 
 实战演示: 新的 "内联函数" Dart 重构
 
 在 Android Studio/IntelliJ 扩展中，我们新增了一个在控制台中输出所有堆栈轨迹的选项。
 
-![你现在可以输出所有堆栈轨迹，而不仅限于第一条](https://devrel.andfun.cn/devrel/posts/2021/05/KKLGup.png)
+![你现在可以输出所有堆栈轨迹，而不仅限于第一条]({{site.flutter-files-cn}}/posts/images/2021/05/KKLGup.png)
 
 你现在可以输出所有堆栈轨迹，而不仅限于第一条
 
@@ -515,7 +515,7 @@ Provider 标签页会向你展示每个 provider 的相关数据，并会实时
 
 为了确保 Flutter 开发者社区蓬勃发展的同时让相关文档也能跟上脚步，Dart 和 Flutter 团队始终在想方设法改进和拓展相关培训内容的制作方法。在此版本中，我们为 DartPad 添加了一个新的分步式界面，让开发者在学习讲师主导的课程/讲座时可以方便地随堂动手实践。
 
-![实战演示: DartPad 课程/讲座随堂实践](https://devrel.andfun.cn/devrel/posts/2021/05/rOt9q7.png)
+![实战演示: DartPad 课程/讲座随堂实践]({{site.flutter-files-cn}}/posts/images/2021/05/rOt9q7.png)
 
 实战演示: DartPad 课程/讲座随堂实践
 
@@ -525,9 +525,9 @@ Provider 标签页会向你展示每个 provider 的相关数据，并会实时
 
 **社区聚焦: FlutterFlow**
 
-FlutterFlow 是一个 "低代码" (low code) 应用设计和开发工具，用于在浏览器中构建应用。它提供了一个 "所见即所得" 环境，让你可根据实际 Firebase 数据来设计横跨多个页面的应用布局。此工具的目标是让你能够轻松执行大部分常见操作，并尽量减少你自己需要编写的代码量。实际上，在一次演示中，演示者不到一个小时就使用此工具构建出了一个包含多个页面、可帮助用户游览大都会艺术博物馆的完整移动应用，整个过程没有写一行代码。你可以在 YouTube 上观看整个过程的 [视频记录](https://devrel.andfun.cn/devrel/posts/2021/05/ilIETB.mp4)。
+FlutterFlow 是一个 "低代码" (low code) 应用设计和开发工具，用于在浏览器中构建应用。它提供了一个 "所见即所得" 环境，让你可根据实际 Firebase 数据来设计横跨多个页面的应用布局。此工具的目标是让你能够轻松执行大部分常见操作，并尽量减少你自己需要编写的代码量。实际上，在一次演示中，演示者不到一个小时就使用此工具构建出了一个包含多个页面、可帮助用户游览大都会艺术博物馆的完整移动应用，整个过程没有写一行代码。你可以在 YouTube 上观看整个过程的 [视频记录]({{site.flutter-files-cn}}/posts/images/2021/05/ilIETB.mp4)。
 
-<video controls width="640px" height="480px" src="https://devrel.andfun.cn/devrel/posts/2021/05/ilIETB.mp4"></video>
+<video controls width="640px" height="480px" src="{{site.flutter-files-cn}}/posts/images/2021/05/ilIETB.mp4"></video>
 
 ## **对兼容性有影响的重大变更**
 
@@ -542,6 +542,6 @@ FlutterFlow 是一个 "低代码" (low code) 应用设计和开发工具，用
 
 Google Flutter 团队全体同仁谨此向大家致以诚挚谢意！我们要感谢 Flutter 社区的每一个人，Flutter 取得的成绩离不开大家的每一份贡献。如今，Play 商店中有超过八分之一的新应用是采用 Flutter 构建而成，仅在 Play 商店就收录了多达 20 万款 Flutter 应用。Flutter 的迅猛发展势头出人意表。世界各地大大小小的应用团队都使用 Flutter 进行开发，为诸多平台上的用户打造优质体验。谢谢大家选择 Flutter！
 
-![](https://devrel.andfun.cn/devrel/posts/2021/05/KTpWHI.png)
+![]({{site.flutter-files-cn}}/posts/images/2021/05/KTpWHI.png)
 
 最后，以免你错过，不要忘了体验下在本次 I/O 大会推出的 [I/O Photo Booth web 应用](https://photobooth.flutter.cn/#/)，它是由 Flutter 和 Firebase 构建而成的 web 应用，让你可以和 Dash 合拍萌萌的大头照。我们还 [开放了其源代码](https://github.com/flutter/photobooth)，方便你进一步了解 Flutter web 最佳实践、相机插件 web 支持以及如何使用 Cloud Functions 函数来生成自定义社交内容。机不可失，赶紧一睹为快吧！
diff --git a/src/content/posts/whats-new-in-flutter-2-5.md b/src/content/posts/whats-new-in-flutter-2-5.md
index f524777c4f..fd2af8d512 100644
--- a/src/content/posts/whats-new-in-flutter-2-5.md
+++ b/src/content/posts/whats-new-in-flutter-2-5.md
@@ -19,7 +19,7 @@ Flutter 2.5 带来了一些重要的性能和工具改进，以帮助开发者
 
 举个例子，在我们的一个测试中，播放了一个 20 秒的 GIF 动画，GC 的次数从需要 400 次下降到只需 4 次。更少的主要 GC，意味着更少的涉及图像出现和消失的动画卡顿，更少的 CPU 和电量消耗。
 
-Flutter 2.5 的另一项性能改进是优化了 iOS 上 Dart 和 Objective-C/Swift、Android 上 Dart 和 Java/Kotlin 之间相互通信的延迟。作为 [调整消息通道](https://files.flutter-io.cn/flutter-design-docs/2021_Platform_Channel%20Performance_Tuneup.pdf "调整消息通道") 的一部分，我们从消息编解码器中移除了不必要的拷贝，在不同内容的大小和设备上减少了高达 50% 的延迟 (详见 [#25988](https://github.com/flutter/engine/pull/25988 "#25988")、[#26331](https://github.com/flutter/engine/pull/26331 "#26331"))。
+Flutter 2.5 的另一项性能改进是优化了 iOS 上 Dart 和 Objective-C/Swift、Android 上 Dart 和 Java/Kotlin 之间相互通信的延迟。作为 [调整消息通道]({{site.flutter-files-cn}}/flutter-design-docs/2021_Platform_Channel%20Performance_Tuneup.pdf "调整消息通道") 的一部分，我们从消息编解码器中移除了不必要的拷贝，在不同内容的大小和设备上减少了高达 50% 的延迟 (详见 [#25988](https://github.com/flutter/engine/pull/25988 "#25988")、[#26331](https://github.com/flutter/engine/pull/26331 "#26331"))。
 
 ![调整前后的 iOS 消息延迟](https://gglh6.g.forms.cn/gc-YrPSIwirzTDVJ6FqGK5Lugn1YsA_l5h8shX8W5ROi_2doeJO8h-835CDX4wsDBAyjMwQGp-Ytr9dBLnswV6xMOWWJJzAAkupJ62-Gy0IRxk-9bbtuq0r4OdshSzuAmTwS6oEI=s0)
 
@@ -204,7 +204,7 @@ Visual Studio Code 测试运行器看起来与当前的 Dart 和 Flutter 测试
 
 `$ flutter create -t skeleton my_app`
 
-![新的 Flutter Skeleton 模板演示](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-5/flutter-skeleton-demo.gif)
+![新的 Flutter Skeleton 模板演示]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-5/flutter-skeleton-demo.gif)
 
 新的 Skeleton 模板，可生成包含两页的列表视图 Flutter 应用 (带详细视图)，并遵循社区最佳实践。它的开发经过了大量的内部和外部评审，以提供一个更好的基础来构建一个达到产品级品质的应用。它支持以下功能：
 
diff --git a/src/content/posts/whats-new-in-flutter-2-8.md b/src/content/posts/whats-new-in-flutter-2-8.md
index d60fbbf2ce..edb66692ba 100644
--- a/src/content/posts/whats-new-in-flutter-2-8.md
+++ b/src/content/posts/whats-new-in-flutter-2-8.md
@@ -31,7 +31,7 @@ Flutter 的首要目标是一如既往地保证其质量。我们花费了大量
 
 某些场景下，开发者希望能同时看到 Flutter 和 Android 的性能追踪事件，又或者是在生产模式下查看追踪事件来更好地了解应用的性能问题。为了这一需求，Flutter 2.8 现在可以选择在应用启动后，将性能追踪事件发送至 Android 的事件记录器，在生产模式下也同样如此。
 
-![Flutter 性能追踪事件现在显示在 Android systrace 记录工具中（底部）](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutter-trace-event.png)
+![Flutter 性能追踪事件现在显示在 Android systrace 记录工具中（底部）]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutter-trace-event.png)
 
 此外，一些开发人员想要更多的关于光栅缓存行为的性能跟踪信息，以减少制作动画效果时的卡顿，这允许 Flutter 快速地对昂贵的、重复使用的图片进行复用而不是重新绘制。性能跟踪中的新的 **流事件** 让开发人员可以跟踪光栅缓存图片的生命周期。
 
@@ -39,15 +39,15 @@ Flutter 的首要目标是一如既往地保证其质量。我们花费了大量
 
 对于调试性能问题，新版的开发者工具 (DevTools) 添加了一个新的「增强跟踪」功能，用来帮助开发者诊断消耗较大的构建、布局和绘制操作引起的 UI 卡顿。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/enable-trace-feat.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/enable-trace-feat.png)
 
 启用任何一个追踪功能后，时间轴中将视情况展示 Widget 的构建、RenderObject 布局和 RenderObject 绘制的事件。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/render-draw-event.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/render-draw-event.png)
 
 此外，新版的开发者工具也增加了应用启动性能的分析支持。该配置文件包含了从 Dart VM 初始化到第一帧 Flutter 渲染的 CPU 样本。在你按下「Profile app start up」按钮并加载应用启动配置文件后，你将看到为配置文件选择了「AppStartUp」标签。你还可以通过在可用用户标签列表中选择此用户标签过滤器（如果存在）来加载应用启动配置文件。选择此标签会显示你的应用启动的个人资料数据。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/profile-app-start.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/profile-app-start.png)
 
 ### Web 平台的平台视图 (PlatformView)
 
@@ -64,7 +64,7 @@ Flutter 不仅仅是框架、引擎和工具——pub.dev 上现有超过 2w 个
 
 首先也是最重要的是，[Google Mobile SDK for Flutter 已于 11 月正式发布](https://medium.com/flutter/announcing-general-availability-for-the-google-mobile-ads-sdk-for-flutter-574e51ea6783)。此版本支持 5 种广告格式，集成了 AdMob 和 Ad Manager 支持，并包含一个新的中转功能的测试版，可以帮助你优化广告展现的效果。有关将 Google Ads 集成到 Flutter 应用以及其他货币化选项的更多信息，请查看 [Flutter 网站上的页面](https://flutter.cn/monetization)。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/admob-sdk-flutter-ga.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/admob-sdk-flutter-ga.png)
 
 ### WebView 3.0
 
@@ -114,7 +114,7 @@ class _HomePageState extends State<HomePage> {
 
 在 Flutter Web 上运行时，它会按你的预期工作: 
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/webview_flutter-demo-in-2-8.gif)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/webview_flutter-demo-in-2-8.gif)
 
 请注意，当前 `webview_flutter` 的 web 实现有许多限制，因为它是使用 iframe 构建的，
 iframe 仅支持简单的 URL 加载，无法控制加载的内容或与加载的内容交互。
@@ -139,7 +139,7 @@ Flutter 生态系统委员会再次召开会议，将以下 package 指定为 Fl
 * [dart_code_metrics](https://pub.flutter-io.cn/packages/dart_code_metrics): 一个帮助你分析和提高代码质量的静态分析工具；
 * 以及有着漂亮界面的 package: [flex_color_scheme](https://pub.flutter-io.cn/packages/flex_color_scheme)、[flutter_svg](https://pub.flutter-io.cn/packages/flutter_svg)、[feedback](https://pub.flutter-io.cn/packages/feedback)、[toggle_switch](https://pub.flutter-io.cn/packages/toggle_switch) 和 [auto_size_text](https://pub.flutter-io.cn/packages/auto_size_text)。
 
-![使用 flex_color_scheme 构建的可灵活折叠的应用](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flex_color_scheme-demo-in-2-8.gif)
+![使用 flex_color_scheme 构建的可灵活折叠的应用]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flex_color_scheme-demo-in-2-8.gif)
 
 祝贺这些 package 的作者，并感谢你通过你的辛勤工作支持 Flutter 社区。如果你有兴趣提名你最喜欢的 Flutter package 加入 Flutter Favorite 嘉奖，请按照 [Flutter Favorite 计划页面](https://docs.flutter.cn/development/packages-and-plugins/favorites) 上的指南和说明进行操作。
 
@@ -185,7 +185,7 @@ Flutter 生态中另一个重要组成是 FlutterFire，大约有三分之二的
 
 [The FlutterFire plugins](http://firebase.flutter.dev/) 几乎已经全部从测试版转为文稳定版，可用于生产环境。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire-website.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire-website.png)
 
 Android、iOS 和网页版的插件已转为稳定版，包括 [Analytics](https://firebase.flutter.dev/docs/analytics/overview)、[Dynamic Links](https://firebase.flutter.dev/docs/dynamic-links/overview)、[In-App Messaging](https://firebase.flutter.dev/docs/in-app-messaging/overview/)、[Performance Monitoring](https://firebase.flutter.dev/docs/performance/overview)、[Realtime Database](https://firebase.flutter.dev/docs/database/overview)、[Remote Config](https://firebase.flutter.dev/docs/remote-config/overview) 和 [Installations](https://firebase.flutter.dev/docs/installations/overview)。有些 Firebase 库本身在部分平台上仍处于测试阶段，所以它的 Flutter 插件也会是测试版状态，比如 App Check 在 macOS 平台。但类似实时数据库 (Realtime Database)、分析 (Analytics)、远程配置 (Remote Config) 等 FlutterFire 插件已经在生产环境中可用了，可以选择试试看！
 
@@ -222,7 +222,7 @@ static const FirebaseOptions web = FirebaseOptions(
 
 如果你想为每个平台的初始化自定义数据结构的话，请使用这个 `flutterfire` 命令行工具完成: 
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire-cli.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire-cli.png)
 
 这个命令行工具会从每个平台的子文件夹中找到唯一的 bundle ID，进而用它来查找以及创建匹配的特定平台下的 Firebase 工程详情。这意味着你将省去下载 `.json`文件到 Android 工程、下载 `.plist` 文件到 iOS 和 macOS 工程的时间了，当然，也无需再复制粘贴代码到你的 Web 工程了。换句话说，无论你的应用要为哪些平台初始化 Firebase，这句代码都可以帮你做到。当然，这也可能不是唯一一处初始化代码的地方，比如你需要在 Android 或 iOS 中创建 Crashlytics 调试符号 (dSYM) 的时候。但至少可以针对新的 Firebase 工程能够快速跑起来。
 
@@ -230,13 +230,13 @@ static const FirebaseOptions web = FirebaseOptions(
 
 由于我们可以只在 Dart 代码中初始化并使用 FlutterFire，那 DartPad 自然也就支持使用 Firebase 啦: 
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/dartpad-flutterfire-demo.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/dartpad-flutterfire-demo.png)
 
 这里有一个使用 Flutter 和 Firebase 构建的在线聊天的演示，所有这些都可以在 DartPad 中直接使用而无需安装任何内容。DartPad 对 Firebase 的支持已经包括了核心 API、身份验证和 Firestore，随着时间的推进，未来 DartPad 会支持更多 Firebase 服务。
 
 另一个支持是在 FlutterFire 文档中直接内嵌了 DartPad 实例，比如 [Firestore 的示例页面](https://firebase.flutter.dev/docs/firestore/example/):
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/firestore-docs-with-dartpad.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/firestore-docs-with-dartpad.png)
 
 在这个示例中，你将看到 Cloud Firestore 的文档以及 [示例应用](https://github.com/FirebaseExtended/flutterfire/tree/master/packages/cloud_firestore/cloud_firestore/example) 的代码，并且可以在浏览器中直接运行和编辑，无需安装任何软件。
 
@@ -246,7 +246,7 @@ static const FirebaseOptions web = FirebaseOptions(
 
 今天我们很希望大家尝试一个新的 package，名为 [flutterfire_ui](https://pub.dev/packages/flutterfire_ui)。这个 package 可以用少量的代码构建一个基本的身份验证体验，例如，在 Firebase 项目中设置了使用邮箱和 Google 账号登录:
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/firebase-console-auth-page.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/firebase-console-auth-page.png)
 
 通过这个配置你可以通过下面的代码构建一个身份验证:
 
@@ -301,11 +301,11 @@ class AuthenticationGate extends StatelessWidget {
 
 再加入一些其他配置的话，你还可以添加一些图像和自定义文本 (详情见 [本文档](https://firebase.flutter.dev/docs/ui/overview))，从而为你提供更全面的用户身份验证体验: 
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire_ui-auth-mobile.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire_ui-auth-mobile.png)
 
 上面这个截图是移动端的身份认证，不过因为 `flutterfire_ui` 的 UI 是响应性设计，因此在桌面浏览器上，它会是这样的效果:
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire_ui-auth-desktop-browser.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire_ui-auth-desktop-browser.png)
 
 用户可以使用邮箱地址和密码直接完成登录，如果他们选择使用通过谷歌身份验证登录，不论是在移动端、Web 端还是桌面端，则将会看到常见的 Google 身份验证流程。如果用户还没有账户，他们可以点击注册按钮进入注册流程。用户登录之后就会有电子邮件验证、密码重置、登出以及社交账户绑定功能。通过电子邮件和密码的身份验证适用于所有平台，并支持使用 Google、Facebook 和 Twitter 账号登录，以及在 iOS 系统上支持通过 Apple ID 登录。`flutterfire_ui` 的身份认证支持多种场景和导航方案以及自定义和本地化选项等。查看 [FlutterFire UI 的文档](https://firebase.flutter.dev/docs/ui/overview/) 了解更多。
 
@@ -366,7 +366,7 @@ class UserListView extends StatelessWidget {
 
 实际的运行效果如下: 
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire_ui-contact-demo.gif)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutterfire_ui-contact-demo.gif)
 
 或者你想为用户提供对表格数据的增删改查功能，你可以使用 `FirestoreDataTable`:
 
@@ -400,7 +400,7 @@ class FirestoreTableStory extends StatelessWidget {
 
 效果是这样的:
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/firebase-table-crud-demo.gif)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/firebase-table-crud-demo.gif)
 
 有关身份验证、列表视图和数据表的更多信息，[请查阅 flutterfire_ui 文档](https://firebase.flutter.dev/docs/ui/overview/)。这个 package 仍处于预览状态，可能会加入更多新的特性，如果你有任何使用的问题或者新的特性需求，请 [在 GitHub repo 里参与我们的讨论](https://github.com/FirebaseExtended/flutterfire/discussions/6978)。
 
@@ -440,25 +440,25 @@ Flutter 2.8 版本在 Windows、macOS 和 Linux 稳定版本的道路上又迈
 
 此外，我们还在继续 [向 Flutter 扩展视觉密度的定义](https://github.com/flutter/flutter/pull/89353)，暴露对话框对齐方式的设置，以便开发者可以实现更加友好的桌面 UI。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutter-desktop-dialog-demo.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/flutter-desktop-dialog-demo.png)
 
 最后，Flutter 团队并不是唯一一个在为了 Flutter desktop 付出心血的团队。举个例子，Canonical 的桌面团队正在与 Invertase 合作，在 Linux 和 Windows 上开发最流行的 Flutter Firebase 插件。
 
 你可以在 [Invertase 博客上](https://invertase.io/blog/announcing-flutterfire-desktop) 阅读有关预览版的更多信息。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/invertase-flutterfire-desktop-preview.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/invertase-flutterfire-desktop-preview.png)
 
 ## DartPad
 
 如果没有工具的改进，那么这个 Flutter 新版本的发布是不完整的。我们将重点介绍 DartPad 的改进，其中最大的改进是对更多软件包的支持。事实上，目前共有 23 个 package 可供导入使用。除了几个 Firebase 服务之外，该列表还包括诸如 `bloc`、`characters`、`collection`、`google_fonts` 和 `flutter_riverpod` 等流行的 package。
 DartPad 团队会继续添加新的 package，如果你想查看当前支持哪些 package 的话，可以单击右下角的信息图标。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/dartpad-support-packages-1211.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/dartpad-support-packages-1211.png)
 
 如果你想了解未来我们向 DartPad 添加新 package 的计划，请查看 [Dart wiki 上的这篇文章](https://github.com/dart-lang/dart-pad/wiki/Adding-support-for-a-new-package)。
 还有另一个新的 DartPad 功能也非常方便，在此之前，DartPad 总是以运行最新的稳定版本运行。在新版本中，你可以使用状态栏中新的 **Channel 菜单** 来切换到使用最新的 Beta 渠道版本以及先前稳定版本 (我们称为 "old channel" 旧渠道)。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2021/whats-new-in-flutter-2-8/dartpad-using-channel-switch.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2021/whats-new-in-flutter-2-8/dartpad-using-channel-switch.png)
 
 DartPad 里旧渠道的使用场景比如你正在撰写一篇博客文章，而最新的稳定版本还是特别流行，那这将非常有用。
 
diff --git a/src/content/posts/whats-new-in-flutter-3-16.md b/src/content/posts/whats-new-in-flutter-3-16.md
index 39cd76b933..bed4df73bf 100644
--- a/src/content/posts/whats-new-in-flutter-3-16.md
+++ b/src/content/posts/whats-new-in-flutter-3-16.md
@@ -3,7 +3,7 @@ title: 了解 Flutter 3.16 功能更新
 toc: true
 ---
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/QUKao8.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/QUKao8.png)
 
 *作者 / Kevin Chisholm*
 
@@ -29,7 +29,7 @@ Material 库已更新至 3.10 版本 (2023 年 5 月)，以匹配最新的 Mater
 
 Material 3 组件的外观主要由 [ThemeData.colorScheme] 和 [ThemeData.textTheme] 的值决定。ColorScheme.fromSeed() 是 Material 3 配色方案的首选方式，可以生成既美观又符合无障碍对比度要求的深色和浅色方案。你还可以使用 ColorScheme.fromImageProvider，以根据图像中的主色调生成配色方案。如果你想进一步自定义 Material 3 组件的外观，可以将组件主题添加到 ThemeData，例如 [ThemeData.segmentedButtonTheme](https://api.flutter.dev/flutter/material/SegmentedButtonThemeData-class.html) 或 [ThemeData.snackBarTheme](https://api.flutter.dev/flutter/material/SnackBarThemeData-class.html)。非空组件主题属性会覆盖组件的 API 文档中指定的默认值。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/K8Yv1S.gif)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/K8Yv1S.gif)
 
 ## **支持 Material 3 动效**
 
@@ -39,7 +39,7 @@ Material 3 组件的外观主要由 [ThemeData.colorScheme] 和 [ThemeData.textT
 
 在原生 iOS 系统上，用户现在可以选择文本并启动提供多种标准服务的共享菜单。在此版本中，我们添加了查找、搜索和共享选项。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/1xdYTo.gif)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/1xdYTo.gif)
 
 **用于指定全局文本缩放系数的 TextScaler**
 
@@ -53,11 +53,11 @@ Flutter 的 SelectionArea 经过更新，可支持与使用鼠标单击或双击
 * 双击: 选择点击位置的字词。
 * 双击 + 拖动: 扩展所选词块。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/WNxsJW.gif)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/WNxsJW.gif)
 
 * 长按 + 拖动: 扩展所选词块。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/DV15eS.gif)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/DV15eS.gif)
 
 **可在焦点 widget 上操作的菜单项**
 
@@ -69,11 +69,11 @@ Flutter 的 SelectionArea 经过更新，可支持与使用鼠标单击或双击
 
 Mac 平台上的 Flutter 应用现在会按照《Apple 人机界面指南》对菜单中的快捷方式修饰符进行排序。([#129309](https://github.com/flutter/flutter/pull/129309))
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/6X7zcv.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/6X7zcv.png)
 
 △ 排序前
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/SpqOqx.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/SpqOqx.png)
 
 △ 排序后
 
@@ -132,7 +132,7 @@ expect(
 
 在此版本中，我们很高兴地与你分享，Impeller 已在 Android 上准备就绪，可用于在稳定渠道上收集预览版反馈。自今年早些时候，团队一直在努力为 Impeller 开发 Vulkan 后端，此次预览版包括收集 Impeller 在支持 Vulkan 的设备上表现的相关反馈。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/aI8i0b.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/aI8i0b.png)
 
 △ 这张图表显示了在过去一年里，在对 Impeller 的 Vulkan 后端上运行的 Flutter Gallery 进行的转换性能基准测试中，99% 帧时间、90% 帧时间和平均帧光栅化时间都有所改善，由于卡顿更少、稳态帧率更高，用户可以直观地看到这些改善。在此测试结束时，由于我们从 Samsung S10 设备改用 Pixel 7 Pro 设备，导致数据大幅下降。尽管如此，趋势和整体结果仍然鼓舞人心。
 
@@ -162,7 +162,7 @@ expect(
 
 除了关注 Vulkan 后端，自今年年初以来，团队还对 Impeller 中的文本性能进行了许多改进，这对 Android 和 iOS 都有好处。特别是我们改进了 Impeller 字形图集的管理以及在引擎的界面和光栅线程中划分文本工作负载的方式。因此，用户会注意到，即使处理繁重的文本工作负载，发生卡顿的情况也会减少。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/CIjXNP.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/CIjXNP.png)
 
 △ 这张图表显示了在使用 Impeller 的 iPhone 11 上进行的其中一项大量文本基准测试中，99% 帧时间、90% 帧时间和平均帧光栅化时间均有减少 (以毫秒为单位)。特别是，90% 帧时间和平均帧光栅化时间几乎减半。
 
@@ -172,7 +172,7 @@ expect(
 
 为了在采用异构多处理的移动设备上提供更好的性能支持，我们 [修改了引擎](https://github.com/flutter/engine/pull/45673)，以便注重性能的线程 (例如，界面和光栅线程) 可适应设备更强大的内核。我们观察到，这一变化对一系列基准和设备产生了积极影响。在某些情况下，这种改善十分显著，99% 帧时间或 90% 帧时间至少减半。我们预计，经过此次更改后，无论在 Android 上使用 Skia 后端还是 Impeller 后端，用户都会注意到卡顿情况有所减少。在 iOS 设备上，因为更强大的内核和更弱的内核之间的差异较小，所以效果并不太明显。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/k6NG07.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/k6NG07.png)
 
 △ 这张图表显示了，我们几乎所有 Android 基准和设备的最差帧时间、99% 帧时间、90% 帧时间以及平均帧构建时间和帧光栅化时间都有所改善。
 
@@ -186,11 +186,11 @@ expect(
 
 在此版本中，Paint.enableDithering 属性被设置为 true，并且根据 [Flutter 的弃用策略](https://docs.flutter.dev/release/compatibility-policy#deprecation-policy) 已被弃用。抖动现在默认启用 (不再支持开发者可配置的抖动)，你将不会再遇到渐变问题。你可以参阅 docs.flutter.dev 中的 [重大变更页面](https://docs.flutter.dev/release/breaking-changes/paint-enableDithering) 了解有关此更改的完整说明和迁移指南。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/bQgAjF.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/bQgAjF.png)
 
 △ 之前
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/B5Hf62.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/B5Hf62.png)
 
 △ 之后
 
@@ -212,7 +212,7 @@ Flutter 时间轴事件现在显示在 Chrome DevTools 的性能面板中。([#1
 
 你可以查看 [Web 应用的调试性能](https://docs.flutter.dev/perf/web-performance) 了解更多详细信息。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/UPNvzF.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/UPNvzF.png)
 
 ## **Android**
 
@@ -222,11 +222,11 @@ Flutter 时间轴事件现在显示在 Chrome DevTools 的性能面板中。([#1
 
 通过此版本更新，使用鼠标在 Flutter 视图上的滚动速度与在 Android 设备上的滚动速度得以匹配。([44724](https://github.com/flutter/engine/pull/44724))
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/ETOSTV.gif)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/ETOSTV.gif)
 
 之前
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/7otNUZ.gif)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/7otNUZ.gif)
 
 之后
 
@@ -234,7 +234,7 @@ Flutter 时间轴事件现在显示在 Chrome DevTools 的性能面板中。([#1
 
 Android 14 版本包含预测性返回手势功能，允许你在设备上使用返回手势 "查看" 当前屏幕后面的主屏幕。此更新也为 Flutter 带来了预测性返回手势！你可以查看 [迁移指南](https://docs.flutter.dev/release/breaking-changes/android-predictive-back#migration-guide) 了解详情。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/4KhBuj.gif)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/4KhBuj.gif)
 
 ## **iOS**
 
@@ -242,7 +242,7 @@ Android 14 版本包含预测性返回手势功能，允许你在设备上使用
 
 Flutter 现在可用于定位某些 [iOS 应用扩展](https://developer.apple.com/app-extensions/)。这意味着可以使用 Flutter widget 为某些类型的 iOS 应用扩展绘制界面。这并不适用于所有类型的应用扩展，因为 API (例如，主屏幕 widget) 或内存可能存在限制。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/4KhBuj.gif)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/4KhBuj.gif)
 
 你可以访问 docs.flutter.dev 中的 [添加 iOS 应用扩展](https://docs.flutter.dev/platform-integration/ios/app-extensions) 了解详情并查看有关如何定位 "共享" 扩展的示例。
 
@@ -254,7 +254,7 @@ Flutter 现在可用于定位某些 [iOS 应用扩展](https://developer.apple.c
 
 敬请你持续关注更新的 Flutter Favorite 内容。你可以向委员会发送电子邮件消息 (电子邮件地址: [flutter-committee@googlegroups.com](mailto:flutter-committee@googlegroups.com))，来提名 package 或插件成为潜在的未来 Flutter Favorite，还可以提醒委员会注意任何其他问题。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/nU9Tlr.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/nU9Tlr.png)
 
 **首届 package 生态系统网络峰会**
 
@@ -264,7 +264,7 @@ Flutter 现在可用于定位某些 [iOS 应用扩展](https://developer.apple.c
 
 利用 Google Maps Platform，你可以在 Google Cloud Console 的 "地图样式" 页面中自定义地图样式，而无需在每次更改样式时更新应用代码，即可享受自定义体验。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/y6WCzC.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/y6WCzC.png)
 
 如果你想要在 Flutter 中使用此功能，只需使用控制台中设置的地图 ID 即可引用地图:
 
@@ -316,15 +316,15 @@ camera_android_camerax: ^0.5.0
 
 感谢 [Provider](https://pub.flutter-io.cn/packages/provider)、[Drift](https://pub.flutter-io.cn/packages/drift) 和 [Patrol](https://pub.flutter-io.cn/packages/patrol) 的 package 作者，这个生态系统已经在构建中，你可以立即使用这些 package 的 DevTools 拓展！
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/YQrBwi.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/YQrBwi.png)
 
 Provider
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/q8T64M.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/q8T64M.png)
 
 Patrol
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/GLAYKW.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/GLAYKW.png)
 
 Drift
 
@@ -337,7 +337,7 @@ Drift
 * 添加了对 DevTools 扩展的支持
 * 添加了新的 "主" 屏幕，显示已连接应用的摘要
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/pJ15aW.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/pJ15aW.png)
 
 其他改进包括:
 
@@ -361,7 +361,7 @@ Drift
 
 ……
 
-![](https://devrel.andfun.cn/devrel/posts/2024/01/07/mZAXNH.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2024/01/07/mZAXNH.jpg)
 
 ## **弃用和重大变更**
 
diff --git a/src/content/posts/whats-new-in-flutter-3-19.md b/src/content/posts/whats-new-in-flutter-3-19.md
index e00054e072..4ddc7fe3fb 100644
--- a/src/content/posts/whats-new-in-flutter-3-19.md
+++ b/src/content/posts/whats-new-in-flutter-3-19.md
@@ -4,7 +4,7 @@ toc: true
 keywords: Flutter 3, Flutter 3 新特性, Gemini API, Impeller, Windows Arm64
 description: 借助 Gemini API、Impeller 更新以及 Windows Arm64 支持，变革应用的开发过程。
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2024/04/02/7oSs8U.gif
+    path: https://files.flutter-io.cn/posts/images/2024/04/02/7oSs8U.gif
 ---
 
 我们已隆重推出全新的 Flutter 版本——Flutter 3.19。此版本引入了专为 Gemini 设计的新 Dart SDK、一个能让开发者对 Widget 动画实现精细化控制的全新 Widget，Impeller 更新带来的渲染性能提升、有助于实现深层链接的工具和对 Windows Arm64 的支持，以及更多丰富功能！
@@ -19,7 +19,7 @@ Flutter 社区持续展现出令人赞叹的实力，有 168 名社区成员合
 
 Google AI Dart SDK 已发布测试版，这使得你能够利用 Google 最新的 Gemini 系列 AI 模型，在 Dart 或 Flutter 应用中构建生成式 AI 功能。目前 pub.dev 上已提供 [google_generative_ai](https://pub.dev/packages/google_generative_ai "google_generative_ai") package。如要详细了解如何使用 Google AI Dart SDK 进行开发，你可以参阅 [此博文](https://medium.com/flutter/harness-the-gemini-api-in-your-dart-and-flutter-apps-00573e560381 "此博文")，或者直接查阅 [Dart 快速入门](https://ai.google.dev/tutorials/dart_quickstart "Dart 快速入门") 教程。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/04/02/qgbYvO.jpg)
+![]({{site.flutter-files-cn}}/posts/images/2024/04/02/qgbYvO.jpg)
 
 ## **框架**
 
@@ -85,7 +85,7 @@ Flutter 社区成员 [@AcarFurkan](https://github.com/AcarFurkan "@AcarFurkan")
 
 在 Impeller 框架下，使用 Metal 的 iOS、macOS、模拟器环境中，以及支持 Vulkan 的 Android 设备中，Flutter 引擎现会在调试 build 和配置文件 build 中为时间轴上的每一帧报告 GPU 时间。这些 GPU 帧时间数据可以在 DevTools 的 "GPUTracer" 标题下进行查看。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/04/02/yRc55g.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/04/02/yRc55g.png)
 
 请注意，由于不支持 Vulkan 的 Android 设备可能会错误报告其对于查询 GPU 时间的支持情况，因此，在这些设备上，Impeller 的 GPU 跟踪功能只能通过在 AndroidManifest.xml 文件中设置标志来启用。
 
@@ -107,7 +107,7 @@ Flutter 社区成员 [@AcarFurkan](https://github.com/AcarFurkan "@AcarFurkan")
 
 此外，Impeller 不再对每一个背景滤镜都 [无条件地存储模板缓冲区](https://github.com/flutter/engine/pull/47397 "无条件地存储模板缓冲区")。相反，它现在会记录任何影响剪辑的操作，并在为背景滤镜恢复保存层时，将这些操作重放到一个新的模板缓冲区中。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/04/02/u9wePi.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/04/02/u9wePi.png)
 
 通过这一变化，我们在采用 Vulkan 后端运行 Impeller 的 Pixel 7 Pro 上，对动画高级混合模式进行基准测试时，平均 GPU 帧时间从 55 毫秒显著提高到了 16 毫秒。同时，90% 的光栅线程 CPU 时间也从大约 110 毫秒下降到了 22 毫秒。
 
@@ -121,7 +121,7 @@ Flutter 社区成员 [@AcarFurkan](https://github.com/AcarFurkan "@AcarFurkan")
 
 希望这款工具能成为简化你深层链接实现过程的第一步。我们将持续致力于为 iOS 平台提供 Web 检查支持，并在 iOS 和 Android 两个平台上都提供应用内检查支持！
 
-![](https://devrel.andfun.cn/devrel/posts/2024/04/02/L4Lh5X.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/04/02/L4Lh5X.png)
 
 ### **Share.invoke 支持**
 
@@ -147,7 +147,7 @@ Android 应用可以添加自定义的文本选择菜单项，这些菜单项将
 
 现在，Flutter 在 iOS 上的文本看起来更加紧凑且更接近原生风格。按照 Apple 的设计指南，iOS 上较小的字体应该排列得更为宽松以便在移动设备上阅读时更加舒适，而较大的字体则应设计得更为紧凑，以节省空间。在此之前，无论字号大小，我们都错误地采用了较为宽松的小字号样式。而现在，默认情况下 Flutter 将为较大的文本使用更为紧凑的字体样式。
 
-![](https://devrel.andfun.cn/devrel/posts/2024/04/02/rhliZA.png)
+![]({{site.flutter-files-cn}}/posts/images/2024/04/02/rhliZA.png)
 
 ### **DevTools**
 
@@ -156,7 +156,7 @@ Android 应用可以添加自定义的文本选择菜单项，这些菜单项将
 此版本的一些 DevTools 亮点包括:
 
 * 在 DevTools 中添加了一个新功能和屏幕，用于验证 Android 平台上的深层链接设置。
-* 在 "**增强跟踪**" (Enhance Tracing) 菜单中添加了一个选项，用于跟踪平台渠道活动。这对于带有插件的应用很有帮助。![](https://devrel.andfun.cn/devrel/posts/2024/04/02/zITKLa.png)
+* 在 "**增强跟踪**" (Enhance Tracing) 菜单中添加了一个选项，用于跟踪平台渠道活动。这对于带有插件的应用很有帮助。![]({{site.flutter-files-cn}}/posts/images/2024/04/02/zITKLa.png)
 * 性能和 CPU 分析器屏幕现在即使在没有连接任何应用的情况下也可访问。之前通过 DevTools 保存的性能数据或 CPU 配置文件，现在可以从这些屏幕上重新加载并查看。
 
 * VS Code 中的 Flutter 侧边栏现在增加了新功能: 如果当前项目尚未启用新平台，用户可以直接启用新的平台。此外，侧边栏上的 DevTools 菜单现在提供一个选项，可让用户在外部浏览器窗口中打开 DevTools。
diff --git a/src/content/posts/whats-new-in-flutter-3-3.md b/src/content/posts/whats-new-in-flutter-3-3.md
index f29fd1e3eb..a31e2a15b5 100644
--- a/src/content/posts/whats-new-in-flutter-3-3.md
+++ b/src/content/posts/whats-new-in-flutter-3-3.md
@@ -4,7 +4,7 @@ toc: true
 keywords: Flutter 3, Flutter 3 新特性
 description: 文字处理、性能提升和其他改进和更新，为开发者们带来一个更好用的 Flutter 3.3！
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/08/6c1eaf86b5694.png
+    path: https://files.flutter-io.cn/posts/images/2022/08/6c1eaf86b5694.png
 ---
 
 *作者 / Kevin Jamaul Chisholm, Technical Program Manager for Dart and Flutter at Google*
@@ -23,7 +23,7 @@ Flutter 3 是我们正式为全平台提供支持的一个重量级里程碑，
 
 从今天起，一切都发生了变化。我们引入了 `SelectionArea` widget，它的子 widget 现已可以进行随意选择！
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image6.gif)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image6.gif)
 
 只需使用 `SelectionArea` 包裹住路由显示的内容 \(例如 `Scaffold`\)，Flutter 会替你处理好一切，你便可以享受到这项强力的新特性。
 
@@ -39,7 +39,7 @@ Flutter 3.3 优化了针对触控板的支持。Flutter 不仅提供了更丰富
 4.  在 Flutter 3.3 以前，使用触控板滚动会拖动元素，因为 Flutter 将模拟的手势事件进行了下发
 5.  从 Flutter 3.3 开始，使用触控板滚动会正确地滚动列表，因为 Flutter 会传递「滚动」事件，卡片不会识别这些事件，而列表会进行对应的处理
 
-想了解更多信息，请访问 [Flutter 触控板手势](<https://files.flutter-io.cn/flutter-design-docs/Flutter_Trackpad_Gestures_(PUBLICLY%20SHARED).pdf) 的设计文档，并且查看以下的拉取请求：
+想了解更多信息，请访问 [Flutter 触控板手势](<{{site.flutter-files-cn}}/flutter-design-docs/Flutter_Trackpad_Gestures_(PUBLICLY%20SHARED).pdf) 的设计文档，并且查看以下的拉取请求：
 
 * PR 89944: [在框架中支持触控板手势](https://github.com/flutter/flutter/pull/89944)
 * PR 31591: [iPad 上的触控版手势](https://github.com/flutter/engine/pull/31591)
@@ -52,7 +52,7 @@ Flutter 3.3 优化了针对触控板的支持。Flutter 不仅提供了更丰富
 
 感谢来自社区成员 [fbcouch](https://github.com/fbcouch) 的出彩贡献。Flutter 现在支持在 iPadOS 上使用 Apple Pencil 进行 [随手写](http://support.apple.com/zh-cn/guide/ipad/ipad355ab2a7/ipados) 输入。这项功能已默认在 `CupertinoTextField`、`TextField` 和 `EditableText` 上启用。只需要将 Flutter 升级到 3.3 就可以为你的用户带来这项新功能。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image7.gif)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image7.gif)
 
 ### 文本输入
 
@@ -66,17 +66,17 @@ Flutter 团队持续地在整合更多 Material Design 3 的组件到 Flutter 
 
 ### IconButton 示例
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image9.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image9.png)
 
 ### Chip 示例
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image5.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image5.png)
 
 ### 中型和大型 AppBar 示例
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image8.gif)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image8.gif)
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image3.gif)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image3.gif)
 
 ## 桌面端平台
 
@@ -94,7 +94,7 @@ Flutter 团队持续地在整合更多 Material Design 3 的组件到 Flutter 
 
 当你的应用包含复杂的导航需求时，它可能会让你晕头转向。为了扩展 Flutter 的导航 API，团队发布了新版本的 [go\_router package](https://pub.flutter-io.cn/packages/go_router)，让你在所有平台的路由逻辑设计变得更加简洁。
 
-go\_router package 由 Flutter 团队进行维护，通过声明式和基于 URL 的 API 让导航和 deep links 的处理变得更加轻松。最新的 5.0 版本让应用可以通过异步代码进行重定向，其中还包含了一些 [破坏性改动](https://files.flutter-io.cn/flutter-design-docs/[Draft]Go_Router%205.0%20migration%20guide%20(PUBLICLY%20SHARED).docx)。
+go\_router package 由 Flutter 团队进行维护，通过声明式和基于 URL 的 API 让导航和 deep links 的处理变得更加轻松。最新的 5.0 版本让应用可以通过异步代码进行重定向，其中还包含了一些 [破坏性改动]({{site.flutter-files-cn}}/flutter-design-docs/[Draft]Go_Router%205.0%20migration%20guide%20(PUBLICLY%20SHARED).docx)。
 
 更多内容请查看官方文档：[路由和导航](https://docs.flutter.cn/development/ui/navigation)。
 
@@ -102,7 +102,7 @@ go\_router package 由 Flutter 团队进行维护，通过声明式和基于 URL
 
 VS Code 的 Flutter 扩展也带来了添加依赖的更新。你可以使用 `Dart: Add Dependency` 命令加上逗号一次性添加多个依赖。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image1.gif)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image1.gif)
 
 你可以查看以下内容了解自上一个 Flutter 稳定版本发布以来所有 VS Code 的 Flutter 插件的更新：
 
@@ -128,7 +128,7 @@ VS Code 的 Flutter 扩展也带来了添加依赖的更新。你可以使用 `
 
 随着 [新增的 ui.ImmutableBuffer.fromAsset 的引入](https://github.com/flutter/engine/pull/32999)。这个加载过程同时也会更加快速，因为它会绕过之前方法通道所需的额外调度的开销。特别是在我们的基准测试中，图片的加载速度提升为原先的 2 倍左右。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image2.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image2.png)
 
 更多相关信息，请查看官方文档：[添加 ImageProvider.loadBuffer](https://docs.flutter.cn/release/breaking-changes/image-provider-load-buffer)。
 
@@ -150,7 +150,7 @@ VS Code 的 Flutter 扩展也带来了添加依赖的更新。你可以使用 `
 
 ### FragmentProgram 更新
 
-用 GLSL  编写的并且在 `pubspec.yaml` 的 `shader:` 部分声明的片段着色器 \(Fragment shader\) 现在会自动编译成引擎可以正确识别的格式，并且自动绑定为应用的资源。有了这项改动，开发者无需再使用三方工具编译着色器。在未来，引擎的 FragmentProgram API 可能只能接受来自 Flutter 的工具构建。目前我们还没应用这项更改，但如 [FragmentProgram API 改进支持的设计文档](https://files.flutter-io.cn/flutter-design-docs/FragmentProgram_Support_Improvements%20(PUBLICLY_SHARED).pdf) 中所计划的，有可能在未来实行。
+用 GLSL  编写的并且在 `pubspec.yaml` 的 `shader:` 部分声明的片段着色器 \(Fragment shader\) 现在会自动编译成引擎可以正确识别的格式，并且自动绑定为应用的资源。有了这项改动，开发者无需再使用三方工具编译着色器。在未来，引擎的 FragmentProgram API 可能只能接受来自 Flutter 的工具构建。目前我们还没应用这项更改，但如 [FragmentProgram API 改进支持的设计文档]({{site.flutter-files-cn}}/flutter-design-docs/FragmentProgram_Support_Improvements%20(PUBLICLY_SHARED).pdf) 中所计划的，有可能在未来实行。
 
 想要了解更多内容，你可以查看这个 [Flutter 着色器示例](https://github.com/zanderso/fragment_shader_example)。
 
@@ -174,7 +174,7 @@ VS Code 的 Flutter 扩展也带来了添加依赖的更新。你可以使用 `
 
 你可以打开 `ios/Runner.xcworkspace` 并在 build setting 中将 Enable Bitcode 设置为 No 以关闭它。混合开发应用可以在宿主工程的 Xcode 项目中关闭它。
 
-![](https://files.flutter-io.cn/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image4.png)
+![]({{site.flutter-files-cn}}/posts/flutter-cn/2022/whats-new-in-flutter-3-3/image4.png)
 
 你可以查阅 [Apple 文档](https://help.apple.com/xcode/mac/11.0/index.html?localePath%3Den.lproj%23/devde46df08a) 了解更多关于 bitcode 分发的内容。
 
diff --git a/src/content/posts/whats-new-in-flutter-3.md b/src/content/posts/whats-new-in-flutter-3.md
index d13423ed64..7c8dee565a 100644
--- a/src/content/posts/whats-new-in-flutter-3.md
+++ b/src/content/posts/whats-new-in-flutter-3.md
@@ -4,7 +4,7 @@ toc: true
 keywords: Flutter 3, Flutter 3 新特性
 description: 深入了解最新版本，包括 macOS 和 Linux 平台的稳定支持、多项性能改进等！
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/05/TCPW12.png
+    path: https://files.flutter-io.cn/posts/images/2022/05/TCPW12.png
 ---
 
 *作者 / Kevin Jamaul Chisholm, Technical Program Manager for Dart and Flutter at Google*
@@ -23,7 +23,7 @@ Linux 和 macOS 平台的支持已进入稳定状态，内含下列功能:
 
 现在你可以使用 `PlatformMenuBar` widget 在 macOS 上创建平台渲染的菜单栏，支持插入仅限该平台使用的菜单，并控制 macOS 应用菜单中的显示内容。
 
-![△ 级联菜单示意](https://devrel.andfun.cn/devrel/posts/2022/05/QHCvSV.gif)
+![△ 级联菜单示意]({{site.flutter-files-cn}}/posts/images/2022/05/QHCvSV.gif)
 
 △ 级联菜单示意
 
@@ -55,7 +55,7 @@ Flutter 3 支持可折叠移动设备。通过由 Microsoft 牵头的合作，
 
 作为合作的一部分，[MediaQuery](https://api.flutter-io.cn/flutter/widgets/MediaQuery-class.html) 现在包含一个 [DisplayFeature](https://api.flutter-io.cn/flutter/dart-ui/DisplayFeature-class.html) 列表，用以描述设备组件状态，包括铰链、折叠状态和屏幕刘海等。此外，[DisplayFeatureSubScreen](https://api.flutter-io.cn/flutter/widgets/DisplayFeatureSubScreen-class.html) widget 包含的子 widget 的位置现在不会与 `DisplayFeature` 的边界重叠，并且已经用于框架的默认对话框和弹出窗口，使 Flutter 默认即可动态适应这些元素的位置。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/05/Nqhj5g.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/05/Nqhj5g.png)
 
 非常感谢 Microsoft 团队。另外我们还要特别鸣谢 [@andreidiaconu](https://github.com/andreidiaconu) 所做出的贡献！
 
diff --git a/src/content/posts/wonderous-explore-the-world-with-flutter.md b/src/content/posts/wonderous-explore-the-world-with-flutter.md
index ae0106e39b..b4bdb5df8e 100644
--- a/src/content/posts/wonderous-explore-the-world-with-flutter.md
+++ b/src/content/posts/wonderous-explore-the-world-with-flutter.md
@@ -4,16 +4,16 @@ toc: true
 keywords: gskinner, Wonderous
 description: 
 image:
-    path: https://devrel.andfun.cn/devrel/posts/2022/09/vUAjc5.png
+    path: https://files.flutter-io.cn/posts/images/2022/09/vUAjc5.png
 ---
 
 探索世界奇观，并体验 Flutter 的强大之处。
 
-![](https://devrel.andfun.cn/devrel/posts/2022/09/vUAjc5.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/09/vUAjc5.png)
 
 Flutter 的愿景是让你能够在空白画布上绘制出不受限制的精美应用。最近，通过与 gskinner 团队的通力合作，我们打造了一个全新的移动应用 Wonderous 来实现这个愿景。我们采用不同以往的设计系统，借助于 Flutter 为 Wonderous 创建出了极具表现力的界面，这个界面为移动设备量身定制并实现了设计者的创意愿景。
 
-![Wonderous 应用截图](https://devrel.andfun.cn/devrel/posts/2022/09/xCWqni.png)
+![Wonderous 应用截图]({{site.flutter-files-cn}}/posts/images/2022/09/xCWqni.png)
 
 △ Wonderous 应用截图
 
@@ -29,7 +29,7 @@ Flutter 的愿景是让你能够在空白画布上绘制出不受限制的精美
 
 5. 创建其他人可以从中学习的材料及文档。在接下来的几周，gskinner 团队将发布更多关于 Wonderous 的内容，其中包括关于如何创建动画、如何整合无障碍功能以及应用性能最佳实践的具体信息。敬请期待！
 
-![](https://devrel.andfun.cn/devrel/posts/2022/09/KL1vRF.png)
+![]({{site.flutter-files-cn}}/posts/images/2022/09/KL1vRF.png)
 
 在 App Store 或 Google Play 商店中下载 Wonderous 之后，你可能想要探索以下内容：