欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

免费且快速地搭建个人网站

程序员文章站 2022-04-17 17:27:37
...

域名是怎么来的

免费且快速地搭建个人网站

这里我们先选择第二个,BAT中的A。
免费且快速地搭建个人网站
输入你想注册的域名,查询这个域名是否被别人注册了。

Tips:
我的域名是goileo.top,为了演示注册过程,显示未注册状态,所以这里以goileolee.top为例

免费且快速地搭建个人网站
域名注册成功后,需要进行实名认证。
不过你还得对它进行解析,这个我们下面详细说。

这时的域名什么都做不了,因为没有服务器,阿里的服务器可不免费。所以接下来介绍GitHub Pages。

免费的服务器 GitHub Pages

什么是GitHub Pages?

简单说,它能提供给你1G空间的存储,让你放东西,然后还能请求到。
免费且快速地搭建个人网站
接下来,登录github.com,点击右上方头像旁的加号new repository。仓库名字为固定格式:

你的名字.github.io
免费且快速地搭建个人网站

描述… 公开… 初始化README…
仓库创建好了,这时你可以写一个简单的index.html文件放到仓库里,然后在浏览器中输入:你的名字.github.io/试试。
如:http://goileolee.github.io
有神奇的效果…

域名与GitHub Pages相绑定

解析域名:

打开阿里云https://www.aliyun.com/
登录账号
打开控制台
点击解析
免费且快速地搭建个人网站

免费且快速地搭建个人网站
添加一个记录类型为CNAME,主机记录为@,记录值为github的仓库路径。

Tips:
记录类型和主机记录都有解释,很好理解。
记录值就是你希望请求域名跳转到的路径。
TTL值可以理解为缓存时间,这里是每10分钟刷新一次域名的记录值。
调试可以设置小点,正常使用后记录值不会轻易发生更改,可以将TTL值设置大一点。
免费且快速地搭建个人网站
看上图,主机记录决定了解析后的域名。如果需要实现带或不带www都能访问到网址,则建议同时添加一个主机记录为www的解析。
Tips:
这里注意一下:因为买域名的同时会有一个企业邮箱,Aliyun会默认生成邮箱的解析记录。
其中记录类型有txt和mx的,会影响到CNAME类型的解析。

免费且快速地搭建个人网站
免费且快速地搭建个人网站
阿里攻城狮大佬讲得很清楚了,所以删除TXT和MX类型的解析就好了。

为仓库(你的名字.github.io)添加CNAME文件

在仓库页面点击Create new file,创建一个新文件;
文件名为CNAME;
内容为刚刚申请的域名goileolee.top

Tips:
没有www,表示解析到http://goileolee.top
请求流程为:
http://www.goileolee.top –> http://goileolee.github.io –> http://goileolee.top

至此,完成绑定!

写在后头

现在已经可以通过访问自己的专属域名来打开指定网页。
我们的目的是搭建个人网站,不过,网站如何设计得需要前段技术HTML、CSS、JS,这就触及到我的知识盲区了。。哈哈,别急这里提供两种方式。

1、跳转到已有的博客

<script>
    href="http://blog.csdn.net/u012487644";
</script>

2、运用GitHub上开源的框架

在GitHub上搜jekyll、hexo即可。

引用至 如何免费且快速的搭建个人网站

相关标签: 搭建个人网站