- 由于常见的 80 443 8080等端口被国内运营商屏蔽,在自己小服务器上建站就不可避免的要使用 domain:port 的形式。 加端口的url看着不优雅,访问网站也只能使用完整的url链接。
- 解决办法有两个:花钱买专线,很明显,我没钱。。 隐性url转发实现隐藏端口。域名提供商提供这个服务,不过需要备案。。 查了Google,其实隐性url转发原理很简单。只是前提条件 公网ip服务器 一直无法解决;
- 最近翻github的时候想起来,可以利用github page之类的托管服务实现效果。
- 主机 服务器什么的就不多说了;主要得要到公网ip;(我这边电信一打电话就给我了、、、)
- 准备两个域名;
- 一个域名用于ddns绑定ip,更具体的详情请自行谷歌。。
- 第二个域名用于绑定GitHub pages 或者 vercel;(用来隐藏端口号的域名)
- GitHub 账号,vercel.com账号(最好使用GitHub账号去注册);
GitHub pages方式使用(其实就是启用github pages...)
- 点击右上角 Fork;
- 点击 index.html;src="https://example.com/" 修改为自己的 url 。
- 找到 Setting > Pages > Source; 将选项None切换为其它分支;然后 Save就ok了。
- dns没有配置好的接下来按提示改;
vercel.com (对国内优化更友好,不容易被屏蔽;)
- 右上角 fork;
- 进入 https://vercel.com/ 网站中 使用GitHub登录;
- 点击 new project;选择名字为 Recessive-url-Forward 的项目 import;点击 Continue Deploy 完成后点击 visit就能看到你的网站了。
- 自定义vercel 为你自己的域名;点击此项目的 Settings Damains 输入你自己的域名;
<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<title>title</title>
<style type="text/css">
/* 将根元素占满浏览器 */
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
iframe {
margin: 0 auto;
display: block;
width: 100vw;
height: 100vh;
border: 0;
}
</style>
</head>
<body>
<iframe id="iframe" name="iframe" frameborder="0" scrolling="auto" src="https://example.com/">
</iframe>
</body>
</html>