youBBS 程序怎么设置代码高亮

毒药      1148阅读

对于youbbs来说,支持代码高亮只需在编辑器中把代码放在六个反单引号中间就可以了,左右各三个反单引号。

你还需要准备的一项工作就是找一款你喜欢的css+js 前端渲染的代码高亮样式,可以到官方网站选择自己喜欢的风格。
推荐:HIGHLIGHT 风格 https://highlightjs.org/static/demo/

把想要的风格 css 下载下来 放到 /static/highlight 下。然后修改 /templates/default/layout.php 和 ios_layout.php
把下面部分改成你的样式链接:

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

大功告成

   1148阅读

2.1 需要改:

1)common.php

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

2)两个layout.php 头添加

if(isset($t_obj)){
    echo '<link rel="stylesheet" href="/static/highlight/github.css">
<script src="/static/highlight/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>';
}

3)把 templates/default 下所有模版
把
class="title
替换为
class="nav-title

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

毒药   2016-12-15 15:47:45
1

1.0.4也是同样

毒药   2016-12-17 12:00:10
2
登录 后发表评论