使用GitHub打造你的个人主页,如何使用github搭建

2019-11-26 16:35 来源:未知

1、去github官网注册个人帐号:没有的:猛戳这里去注册,比如我的账户名:wjf444128852,我的已经汉化(可在github里搜索github如何汉化有插件)

转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003

介绍下本文的内容,首先使用GitHub Pages来搭建主页,然后购买一个域名,把域名解析到主页,就可以直接通过域名来访问个人主页了。看下最终的效果,在浏览器地址栏输入域名www.yangle.tech,即可访问个人主页。

图片 1

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

图片 2个人主页

2、点击仓库-新建,仓库名字必须是:你的github帐号.github.com或者.io

对我的博客感情趣的同学可以加我博客左侧的群来一起交流学习,共同进步。本篇博客公有三个目的,同样也会举三个实际操作的例子来和大家一起玩Github pages。

首先在GitHub上新建一个仓库,仓库名称规则为:你的GitHub账号.github.io,点击Create repository创建。

3、在该仓库下创建index.html(可以用js/css等),如我的,看目录

第一个目的,有的开发者平常会做自己的网站,大部分是还是买的空间吧,有人买的阿里云、新浪SEA或者linode、aws加nginx,今天看完这篇博客,你就可以用Github Pages免费搭建自己的主页了。

图片 3新建仓库

图片 4

第二个目的,如何在Github为自己的帐号(个人或者组织)搭建个人主页,比如我的Github地址是:https://github.com/yanzhenjie,我为自己的帐号搭建的主页就是https://yanzhenjie.github.io。

创建好仓库后,需要将仓库克隆到本地,在根目录新建一个index.html文件,将下面的html代码复制到文件中,然后使用Git提交一下,推送到GitHub上。

4、浏览器访问:github帐号.github.io,就是你的那个index.html,如我的猛戳这里wjf444128852.github.io

第三个目的,如何为自己在Github上的开源项目搭建项目主页,比如我的开源项目NoHttp的Github地址是:https://github.com/yanzhenjie/NoHttp,我为NoHttp搭建的项目主页就是https://yanzhenjie.github.io/NoHttp。 

<html><body><h1>我的个人主页</h1></body></html>

5、你得熟悉git命令行操作,可以本地向这个远程仓库推送内容,这里不说自行百度去摸索。

(由于篇幅太长,如何为自己在Github上的开源项目搭建项目主页传送门。)

到这里一个简单的主页就搭建完成了,默认地址是alidili.github.io,打开浏览器输入地址就会直接显示index.html中的内容。我的主页是在网上找的模板改的,了解网页设计的同学也可以自己发挥一下,替换掉刚才的index.html文件就可以了。

 

我的个人主页就放在Github Pages并且绑定了我的域名:yanzhenjie.com,非常好记:严振杰.com,是不是一下就记住了,如果没有请再记一次,记不住就不要往下看了,哈哈哈开个玩笑啦。

图片 5我的个人主页

Github Pages是什么

首先需要注册一个域名,我是在万网注册的,戳这里进入,搜索你想要注册的域名,如果提示未注册的话就可以直接购买了。购买完成后,进入万网的管理控制台,选择云解析DNS,找到你已经购买的域名,点击解析。

Github Pages主页:https://pages.github.com,其实官网这里已经有教程了,怕好多同学看不懂,所以来一篇博客。 

图片 6云解析

Github Pages是什么,来自官网的解释:https://help.github.com/articles/what-are-github-pages,不想打开官网的人看图片:

点击添加解析

不要夸我,我就是这么贴心,提大家翻译好了中文版: 

图片 7域名解析

图片 8

  • 主机记录,填写下面两种记录就可以了

    www:将域名解析为www.example.com。

    @:将域名解析为example.com。

  • 记录值填写151.101.100.133,或者ping一下你的主页地址。

    ping alidili.github.io

  • 其余选项直接默认就可以了

按我的理解,Github Pages是Github免费提供给开发者的一款托管个人网站的产品,这绝对是个好东西啊。目前来看只能托管静态内容,但是这已经足够我们用了,如果咱发挥的好,犹如鲤鱼跃龙门啊。

注意:域名解析设置完成后不会立即生效,可以按照万网上的方法修改公共DNS,让解析设置实时生效。

Github Pages怎么玩

在仓库的根目录新建一个CNAME文件,内容为www.yangle.tech,然后提交,推送到GitHub上。

我刚开始做这事之前也不知道怎么办,我有个习惯就是对于不明白的事情习惯去官网看帮助,于是乎我看了Github Helper:https://help.github.com/,我看到这里的时候心中大喜,其实这就是教程,不够是英文版的,喜欢的同学也可以直接去看:

图片 9CNAME

图片 10

到这里域名就设置完成了,域名设置生效后,就可以通过域名访问你的主页了。

我是一步步看过来的,为了不浪费大家时间,我们只要看这条就行:User, Organization, and Project Pages。这里我把最重要的信息贴出来:

在仓库的根目录新建jianshu.html,内容如下:

图片 11

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><script>function browserRedirect() { window.location.href="http://www.jianshu.com/users/34ece31cd6eb/latest_articles";}browserRedirect();</script></html>

看到这里我就基本猜到了要怎么做了,后面的就不一一带各位看了,我直接说原理。Github的个人主页是可以绑定一个域名的,后面带各位看官一步步实现。在没有绑定自己的域名之前,这里的地址都是有规律的,比如我的帐号是yanzhenjie,那么我的主页地址就是yanzhenjie.github.io,比如我的帐号是xxoo,那么我的主页地址就是xxoo.github.io;比如我的项目叫NoHttp,那么项目对应的地址就是yanzhenjie.github.io/NoHttp。如果你是组织帐号也一样。

推送到GitHub后,在浏览器地址栏输入www.yangle.tech/jianshu即可跳转至简书,这样就相当于你的简书有了一个专属的地址。

用Github Pages为自己的帐号搭建个人主页

感谢:

做这件事首先你得有一个Github的帐号,没有的人去Github申请一个吧,作为一个程序员我擦。如果你已经有一个Github的帐号了那么恭喜你继续往下看。

新建个人主页的仓库

打开Github首页,登录后新建一个仓库,这里再次提醒要注意仓库的名称,比如我的帐号是yanzhenjie,那么仓库名称应该是:yanzhenjie.github.io。 

图片 12

按照如步骤创建仓库:

图片 13

添加个人主页仓库内容

TAG标签:
版权声明:本文由金沙澳门官网4166发布于文物考古,转载请注明出处:使用GitHub打造你的个人主页,如何使用github搭建