github怎么搭建个人网站

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 搭建网站非常简单,对于需要建立个人网站或博客的人,可以尝试使用它来分享自己的想法和内容。