自定义代码

点击顶部工具栏右侧的“自定义代码”按钮，打开自定义代码编辑面板。

自定义代码编辑面板中包含了三类代码的编辑，分别是“自定义CSS”、“自定义JS”以及“导入外部文件”。

自定义CSS

支持输入 CSS 代码，暂不支持类似 Less 或 Sass。输入后可直接在编辑器中预览效果。

.text {
  color: blue;
}

自定义JS

支持输入 JS 代码，暂不支持在编辑器中预览效果，可预览页面进行效果预览。

const customFn = () => {
  console.log('Hello world!');
}
customFn();

导入外部文件

可直接导入CSS或JS文件，文件将在body内导入。暂不支持在编辑器中预览效果，可预览页面进行效果预览。

// 导入 css 文件
<link rel="stylesheet" href="https://您的域名/文件名.css">

// 导入 js 文件
<script type="text/javascript" src="https://您的域名/文件名.js"></script>