youbbs avatar

youBBS vps 版支持代码高亮了 HIGHLIGHT.JS

🕓 by youbbs

HIGHLIGHT.JS 一直是个人喜欢的css+js 前端渲染的代码高亮。

在内容框用三个反单引号把代码包起来就可以。

您可以到官方网站选择自己喜欢的风格,把想要的风格 css 放到 /static/highlight 下。然后修改 /templates/default/layout.php 和 ios_layout.php

把下面改为你刚下载的样式

1
<link rel="stylesheet" href="/static/highlight/github.css">

HIGHLIGHT 风格 https://highlightjs.org/static/demo/ 高亮样式库 https://github.com/highlightjs/highlight.js/tree/master/src/styles

💘 相关文章

评论

共14条关于"youBBS vps 版支持代码高亮了 HIGHLIGHT.JS"的评论

youbbs avatar
#7 youbbs 回复

@xxoo 2.1 需要改:

1)common.php 参见 https://github.com/ego008/youbbs/blob/master/common.php#L175-L282

2)两个layout.php 头添加

1
2
3
4
5
if(isset($t_obj)){
    echo '&lt;link rel=&quot;stylesheet&quot; href=&quot;/static/highlight/github.css&quot;&gt;
&lt;script src=&quot;/static/highlight/highlight.min.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;hljs.initHighlightingOnLoad();&lt;/script&gt;';
}

3)把 templates/default 下所有模版

1
2
3
4

class=&quot;title
替换为
class=&quot;nav-title

4)修改两个css 把 .title 改为 .nav-title

xxoo avatar
#9 xxoo 回复

@brady 为啥2.1版本里,个人中心里,没有个人简介这个填写的区域呢?

brady avatar
#10 brady 回复

@xxoo 因为之前我觉得它碍事儿,就把他X了

xxoo avatar
#11 xxoo 回复

@youbbs 在common.php 里面加入里面的代码之后会报错。。整个网站都打不开

毒药 avatar
#13 毒药 回复

今天来试着做1.0.4版本的高亮一直无法成功。求博主检查是版本问题还是我设置不当? layout.php和ios_layout.php头部添加了:

1
2
&lt;link rel=&quot;stylesheet&quot; href=&quot;/static/highlight/monokai.css&quot;&gt;
&lt;script src=&quot;/static/highlight/highlight.min.js&quot;&gt;&lt;/script&gt;
并且 /static/highlight 下已经上传文件highlight.min.js、monokai.css

写一条评论

Based on Golang + fastHTTP + sdb | go1.17.1 Processed in 1ms