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

最新推荐文章于 2022-11-11 21:18:01 发布

weixin_33675507

最新推荐文章于 2022-11-11 21:18:01 发布

阅读量77

点赞数

文章标签：移动开发

原文链接：https://juejin.im/post/5a336db96fb9a045146417b1

版权

转载请注明出处：https://juejin.im/post/5a336db96fb9a045146417b1

鸿洋 - www.zhanghongyang.com
郭霖 - www.guolin.tech
严振杰 - www.yanzhenjie.com
...
goileolee - www.goileo.top

这篇文章主要讲如何拥有自己的专属域名。你可以在属于自己的网页上展示你的github、微信、微博、QQ、Twitter、Email等信息，但主要是展示自己的作品。

玉刚大神说过：树立个人品牌：让名企hr们主动来找你

有了个人网站，可能就又多了一些学(zhuang)习(bi)的动力吧！所以，拥有自己的网站，算是迈出了第一步！

好吧~ 我的域名是这么来的...
这里我们先选择第二个，BAT中的A。

输入你想注册的域名，查询这个域名是否被别人注册了。

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

这里我选择了一个 .top的域名。什么？ “我为什么选.top后缀的？” 额... 这个问题就触及到我的资产盲区了。因为它是最“贵”的！！！

接下来，加入清单，结账。至此，这个域名就是你的了。域名注册成功后，需要进行实名认证。不过你还得对它进行解析，这个我们下面详细说。这时的域名什么都做不了，因为没有服务器，阿里的服务器可不免费。所以接下来介绍GitHub Pages。

GitHub Pages is a static site hosting service

这里有官方的解释 GitHub Pages - 传送门简单说，它能提供给你1G空间的存储，让你放东西，然后还能请求到。是不是很6...

GitHub Pages也有一些限制条件，我们主要用GitHub Pages来做个人站点，所以一切OK。不过也有人认为用GitHub Pages做个人网站是不道德的传送门

接下来，登录github.com，点击右上方头像旁的加号new repository。仓库名字为固定格式：

你的名字.github.io

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

添加一个记录类型为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，这就触及到我的知识盲区了。。哈哈，别急这里提供两种方式。

<script>
    href="https://juejin.im/user/59e41ae96fb9a044fe456805";
</script>
复制代码

我的站点用到的开源主题是基于Vno-jekyll框架的更改，我自己做了点修改，加了目录和关于两个页面。欢迎Fork，如果还不错记得点Star。我的小站 - http://goileo.top
我的GitHub - https://github.com/goileolee/goileolee.github.io

记录在此，仅为学习！
感谢您的阅读！欢迎指正！
欢迎加入 Android 技术交流群，群号：155495090。

关注