线报酷
文档首页 / 用户中心设置 / 自定义CSS与JS

自定义CSS与JS

2026-10-07 …

「用户中心 → 基本功能设置 → 自定义CSS样式 / 自定义JS脚本」是两个进阶玩法页:把你自己写的 CSS / JS 注入前台,实现深度个性化。会员功能,免费用户预览。

一、自定义 CSS

  1. 打开「自定义CSS样式」页,打开开关;
  2. 在文本框里直接写 CSS(无需带 <style> 标签);
  3. 保存后刷新前台生效。
/* 例:标题字号放大 + 行距加高 */
.list-title { font-size: 16px; }
.article-list { line-height: 1.9; }
自定义CSS页

二、自定义 JS

  1. 打开「自定义JS脚本」页,打开开关;
  2. 在文本框里直接写 JavaScript(无需带 <script> 标签);
  3. 保存后刷新前台,脚本会在页面加载时执行。
// 例:给所有外部链接加标记
document.querySelectorAll('a[target=_blank]').forEach(a => a.title = '新窗口打开');

三、注意事项

  • 脚本只在你自己的浏览器运行,不会影响他人;
  • 请勿注入违反站规或恶意的代码,违规将回收权限;
  • 站点升级后个别选择器可能变化,失效时回来调整即可;
  • 两个开关独立:只想用 CSS 就只开 CSS。

常见问题

写错了页面白屏怎么办?

回到用户中心(/Ucenter)把对应开关关闭即可恢复;CSS/JS 错误不会影响用户中心本身。

能注入第三方统计/油猴脚本吗?

技术上可以运行 JS,但请遵守站规与法律;勿注入挖矿、广告劫持等代码。

最近更新

  • 2026-10:两页拆分独立;输入框统一 8px 圆角与代码友好的排版。