关于在codepen环境下做完freecodecamp项目后用CDN链接测试

我在codepen下做完了项目，但是不知道怎么使用CDN链接操作测试环节，然后就有了这个笔记。

首先我自己琢磨了几个小时，阅读官方提供的https://codepen.io/freeCodeCamp/pen/zNqgVx致敬页源码codepen的编辑界面，发现官方给的致敬页js界面有“（Babel）”字样，然后在谷歌查找了关于codepen链接js文件的结果，机缘巧合下发现了一个大佬介绍codepen的css、html和js控制版面的帖子https://www.zhangxinxu.com/wordpress/2012/07/codepen-jsfiddle/。

然后我就结合以上两者的情况用自己的项目尝试了一下：打开codepen点击settings

在这个界面下点击JS-在下拉框选择Bable-把项目要求中的CDN链接https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js复制到如下图的框里 点击save&closed

看到预览界面有显示测试框就可以了

测试框我做的是致敬页，下拉框也是选择“Tribute Page”然后点击“Run test”就可以看到结果。

ps:我的项目只完成了6个要求。还要继续努力!

以上就是在codepen环境下项目做完后的测试操作环节，在链接的这个过程接触到js的 部分知识，也算收获满满。
感谢以上讲解codepen使用界面的帖子，给我一定的灵感。