专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > youbbs

youBBS 程序怎么设置代码高亮

发布时间: 文章来源:www.iduyao.cn 采编人员:毒药  
对于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">

大功告成

友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。
   2789阅读

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
登录 后发表评论