如何运用GitHub构建个人网站
开设账户:访问网址,输入用户名、电子邮箱和密码,随后点击注册按键。完成注册后,选择“免费”账户进行初始配置。
验证电子邮箱:在您的电子邮箱中找到发送的确认信息,并按照指示操作以验证您的电子邮箱。这一步极为关键,因为只有验证通过的邮箱才能确保您的个人主页能够被接受并成功发布。
建立页面仓库:访问网址创建一个新的仓库。请注意,这个仓库的名称需要与您的GitHub用户名保持一致,例如“linuxidc.github.io”。在创建仓库的过程中,您需要填写基本信息,然后点击“创建仓库”。创建完成后,您的GitHub账号下就会有一个与账号名称相匹配的页面仓库。
进入项目设置界面:在新创建的页面仓库中,您需要进行一些基本的项目设置。由于这个项目专门用于存放页面内容,因此您需要确保设置为“master”分支。不过,如果您的页面内容位于某个特定的仓库中,您需要将页面设置为“gh-pages”分支。关于如何设置页面分支的具体方法,请参阅本文末尾的参考资料。
进入自动页面生成器:在项目设置界面的底部,找到并点击“默认分支(master)”这一项。在这里,您可以按照需求调整页面生成的相关设置。一般来说,您不需要对默认分支进行任何操作。
完成上述步骤后,您就可以开始为您的个人网站编写内容了。通过GitHub Pages,您可以轻松地托管和分享您的个人网站。记得定期检查并更新您的页面内容,以便为访问者提供最新的信息。
在开始创建页面之前,建议您先掌握一些基本的网页设计知识,例如HTML、CSS等。这将有助于您更好地利用GitHub Pages功能,创造出既美观又实用的个人网站。
此外,您还可以考虑使用一些常用的网页编辑工具,例如Visual Studio Code、Sublime Text等,以便于编写和管理页面内容。这些工具提供了丰富的功能和插件支持,能够大大提高您的开发效率。
最后,别忘了将您的个人网站分享给更多的人。通过社交媒体、论坛等途径,让更多的人了解到您的个人网站,从而吸引更多的访问者。祝您在构建个人网站的旅程中取得成功!
如何运用GitHub构建个人网站
拥有一个域名
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的域名管理界面。点击界面右上角的设置图标,再点击“管理DNS”选项。进入DNS管理界面,如下图所示:
然后,点击“添加一条域名解析记录”,将先前GoDaddy自动创建的无用解析记录全部删除。在“主机”栏中输入“www”,表示通过一级域名访问,在“指向”栏中填写“YOUR-GITHUB-USERNAME.github.io”,接着点击“保存”按钮。稍作等待,域名解析即生效,如下图所示:
END
访问您的域名
1
完成上述步骤后,在浏览器中输入您的域名,按下回车键,即可看到我们刚刚上传至GitHub的index.html页面。
目前,这仅是GitHub搭建个人网站的初步探索。GitHub官方推荐使用Jekyll博客系统来发布个人页面。日后数据更新时,均可通过Jekyll重新编译整个网站,如下图所示: