visdom 无法正常使用，页面加载失败（蓝色空白页面）解决方案

在学习pytorch过程中，对于可视化visdom 的使用，遇到了页面无法加载的情况，是空白页面。

搜罗了网上的一些帖子，最终根据错误提示找到了以下两个可用的帖子：

https://blog.csdn.net/chai_zheng/article/details/81545365

https://blog.csdn.net/weixin_44041884/article/details/85684101

本文将解决方法总结如下：

（1）下载以下三个文件：plotly.js-master、react-gird-layout-master、  MathJax-master ，放至/home/root123/.local/lib/python3.5/site-packages/visdom/static/js/下

然后修改site-packages/visdom/static/ 下的index.html，具体修改部分如下：

（2）补充../site-packages/visdom/static/fonts/  下缺少的layout_bin_packer文件

 

为了方便下载对应js插件，本文将文件放在百度云供大家下载，包含以下四个文件：

 plotly.js-master、react-gird-layout-master、  MathJax-master 、layout_bin_packer

链接: https://pan.baidu.com/s/1hp1iivWu74hcTdSvK-oxFQ

提取码: jn9w

完成以上设置后，启动visdom：python3 -m visdom.server

使用以下代码进行验证（来自第二篇博客）

import visdom
import torch as t

vis = visdom.Visdom(env=u'test', use_incoming_socket=True)

# 绘制三角函数
x = t.arange(1, 30, 0.01)
y = t.sin(x)
vis.line(X=x, Y=y, win='sinx', opts={'title': 'y=sin(x)'})

# append 追加数据
for ii in range(0, 10):
    # y = x
    x = t.Tensor([ii])
    y = x
    vis.line(X=x, Y=y, win='polynomial', update='append' if ii > 0 else None)

# updateTrace 新增一条线
x = t.arange(0, 9, 0.1)
y = (x ** 2) / 9
vis.line(X=x, Y=y, win='polynomial', name='this is a new Trace', update='new')

# 可视化一个随机的黑白图片
vis.image(t.randn(64, 64).numpy())

# 随机可视化一张彩色图片
vis.image(t.randn(3, 64, 64).numpy(), win='random2')

结果如下：

至此visdom无法正常显示的问题就解决了