Trac 定制

最新推荐文章于 2024-07-26 09:50:12 发布

bryanliu1982

最新推荐文章于 2024-07-26 09:50:12 发布

阅读量1.4k

点赞数

分类专栏： trac 样式定制文章标签： stylesheet microsoft 服务器 apache 浏览器 table

本文链接：https://blog.csdn.net/bryanliu1982/article/details/7068543

版权

trac 样式定制专栏收录该内容

1 篇文章 0 订阅

订阅专栏

语法高亮

Trac用一个叫WiKiProcessor的功能来支持很多语言的语法高亮。

具体用法参考http://trac.edgewall.org/wiki/WikiProcessors

但是需要安装某一个语法高亮引擎，我选择的是Pygments，具体安装参考我的另一篇博文：安装Pygments，安装完后需重启Paache服务器才能起作用

安装WiKiMacro [[TOC]]

TOC是一个加强版的[[[TracGuiceToc]]，也就在页面显示一个Wiki页面的索引，方便用户导航，但是[[TracGuideToc]]只能显示默认的内容，而且不能改变(自己试试效果吧)

居然有这么一个好东西，想当初我都是手工建索引啊，真是苦逼啊

[[TOC]]可以灵活定制索引的内容，具体用法参考：TocMacro

安装方法如下（又是easy_install, so easy）：

easy_install http://trac-hacks.org/svn/tocmacro/0.11   # 0.11 and 0.12

自定义样式

首先我们需要写一个模板site.html 放到 {project_home}/template下(注意，修改site.html后需重启apache服务器)，内如如下：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:xi="http://www.w3.org/2001/XInclude"
      xmlns:py="http://genshi.edgewall.org/"
      py:strip="">
    
   <head py:match="head" py:attrs="select('@*')">
    ${select('*|comment()|text()')}
    <link rel="stylesheet" type="text/css"
          href="${href.chrome('site/style.css')}" />
  </head>
  
</html>

href.chrome('site/style.css')

表明页面会添加自定义样式文件 {project_home}/htdocs/style.css

在其中我们可以覆盖原有的样式，比如下面的样式修改了字体，Table of content 固定位置，内容的宽度

body, th, tr {
 font: normal 13px  Verdana,"Microsoft YaHei",Simsun,Arial,sans-serif,'Bitstream Vera Sans',Helvetica,sans-serif;
}
.wiki-toc{
position:fixed;
right:1px;
top:1px;
}

.wikipage {
width: 87%;
}

定制后的图片如下，TOC固定在浏览器窗口的某个位置，不随页面滚动而滚动，为了尽量不遮住页面内容，所以将页面内容宽度设为87%

bryanliu1982

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Trac 定制

语法高亮Trac用一个叫WiKiProcessor的功能来支持很多语言的语法高亮。具体用法参考http://trac.edgewall.org/wiki/WikiProcessors但是需要安装某一个语法高亮引擎，我选择的是Pygments，具体安装参考我的另一篇博文：安装Pygments，安装完后需重启Paache服务器才能起作用安装WiKiMacro [[TOC]]
复制链接

扫一扫

专栏目录