Update: bilibili video links

Author: AmosHuKe

_config.yml

@@ -63,6 +63,14 @@ yt:
   embed: 'https://www.youtube.com/embed'
   playlist: 'https://www.youtube.com/playlist?list='
 
+## flutter.cn bilibili
+
+bili:
+  set: 'frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen loading="lazy"'
+  set-short: 'frameborder="0" allowfullscreen loading="lazy"'
+  video: 'https://www.bilibili.com/video'
+  embed: '//player.bilibili.com/player.html'
+
 ## Software minimum versions
 
 appmin:

src/_includes/docs/bili_shims.liquid

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

src/about/index.md

@@ -6,8 +6,6 @@ description: >-
   Codelabs 是一种引导式的动手编码教程体验，帮助你更好地掌握 Flutter 编程技巧
 ---
 
-{% include docs/bili_shims.liquid %}
-
 The Flutter codelabs provide a guided,
 hands-on coding experience. Some codelabs
 run in DartPad—no downloads required!
@@ -228,7 +226,7 @@ like layout and animations:
 [Adaptive Apps in Flutter]: {{site.codelabs}}/codelabs/flutter-adaptive-app
 [animations]: {{site.pub}}/packages/animations
 [Building Beautiful Transitions with Material Motion for Flutter]: {{site.codelabs}}/codelabs/material-motion-flutter
-[Building scrolling experiences in Flutter]: {{bili-video}}/BV11f4y187gV/
+[Building scrolling experiences in Flutter]: {{site.bili.video}}/BV11f4y187gV/
 [How to debug layout issues with the Flutter Inspector]: {{site.flutter-medium}}/how-to-debug-layout-issues-with-the-flutter-inspector-87460a7b9db
 [Implicit animations]: {{site.url}}/codelabs/implicit-animations
 [MDC-101 Flutter: Material Components (MDC) Basics]: {{site.codelabs}}/codelabs/mdc-101-flutter
@@ -416,7 +414,7 @@ Learn how to use Flutter with other technologies.
 [Adding Google Maps to a Flutter app]: {{site.codelabs}}/codelabs/google-maps-in-flutter
 [Adding WebView to your Flutter app]: {{site.codelabs}}/codelabs/flutter-webview
 [Build voice bots for Android with Dialogflow and Flutter]: {{site.codelabs}}/codelabs/dialogflow-flutter
-[Build voice bots for mobile with Dialogflow and Flutter]: {{bili-video}}/BV1pX4y1A7SH/
+[Build voice bots for mobile with Dialogflow and Flutter]: {{site.bili.video}}/BV1pX4y1A7SH/
 [Introduction to Flame with Flutter]: {{site.codelabs}}/codelabs/flutter-flame-brick-breaker
 [Using FFI in a Flutter plugin]: {{site.codelabs}}/codelabs/flutter-ffigen
 [Create haikus about Google products with the PaLM API and Flutter]: {{site.codelabs}}/haiku-generator

src/codelabs/index.md

@@ -3,16 +3,14 @@ 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="{{bili-embed}}?aid=62886932&bvid=BV1Gt411K7JD&cid=327927635&page=1&autoplay=false" {{bili-set-short}}> </iframe>
+<iframe width="560" height="315" src="{{site.bili.embed}}?aid=62886932&bvid=BV1Gt411K7JD&cid=327927635&page=1&autoplay=false" {{site.bili.set-short}}> </iframe>
 
 要在 Flutter 中高效地使用 MobX ，需要遵循以下原则：
 

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

@@ -10,8 +10,6 @@ js:
     url: https://dartpad.cn/inject_embed.dart.js
 ---
 
-{% include docs/bili_shims.liquid %}
-
 <?code-excerpt path-base="cookbook/design/themes"?>
 
 {{site.alert.note}}

src/cookbook/design/themes.md

@@ -7,8 +7,6 @@ tags: Firebase,Firestore,数据调用和后端
 keywords: 使用Firebase服务
 ---
 
-{% include docs/bili_shims.liquid %}
-
 ## Introduction
 
 Firebase is a Backend-as-a-Service (BaaS) app development platform
@@ -107,8 +105,8 @@ Flutter 社区创建了以下实用的资源。
 [codelab1]: {{site.codelabs}}/codelabs/firebase-get-to-know-flutter
 [Firebase plugins]: {{site.firebase}}/docs/flutter/setup#available-plugins
 [started]: {{site.firebase}}/docs/flutter/setup
