前言

随着博客逐渐美化，使用的后台的自定义css与自定义js越来越多，写起来就越来越难受。尤其是当里面代码多了，每次编辑就要一直往下滑，好不容易滑到底了，点击一下进入编辑又跑到顶上了......

而且看着很混乱，所以我就创建文件单独给拉出来了

自定义css

进入/usr/themes/handsome/assets/css目录，创建customize.css文件（名字按自己喜欢的来，不需要一样），然后把更改外观-设置外观-开发者设置-自定义 CSS里面的内容全选剪切进customize.css文件

将下面代码粘贴到 /usr/themes/handsome/component/header.php文件，大概在324行

<!--自定义css-->
    <link rel="stylesheet"
          href="<?php echo STATIC_PATH; ?>css/customize.css?v=<?php echo Handsome::version . Handsome::$versionTag ?>"
          type="text/css"/>

自定义css

方法1：

进入/usr/themes/handsome/assets/js目录，创建customize.js文件（名字按自己喜欢的来，不需要一样），然后把更改外观-设置外观-开发者设置-自定义JavaScript里面的内容全选剪切进customize.js文件

将下面代码粘贴到 /usr/themes/handsome/component/footer.php文件，大概在310行，在</body>上面就行

<script src="<?php $this->options->themeUrl('assets/js/customize.js'); ?>"></script>

或者是打开后台-更改外观-设置外观-开发者设置-复制代码粘贴至 自定义输出body 尾部的HTML代码

<script src="https://lyj15.cn/usr/themes/handsome/assets/js/customize.js"></script>

看到文件访问成功后，强制刷新一下网站，清除一下缓存就可以了