Jenkins Atlassian Theme - 翻译成 Bamboo 的神奇外衣

是否一直梦想着拥有 Atlassian Bamboo 的优雅外观，但预算有限？别担心，我们有一个解决方案——Jenkins Atlassian Theme。这不仅仅是一个主题，它是贫穷开发者眼中的 Bamboo！

只需简单的七个步骤，你的 Jenkins 就能焕然一新，看起来就像是来自 Atlassian 家族的一员，与 Stash、Jira 和 Confluence 搭配得毫无违和感。

(注意：这个项目并非由 Atlassian 赞助或官方支持)

预览体验

Demo 提供了一个限制访问的 Heroku 应用实例，展示了几个测试任务，你可以构建它们以查看输出效果。它会从 CDN 加载最新的编译版本。默认安装的效果可参见 另一个演示。

注：由于这些服务运行在单个 Dyno 上，初次加载可能需要一分钟左右，因为 Dyno 正在启动并加载 Jenkins.

安装教程

1. 安装 JQuery Plugin
2. 安装 Simple Theme Plugin
3. 安装 Gravatar Plugin
4. 下载 theme.js、theme-min.css 和 jenkins_logo.png 到你的服务器
5. 进入 Manage Jenkins
6. 点击 Configure System 并滚动到 Theme 部分
7. 填写 theme.js 和 theme-min.css 的 URL
8. 点击 Save

云托管安装

跳过第 4 步，直接在第 7 步中使用以下 URL：

https://cdn.rawgit.com/djonsson/jenkins-atlassian-theme/gh-pages/theme-min.css
https://cdn.rawgit.com/djonsson/jenkins-atlassian-theme/gh-pages/theme.js

开发者注意事项

CSS 和 JS 文件已经通过 Grunt 进行了压缩和混淆。要准备开发环境，请执行以下命令：

npm install
grunt

这将生成如下文件：

dist/theme.css
dist/theme-min.css
dist/theme.js

如果你想要在 Github Pages 发布，可以运行：

grunt deploy

文件将被发布至：

• http://YOURUSER.github.io/jenkins-atlassian-theme/theme.css
• http://YOURUSER.github.io/jenkins-atlassian-theme/theme.js

兼容性

该主题已验证适用于 Jenkins 2.2 及其早期版本，同时兼容 JQuery plugin 1.7.2-1、Simple Theme plugin 0.3 和 Gravatar plugin 2.1。如果遇到任何问题，欢迎报告，同时也鼓励贡献代码！

致谢

• JQuery Plugin 提供了 jQuery 插件基础
• Simple Theme Plugin 则是简单主题插件的来源
• Atlassian 是设计灵感之源，并且打造了一系列优秀的产品
• Doony 为该项目提供了灵感和 JavaScript 技术
• ProgressCircle.js 实现了替换原生“圆球”的旋转进度圈

项目特点

1. 简易安装：只需要几分钟，无需复杂配置。
2. 高度兼容：支持多个版本的 Jenkins，以及相关插件。
3. 逼真外观：模拟 Bamboo，让 Jenkins 整合到 Atlassian 生态中。
4. 开发者友好：提供 Grunt 支持，便于定制和部署。

使用 Jenkins Atlassian Theme，让你的持续集成工具更加专业，提升团队开发环境的整体品质。立即尝试，让 Jenkins 也能享受 Bamboo 的待遇吧！