一步步在github上搭建自己的主页以及绑定域名

我们如果想要一个属于自己的网站,都需要买域名和服务器,然而,这些都需要人民币。下面我来和大家分享一个小技巧,来免费创建自己的网站。 在github上搭建起来自己的主页下面我们一起来看一下如何搭建。

在github上放自己的网页

(一) 首先自己要有一个github账号,那么去注册一个:https://github.com/join?source=login ,注册好了之后,我们进入github 。比如以前我注册的名称是 johnnynode 。

(二) 然后点击右上角的 “+”号 ,我们再次点击 “New repository”,好的,进入页面,我们填写Repository name ,填写的格式是 : 你注册的用户名.github.io, 比如我填写的是johnnynode.github.io 然后点击绿色的“Create repository” 按钮。我们就创建了一个自己的仓库了。不过里面啥都没有 ^_^…

(三) 然后我们就要把我们自己的主页放到github上了。首先我们需要有git工具 如果是windows,需要在环境变量里配置git,以确保我们可以使用git这个命令,我们可以用 git bash 或者 windows的 cmd 命令来完成 。

(四) 我们可以按照页面上的提示去操作,我经常习惯的就是先把那个刚创建的空仓库克隆下来,如果使用cmd,那么找个目录,按住键盘的shift键,鼠标右键,选择“在此处打开命令窗口”。

(五) 首先我们很有必要的配置一下全局参数

  • git config --global user.name ‘此处输入自已的名字‘
  • git config --global user.email ‘此处输入自已的邮箱地址‘

(六) 配置完成后,我们从仓库上把我们仓库的地址克隆到本地

  • 格式为:git clone ‘我的仓库地址‘ ‘我本地文件夹的名称‘
  • 示例为: git clone [email protected]/johnnynode.github.io.git johnnynode
  • 说明:此处之前,在github上我选择的是SSH的加密方式,所以我克隆的地址是这个: [email protected]/johnnynode.github.io.git ,在命令的最后是我要克隆后生成仓库文件夹的名称 : johnnynode,当然,你需要自己弄属于你自己的文件夹,克隆好后,我们就可以把我们的页面文件拷贝到这个文件夹下了,在这个文件夹下我们来建一个index.html文件。

(七) 我们通过cd命令进入这个文件夹。然后我们需要add和commit

  • 用命令 git add . 或者 git add -A 或者 git add -all 都行
  • 然后我们提交改动的文件 git commit -m ‘init commit‘ 此处不对git命令进行深究, 这个意思是把暂存区中的内容提交到仓库中,然后我们就可以往github上push了。

(八)往github上提交 我们使用命令 git push -u origin master 我们默认在master分支上操作,这个我们也不深究。等待提交完成后,我们刷新仓库的页面,发现我们的文件已经放到github上了。(如果在这个过程中遇到了问题,比如访问权限的问题,那么我们需要提供用户名和密码,如果想省略这步骤,需要自己去设置SSH and GPG keys 官网上有介绍,不做深究)

(九)上传完成之后的访问

  • 通过访问url格式为: “你的github的名称.github.io”
  • 示例:比如我的”johnnynode.github.io” 来欣赏我们的主页了。

绑定域名和github地址

如果我们买了一个自己的域名,那么我们只需要简单的做几步就可以把我们github上的主页和我们的域名进行绑定了。

(一) 在主项目里新建一个文件CNAME,没有后缀哦,然后在里面写上自己需要绑定的域名

  • 格式为:【自定义的名称.详细域名】
  • 示例为: johnnynode.3d-vision.tech
  • 备注不要www哦,johnnynode这是一个二级域名

(二)然后去域名提供商,比如阿里云上去设置

  • 找到域名,然后点击 “解析”
  • 记录类型我们选择CNAME的方式,注意不要选择A记录(A记录指向的是IP) 。
  • 然后修改主机记录
    • 格式为:你的github名称
    • 比如我的是 johnnynode
    • 备注:这是我们自定义的二级域名
  • 最后修改记录值
    • 修改格式为:你的github名称.github.io
    • 比如我的是:johnnynode.github.io
  • 点击保存要不了10分钟就解析成功了,一般会立即生效。

