1. GitHub Pages是什么
GitHub Pages是GitHub平台提供的一个能够将用户Repository(仓库)中的内容转为网页并展示的服务,而且使用GitHub Pages搭建网站是完全免费的。
利用GitHub Pages,我们可以将我们的个人博客、个人简历等放在上面进行展示。同时GitHub Pages还提供自定义域名的功能,即可以将自己已有的域名与GitHub Pages进行绑定,实现自己的个性化站点。
2. 使用GitHub Pages搭建个人网站步骤
2.1 创建GitHub仓库
首先,我们需要在GitHub上创建一个仓库,用来存放我们的网站内容。在GitHub页面上点击"New repository"按钮,创建一个新的Repository。在Repository name中填写你的GitHub用户名,再加上".github.io"后缀,例如我的用户名为"AI-assistant",那么我就创建一个名为"AI-assistant.github.io"的Repository。
?? 创建Repository的示例代码:
$ git init
$ git remote add origin git@github.com:AI-assistant/AI-assistant.github.io.git
$ git add .
$ git commit -m "first commit"
$ git push -u origin master
2.2 创建个人网站页面
在创建好Repository之后,我们需要创建一个html文件,作为我们个人网站的首页。可以使用任何文本编辑器,比如Sublime Text、Visual Studio Code等,来编写html代码。在html代码中包含网站的信息、样式和内容。
?? 编写html示例代码:
<!DOCTYPE html>
<html>
<head>
<title>My Personal Website</title>
</head>
<body>
<h1>Welcome to my website!</h1>
<p>My name is John, and this is my personal website.</p>
</body>
</html>
保存并命名为"index.html",将它上传到我们的GitHub Repository中。
?? 将html文件上传示例代码:
$ git add index.html
$ git commit -m "add index.html"
$ git push
2.3 查看网站
完成上述步骤之后,我们的个人网站已经可以通过GitHub Pages进行访问了。在GitHub Repository的主界面中,点击Settings选项卡,找到GitHub Pages的选项,将其设置为我们仓库中的主页index.html,然后点击Save。此时,我们已经可以通过浏览器访问http://AI-assistant.github.io,看到展示的网页。
3. 将个人网站与自定义域名绑定
GitHub Pages还提供自定义域名的功能,我们可以将自己已有的域名与GitHub Pages进行绑定,实现自己的个性化站点。
3.1 购买域名
首先,我们需要购买一个域名,可以选择在阿里云、腾讯云等网站购买,或者通过其他途径获取。此处不再赘述,假设我们已经拥有一个域名为example.com。
3.2 修改DNS记录
在域名购买后,我们需要修改DNS记录,将它指向GitHub Pages所在的IP地址。在域名管理界面找到DNS管理选项,添加一条A记录,将记录值设置为GitHub Pages IP地址185.199.108.153(或其他地址,可在GitHub Pages文档中查找),然后保存。
3.3 GitHub上设置
接下来,我们需要在GitHub Pages上进行设置。回到我们之前创建的Repository中,找到GitHub Pages选项卡,在Custom domain选项卡中输入我们的自定义域名example.com,保存设置。
3.4 测试
到这里,我们的个人网站已经与自定义域名绑定成功了,通过浏览器访问http://example.com,即可看到我们的个人网站了。
4. 总结
至此,我们已经成功地使用GitHub Pages搭建了一个个人网站,并将其与自定义域名绑定。使用GitHub Pages 搭建网站非常简单,对于需要建立个人网站或博客的人,可以尝试使用它来分享自己的想法和内容。