域名解析跳转到另一个域名_github建立静态网站，域名解析和跳转

2024-05-18 15:06:11

这篇博客源自博主的csdn博客

1、注册github账号，创建仓库

仓库名称可以是两种，仓库名称格式是http://user.github.io格式。如下图的http://dajun1234.github.io

2、上传一个测试的html文件，内容如下：

<html>
<body>
hello world
</body>
</html>

3、进入仓库的settings，将Github Pages的Branch设置为master。

如果已经自动设置为master了，就不需要设置了。设置完后，就会出现Pages域名了。

4、在浏览器输入，你的Page域名就可以访问到index.html的内容了。

5、域名解析（可选）

如果你觉得github提供的域名太长或不好看，自己可以去万网注册一个域名。比如博主注册了niced.site域名。(应该是不需要备案的) 域名修改在settings里面，在里面输入你的域名。github默认在仓库里面创建一个CNAME文件，看下图：

域名解析到购买厂商处进行解析，博主在阿里云买的域名，所以就在阿里云进行域名解析。看下图：

6、域名跳转(可选)

有时我们的域名没有备案，但是我们还想通过域名访问服务器。例如博主在阿里云有一个域名，但是没有备案，在滴滴云建了一个博客网站，博主想通过域名访问网站。我们在github上通过JavaScript来实现跳转到服务器。想学习如何建站的朋友可以看博主这篇文章搭建wordpress博客网站

修改index.html的内容如下，下图请换成自己的服务器ip地址。

设置完之后需要等一会才可以通过域名访问。这样就实现了不用备案访问了。

博主的网站网址是逆行空间，博主以后会考虑在这个网站上写博客，请各位看官能多多关注，感谢。

域名解析跳转到另一个域名_github建立静态网站，域名解析和跳转相关推荐

nginix配置某个域名跳转到另一个域名
nginix配置某个域名跳转到另一个域名 server{listen 80;server_name www.abc.cn;return 301 $scheme://www.abc.com$reques ...
phpstudy一个域名配置两个网站（一个是thinkphp5，一个是原生php）
phpstudy一个域名配置两个网站(一个是thinkphp5,一个是原生php) 一.总结一句话总结:把原生php的网站直接放到thinkphp5的public目录下可以解决以stem.aaaa. ...
用VuePress来搭建一个极简的静态网站
VuePress学习全局安装前我们需要Git和node这两个软件,关于怎么安装可以我之前hexo的视频教程假如这两个都没有安装好,那么下面就不需要看了哈,栈友们全局安装首先我们先全局安装一下 ...
用宝塔面板网站php变成静态,宝塔面板可以建立静态网站吗？如何部署一个静态页面？...
大多数情况下我们在服务器上安装宝塔面板后建立的博客网站大多数都是带有数据库的动态网站,如WordPress.ZBlogPHP.Typecho.emlog.Discuz!Q等,很少有建立纯静态网站.所以 ...
宝塔面板可以建立静态网站吗？如何部署一个静态页面？
大多数情况下我们在服务器上安装宝塔面板后建立的博客网站大多数都是带有数据库的动态网站,如WordPress.ZBlogPHP.Typecho.emlog.Discuz!Q等,很少有建立纯静态网站.所以 ...
[Web]如何利用Boostrap框架搭建一个还可以的静态网站（五_子页_脱发指南）
文章目录返回总结整体效果组件人物介绍块内容介绍块代码独属CSS HairLossGuide.css html HairLossGuide.html 返回总结如何利用Boostrap框架 ...
[Web]如何利用Boostrap框架搭建一个还可以的静态网站（六_子页）
文章目录返回总结整体效果组件 vedio题目 vedio博主介绍 vedio vedio用户留言电子烟评测块辩论块代码 html ElectronicCigarettes.html 返回总 ...
[Web]如何利用Boostrap框架搭建一个还可以的静态网站（四_子页_戒烟小说）
文章目录返回总结整体效果思路组件轮播图排行榜轮播广告语广告空行小说块代码独属css SmokeNote_Style.css html SmokeNote.html 返回总结如 ...
[Web]如何利用Boostrap框架搭建一个还可以的静态网站（三_主页）
文章目录返回总结整体效果思路各个组件代码导航栏 LOGO 滚动时间标题线图词模块页脚代码独属css文件 indexCss1.css html代码 index.html 返回总结如 ...

最新文章

热门文章