青龙面板安装ninja，DIY ninja界面
生活随笔
收集整理的這篇文章主要介紹了
青龙面板安装ninja，DIY ninja界面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
提示：文章寫完后，目錄可以自動生成，如何生成可參考右邊的幫助文檔
文章目錄
- 前言
- **🚦個人安裝ninja備忘錄🚦**
- 一，安裝ninja
- 二、DIY ninja界面
前言
🚦個人安裝ninja備忘錄🚦
雖然ninja掃碼登錄已成過去式，涼了，但是可以DIY ninja 界面，粘貼ck提交到青龍面板
一，安裝ninja
1，首先進入青龍容器，qinglong 為容器名稱，根據自己的填
docker exec -it qinglong bash2，拉取ninja
git clone https://github.com/MoonBegonia/ninja.git /ql/ninja
3，進入ninja后端文件夾
4，安裝ninja
pnpm install5，啟動ninja
pm2 start
6，添加隨青龍啟動自啟，在寶塔 /root/ql/config 目錄下的 extra.sh 添加下面代碼
至此 ninja 安裝完成，瀏覽器進網址：http://ip:5701
二、DIY ninja界面
1，開啟ninja隱藏的輸入ck欄
1.1首先進入青龍容器
docker exec -it qinglong bash1.2，輸入下面代碼
sed -i '/<body>/a\<script type="text/javascript">\nwindow.οnlοad=function(){\ndocument.getElementsByClassName("card hidden")[0].className = "card";\n}\n</script>' $(find /ql -type f -name '*.html'| xargs grep -l -r 'modulepreload')
1.3，重啟容器，刷新一下就看到隱藏的界面了
2，修改公告欄
2.1，打開寶塔 /root/ql/ninja/backend/static 目錄下的 index.html ，里面內容全部刪除，復制下面代碼進去，自行DIY
<!DOCTYPE html> <html lang="zh"><head><meta charset="UTF-8" /><link rel="icon" href="/favicon.ico" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>我是標題</title><script type="module" crossorigin src="/assets/index.1a8beb0e.js"></script><link rel="modulepreload" href="/assets/vendor.baa403e4.js"><link rel="stylesheet" href="/assets/index.fcdd9895.css"></head><body> <script type="text/javascript"> window.onload=function(){ document.getElementsByClassName("card hidden")[0].className = "card"; } </script><div id="app"></div></body> </html> <script type="text/javascript">window.onload=function (){var x = document.getElementsByClassName("card-title");x[0].innerHTML="溫馨提示";var b = document.getElementsByClassName("card-body text-base leading-6");b[0].innerHTML="<p>建議關閉免密支付以及打開支付驗密（京東-設置-支付設置-支付驗密設置）"var k = document.getElementsByClassName("card-body text-base leading-6")[0];k.getElementsByClassName("waikiki").href="https://github.com/Waikkii/JD_Get_Cookie"k.getElementsByClassName("jd").href="https://m.jd.com/"k.getElementsByClassName("getcookie").href="https://www.icloud.com/shortcuts/f0bf8b56bd0949afabfc00ca6fbfb4c2"var d = document.getElementsByClassName("card hidden");d[0].className = 'card'var c = document.getElementsByClassName("card");c[1].className = 'card hidden' } </script>
2.2，修改余量及端口，打開寶塔 /root/ql/ninja/backend 目錄下的 .env.example 自行修改
2.3，提交 ck 登錄到青龍面板
總結
以上是生活随笔為你收集整理的青龙面板安装ninja，DIY ninja界面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 设置SQLSERVER的混合身份验证模式
- 下一篇： C#自学书籍全集C#自学英文原版书籍