如何用github搭建个人网站

 我来答
七彩虹科技有限公司
2017-06-27 · 为您提供更好的产品和服务
七彩虹科技有限公司
七彩虹科技成立于1995年,中国著名的DIY硬件厂商, 亚太区最重要的显示卡提供商之一。专注于IT硬件产品研发、生产和销售,致力于为个人和企业用户提供最具创新与实用价值的硬件产品及应用方案。
向TA提问
展开全部
拥有一个域名

1
首先需要拥有一个自己的域名,下面以GoDaddy为例,讲述如何购买一个个人域名。打开GoDaddy中文官网,如下图所示:

2
登录这个网站,如果没有账号,先创建账户,然后登录。搜索你想要的域名,如下图所示:

3
我买的域名是7元人民币,自己玩一下,没有必要买那么好的域名,如下图所示:

4
付款的时候选择国内更接地气的支付宝即可,如下图所示:

5
付款成功三分钟左右,域名准备工作就全部做好了。可以对域名进行管理了。现在先不设置,放在后面的步骤进行设置,如下图所示:

END
拥有一个GitHub账号

1
互联网崇尚自由与分享。GitHub是一个全世界程序员聚集起来的地方,大家互相分享自己的代码,提升别人,也提升自我。大家都在为着开源社区努力着。因为我从开源项目中学到很多知识,所以我也非常愿意分享我的所见所得所学。
如果没有GitHub账号就先去注册一个吧,有的话,直接登录即可,后面的操作都要用到GitHub。
END
GitHub上新建个人网站项目

1
新建一个仓库
登录GitHub之后,在页面右上角点击+加号按钮,点击New repository,如下图所示:

2
由于我们是新建一个个人网站项目,所有仓库的名称需要安装GitHub个人网站项目的规定来写。 规则就是:
YOUR-GITHUB-USERNAME.github.io
比如我的GitHub用户名是ganecheng,那我就要填写ganecheng.github.io。然后选择公开模式,接着点击创建仓库按钮,如下图所示:

3
创建成功之后,进入了项目主页面。点击设置按钮,如下图所示:

4
进入之后,滚动页面到下方。点击页面自动生成器按钮,如下图所示:

5
点击右下方继续去布局按钮,如下图所示:

6
选择一个模板,点击发布页面按钮。
这个时候,你就可以通过YOUR-GITHUB-USERNAME.github.io来访问此页面了,如下图所示:

END
上传个人网页到GitHub

1
自动生成页面,肯定不符合我们的要求,我们希望能够自己设计自己的个人网站。我们可以自己编写一个网页文件,命名为index.html。然后上传到GitHub个人网站项目上。这里为了节约时间,可以先下载我的个人网站项目代码,然后修改为你的网页上传到GitHub。
下面介绍详细步骤。
进入某个项目,然后下载源码。解压之后,拿到里面的index.html文件,如下图所示:

2
然后进入自己的个人网站项目主页YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME.github.io。点击上传文件按钮,进入上传文件页面,将index.html文件拖入蓝色大圈圈区域,点击提交按钮即可提交成功。此时打开网址YOUR-GITHUB-USERNAME.github.io就可以看到主页已经改变为我们自己的网页了,如下图所示:

END
域名CNAME到个人网站项目

网页上传成功了,我们不想一直通过YOUR-GITHUB-USERNAME.github.io来访问我们的个人网站,而是希望通过自己的域名来访问。
下面讲述详细步骤。
点击我们的个人网站项目设置选项卡,滚动到下面,就会发现一个自定义域名卡片。输入我们前面在GoDaddy上买的域名,然后点击保存,如下图所示:

接着我们还要将我们的域名解析到这个个人网站项目上。打开GoDaddy域名管理页面。点击右上角设置图标,点击管理DNS按钮。进入到DNS管理页面,如下图所示:

接着,点击添加一条域名解析记录,之前GoDaddy自动添加的没用的解析可以全部删掉,主机填写www,代表你是一级域名来访问,指向填写YOUR-GITHUB-USERNAME.github.io,然后点击保存按钮。稍等片刻,域名解析就会生效,如下图所示:

END
访问你的域名

1
所有这些步骤做完之后,在浏览器里输入自己的域名,回车键一按,就会返回我们刚刚上传到GitHub的index.html页面了。
这里只是入门了GitHub搭建个人网站的功能,GitHub官方推荐Jekyll博客系统来发布自己的页面。以后有数据更新,都可以通过Jekyll来重新编译整个网站,如下图所示
善忻欢49
2019-11-16
知道答主
回答量:44
采纳率:0%
帮助的人:8.1万
展开全部

现在GitHub已经开放建站了,先去注册一个github账户,然后新建一个仓库,仓库设置里有一个网站设置的,具体可以去看看别人的教程。《GitHub建站以及WordPress文章迁移》

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式