Jenkins?Sidebar?Link插件實現(xiàn)添加側(cè)邊欄功能詳解
更新時間：2022年12月17日 09:51:25 作者：愛學(xué)習(xí)de測試小白
這篇文章主要介紹了vue框架實現(xiàn)添加側(cè)邊欄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
前言
本篇來學(xué)習(xí)下使用Sidebar Link插件在項目側(cè)邊欄添加自定義功能按鈕鏈接
安裝插件
Manage Jenkins --> Mangage Plugins --> 可選插件 --> 輸出框輸入 Sidebar Links
使用插件
自由風(fēng)格項目使用
新建一個J自由風(fēng)格項目
填寫配置
- Link URL 鏈接地址
- Link Text 鏈接描述
- Link Icon 鏈接圖標(biāo) (這里使用的Jenkins自帶的圖標(biāo))
添加圖標(biāo)方式
- Jenkins 安裝目錄 jenkins\images\24x24 文件夾下（此文件夾下的圖片大小為 24*24像素），在 Link Icon 中配置 該文件夾下的 圖片名如 clipboard.png
- 可以自定義在 JENKINS_HOME/userContent 文件加下添加自己的圖片（注意：圖片大小也必須是 24*24像素），JENKINS_HOME 路徑自行查詢
效果
Pipeline項目使用
pipeline {
agent any
options{
sidebarLinks([
[displayName: '我的博客666', iconFileName: 'clipboard.png', urlName: 'https://blog.csdn.net/IT_heima']])
}
stages {
stage('Hello') {
steps {
echo 'Hello World'
}
}
}
}
效果
到此這篇關(guān)于Jenkins Sidebar Link插件實現(xiàn)添加側(cè)邊欄功能詳解的文章就介紹到這了,更多相關(guān)Jenkins Sidebar Link內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了使用 webpack 插件自動生成 vue 路由文件的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
Vue 頁面跳轉(zhuǎn)不用router-link的實現(xiàn)代碼
這篇文章主要介紹了 Vue 頁面跳轉(zhuǎn)不用router-link的實現(xiàn)代碼，文中給大家介紹了vue router-link跳轉(zhuǎn)傳值示例,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了vue.js 左側(cè)二級菜單顯示與隱藏切換的實例代碼,需要的朋友可以參考下2017-05-05
這篇文章主要介紹了vue分頁插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
el-form-item表單label添加提示圖標(biāo)的實現(xiàn)
本文主要介紹了el-form-item表單label添加提示圖標(biāo)的實現(xiàn),我們將了解El-Form-Item的基本概念和用法,及添加提示圖標(biāo)以及如何自定義圖標(biāo)樣式,感興趣的可以了解一下2023-11-11
這篇文章主要為大家介紹了nextTick能否獲取到最新dom原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
本篇文章主要介紹了淺談Vuejs中nextTick()異步更新隊列源碼解析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
vue3+vite3+typescript實現(xiàn)驗證碼功能及表單驗證效果
這篇文章主要介紹了vue3+vite3+typescript實現(xiàn)驗證碼功能及表單驗證效果,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
最近在開發(fā)時遇到一個問題,是在輸入框里面放一個樹形組件,這篇文章主要給大家介紹了關(guān)于前端vue3樹形組件使用的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
vue中的<template>標(biāo)簽與react中的<></>標(biāo)簽區(qū)別詳解
這篇文章主要為大家介紹了vue中的<template>標(biāo)簽與react中的<></>標(biāo)簽區(qū)別詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08