(三)访问域名

  • 通过 “你的github名称.你的主域名”
  • 比如我的 johnnynode.3d-vision.tech 就可以访问我们自己的主页了。
  • 备注:如果你访问的是github的地址(比如:http://johnnynode.github.io/),那么也会跳转到你刚刚绑定的域名地址。
时间: 2024-10-24 02:51:35

一步步在github上搭建自己的主页以及绑定域名的相关文章

在Github上搭建自己的博客(Windows平台)

折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点 和 csdn,新浪,网易相比,在Github上可以自己实现功能 和阿里云,VPS相比,github托管的代码是免费的 github上只能托管静态网页,后台有数据库的这种动态网站不能托管 你有一个Github的账号 懂一些基本的Web开发相关的知识 Ruby运行时,可以在Windows或者linux环境下进行安装 建站的过程 在github创建网站的代码库,名字必须为username

如何在github上搭建一个免费的 无限流量的静态网页博客Github pages

前言: 看到很多相关的教程,但是在实际操作的时候还是遇见了不少问题,这里记录分享一下我的操作流程.免费空间用过很多,博客也用过一些,听说了github后就想试着玩一下这个静态库,感觉挺不错的,操作也比较简单,可以放些demo觉得挺不错的,看自己的喜好来搭建吧~本文原创博客地址:http://www.cnblogs.com/unofficial官网地址:www.pushself.com) 1.注册github.com账户,具体操作不描述了,英文如果不是很好可以使用翻译软件 2.新开一个一个仓库(N

在Github上搭建个人的Hexo博客,并绑定域名及Https访问

Hexo是一个很简约的博客程序,可将其安装到Github上并使用Git二级域名进行访问,即是为咱们节流了服务器和域名本钱,同时还可以绑定伏笔VPS的域名访问,这里就说下详细搭建教程. 简介 Hexo是一个快速.简约且高效的博客框架.Hexo使用Markdown(或其他衬着引擎)解析文章,在几秒内,便可使用靓丽的正题天生动态网页. 搭建 1.建立Github账户阅读器进入https://github.com,注册一个账号,再openhttps://github.com/new建立一个项目.称号填G

使用Jekyll在Github上搭建博客

最近在玩github,突然发现很多说明网站或者一些介绍页面全部在一个域名是*****.github.io上. 好奇!!!真的好奇!!!怎么弄的?我也要一个~~~ 于是去网站上查询了一下,找到了https://pages.github.com/官方网站. 只可以写html静态页面.在最下方找到了一个github推荐的Jekyll. jekyll原网站是英文的,这里有个翻译的网站:http://jekyll.bootcss.com/.不过貌似有些日子没更新了,还是推荐看回官网. 于是,通过jekyl

使用hexo在github上搭建个人博客

文章目录 1. 建立博客源码仓库 2. 安装hexo 3. 安装hexo主题 4. 提交仓库 5. 建立gh-pages分支 6. 发布文章 7. 配置cname 8. 进阶:图片自动上传 这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://hmj.name 此教程适合我这种虽然在用github,却不懂git命令的文盲. 建立博客源码仓库 首先在github上创建一个空的仓库用来存放博客程序. 安装github windows客户端https://win

在Github上搭建自己的博客网站

程序员都应该有写博客的习惯,博客可以作为知识管理,提升自己.当然写博客的地方有很多,CSDN,博客园以及新浪,网易等等.但是如果使用Github Pages来搭建一个有自己域名的独立网站,会不会更加炫酷呢?当然这方面的教程网上也很多,这里主要是我自己实现后的经验总结和注意事项. 这是最完整的教程,虽然是针对Windows的,但是我在mac上一步步做下来也是可以实现的.大家也可以照着做.链接:http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-

GitHub上搭建个人网站

大致如下步骤: 1.注册Git账号 2.创建SSH keys 3.新建repository --- 4.设置网站 5.clone库到本地 6.提交.上传 7.预览 本教程默认你了解GitHub的基础之上 会使用基本命令,如果不了解 前三步可参考文章: GitHub入门教程   GitHub创建SSH Keys 一.新建repository(仓库),如下 填写名称,描述信息 其他默认 然后提交即可. 二.设置网站 Create之后跳转新页面,点击右方Settings设置 在Options选项卡中我

github上搭建网站前台页面

其实就是把html页面提交到github,为了能在线演示: 1. 首先在github网站找到你的项目 2. 点击设置 3. 找到这几个选项,选择master branch打钩,然后保存 4. 然后就会提示你,你的网站可以发布了,地址就是后面那个,图中myweb是我的一个库也就是文件夹的名字,你想打开里面的哪个网页,就在后面加上网页的名字xxx.html就可以了,so easy! 说明:github只能显示前台页面,后台逻辑是没有的,所以只能用于展示页面,数据库操作是不支持的.

利用Github免费搭建个人主页(转)

搭建过程涉及: Github注册 Github搭建博客 域名选购 绑定域名 更多 一.  Github注册 在地址栏输入地址:http://github.com/join填写相关信息, 按步骤完成即可. 这样, 你就拥有了属于自己的Github账号了. 很简单吧~ GitHub · Build software better, together.           So Cool! 二. Github搭建博客 配置和使用Github 以下教程主要参考beiyuu的<使用Github Pages