Skip to content

yangqing77/Recessive-url

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 

Repository files navigation

Recessive-url-Forward

项目介绍

  • 由于常见的 80 443 8080等端口被国内运营商屏蔽,在自己小服务器上建站就不可避免的要使用 domain:port 的形式。 加端口的url看着不优雅,访问网站也只能使用完整的url链接。
  • 解决办法有两个:花钱买专线,很明显,我没钱。。 隐性url转发实现隐藏端口。域名提供商提供这个服务,不过需要备案。。 查了Google,其实隐性url转发原理很简单。只是前提条件 公网ip服务器 一直无法解决;
  • 最近翻github的时候想起来,可以利用github page之类的托管服务实现效果。

前提准备

  1. 主机 服务器什么的就不多说了;主要得要到公网ip;(我这边电信一打电话就给我了、、、)
  2. 准备两个域名;
    • 一个域名用于ddns绑定ip,更具体的详情请自行谷歌。。
    • 第二个域名用于绑定GitHub pages 或者 vercel;(用来隐藏端口号的域名)
  3. GitHub 账号,vercel.com账号(最好使用GitHub账号去注册);

具体使用

GitHub pages方式使用(其实就是启用github pages...)

  1. 点击右上角 Fork;
  2. 点击 index.html;src="https://example.com/" 修改为自己的 url 。
  3. 找到 Setting > Pages > Source; 将选项None切换为其它分支;然后 Save就ok了。
  4. dns没有配置好的接下来按提示改;

vercel.com (对国内优化更友好,不容易被屏蔽;)

  1. 右上角 fork;
  2. 进入 https://vercel.com/ 网站中 使用GitHub登录;
  3. 点击 new project;选择名字为 Recessive-url-Forward 的项目 import;点击 Continue Deploy 完成后点击 visit就能看到你的网站了。
  4. 自定义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>

Releases

No releases published

Packages

No packages published

Languages

  • HTML 100.0%