-[video]: {{bili-video}}/BV184411575K/
+[video]: {{site.bili.video}}/BV184411575K/
 [video2]: {{site.yt.watch}}/OlcYP6UXlm8
 [video3]: {{site.yt.watch}}/u_Lyx8KJWpg
 [video4]: {{site.yt.watch}}/13-jNF984C0
-[workshop]: {{bili-video}}/BV14b4y1o7Wn/
+[workshop]: {{site.bili.video}}/BV14b4y1o7Wn/

src/data-and-backend/firebase.md

@@ -11,8 +11,6 @@ prev:
   path: /docs/data-and-backend/state-mgmt/simple
 ---
 
-{% include docs/bili_shims.liquid %}
-
 State management is a complex topic.
 If you feel that some of your questions haven't been answered,
 or that the approach described on these pages
@@ -125,7 +123,7 @@ use `InheritedWidget`:
 
 以下讲师指导的视频 workshop 介绍了如何使用 `InheritedWidget`：
 
-<iframe width="560" height="315" src="{{bili-embed}}?aid=248744553&bvid=BV1Wv411W7yF&cid=354736130&page=1&autoplay=false" title="如何使用 inherited widget 管理应用状态" {{bili-set}}></iframe>
+<iframe width="560" height="315" src="{{site.bili.embed}}?aid=248744553&bvid=BV1Wv411W7yF&cid=354736130&page=1&autoplay=false" title="如何使用 inherited widget 管理应用状态" {{site.bili.set}}></iframe>
 
 Other useful docs include:
 
@@ -350,7 +348,7 @@ A popular library based on observables and reactions.
 
   [Flutter：使用 MobX 进行状态管理 (Flutter: State Management with Mobx)][Flutter: State Management with Mobx]
 
-[Flutter: State Management with Mobx]: {{bili-video}}/BV1Gt411K7JD/
+[Flutter: State Management with Mobx]: {{site.bili.video}}/BV1Gt411K7JD/
 [Getting started with MobX.dart]: https://mobx.netlify.com/getting-started
 [MobX.dart, Hassle free state-management for your Dart and Flutter apps]: {{site.github}}/mobxjs/mobx.dart
 

src/data-and-backend/state-mgmt/options.md

@@ -9,8 +9,6 @@ tags: Flutter中文文档
 keywords: Flutter文档,Flutter汉语文档,Flutter开发导航
 ---
 
-{% include docs/bili_shims.liquid %}
-
 {% for card in site.data.docs_cards -%}
   {% capture index0Modulo3 -%}{{ forloop.index0 | modulo:3 }}{% endcapture -%}
   {% capture indexModulo3 -%}{{ forloop.index | modulo:3 }}{% endcapture -%}
@@ -128,20 +126,20 @@ widgets in [What is State?][]
 <div class="card-deck card-deck--responsive">
     <div class="video-card">
         <div class="card-body">
-            <iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{bili-embed}}?aid=557525809&bvid=BV1Se4y1Z74p&cid=818071255&page=1&autoplay=false" title="构建第一个 Flutter 应用"  {{bili-set}}></iframe> 
+            <iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{site.bili.embed}}?aid=557525809&bvid=BV1Se4y1Z74p&cid=818071255&page=1&autoplay=false" title="构建第一个 Flutter 应用"  {{site.bili.set}}></iframe> 
         </div>
     </div>
     <div class="video-card">
         <div class="card-body">
-            <iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{bili-embed}}?aid=815087524&bvid=BV14G4y167Tu&cid=818431224&page=1&autoplay=false" title="什么是状态？" {{bili-set}}></iframe> 
+            <iframe style="max-width: 100%; width: 100%; height: 230px;" src="{{site.bili.embed}}?aid=815087524&bvid=BV14G4y167Tu&cid=818431224&page=1&autoplay=false" title="什么是状态？" {{site.bili.set}}></iframe> 
         </div>
     </div>
 </div>
 
 [first-app]: {{site.yt.watch}}?v=xWV71C2kp38
 [What is State?]: {{site.yt.watch}}?v=QlwiL_yLh6E
