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;
     }
  4. 根目录下运行 gulp 命令

  5. 全局搜索 highlight.js-9.6.0/styles/ 把后面的 xxx.css 替换为你中意的主题文件名,如 dark.css

  • hljs
    1 引用 • 2 回帖
  • Sym

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

    300 引用 • 3531 回帖 • 601 关注
感谢    赞同    分享    收藏    关注    反对    举报    ...