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

转载 2018年01月03日 00:00:00

640?wx_fmt=png&wxfrom=5&wx_lazy=1


今日科技快讯


针对近日坊间流传的“我们天天在看你的微信”一说,微信团队今天发表声明重申三条用户隐私原则:1、微信不留存任何用户的聊天记录,聊天内容只存储在用户的手机、电脑等终端设备上;2、微信不会将用户的任何聊天内容用于大数据分析;3、因微信不存储、不分析用户聊天内容的技术模式,传言中所说“我们天天在看你的微信”纯属误解。


作者简介


本篇来自 GoileoLee 的投稿,分享了如何拥有自己的专属域名,大家赶紧试试看!

GoileoLee 的博客地址:

http://blog.csdn.net/u012487644


前言


这篇文章主要讲如何拥有自己的专属域名。你可以在属于自己的网页上展示你的 github、微信、微博、QQ、Twitter、Email等信息,但主要是展示自己的作品。玉刚大神说过:树立个人品牌,让名企hr们主动来找你!

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


域名怎么来的


0?wx_fmt=png

好吧~ 我的域名是这么来的......

这里我们先选择第二个,BAT 中的 A。

0?wx_fmt=png

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

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

0?wx_fmt=png

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

接下来,加入清单,结账。 至此,这个域名就是你的了。

域名注册成功后,需要进行实名认证。 

不过你还得对它进行解析,这个我们下面详细说。

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


 免费的服务器 GitHubPages


什么是 GitHub Pages?

GitHub Pages is a static site hosting service。

这里有官方的解释 GitHub Pages - 传送门 :

https://help.github.com/categories/github-pages-basics/

简单说,它能提供给你1G空间的存储,让你放东西,然后还能请求到。是不是很6…

0?wx_fmt=png

GitHub Pages也有一些限制条件,我们主要用GitHub Pages来做个人站点,所以一切OK。

不过也有人认为 用GitHub Pages做个人网站是不道德的 传送门:

https://www.zhihu.com/question/20717014

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

你的名字 .github.io

0?wx_fmt=png

描述… 公开… 初始化 README…  

仓库创建好了,这时你可以写一个简单的 index.html 文件放到仓库里,然后在浏览器中输入:你的名字 .github.io/ 试试。 如:

http://goileolee.github.io

有神奇的效果…


域名与GitHubPages 相绑定


解析域名

  • 打开阿里云

  • 登录账号 

  • 打开控制台 

  • 点击

0?wx_fmt=png

0?wx_fmt=png

添加一个记录类型为 CNAME,主机记录为@,记录值为 github 的仓库路径。

Tips: 记录类型和主机记录都有解释,很好理解。 记录值就是你希望请求域名跳转到的路径。 TTL 值可以理解为缓存时间,这里是每10分钟刷新一次域名的记录值。 调试可以设置小点,正常使用后记录值不会轻易发生更改,可以将 TTL 值设置大一点。

0?wx_fmt=png

看上图,主机记录决定了解析后的域名。如果需要实现带或不带 www 都能访问到网址,则建议同时添加一个主机记录为 www 的解析。

Tips: 这里注意一下:因为买域名的同时会有一个企业邮箱,Aliyun 会默认生成邮箱的解析记录。 其中记录类型有 txt 和 mx 的,会影响到 CNAME 类型的解析。

0?wx_fmt=png

0?wx_fmt=png

阿里攻城狮大佬讲得很清楚了,所以删除 TXT 和 MX 类型的解析就好了。


为仓库添加 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,这就触及到我的知识盲区了。。哈哈,别急这里提供两种方式。

  • 跳转到已有的博客:

http://blog.csdn.net/u012487644

  • 运用GitHub上开源的框架 

在GitHub上搜 jekyll、hexo 即可。

我的站点用到的开源主题是基于 Vno-jekyll 框架的更改,我自己做了点修改,加了目录和关于两个页面。欢迎 Fork,如果还不错记得点 Star。 

网站的主页效果如下图:

0?wx_fmt=png

我的小站地址

http://goileo.top

我的GitHub

https://github.com/goileolee

感谢您的阅读!欢迎指正!


欢迎长按下图 -> 识别图中二维码

或者 扫一扫 关注我的公众号

640.png?

0?wx_fmt=jpeg

利用Github建立你的个人网站

这两天用了Github建立了自己的个人主页, 网址为 hyman1994.com。 感兴趣的朋友可以访问一下,欢迎您的指导意见和建议! 流程总结: 1.注册自己的github账户,名为XXX ...
  • u012422829
  • u012422829
  • 2015年05月31日 10:26
  • 21260

GithubPages教程 在GithubPages上搭建个人主页

对我的博客感情趣的同学可以加我博客左侧的群来一起交流学习,共同进步。本篇博客公有三个目的,同样也会举三个实际操作的例子来和大家一起玩`Github pages`。第一个目的,有的开发者平常会做自己的网...
  • yanzhenjie1003
  • yanzhenjie1003
  • 2016年06月18日 00:30
  • 34358

如何利用github搭建一个个人网站

一、Github Pages的使用 1、首先你得有一个Github账号,没有的话去github.com注册一个; 点击Sign up for Github进入注册页面 2、有了账号以...
  • wangyj1108
  • wangyj1108
  • 2016年05月18日 15:28
  • 12238

在github上搭建个人网站

在github上搭建个人网站标签 : hexo github 个人网站 2017-05在github上搭建个人网站 安装 git nodejs npm 建立github仓库 安装hexo Hexo命令...
  • qq_21165007
  • qq_21165007
  • 2017年05月20日 21:15
  • 1327

最简单的github搭建个人网站及访问html文件

写在前面:本文内容如题,没有乱七八糟的步骤,最简单的搭建个人网站,想要展示更多的个人能力,经验,经历,在简历上放上自己的个人网站链接无疑是一种比较好的方式。前端对服务器要求不是太高,主要是找个平台给我...
  • OBKoro1
  • OBKoro1
  • 2017年03月28日 13:43
  • 3422

在GitHub上建立个人主页的方法

GitHub就不需要介绍了,不清楚可以百度一下。只说目前GitHub是最火的开源程序托管集中地了,连PHP的源码都在GitHub上面托管了(https://github.com/php )。 G...
  • jaketseng
  • jaketseng
  • 2013年05月13日 15:49
  • 29648

使用github搭建自己的个人网站(装逼指南)

使用github搭建个人网站
  • Bright2017
  • Bright2017
  • 2017年04月28日 19:23
  • 4377

Github建立自己的个人网站,不需要买域名啦!

不想买域名,但是有想建立自己的个人网站,让其他人通过网络看到,嘿嘿,今天这篇文章可以帮你你yo呦,全部手打,亲自操作,希望能够帮助大家...
  • Apolo_
  • Apolo_
  • 2016年04月16日 11:50
  • 3722

如何用github搭建自己的个人网站

如何用github搭建自己的个人网站
  • u012075670
  • u012075670
  • 2017年01月17日 10:50
  • 3925

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

域名怎么来的 好吧~ 我的域名是这么来的...... 这里我们先选择第二个,BAT 中的 A。 输入你想注册的域名,查询这个域名是否被别人注册了。...
  • zz901214
  • zz901214
  • 2018年01月04日 16:12
  • 149
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:教你免费且快速地搭建个人网站
举报原因:
原因补充:

(最多只允许输入30个字)