jupyter notebook 远程下载 html 图片无法显示的问题

最近在上吴恩达老师在coursera上的机器学习课时,当想要将其jupyter notebook上的笔记以html格式下载后发现一个问题,html中的图片无法正常显示。查看其源码发现,图片的src其实是不全的,所有为了补全它的src,就手动写了一个简单的脚本用于处理成正确的src。直接将下面的脚本放入html中的<head>标签即可运行

window.onload = function() {
    url = 'https://hub.coursera-notebooks.org/user/tjpnwgmxuvwannhpmjwwva/nbconvert/html/week1/';  // 此处应实际情况根据更改为正确的域名地址
    findAndAdd(url)
    function findAndAdd(url) {
        if (url[url.length - 1] == '/')
            url = url.substr(0, url.length - 1)
        imgs = document.getElementsByTagName('img');
        for (i = 0; i < imgs.length; ++i) {
            img = imgs[i];
            subsrc = img.src.split('/');
            img.src = `${url}/${subsrc[subsrc.length - 2]}/${subsrc[subsrc.length - 1]}`
        }
    }
}

猜你喜欢

转载自blog.csdn.net/deepinc/article/details/81095992