在讲CDN之前,先跟初使用CodePen的朋朋们告知一下,CodePen的 html栏位是不需要再加入 像是, , 标籤。因为这个栏位意义上来说就是html 里面的 body,不然就很像你在 里面又写一个。
正文: CodePen设定介绍与导入CDN
CodePen里面的工具栏位的[seting],或是写code栏位旁边会有齿轮图案的icon,都可以点进去
如图:
点进去后,在Html页面下面那一栏可以贴放在head的东西,例如googlefont连结,你自己的css等。
如果点进css 或是javascript那一页,滑到下面,有用来贴上网址的区域,举bootstrap cdn 为例,我在那两页贴上css cdn 与 javascript cdn
css cdn
javascript cdn
好了之后在bootstrap官方文件找元件贴上测试,有显示样式代表成功
範例
以上希望能帮到你