youbbs

Jun 28, 2015 4520 14 0

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

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

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

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

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

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

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

Nearby

上一篇 › 站内搜索用biying：不如google，比百度强
下一篇 › 为什么youbbs2.1版本的qq登陆接口会出现redirect uri is illegal(100010)错误呢？

Discussion (14)

毒药 2015-06-28 15:27

沙发抢了！！！

xxoo 2015-06-28 15:32

2.1也可以嘛？

brady 2015-06-28 15:38

这个真不错

xxoo 2015-06-28 15:41

是否支持2.1？？？

brady 2015-06-28 15:45

@xxoo 支持

xxoo 2015-06-28 15:46

@brady 求告知怎么下载？英语不行。。

youbbs 2015-06-28 15:50

@xxoo
2.1 需要改：

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

2）两个layout.php 头添加

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 下所有模版

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

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

brady 2015-06-28 15:50

@xxoo 选择要支持代码高亮的语言然后单击Download
https://highlightjs.org/download/

xxoo 2015-06-28 15:53

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

brady 2015-06-28 15:54

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

xxoo 2015-06-29 06:35

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

youbbs 2015-06-29 08:09

@xxoo 贴的代码不对

毒药 2016-12-15 08:33

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

&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

莫凡的世界 2017-01-02 14:06

@brady 这个好用吗

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

See Also

Nearby

Discussion (14)

Top posts

微博不禁惊叹twitter api的稳定

七牛七牛云存储，有空试试

问题youbbs的安装出现的数据库问题

youbbs用 HIGHLIGHT.JS 在自己的youBBS 实现代码高亮的方法

问题咋搜索帖子啊？

youBBS

Topics

工具