了解拓展积木模板

从先前的文档中得知什么是 Google Blockly 设计器，那我们就先从模仿一个通用的模板开始吧。

请先了解一下这个webduino-blockly-template示例项目，并下载获得。

拓展积木的基本构成

先认识一下模板目录文件，如下一系列表格，稍后会详细介绍。

webduino-blockly-template

webduino-blockly-template\blockly

webduino-blockly-template\blockly\msg

webduino-blockly-template\blockly\msg\blocks

webduino-blockly-template\demos

这些基本的定义是便于修改模板积木过程中查阅其确切定义。

拓展积木的使用方法

如果是托管在 Github 上的积木，可以根据拓展积木的使用说明 可知插件地址外链类似这样：https://bpi-steam.com/webduino-blockly-template/blockly.json 的地址，又或者是这样 https://junhuanchen.github.io/webduino-module-itpk-robot/blockly.json 的地址，请确保在访问的时候，使用 https 访问且内容类似下图的 JSON 效果。

拓展积木的模板创建

请尝试使用该项目进行操作，如图点击绿色按钮（Use this template），这将 fork 到你的项目中，此时。

将它配置到你的积木名称和描述，可以随意。

类似这样的效果，注意上述所述的使用方法。

上图的积木插件地址应为：https://junhuanchen.github.io/webduino-blockly-telecar/blockly.json ，而模板插件地址则是 https://bpi-steam.com/webduino-blockly-template/blockly.json ，记得在 readme 里修改对应提供的地址，将插件托管到 Github 的方法请继续往下看。

拓展积木的托管配置

一般来说，我们会将积木托管在 Github 上，这样就不需要自己额外提供一个网络空间了，所以当我们 fork 项目的时候，会发现创建的模板项目，无法直接使用类似上述的插件外链使用，所以这时候需要你设置 Github Pages 的 Source，如下描述，这是因为它需要转换为该链接，以个人的 Github 为例，如下图是没有设置的情况。

选择了 Source 的 master branch 分支。

此时将会产生 Github 的外链，这就是在 Github 上提供积木的地址，积木地址务必提供 https 访问，防止被跳转回 http 。

使用这个刚生成的地址 https://junhuanchen.github.io/webduino-blockly-template/blockly.json ，在积木载入中确认一遍。

注意 fork 的 readme 的内容并没有改变，所以发布的时候，别忘了修改积木地址。

现在，你通过 fork 就已经学会了如何创建一个动态积木，那接下来就从修改一个示例模板开始写积木吧。

欲读懂内部工作机制，请学习HTML5和ECMAScript 6。