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/ 6
高亮样式库 https://github.com/highlightjs/highlight.js/tree/master/src/styles 1
相关帖子:
- 新VPS独立部署youBBS 方法
- 跪求!将YOUBBS修改成百度站内搜索代码教程
- 用 HIGHLIGHT.JS 在自己的youBBS 实现代码高亮的方法
- YouBBS VPS版v1.04直接升级v2.1教程
- 已知账户密码,如何用php编写代码post(账号密码)到我的youbbs网站实现自动登录
- Youbbs for vps v2.2 版本更新(增加私信、关注、站内搜索)
- 透过install.php文件看youbbs的代码水平
- 用 HIGHLIGHT.JS 在youBBS 实现代码高亮
- Youbbs for VPS v2.1支持 Emoji 表情了
- YouBBS VPS版v1.04如何支持php7.2
沙发抢了!!!
2.1也可以嘛?
这个真不错
是否支持2.1???
@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
@xxoo 选择要支持代码高亮的语言然后单击Download
https://highlightjs.org/download/ 1
今天来试着做1.0.4版本的高亮一直无法成功。求博主检查是版本问题还是我设置不当?
layout.php和ios_layout.php头部添加了:
<link rel="stylesheet" href="/static/highlight/monokai.css">
<script src="/static/highlight/highlight.min.js"></script>
并且 /static/highlight 下已经上传文件highlight.min.js、monokai.css