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

By youbbs at 2015-06-28 23:26:59 • 525次点击

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/ 5

youbbs, vps, 代码, highlight


沙发抢了!!!

毒药 at 2015-06-28 23:27:44
1

2.1也可以嘛?

xxoo at 2015-06-28 23:32:51
2

这个真不错

brady at 2015-06-28 23:38:45
3

是否支持2.1???

xxoo at 2015-06-28 23:41:02
4

@xxoo 支持

brady at 2015-06-28 23:45:48
5

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

xxoo at 2015-06-28 23:46:20
6

@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 '<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

youbbs at 2015-06-28 23:50:06
7

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

brady at 2015-06-28 23:50:35
8

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

xxoo at 2015-06-28 23:53:15
9

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

brady at 2015-06-28 23:54:16
10

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

xxoo at 2015-06-29 14:35:50
11

@xxoo 贴的代码不对

youbbs at 2015-06-29 16:09:33
12
登录 后发表评论