使用域名+ Github Pages,免费搭建个人网站 (给小白的保姆级教程)

简介: 给大家分享一下,我的具体操作步骤,小白也能看得懂~

dns解析.jpg

大家好,这里是Python程序员晚枫。

每位程序员和技术爱好者,想必都想搭建一个属于自己的个人网站吧?

我自己使用【腾讯云DNS解析 + GitHub Pages】,免费创建了一个个人网站:www.python-office.com
今天我就给大家分享一下,我的具体操作步骤,小白也能看得懂~

打开Github仓库的Pages功能

GitHub pages.png

打开Pages功能的步骤如上图所示,每一步的具体内容是:

  1. 打开自己的任意一个GitHub仓库,例如我自己的是:python-office
  2. 点击右侧的settings
  3. 点击侧边栏的Pages
  4. 选择存放个人网站代码的分支和文件夹,建议:gh-pages分支的docs文件夹(便于区分源代码和打包的代码)
  5. 在custom domin这里,填写接下来要通过【DNS解析】的域名,点击Save保存即可。例如我的是:www.python-office.com

配置腾讯云DNS解析

这里是非常关键但又简单的一步啦~如下图所示:
dns解析.png

本来配置DNS解析是一个复杂的过程,但是腾讯DNS解析帮我们简化了配置步骤。你只需要:

  1. 打开DNS解析的官网:传送门,选择蓝色按钮:添加记录
  2. 按照图中内容,填写一模一样的2条解析记录
  3. 记录类型选择CNAME
  4. 注意:记录值这里,填写你的GitHub用户名.github.io,例如我的GitHub用户名是CoderWanFeng,所以我这里填写的是coderwanfeng.github.io(填写保存后,系统可能会自动给末尾加个.,不影响解析)

小结

到这里,你自己免费的个人网站就搭建完成,可以正常访问了。是不是非常简单?

赶紧去试试!如有疑问,欢迎在评论区和我交流~

相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
1月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
115 1
|
6月前
|
域名解析 Kubernetes 网络协议
k8s教程(service篇)-pod的dns域名
k8s教程(service篇)-pod的dns域名
764 0
|
1月前
|
域名解析 弹性计算 Linux
阿里云购买云服务器、注册域名、备案及绑定图文教程参考
本文为大家介绍了2024年购买阿里云服务器和注册域名,绑定以及备案的教程,适合需要在阿里云购买云服务器、注册域名并备案的用户参考,新手用户可通过此文您了解在从购买云服务器到完成备案的流程。
阿里云购买云服务器、注册域名、备案及绑定图文教程参考
|
1月前
|
缓存 网络安全 开发工具
【尝试】域名验证:配置github二级目录下的txt文件
【尝试】域名验证:配置github二级目录下的txt文件
41 2
|
1月前
阿里云域名注册流程和备案流程(详细图文教程)
阿里云域名注册指南:访问[阿里云域名注册入口,查询并注册心仪域名,如.com/.cn,加入清单后结算。价格因后缀而异,如.com首年78元。创建信息模板进行实名认证,首次需上传资料。获取域名优惠口令并使用,详细步骤见文档。备案流程参照阿里云ICP备案系统。
755 2
|
1月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
131 0
|
1月前
|
域名解析 网络协议 大数据
阿里云域名购买与域名解析使用教程(图文教程)
该文档是关于在阿里云注册账号、购买域名及进行DNS解析的步骤指南。首先,需注册阿里云账号并进行实名认证,建议选择企业认证以便获取企业发票。接着,通过阿里云域名注册页面检查并购买未被注册的域名,将域名添加至购物车并完成支付。购买后,在云解析DNS界面进行实名认证,然后对域名进行解析设置,选择A记录类型,填写主机记录(如www),记录值为云服务器的IP地址,设置TTL,并校验解析是否成功。最后,文中还提及了如何在云服务器上进行实例名称的修改和查看服务器状态等操作。
|
1月前
使用github制作个人网站或者博客
使用github制作个人网站或者博客
15 0
|
6月前
|
JavaScript 开发工具 git
保姆级教程:从零构建GitHub Pages静态网站(下)
保姆级教程:从零构建GitHub Pages静态网站(下)
198 0
|
6月前
|
前端开发 JavaScript
保姆级教程:从零构建GitHub Pages静态网站(上)
保姆级教程:从零构建GitHub Pages静态网站
2113 0

热门文章

最新文章