前言虽然 Cocos 的官方文档对动画系统做了较详细的介绍，但是对于刚接触的同学（比如我）来说还是不太友好。尽管如此，我就按文档加社区帖子一起实践了一下。为了方便忘记后能快速捡起，所以就用我的方式结合使用场景，简单介绍一下 Cocos Creator 动画添加的三种方式。 属性动画这个是 Cocos Creator 动画系统自带的一种对节点进行标准位移、旋转、缩放动画操作。可以用来制作一些按钮加亮，引导之类的业务型动画。 创建节点并挂载 “Animation” 组件添加组件 > 其他组件 > Animation，然后打开动画编辑器，再点击 “新建 Clip 文件”，保存后放在 “assets” 下 “animations”，后缀为.anim 的文件。 动画编辑进入编辑后，找到属性列表，点击 “Add Property”，选择列表的 “position，width，coclor” 等属性，点击右侧菜单按钮，可以插入关键帧，删除关键帧，清空关键帧等，添加一帧就可以在属性检查器对应节点的属性进行调节。 挂载动画剪辑将已经编辑好的动画剪辑文件 (.anim 后缀)，拖入到节点 ...

前言不知道你刚开始玩碰撞时，会不会遇到始终无法触发碰撞事件？玩物理系统时，自由落体的刚体会穿过 “地面” 刚体等情况？没错我全都遇到过，那么下面我就用红蓝色方块，简单实战一下 Cocos Creator 的碰撞与物理系统。 场景创建场景很简单，一个白色背景，两个红蓝色玩家，和一个绿色大草地。创建的方式也很简单，全部采用 Sprite 单色。节点创建层级管理器 ->Canvas 右键 -> 创建节点 -> 创建渲染节点 ->Sprite（单色）。 颜色填充在属性检查器，找到 Node 下的 Color，选择色盘里的一颜色即可。分组由于物理和碰撞中都要用到，这里就提前给两个玩家和绿草地创建分组并分配好。在属性检查器的 Node 中，找到 Group 点击编辑再添加，如下图。 碰撞匹对将三个分组进行碰撞的匹对，一定要勾选这个，不然后面测试碰撞无法触发回调，而是直接穿过另一个物体。 碰撞系统测试碰撞组件添加碰撞组件有三种，Box（盒状）、Circle（圆形）、Polygon（多边形），可以根据不同的物体形状选择对应组件类型，比如像赛车的就可以选盒状，合成西瓜的那种就可以 ...

前言很多平台都能写博客还有创作激励，为什么我又要搭一个？为什么这次要选择用Hexo框架？ 对应的原因是流量自由和省钱，第一个，很多平台能写但不是都有收益，而且平台有自身的规则，比如会屏蔽一些推广类信息。如果我哪天做了一产品，是没办法直接用平台博客的方式硬推的，至少放码和链接不行。第二个用Hexo搭到GitHub上，我可以不用买服务器，毕竟现在也还没有想法要做一个什么样的东西。 总之，有个独立博客，相比平台博客在内容约束上更自由。有想法了就发出来，做了游戏什么的就放出来，md的文章以后要存储备份可以转word，更方便在副业的路上轻装探索。 Hexo介绍Hexo是一款基于Node.js的开源静态博客框架，用于快速、简单且高效地搭建个人或团队的静态博客网站。说白了他是一个静态网站生成器，我们新增文章只需要编辑md文件，通过运行命令再生成像html的静态文件。其实我挺早听过Hexo，但一直没用，直到我cms搭的博客别人挂马后。我关闭网站全面使用平台博客，但经种种原因，我又萌生了建独立博客的想法，并且这次打算走长期路线，第一步先记录上次Hexo搭建过程仅供参考。 流程 本地构建Hexo 配置 ...

前言通过前面两个步骤，完成了静态博客从搭建到基本功能添加和界面优化。那么，这次就要介绍一下搭在GitHub上的静态博客如何运营推广。也就是如何让网站被各大搜索引擎收录？如何提高网站权重，提高收录量？ 网站收录平台选择站长相关的平台有：某度站长工具、360站长平台、搜狗资源平台、必应网站管理员工具、谷歌站长工具等。列出的五个平台，可以按自身情况提交，提交方法也大同小异，以下以某度为例。 添加网站添加某度、360、某狗等引擎收录，进入某度的站长工具，点击添加网站。流程就三步，输入网站，设置站点属性，最后验证网站。而验证网站又有三种方式，分别是文件验证、HTML标签验证、CNAME验证，我这里选择文件验证。 选择文件验证后，下载baidu_verify_xxxx.html文件，然后将该文件放入theme/主题包名/source/根目录下。重新编译生成静态文件，而验证文件会被原封不动地复制到编译后博客根目录地public下，最后部署就完成验证了。 链接提交进入站长工具的 “普通收录”，这里我们可以向搜索引擎主动提交网站的链接地址。其中提交的方式有三种，分别是A ...

前言上次介绍了使用Hexo+GitHub Pages，零成本搭建一个专属自己的独立博客网站。我觉得那篇文章是没有入门门槛的，不管你是什么行业，只要想打造个人IP，又不太想受博客平台约束，那么读完后动手操作一下也能轻松完成。而这次呢，上篇也说了Hexo会出三篇内容，这里就要在前者基础上做进一步升级，将完成下面七个主要的博客常用功能。 指标 Hexo如何安装Butterfly主题并配置？ Hexo如何创建页面和添加文章？ Hexo如何添加第三方评论系统？ Butterfly主题如何添加站内搜索？ Butterfly主题如何添加百度统计？ Butterfly主题如何添加文章置顶功能？ Butterfly主题如何配置RSS和404页面？ 如何配合Typora完成md的同步与本地备份？ 主题添加与配置Hexo官网专门有一个栏目的主题列表，这里我选的 “butterfly”，首先拉取主题代码到themes目录下，然后在Hexo的配置中启动主题。 拉取主题包1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly. ...

前言虽然我是做后端的，但也时常关注前端，只是最近觉得前端的各种工具名称太眼花缭乱了，nvm、yarn、pnpm、taro…… 不要说具体使用，就连他们到底是工具还是新框架我都搞混。所以，我就用一篇文章简要记录他们到底是什么，怎么区别以及简易的搭建过程。 nvmnvm（Node Version Manager），顾名思义，他是Node.js的版本管理工具。主要用来在单个操作系统下安装或管理多版本Node，常用于解决项目中不同版本依赖问题。 下载github搜作者coreybutler，项目nvm-windows。 安装安装前如果电脑已经有了Node.js，最好卸载以防后面冲突。然后点击exe文件下一步下一步完成后，nvm会自动在电脑的用户变量中添加NVM_HOME和NVM_SYMLINK，最后cmd输入nvm -v，显示nvm版本号表示已经成功。 使用1234nvm install 6.2.0 安装指定版本nvm uninstall 6.2.0 卸载指定版本nvm list 查看安装列表nvm use 6.2.0 使用指定版本 pnpmpnpm（Perf ...