介紹
由于工作需要，需要將 Rancher 中登錄頁面問候語以及這個網(wǎng)站的 logo進行定制箱蟆。
操作方法
- 使用命令啟動 rancher 服務(wù)
$ docker run -p 8080:8080 rancher/server - 啟動成功后使用命令查看使用 docker 啟動的所有鏡像
$ docker ps - 通過 CONTAINER ID 在容器中開啟一個交互模式的終端
$ docker exec -it ad7b46ed0ab4 /bin/bash - 進入到目錄 /usr/share/cattle/4d602577b2712b79505f4ba184626708/assets/images/下，注意：每次 4d602577b2712b79505f4ba184626708 都不一樣需要先進入到
/usr/share/cattle/ 目錄下查看具體的目錄是多少 - 使用
docker cp命令替換 favion.ico 與 main.svg 文件贯要，favion.ico 為網(wǎng)站的圖標(biāo)霹菊，main.svg 為網(wǎng)站上使用的 logo
favion.ico
屏幕快照 2018-11-02 下午5.10.01.png
main.svg
屏幕快照 2018-11-02 下午5.14.29.png - 進入到目錄 /usr/share/cattle/4d602577b2712b79505f4ba184626708 下，注意：每次 4d602577b2712b79505f4ba184626708 都不一樣需要先進 入到 /usr/share/cattle/ 目錄下查看具體的目錄是多少
- 修改 index.html 文件氢架，增加以下代碼傻咖，來修改問候語
<script>
window.onload=function(){
setTimeout(function () {
document.title = 'TsingdataCloud';
//document.getElementsByTagName('h1').innerHTML = `問候語
//<div class="logo"></div>`
document.getElementsByClassName('login')[0].firstElementChild.innerHTML = `問候語
<div class="logo"></div>`
},500)
}
</script>
- 刷新 rancher 頁面，將會看到具體效果
效果實現(xiàn)
原始效果
屏幕快照 2018-11-05 下午5.15.44.png
定制后效果
屏幕快照 2018-11-05 下午5.15.27.png
