青龙面板登录页白屏无法访问的两种解决办法

首先我们可以看出，青龙面板访问是可以访问的，这个时候我们按F12进行审查，发现出现了如下错误。

原来是6个 js 文件无法访问了，通过全球 ping 测试，发现有很多地区是无法访问cdn.jsdelivr.net这个域名的，更谈不上 js 文件 cdn 加速了。

青龙面板白屏解决方案

所以我们有两种结局方案：

• 一、hosts 解决访问青龙面板电脑连接cdn.jsdelivr.net的问题。
• 二、替换 js 文件地址

由于第一种过于简单，缙哥哥已经写过很多次了，通过全球 ping 方式获得可以访问cdn.jsdelivr.net网址的IP地址，进行 hosts 指定解析。不知道的小伙伴可以参见《青龙面板拉库失败，提示“更新***失败，请检查网络”的解决方案》只不过这次的 hosts 重定向是要设置自己的电脑而不是青龙面板服务器。同时，该方法的IP地址可能不定期失效。

OK，那我们着重说说第一种替换 js 文件的方法：

首先先确认你是跟着《青龙面板自动领京东京豆，做农场浇水、萌宠、种豆、签到等任务》一步步走下来的，还是跟着别的教程部署的青龙面板。

跟着缙哥哥教程部署的可以直接开始：

通过 SSH 连接青龙面板服务器，输入

<code><span class="pln">docker cp </span><a title="View all posts in qinglong" href="https://www.hztdst.com/?s=青龙" target="_blank" rel="noopener"><span class="pln">qinglong</span></a><span class="pun">:</span><span class="str">/ql/</span><span class="pln">dist</span><span class="pun">/</span><span class="pln">index</span><span class="pun">.</span><span class="pln">html </span><span class="pun">/</span><span class="pln">home</span><span class="pun">/</span><span class="pln">dujin</span><span class="pun">/</span></code>

将青龙面板 docker 文件目录dist下的index.html文件复制到服务器/home/dujin/目录下，然后你可以使用 vim 编辑器（参见《Linux 文本编辑器 Vim “真 · 简单”使用教程》）或者直接拉到本地使用编辑器进行编辑。

将index.html末尾原来cdn.jsdelivr.net开头的地址换成好人卡资源网的 cdn 加速地址：

<code><span class="tag"><script</span> <span class="atn">src</span><span class="pun">=</span><span class="atv">"https://api.dujin.org/js/qinglong/darkreader.min.js"</span><span class="tag">></script></span>
<span class="tag"><script</span> <span class="atn">src</span><span class="pun">=</span><span class="atv">"https://api.dujin.org/js/qinglong/codemirror.min.js"</span><span class="tag">></script></span>
<span class="tag"><script</span> <span class="atn">src</span><span class="pun">=</span><span class="atv">"https://api.dujin.org/js/qinglong/shell.js"</span><span class="tag">></script></span>
<span class="tag"><script</span> <span class="atn">src</span><span class="pun">=</span><span class="atv">"https://api.dujin.org/js/qinglong/python.js"</span><span class="tag">></script></span>
<span class="tag"><script</span> <span class="atn">src</span><span class="pun">=</span><span class="atv">"https://api.dujin.org/js/qinglong/javascript.js"</span><span class="tag">></script></span>
<span class="tag"><script</span> <span class="atn">src</span><span class="pun">=</span><span class="atv">"https://api.dujin.org/js/qinglong/sockjs.min.js"</span><span class="tag">></script></span></code>

同时好人卡资源网也将这6个文件附上，喜欢自己搭建或使用自己CDN的小伙伴可以自己部署。

• 青龙面板登录白屏js文件[Dujin.org].7z: http://ct.dujin.org/f/5210373-582663199-18fe99

注意！注意！注意！

这个时候把index.html上传到原来位置还不行，需要替换进青龙面板 docker 文件目录下，上传到服务器/home/dujin/目录下之后，执行：

<code><span class="pln">docker cp </span><span class="pun">/</span><span class="pln">home</span><span class="pun">/</span><span class="pln">dujin</span><span class="pun">/</span><span class="pln">dist</span><span class="pun">/</span><span class="pln">index</span><span class="pun">.</span><span class="pln">html qinglong</span><span class="pun">:</span><span class="str">/ql/</span><span class="pln">dist</span><span class="pun">/</span><span class="pln">index</span><span class="pun">.</span><span class="pln">html</span></code>

OK，至此你的青龙面板又恢复正常了！