"在文件 ./gulpfile.js 中搜索 ./src/main/webapp/js/lib/highlight.js-9.6.0/styles/ 把后面的 xxx.css 修改为目录 ./src/main/webapp/js/lib/highlight.js-9.6.0/styles 下你中意的主题文件名,如 dar .."

如何修改 Sym 代码高亮主题

本贴最后更新于 425 天前,其中的信息可能已经沧海桑田
  1. 在文件 ./gulpfile.js 中搜索 ./src/main/webapp/js/lib/highlight.js-9.6.0/styles/
  2. 把后面的 xxx.css 修改为目录 ./src/main/webapp/js/lib/highlight.js-9.6.0/styles 下你中意的主题文件名,如 dark.css
  3. 打开 dark.css 找到 .hljs {,记录下背景色的色值 #444 找到 .hljs, .hljs-subst {,记录下字体颜色色值 #ddd ,将其对应的拷贝到 ./src/main/webapp/scss/_common.scss 文件中 pre > code 元素下。如:
    pre > code {
        padding: 0.5em;
        color: #ddd;
        background-color: #444;
        background-image: url(../images/code-bg.png);
        background-size: 20px 20px;
        border-radius: 5px;
    }
  1. 根目录下运行 gulp 命令
  2. 全局搜索 highlight.js-9.6.0/styles/ 把后面的 xxx.css 替换为你中意的主题文件名,如 dark.css

  • hljs
    1 引用 • 2 回帖
  • Sym

    Sym 是一个用 Java 实现的现代化社区(论坛 / 社交网络 / 博客)平台,“下一代的社区系统,为未来而构建”。黑客派就是使用该系统搭建的 ❤️

    353 引用 • 3799 回帖 • 643 关注
感谢    关注    收藏    赞同    反对    举报    分享
2 回帖    
请输入回帖内容...
  • mobdev      

    感谢 V 姐,赶紧去试试

    1 回复 
    感谢    赞同    反对    举报    分享       回复
  • Vanessa            

    应该的

    感谢    赞同    反对    举报    分享       回复