给自家的 NAS 搞一个导航页面嘛

2021-11-12 | 1522 浏览

嗯…简单地说嘛，就是，其实我突然发现这个博客也可以作为导航页，只要置顶一个博客，这个博客里面全都是链接就可以了哈哈哈哈

认真地说，其实我是用威联通自带的 Web 服务器功能搞的导航页

首先，下载一个喜欢的导航页面，比如说这些：

https://post.smzdm.com/p/adwlg5rn/

然后呢，把下载好的页面解压成文件夹，传到 NAS 里面，然后在威联通的管理页面中，点设置-Web 服务器-虚拟主机，设置一下这个网站的名字、端口，选择好刚才上传的文件夹

其实到这一步就可以了，不过我还是发现了一个难题，就是这个超链接吧，怎么连接到同一域名（或者 ip）、不同端口的服务呢？

然后我就从网上抄来了这个方案，以下是我的部分 HTML 页面源代码：

<!DOCTYPE html>
<html>
	<head>
	    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	    	<title>喵喵喵</title>
		<link rel="icon" type="image/x-icon" href="favicon.ico"/>  
	    	<link rel="stylesheet" type="text/css" href="css/style.css">
		<script>
			function setHref() {
				document.getElementById('admin').href = "https://" + window.location.hostname + ":端口号";
			}
		</script>
	</head>
	<body onload="setHref()">
		<a href="#" id="admin" class="slide-link control-selection" title="NAS管理页面">
		    <img src="img/admin.png">
		    <span class="text">管理页面</span>
		    <span class="right-arrow"></span>
		</a>
	</body>
</html>

威联通