-[构建第一个 Flutter 应用]: {{bili-video}}/BV1Se4y1Z74p
-[什么是状态]: {{bili-video}}/BV14G4y167Tu
+[构建第一个 Flutter 应用]: {{site.bili.video}}/BV1Se4y1Z74p
+[什么是状态]: {{site.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/index.md

@@ -7,8 +7,6 @@ tags: Packages,插件
 keywords: 使用packages,Flutter第三方库
 ---
 
-{% include docs/bili_shims.liquid %}
-
 <?code-excerpt path-base="development/plugin_api_migration"?>
 
 Flutter supports using shared packages contributed by other developers
@@ -63,7 +61,7 @@ Flutter 支持使用其他开发者向 Flutter 和 Dart 生态系统贡献的共
     或其任意组合的平台编写。
     比如：某个插件可以为 Flutter 应用提供使用原生平台的摄像头的功能。
 
-  <iframe width="560" height="315" src="{{bili-embed}}?bvid=BV1dY4y1r7xD&page=1&autoplay=false" title="了解 package 和 plugin 的区别" {{bili-set}}></iframe>
+  <iframe width="560" height="315" src="{{site.bili.embed}}?bvid=BV1dY4y1r7xD&page=1&autoplay=false" title="了解 package 和 plugin 的区别" {{site.bili.set}}></iframe>
 
 {{site.alert.end}}
 

src/packages-and-plugins/using-packages.md

@@ -7,8 +7,6 @@ description: How to ensure that your Flutter app is performant.
 description: 确保 Flutter 应用的性能。
 ---
 
-{% include docs/bili_shims.liquid %}
-
 {% include docs/performance.md %}
 
 Generally, Flutter applications are performant by default,
@@ -645,7 +643,7 @@ check out the video [Why 60fps?][]
 请看视频 [60fps 是啥意思？][Why 60fps?]
 
 [profile mode]: {{site.url}}/testing/build-modes#profile
-[Why 60fps?]: {{bili-video}}/BV1b441157sA/
+[Why 60fps?]: {{site.bili.video}}/BV1b441157sA/
 
 ## Pitfalls
 

src/perf/best-practices.md

@@ -7,13 +7,11 @@ tags: Flutter性能
 keywords: 性能评估,包体积,内存占用
 ---
 
-{% include docs/bili_shims.liquid %}
-
-<iframe width="560" height="315" src="{{bili-embed}}?aid=243695231&bvid=BV1zv411B7gY&cid=207457008&page=1&autoplay=false" title="了解提高 Flutter 性能的技巧" {{bili-set}}></iframe>
+<iframe width="560" height="315" src="{{site.bili.embed}}?aid=243695231&bvid=BV1zv411B7gY&cid=207457008&page=1&autoplay=false" title="了解提高 Flutter 性能的技巧" {{site.bili.set}}></iframe>
 
 [Flutter performance basics]({{site.yt.watch}}?v=PKGguGUwSYE)
 
-[Flutter 性能入门]({{bili-video}}/BV1zv411B7gY/)
+[Flutter 性能入门]({{site.bili.video}}/BV1zv411B7gY/)
 
 {{site.alert.note}}
 

src/perf/index.md

@@ -9,8 +9,6 @@ tags: Flutter性能
 keywords: 性能分析,性能调试工具,开发者工具,60fps,120fps,profile mode
 ---
 
-{% include docs/bili_shims.liquid %}
-
 {% include docs/performance.md %}
 
 {{site.alert.secondary}}
@@ -807,5 +805,5 @@ Flutter's tools and debugging in Flutter:
 [Flutter inspector]: {{site.url}}/tools/devtools/inspector
 [Flutter inspector talk]: {{site.yt.watch}}?v=JIcmJNT9DNI
 [`PerformanceOverlay`]: {{site.api}}/flutter/widgets/PerformanceOverlay-class.html
-[video]: {{bili-video}}/BV1t54y1m7Qr/
+[video]: {{site.bili.video}}/BV1t54y1m7Qr/
 [Why Flutter Uses Dart]: https://hackernoon.com/why-flutter-uses-dart-dd635a054ebf

src/perf/ui-performance.md

@@ -7,8 +7,6 @@ tags: Web平台
 keywords: Flutter web, web跨端
 ---
 
-{% include docs/bili_shims.liquid %}
-
 Flutter's web support delivers the same experiences on the web as on mobile.
 Building on the portability of Dart, the power of the web platform and the
 flexibility of the Flutter framework, you can now build apps for iOS, Android,
@@ -73,7 +71,7 @@ experiences into these websites.
 For a glimpse into how to migrate your mobile app to web, see
 the following video:
 
-<iframe width="560" height="315" src="{{bili-embed}}?aid=246950294&bvid=BV1Jv411h7x6&cid=305745348&page=1&autoplay=false" title="了解如何使用 Flutter 从移动应用转向 Web 应用" {{bili-set}}></iframe>
+<iframe width="560" height="315" src="{{site.bili.embed}}?aid=246950294&bvid=BV1Jv411h7x6&cid=305745348&page=1&autoplay=false" title="了解如何使用 Flutter 从移动应用转向 Web 应用" {{site.bili.set}}></iframe>
 
 <a id="web"></a>
 

src/platform-integration/web/index.md

@@ -3,8 +3,6 @@ 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 操作系统支持桌面级应用的第一步。
@@ -86,6 +84,6 @@ Smart Display 操作系统或许是 Flutter 目前已运行的最常见嵌入式
 
 我们在此宣布获胜者，你可前往 flutter.dev/create 查看获胜名单。祝贺总冠军 Zebiao Hu，其将荣获价值超过 1 万美元的全加载式 iMac Pro！
 
-<iframe src="{{bili-embed}}?aid=52416421&page=1&autoplay=false" {{bili-set}}></iframe>
+<iframe src="{{site.bili.embed}}?aid=52416421&page=1&autoplay=false" {{site.bili.set}}></iframe>
 
 Flutter 不再只是一个移动框架，更是一个多平台框架，可帮助你触及任何地方的用户。我们迫不及待地看到你利用 Flutter 在 Web、桌面、移动及其他平台上构建的内容！

src/posts/Flutter-io19.md

@@ -3,15 +3,13 @@ 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="{{bili-embed}}?aid=415467484&bvid=BV1GV411Y7sW&cid=262014735&page=1&autoplay=false" {{bili-set-short}}> </iframe>
+<iframe width="560" height="315" src="{{site.bili.embed}}?aid=415467484&bvid=BV1GV411Y7sW&cid=262014735&page=1&autoplay=false" {{site.bili.set-short}}> </iframe>
 
 ## **Dart 平台的独特功能**
 

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

@@ -3,8 +3,6 @@ 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。
@@ -166,7 +164,7 @@ Golden 图像指的是一个主图像文件，它是 widget、state、应用或
 
 拥有这样一群了不起的开发者，真是 Flutter 社区的一大幸事。你们让全体 Flutter 团队成员深感骄傲！
 
-<iframe width="560" height="315" src="{{bili-embed}}?aid=86761188&cid=148257761&page=1&autoplay=false" {{bili-set-short}}> </iframe>
+<iframe width="560" height="315" src="{{site.bili.embed}}?aid=86761188&cid=148257761&page=1&autoplay=false" {{site.bili.set-short}}> </iframe>
 
 **Flutter Favorite 代码包**
 

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

@@ -3,8 +3,6 @@ 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 等。
@@ -82,7 +80,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 width="560" height="315" src="{{bili-embed}}?aid=56686514&cid=99031924&page=1&autoplay=false" {{bili-set-short}}> </iframe>
+<iframe width="560" height="315" src="{{site.bili.embed}}?aid=56686514&cid=99031924&page=1&autoplay=false" {{site.bili.set-short}}> </iframe>
 
 在柏林的  [WeAreDevelopers](https://events.wearedevelopers.com/) 大会中，[BMW 发布了他们基于 Flutter 的应用](https://youtu.be/80pRyn7fZRk?t=1234)，目前已经在开发中。下面这段描述来自 Guy Duncan，他是 BMW 集团互联公司的 CTO：
 

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

@@ -7,8 +7,6 @@ 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*
@@ -38,7 +36,7 @@ image:
 
 ## **视频教程**
 
-如果想要上手开发游戏，请查看我们准备的关于如何使用游戏模板的 [视频教程]({{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 在开发这款游戏时经历的所有细节，欢迎阅读他的 [游戏开发日志](https://files.flutter-io.cn/posts/flutter-cn/2022/announcing-the-flutter-casual-games-toolkit/flutter-game-sample-devlog/ "Filip 的游戏开发日志")。
 
 ## 预集成的服务