最近在上吴恩达老师在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]}`
}
}
}