Update: video links (bilibili) to use site variables

src/about/index.md

@@ -5,9 +5,11 @@ toc: true
 description: 关于 Flutter 文档中文版
 ---
 
+{% include docs/bili_shims.liquid %}
+
 Flutter 的魅力之一是开源开放，Flutter 由 Google 主导，与全球的开发者共同协作。
 中国的开发者数量占全球的 20% 以上，也有大量贡献者为 Flutter 的生态提供了很大的帮助和贡献。
-请查看这个视频，了解更多 [Flutter 中国开发者的情况](https://www.bilibili.com/video/av68148864)。
+请查看这个视频，了解更多 [Flutter 中国开发者的情况]({{bili-video}}/BV1YJ411w7qX)。
 
 ### 关于 Flutter 文档中文版
 

src/community/tutorials/flutter-state-management-with-mobx.md

@@ -3,14 +3,16 @@ title: Flutter 状态管理：使用 MobX
 toc: true
 ---
 
+{% include docs/bili_shims.liquid %}
+
 ![](https://devrel.andfun.cn/devrel/posts/2021/04/2fbde82783576.jpg)
 
 _文 / Paul Halliday, developer.school 创始人_
 
 众所周知，状态管理是每个软件项目都需要持续迭代更新的方向。它并不是一个「一次性」的工作，
 而需要不断确保你遵循的最佳实践能够让你的工程保持良好的可维护性。
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=62886932&bvid=BV1Gt411K7JD&cid=327927635&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=62886932&bvid=BV1Gt411K7JD&cid=327927635&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 要在 Flutter 中高效地使用 MobX ，需要遵循以下原则：
 

src/index.md

@@ -141,8 +141,8 @@ widgets in [What is State?][]
 
 [first-app]: {{site.youtube-site}}/watch?v=xWV71C2kp38
 [What is State?]: {{site.youtube-site}}/watch?v=QlwiL_yLh6E
-[构建第一个 Flutter 应用]: https://www.bilibili.com/video/BV1Se4y1Z74p
-[什么是状态]: https://www.bilibili.com/video/BV14G4y167Tu
+[构建第一个 Flutter 应用]: {{bili-video}}/BV1Se4y1Z74p
+[什么是状态]: {{bili-video}}/BV14G4y167Tu
 
 {:.text-center}
 <b><t>Only have 60 seconds? Learn how to build and deploy a Flutter App!</t><t>一分钟！快速学习构建和部署 Flutter 应用</t></b>

src/posts/Flutter-io19.md

@@ -3,6 +3,8 @@ title: Flutter 1.5 正式发布：适用于移动、Web、嵌入式和桌面平
 toc: true
 ---
 
+{% include docs/bili_shims.liquid %}
+
 **作者: Flutter 团队**
 
 I/O 期间我们迎来 [Flutter 框架](https://flutter.dev/) 的一个重要里程碑，因为我们的开发重点从移动平台扩展到了更广泛的设备和机型。在 I/O 大会上，我们发布了 [Web 版 Flutter 的首个技术预览版](https://flutter.dev/web)，宣布 Flutter 将为包括 Google Home Hub 在内的 Google Smart Display 平台提供技术支持，并迈出利用 Chrome 操作系统支持桌面级应用的第一步。
@@ -84,6 +86,6 @@ Smart Display 操作系统或许是 Flutter 目前已运行的最常见嵌入式
 
 我们在此宣布获胜者，您可前往 flutter.dev/create 查看获胜名单。祝贺总冠军 Zebiao Hu，其将荣获价值超过 1 万美元的全加载式 iMac Pro！
 
-<iframe src="//player.bilibili.com/player.html?aid=52416421&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
+<iframe src="{{bili-embed}}?aid=52416421&page=1&autoplay=false" {{bili-set}}></iframe>
 
 Flutter 不再只是一个移动框架，更是一个多平台框架，可帮助您触及任何地方的用户。我们迫不及待地看到您利用 Flutter 在 Web、桌面、移动及其他平台上构建的内容！

src/posts/announcing-dart-2-12.md

@@ -3,13 +3,15 @@ title: Dart 2.12 现已发布
 toc: true
 ---
 
+{% include docs/bili_shims.liquid %}
+
 ![](https://devrel.andfun.cn/devrel/posts/2021/03/6b1a0818de0a5.png)
 
 *作者 / Michael Thomsen*
 
 Dart 2.12 现已发布，其中包含 [健全的空安全](https://dart.cn/null-safety) 和 [Dart FFI](https://dart.cn/guides/libraries/c-interop) 的稳定版。空安全是我们最新主打的一项生产力强化功能，意在帮助您规避空值错误，以前这种错误通常很难被发现，您可以观看下面这支视频了解详情。FFI 则是一种互操作机制，支持调用以 C 语言编写的既有代码，例如调用 Windows [Win32 API](https://pub.flutter-io.cn/packages/win32)。欢迎大家即刻开始使用 Dart 2.12。
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=415467484&bvid=BV1GV411Y7sW&cid=262014735&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=415467484&bvid=BV1GV411Y7sW&cid=262014735&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 ## **Dart 平台的独特功能**
 

src/posts/announcing-flutter-1-12.md

@@ -3,6 +3,8 @@ title: Flutter 1.12 正式发布，为这一年画上圆满的句号！
 description: Flutter 1.12 正式发布，包括多项性能改进等。
 ---
 
+{% include docs/bili_shims.liquid %}
+
 *作者 / Chris Sells，Flutter 开发者体验产品经理*
 
 我们很高兴正式推出 Flutter 最新稳定版: Flutter 1.12。自从去年 12 月发布 Flutter 1.0 以来，这已经是我们发布的第 5 个稳定版本了。多么精彩的一年！我们一共解决了 5,303 个报错，合并了来自 484 位贡献者的 5,950 份 pull request。我们在 Flutter 引擎和框架中添加了对 Android App Bundles、iOS 13 和 web 的支持，实现了鼠标与键盘事件，发布了应用内购插件，融合了[多项](https://github.com/flutter/engine/pull/12385)[重要](https://github.com/flutter/flutter/pull/36482)的[性能](https://github.com/flutter/engine/pull/10182)[改进](https://github.com/flutter/flutter/pull/37275)，还新增了 24 种语言支持和多个 widget。
@@ -164,7 +166,7 @@ Golden 图像指的是一个主图像文件，它是 widget、state、应用或
 
 拥有这样一群了不起的开发者，真是 Flutter 社区的一大幸事。您们让全体 Flutter 团队成员深感骄傲！
 
-<iframe src="//player.bilibili.com/player.html?aid=86761188&cid=148257761&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="560" height="315"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=86761188&cid=148257761&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 **Flutter Favorite 代码包**
 

src/posts/announcing-flutter-1-7-9.md

@@ -3,6 +3,8 @@ title: Flutter 1.7 版正式发布
 toc: true
 ---
 
+{% include docs/bili_shims.liquid %}
+
 文 / Tim Sneath，谷歌 Dart & Flutter 产品组产品经理
 
 今天，我们非常高兴地向大家宣布又一个正式版本的发布 —— Flutter 1.7，这是继上次 I/O 时众多重要功能发布以来的一次小更新。Flutter 1.7 包含了对 AndroidX 的支持，满足了 Play 商店近期对应用提出的要求，包含了一些新的和增强过的组件，修复了开发者们提出的 bug 等。
@@ -80,7 +82,7 @@ RangeSlider widget 支持连续或者分散的效果
 
 之前我们提到过 [Reflectly](https://www.forbes.com/sites/heatherfarmbrough/2018/05/01/reflectly-wants-to-be-an-adidas-of-the-mind/#572291294204)，它是一个丹麦的公司，他们在 iOS 和 Android 平台开发了非常有吸引力的应用程序。他们的应用程序被美国 iPhone 应用商店评为当日最佳应用。这也证明了 Flutter 的真正潜力远远超过实现体验流畅的应用（同时可以帮助开发者获得成功）。
 
-<iframe src="//player.bilibili.com/player.html?aid=56686514&cid=99031924&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="560" height="315"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=56686514&cid=99031924&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 在柏林的 [WeAreDevelopers](https://events.wearedevelopers.com/) 大会中，[BMW 发布了他们基于 Flutter 的应用](https://youtu.be/80pRyn7fZRk?t=1234)，目前已经在开发中。下面这段描述来自 Guy Duncan，他是 BMW 集团互联公司的 CTO：
 

src/posts/announcing-the-flutter-casual-games-toolkit.md

@@ -7,6 +7,8 @@ image:
  path: https://devrel.andfun.cn/devrel/posts/2022/05/dSsVED.png
 ---
 
+{% include docs/bili_shims.liquid %}
+
 ![](https://devrel.andfun.cn/devrel/posts/2022/05/dSsVED.png)
 
 *作者 / Zoey Fan, Product Manager for Flutter, Google*
@@ -36,7 +38,7 @@ image:
 
 ## **视频教程**
 
-如果想要上手开发游戏，请查看我们准备的关于如何使用游戏模板的 [视频教程](https://www.bilibili.com/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 的游戏开发日志")。
+如果想要上手开发游戏，请查看我们准备的关于如何使用游戏模板的 [视频教程]({{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 的游戏开发日志")。
 
 ## 预集成的服务
 

src/posts/dev-story-beike-use-flutter-service-300-million-users.md

@@ -3,7 +3,9 @@ title: 贝壳找房携手 Flutter，为三亿家庭提供更好的居住服务 
 toc: true
 ---
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=374785860&bvid=BV1oZ4y1w7xu&cid=314283572&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+{% include docs/bili_shims.liquid %}
+
+<iframe width="560" height="315" src="{{bili-embed}}?aid=374785860&bvid=BV1oZ4y1w7xu&cid=314283572&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 贝壳找房是科技驱动的新居住服务平台，致力于在二手房、新房、租房以及装修等居住领域为三亿家庭提供全方位的品质居住服务。如此庞大的用户群体，自然也有着十分多样和复杂的使用场景和需求。以往使用原生开发模式时没有碰到过的问题，也在业务迅速增长后逐渐暴露出来。
 

src/posts/flutter-bytedance-dev-story.md

@@ -7,9 +7,11 @@ image:
  path: https://devrel.andfun.cn/devrel/posts/2022/05/3o1bOf.png
 ---
 
+{% include docs/bili_shims.liquid %}
+
 字节跳动旗下运营着一系列成功的用户产品、企业应用以及服务，覆盖信息、教育、娱乐等不同领域。随着产品阵容的不断发展，传统的原生双平台开发已经难以满足团队更高效、更灵活、更精美，以及更多样的产品研发需求。Google 首次发布 Flutter 的时候，团队就果断决定用手上的 iOS 和 Android 应用来测试其跨平台开发能力，而 Flutter 也用不逊于原生框架的性能表现和极高的生产力迅速征服了团队成员们的心。
 
-<iframe src="//player.bilibili.com/player.html?aid=596724784&bvid=BV1xB4y197Tc&cid=722160670&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="690" height="480"> </iframe>
+<iframe width="690" height="480" src="{{bili-embed}}?aid=596724784&bvid=BV1xB4y197Tc&cid=722160670&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 
 > Flutter 拥有令人难以置信的超高效率，与原生双端开发相比，Flutter 为我们的团队节省了大约 1/3 的开发时间。

src/posts/flutter-engage-china-developers-qa-part-2.md

@@ -3,6 +3,8 @@ title: Flutter Engage China 开发者常见问题解答 — 下篇
 toc: true
 ---
 
+{% include docs/bili_shims.liquid %}
+
 ![](https://devrel.andfun.cn/devrel/posts/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 视频回顾精彩内容:
@@ -50,7 +52,7 @@ toc: true
 
 如果前两步都没有发现问题的话，可以使用我分享的分帧渲染的思路，也可以减少 UI 和 Raster 线程的绘制耗时。
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=247451014&bvid=BV1wv411h7Ni&cid=318242333&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=247451014&bvid=BV1wv411h7Ni&cid=318242333&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 回到引擎层面上，UC 这边做的一些优化也会以 PR 的形式回馈到社区，大家可以关注我们的进展。
 

src/posts/flutter-engage-china-event-recap.md

@@ -3,6 +3,8 @@ title: 精彩回顾 — Flutter Engage China 视频合集
 toc: true
 ---
 
+{% include docs/bili_shims.liquid %}
+
 ![](https://devrel.andfun.cn/devrel/posts/2021/04/fada6502a2c26.png)
 
 在上周的 Flutter Engage China 活动中，Google Flutter 团队和来自国内的开发者们共同探讨和交流 Flutter 的最新更新、实践和未来的发展。虽然只能通过线上交流，但是在活动中嘉宾们的精彩分享和讨论也吸引了众多 Flutter 开发者互动交流，畅谈创新和合作。为了帮助更多开发者们更顺利地进行开发工作，我们将公开活动中嘉宾们分享的内容，并带您回顾精彩亮点，希望能对您有所帮助。
@@ -11,37 +13,37 @@ toc: true
 
 ### **Flutter 2 更新介绍**
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=799947271&bvid=BV1ky4y1b7Uw&cid=318228906&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=799947271&bvid=BV1ky4y1b7Uw&cid=318228906&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 [Flutter 2](https://flutter.cn/posts/announcing-flutter-2) 的发布带来了许多振奋人心的内容。视频中，Google Flutter 团队的产品经理樊舟颖 (Zoey) 和我们一起回顾了发布的重点更新，包括 Flutter 2 和 Dart 2.12 中的新增功能，以及 Flutter 开发者是如何使用 Flutter 的。
 
 ### **使用多个轻型引擎**
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=929917417&bvid=BV1PK4y1m7Xq&cid=318238224&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=929917417&bvid=BV1PK4y1m7Xq&cid=318238224&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 Google Flutter 移动端团队负责人于潇介绍了如何使用 Flutter 2 里的新 API 来创造多个实例的 Flutter 引擎。使用多个 Flutter 引擎可以帮助使用混合栈的 Flutter 代码保持封装性。也可以用来实现低内存消耗的多卡片 Flutter 界面。
 
 ### **解析混合集成 PlatformViews**
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=289929869&bvid=BV1of4y1x7yP&cid=318240613&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=289929869&bvid=BV1of4y1x7yP&cid=318240613&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 混合集成 PlatformViews 帮助了 Flutter 实现嵌入 Android 和 iOS UI。很多非常流行的 Plugins 都使用了混合集成 PlatformViews，比如 google_maps_flutter, webview_flutter，以及最近刚进入测试阶段的 google_mobile_ads。Google Flutter 团队的软件工程师杨天航 (Chris) 在视频中介绍了解析混合集成 PlatformViews 在引擎层的实现方法。请点击下方视频链接了解更多详细信息。
 
 ### **UC Flutter 基础建设深度优化**
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=247451014&bvid=BV1wv411h7Ni&cid=318242333&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=247451014&bvid=BV1wv411h7Ni&cid=318242333&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 随着阿里巴巴集团的 Flutter 应用体量越来越大，业务面临的体验和性能问题也越来越复杂。来自阿里巴巴 UC 客户端研发团队的刘森森分享了 UC 团队在 Flutter 实践中遇到的痛点问题，以及在引擎层和应用层的实际解决方案。请点击下方视频链接了解更多详细信息。
 
 ### **字节跳动 Flutter 业务大规模落地及技术演进**
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=417458713&bvid=BV1yV411n7jz&cid=318243424&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=417458713&bvid=BV1yV411n7jz&cid=318243424&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 来自字节跳动的 Flutter 技术负责人袁辉辉在视频中介绍了 Flutter 业务的大规模落地 (字节跳动已有超过 60 个 App 选择使用 Flutter)，以及 ByteFlutter 的技术演进和在嵌入式设备的应用。同时，袁辉辉也分享了字节跳动在技术开源和生态共建的后续规划和思考。请点击下方视频链接了解更多详细信息。
 
 ### **Flutter 社区开发者分享**
 
-<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=204905442&bvid=BV1hh411D7mV&cid=318244827&page=1&autoplay=false" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
+<iframe width="560" height="315" src="{{bili-embed}}?aid=204905442&bvid=BV1hh411D7mV&cid=318244827&page=1&autoplay=false" {{bili-set-short}}> </iframe>
 
 Google Flutter 团队产品经理 Zoey 邀请了三位来自 Flutter 社区的开发者刘彦博 (Flutter GDE)、王鑫磊、李承峻 (Alex) 进行圆桌讨论，分享 Flutter 的开发经验和对社区建设的思考。请点击下方视频链接了解更多详细信息。