一般搭建网站是需要域名+解析+服务器才能够让他人访问到自己创建的网站,但是我们可以通过将域名挂靠在github的服务器上就能够直接让别人进行访问。

首先来个总体的步骤
1.注册域名,设置域名解析
2.编写网站代码,并传到新建的代码仓库
3.注册登录GitHub账号,创建一个远程代码仓库(repository)
4.将域名和创建网站代码仓库相关联
最后,就可以访问了

详细步骤(注意的一些要点)

1.注册域名

想有一个能够让别人访问的网站, 最起码需要有一个自己的域名。
国内域名提供商:

  • 阿里云
  • 百度云
  • 腾讯云
  • 西部数码

我主要用阿里云进行介绍:
首先还是需要注册–>登录–>实名认证–>如果是学生还可以学生认证(有优惠)

接下来就是了解域名的有关知识和如何购买解析域名,域名学习路径 这里已经很详细的说明了步骤。大家跟着去做就好了,文字不够的话最底部还有视频来凑。

2.注册登录GitHub账号,创建远程代码仓库

相信这个大家都能够顺利操作,注册登录的话可以看 敲开 GitHub 的大门

我主要是说明创建代码库要注意的要点:

GitHub为每个注册的用户提供了一个专有的网址,所以Repository name 一定是[用户名].github.io这样的格式,并且设为Public,这样就能够将自己的域名和GitHub关联起来。

3.编写网站代码,并传到新建的代码仓库

此时就可以将自己写好的网站代码上传到代码库。
此处我就引用vno-jekyll的开源网站项目,暂且将其引用为例子。

注意:用户名/[用户名].github.io要对应一致。

接下来有一个很重要的步骤:

在该项目下新建文件,命名为CNAME,内容为你注册的域名。

这样我们就完成了前三步

4. 将域名和创建网站代码仓库相关联

我主要还是说注意事项:
解析域名
记录类型:CNAME
主机记录:@或者www均可
解析线路:默认
记录值:[用户名].github.io 很关键

5.最后一步,检测

首先我们要检查 域名是否工作,
其次再打开远程代码仓库的Settings,看GitHub Pages是否正常。

如果都没有问题,在浏览器地址栏输入:
http://主机记录值.域名
(例如http://crazyqiqi.top/),就可以转到自己的网站了。

搭建个人网站---域名+解析+github相关推荐

  1. 搭建个人网站--域名申请

    一.域名的定义 域名(Domain Name),是由一串用"点"分隔的字符组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位 ...

  2. 基于wowchemy和hugo搭建个人网站

    基于wowchemy和Hugo搭建个人博客 概述 1.环境准备 2.Fork Academic 主题repo到自己的github 3.修改本地仓库,进行配置和写文章 4.部署站点到github 更多详 ...

  3. 如何利用GitHub Pages免费搭建个人网站以及绑定自己的域名

    拥有自己的个人网站,无可否认是能增加学习Web开发的动力的. 本笔记记录使用GitHub Page,免费搭建个人网站,以及如何链接自己的域名. 写在前面:什么是GitHub Pages 根据官网的定义 ...

  4. 在Github上面搭建一个自己域名的Hexo博客

    前言 在一次看到别人的博客主页,觉得设计很漂亮.但是由于自己对于前台这块没什么办法,煞是羡慕.偶然中发现这种样式是在Github上面搭建的,使用的是Next主题.于是便想自己也搭建一个,于是便去就去查 ...

  5. GitHub+Hexo 搭建个人网站

    本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 一.创建GitHub Pa ...

  6. 基于GitHub搭建个人网站

    基于GitHub搭建个人网站 基于GitHub搭建个人网站 我的个人站点 https://github.com/wforguo 当你撸完一份自己的个人网站,然后想让别人去访问它, 怎么办?去买个服务器 ...

  7. 【网站搭建】vps购买、域名注册、ngnix安装一条龙搭建静态网站

    目录 1.摘要 2.vps的购买 3.域名的购买 4.nginx的部署 5.验收成果 1.摘要 之前的基于github/gitee 搭建的hexo静态网站虽然白嫖,但是不能满足域名的自定义选择,以及每 ...

  8. 如何搭建一个自己的网站-域名篇(上)

    咪哥杂谈 本篇阅读时间约为 7 分钟. 1 前言 今天来给大家介绍,域名篇. 随着互联网时代来临,浏览器成为了日常必备的电脑工具. 而域名,但凡用过浏览器的朋友都知道它长什么样. 比如百度: 那我们用 ...

  9. GitHub+Hexo搭建个人网站

    title: GitHub+Hexo 搭建个人网站详细教程 date: 2019-04-13 13:42:36 tags: 个人网站 categories: 技术 搭建步骤: 获得个人网站域名 申请域 ...

最新文章

  1. 学习几个“××在内存中占几份”的若干问题
  2. qt build错误
  3. 【Excel】日常记录
  4. boost::mpl模块实现pair_view相关的测试程序
  5. 面试不懂分布式锁?那得多吃亏
  6. php+node+redis,redis,nodejs,php,pub/sub 实战: 微信语音识别
  7. 山东栋梁机器人比赛_谁是最强“移动机器人”?来深技师这场全国大赛一决高下!...
  8. [转载] JAVA 构造函数及其重载
  9. ps cs3怎样能保存html,ps cs3用消失点清理杂物方法介绍
  10. 单一工作流的执行➕回滚框架初步想法(基于事件驱动模式)
  11. 让老外吐血而亡的中国汉字
  12. mysql 查看索引
  13. [转载] python staticmethod有什么意义_Python 中的 classmethod 和 staticmethod 有什么具体用途
  14. 001_02-python基础习题答案
  15. 读取文本作为输出字段
  16. 肖文吉mysql_疯狂软件教育中心肖文吉老师_MYSQL视频教程
  17. 【MySQL】数据库的函数使用
  18. md5update java_JAVA实现MD5算法
  19. 人生没有白走的路,走过的都算数
  20. 正常正则表达式(不允许为空)

热门文章

  1. 6 AI系统的伦理道德风险之道德判断的验证
  2. 文件损坏打不开怎么办?excel文件修复,看看这些解决办法
  3. 【芝麻信用对接】欺诈信息验证
  4. 读博士学位失败率有多高
  5. iOS如何让APP删除后不接受APNS推送消息
  6. 第六章 彩色图像处理
  7. 如何看待2018年6月27日阿里云崩溃?
  8. hypot函数、fmod函数
  9. 锂电池参数的一些概念结合一块具体电池参数表的理解
  10. 四个好看的CSS样式表格