Jenkins简单主题插件示例或教程

时间:2012-05-09 08:45:05

标签: jenkins jenkins-plugins

我在Jenkins实例上安装了Simple Theme插件,并设法做了一些(非常)基本的主题更改。

有没有人更好地参考Jenkins主题?

plugin page信息非常低......

如果我想覆盖一个样式属性,我必须深入研究生成的html并进行大量的实验。

3 个答案:

答案 0 :(得分:1)

在这里找到一个简单的教程:

http://www.techgaun.com/2013/06/customizing-jenkins-layout.html

答案 1 :(得分:1)

您可以使用.css文件来自定义已知的简单主题。 确保您具有.png徽标图片,我已将'Jenkins_home / usercontent / mytheme.css'文件'Jenkins_home / usercontent / logo.png'添加为我的徽标。 并遵循以下CSS:

spring.profiles.active

仅在“ Jenkins配置”主题中检查必须为CSS URL,并且必须添加上述“ mytheme.css”文件的路径。 并刷新您的Jenkins页面。

答案 2 :(得分:-1)

在Chrome或FireFox中打开Jenkins,然后按F12。 右键单击要更改的UI元素,然后选择Inspect Element。 在调试窗口中,html中的行突出显示。 记录UI元素的id和/或类。 打开style.css并搜索id / class。 复制css-code并将其粘贴到保存在css目录中的.css中。 在Configuration页面的Theme部分中,输入css / .css作为主题CSS的URL。 现在开始改变.css以获得你想要的外观。 启用自动refesh以查看更改,Ctrl-F5也有帮助