域名+解析+GitHub搭建个人网站

最新推荐文章于 2025-06-27 01:47:37 发布
最新推荐文章于 2025-06-27 01:47:37 发布
阅读量843 收藏 12
点赞数 3
CC 4.0 BY-SA版权
文章标签： 个人网站 GitHub 域名
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qbt11855/article/details/86099414
本文详细介绍如何通过GitHub Pages和自购域名创建个人网站或博客。无需服务器，操作简单，适合无经验用户。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

域名+解析+GitHub搭建个人网站

版权声明：本文为lweet_han的原创文章，可以转载，但请务必注明作者和出处

摘要

本文主要介绍如何申请注册域名，使用GitHub上的开源项目来搭建一个网站/个人博客。由于无需购买服务器，所以没有数据库访问，很适合建立自己的博客或者个人网站，而不适合大型网站。本方法已经经过作者实际验证，真实有效，操作简单，适合没有任何网站开发经验的小白。

最终效果

1.购买域名（必须先要实名认证）
2.注册GitHub账号，并创建一个代码仓库（repository）
3.将域名和刚创建的网站代码仓库相关联

具体步骤

1.购买域名

向域名提供商购买域名。作者熟悉的域名提供商：
国外：godaddy
国内：腾讯云、阿里云
其余的可以百度/谷歌一下。申请方法步骤和步骤大同小异。
由于作者还是在校生，针对在校生腾讯云和阿里云都提供了相应的优惠，在校生可以关注一下他们的优惠信息。godaddy也有一些优惠码，购买域名之前可以搜索一些优惠码。
这里我选择的是阿里云，注册-登录
之后点击产品、在其中搜索域名、并点击域名注册在这里插入图片描述 在这里你可以搜索你想要的域名。
在这里插入图片描述选中一个加入购入车进行购买，首先必须实名认证，未实名认证的要先去按照步骤去实名认证。（优惠口令可以不填）
在这里插入图片描述

2. 注册GitHub账号，并创建一个代码仓库（repository）

GitHub是什么？

GitHub是一个利用Git进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务,很多人都把它称作程序员的同性交友网站,具体为啥这么叫我也不知道

GitHub pages是什么？

Github Pages设计的初衷是为托管在GitHub上的项目提供介绍页面,开发者们可以通过GitHub Pages为他们的每一个项目创建一个用于介绍该项目的静态网站,不过由于他的空间免费而且稳定,因此用它搭建一个个人网站是再好不过了.

  • 官方解释

GitHub Pages is a static site hosting service designed to host your personal, organization, or project pages directly from a GitHub repository.

You can create and publish GitHub Pages sites online using the Jekyll Theme Chooser. Or if you prefer to work locally, you can use GitHub Desktop or the command line.

GitHub Pages is a static site hosting service and doesn’t support server-side code such as, PHP, Ruby, or Python.

To learn more about the different types of GitHub Pages sites, see “User, organization, and project pages.”

  • 使用权限（Usage limits）

    GitHub Pages source repositories have a recommended limit of 1GB .

    Published GitHub Pages sites may be no larger than 1 GB.

    GitHub Pages sites have a soft bandwidth limit of 100GB per month.
    GitHub Pages sites have a soft limit of 10 builds per hour.

  • GitHub页面源存储库的推荐限制为1GB。

  • 发布的GitHub页面站点可能不大于1 GB。

  • GitHub页面站点的软带宽限制为每月100GB。

  • GitHub页面站点的软限制是每小时10个构建。

首先按照提示创建一个用户

在此，我已经有GitHub账号了，就不做演示了，大家可以按照提示进行注册。

创建一个代码仓库（Repositories）

大家可以点击这创建一个代码仓库，由于我已经创建一个代码仓库了，所以中间没有显示，如果你是第一次注册、登录的可能会在中间部分提示你创建代码仓库，总之，认准这几个单词就不会错。
在这里插入图片描述在此处写上你的代码名，必须以.github.io结尾
在这里插入图片描述可以在这里选择创建新文件或者加载已经存在的文件
在这里插入图片描述

3. 将域名和刚创建的网站代码仓库相关联

GitHub为每个注册的用户提供了一个专有的[用户名].github.io（只有一个）这样一个网址，你就可以使用它来和自己购买的域名相关联。之所以不需要购买服务器或者云主机，原因就在GitHub服务器会帮你托管这个[用户名].github.io所用到的全部代码，自动运行。

  • 倒数第二步
    在该项目下新建文件，命名为CNAME,内容为你的域名。
    在这里插入图片描述在这里插入图片描述
  • 最后一步
    到自己的域名管理控制台>>点击解析>>进入如下页面，添加如下信息：
    记录类型：CNAME，主机记录：www，记录值一定要是[用户名].github.io，TTL：从下拉选项中选择一项。
    在这里插入图片描述在这里插入图片描述

代码仓库中的代码

代码仓库中的代码须为静态代码、可以自行去百度很多关于静态代码的例子，在此不多做介绍。

解析成功。你的网站就建立成功了。在浏览器地址栏输入：http://主机记录值.域名（例如www.baidu.com）就可以转到自己网站

本文参考域名+解析+GitHub来搭建自己的个人网站并在此的基础上对其做了修改，适用于有前端基础却并不会搭建个人网站的朋友。

版权声明：本文为lweet_han的原创文章，可以转载，但请务必注明作者和出处

lweet_han
关注
利用GitHub搭建自己的第一个个人网站（新！！！）
ICY___的博客
02-27 6497
几天前，迫不及待的想让自己的个人网站项目上线，请教了老师，经过老师和度娘和谷歌翻译的帮助，终于能利用GitHub的二级域名访问了，下面将从零开始，介绍搭建方法。 准备工具： 谷歌浏览器（建议，因为里面的翻译真的好用）、一个写好基本页面的个人网站、一颗平静稳定的心 开始搭建 首先注册github账户（百度或者谷歌都可以） 点击进入，创建github账号（需要邮箱QQ邮箱也可以） ...
Hexo+GitHub 快速搭建个人博客（二）---- 域名解析
一串代码的博客
04-05 912
前期准备： 备案的国内域名或者国外域名 （后面会解释为什么，这里以阿里云域名为例） 一、将个人域名与GitHub博客绑定 我们在Hexo目录下的source子目录内创建一个txt文件，内容写自己的域名，这里可以是一级域名也可以是二级域名，我这里用了我的一个二级域名 命名为CNAME（必须大写） 执行命令，再次部署。 hexo clear hexo g hexo d 该文件会...
搭建个人网站---域名+解析+github
CrazyQiQi的博客
03-17 3623
一般搭建网站是需要域名+解析+服务器才能够让他人访问到自己创建的网站，但是我们可以通过将域名挂靠在github的服务器上就能够直接让别人进行访问。 首先来个总体的步骤 1.注册域名，设置域名解析 2.编写网站代码，并传到新建的代码仓库 3.注册登录GitHub账号，创建一个远程代码仓库（repository） 4.将域名和创建网站代码仓库相关联 最后，就可以访问了 详细步骤（注意的一些要点） ...
62K Star！这款GitHub项目可免费无实名注册域名，这你能信？已20万+人亲测能用！
最新发布
技术Z先生的博客
06-27 1455
之前文章分享过如何免费获取SSL证书（），不过安装SSL证书的前提是先要有自己的域名，目前各大云厂商（阿里云、腾讯云等）都支持域名购买，虽然购买价格不贵，但是域名做了任何违规操作都会立马被追踪到，一不小心就容易被约谈整改，甚至整个域名全部被禁用！今天要和大家分享的是一款颠覆传统域名厂商的开源项目，不仅可以免费注册主流域名，而且无需实名认证，目前已经有20万+用户使用它免费注册了自己域名！支持的域名后缀。
域名+解析+GitHub来搭建自己的个人网站
曼巴童鞋-博客
09-18 2544
文章主要介绍域名解析，使用GitHub上的开源项目来搭建一个个人博客。并不需要购买服务器，没有数据库访问，适合搭建自己的博客或者个人网站，不适合大型网站
将域名从服务器解析到github page上
StriveZs'Blog
06-06 1276
将域名从服务器解析到github page上 首先停用掉自己之前的所使用的的子域名 然后将列表中关于服务器解析的相关记录去除掉防止出现冲突 然后修改github上项目配置将著名设置为++www.stirvezs.com++. 修改hexo中的配置文件将url：改为www.strivezs.com 在域名管理里面添加域名解析 主机记录：www 用于www.strivezs.com的访问 主机记录：@ 用于strivezs.com的访问 使用hexo c&&hex
自定义域名解析到github page
resonLei的博客
03-29 5709
前言相信在博客界，hexo是大家并不陌生的东西了。通过hexo+github我们可以快速的搭建自己的博客平台，而且可以自由的定制网站的风格。这一切，github page给我们提供了免费的服务。具体的通过hexo+github来创建个人主页的过程就先不介绍，如果有人需要的话，后期再写一篇关于这个的文章来详细介绍，本文建立在我们已经有了github的主页。开始1.在github上面绑定自己的域名找到自
基于Hexo+GITHUB搭建个人博客网站（PS：不用域名，不用服务器，重点是免费，小白也能轻松掌握）
君主，永远在高峰等你
06-25 1798
利用Git将hexo的个人博客网站页面推送到GitHub并上传到GitHub Page实现白嫖服务器+域名
利用github +万网域名实现网站搭建（github解析域名）
FelixHsp的博客
11-12 2627
利用github +万网域名实现网站搭建（github解析域名）1.利用Github Page（1）Github创建一个项目：(2) 在该项目中添加文件：（3）阿里云解析：2.利用ip地址前两步和上面那种方法是完全一样的，只不过第三部阿里云解析中用A-解析： 1.利用Github Page （1）Github创建一个项目： 首先我们需要有在github中，新建一个新项目，这个项目要起一个固定的名字...
Hexo + GitHub搭建个人博客（Mac版）
yijing_jia的博客
02-02 2652
基于Hexo+GitHub在Mac系统进行了博客搭建，将搭建过程进行了完整记录，并添加了建站过程中遇到的问题及解决方法。
基于Github+Hexo+腾讯云域名实现个人博客搭建
North_City_的博客
12-09 1859
文章目录第一步： 环境准备第二步： Hexo下载与初始化第三步： 本地运行Hexo第四步：Github仓库配置第五步： 生成密钥绑定密钥第六步： 发布到Github第七步： 域名映射 第一步： 环境准备 Windows 64位操作系统 已安装Node.js 已安装Git 安装完成后查看对应的版本信息，测试是否安装正确，在命令提示符中分别输入 node -v #查看node版本 npm -v #查看npm版本 git --version #查看git版本 运行效果如图所示 [外链图片转存失败
AIDL入门学习二
egrhef的博客
04-14 937
对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长。而不成体系的学习效果低效漫长且无助。时间久了，付出巨大的时间成本和努力，没有看到应有的效果，会气馁是再正常不过的。所以学习一定要找到最适合自己的方式，有一个思路方法，不然不止浪费时间，更可能把未来发展都一起耽误了。如果你是卡在缺少学习资源的瓶颈上，那么刚刚好我能帮到你。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！jpg" />
github pages搭建博客的域名解析(简单有效)
makersy的博客
04-24 1690
折腾了一个小时终于把域名解析弄好了，还顺带了解了不少关于http的知识，亲手实践还是最有效的方法，哈哈。 这里记录一下自己的步骤。注意：如果只需要解析主域名，那么只做第一步就行，如果想把www开头的域名也解析为自己的博客地址，两步都需要做。 须知 什么是www域名和主域名？ 简而言之，类似xxxxx.com、xxxxx.cn的就是主域名，即只有一个.；www域名很常见，如www.baidu.co...
基于GitHub和hexo搭建一个免域名和服务器的个人网站
wangcheng__的博客
08-24 296
github(国内外著名托管平台) 点击新手GitHub注册连接 国内码云具备相同托管 码云注册点击 大致讲一下两者区别（了解就跳过） GitHub创建比较早，用户量大，所以里面代码质量比较高，对于有一定的编程基础，想要有一定的拓展或者查找资料都是很好去处，但是作为国外的站点所以访问有点慢，除非翻墙。对于新手也可以找一些大佬的笔记，经验，作为一个托管平台，内容还是比较全。 码云 作为阿里现期的一个作品，用户量还是有点局限，受GitHub影响，不过对于新手还是可以的。基本上可以找一些初期项目。而且基本上全是
将自己的域名添加到 GitHub Pages
y223421的博客
08-14 1238
GitHub Pages 是一个方便的网站托管服务，可让用户轻松地创建和发布自己的网站。如果您想使用自己的域名来访问 GitHub Pages 上的网站，本文将介绍如何添加自己的域名到 GitHub Pages。
GitHub Pages绑定域名
JokerWaver的博客
01-07 2072
本文主要讲述博客选购和绑定域名, 博客搭建部分不再赘述 购买域名 如果嫌麻烦可以在Godaddy 购买 也可以在国内阿里云或腾讯云等购买, 本文主要介绍在 Godaddy 购买并绑定教程 选购域名 可以在此页面搜索你喜欢的 域名是否被占用, 如果未被占用, 即可购买, 至于域名后缀选择, 可参考知乎答案 推荐使用.me 域名解析 更换域名服务器 Godaddy 的
使用github建立自己的简单网站并绑定域名
liver100day的博客
04-21 1125
使用github建立一个自己的简单网站 准备工作：在建立简单网站的时候不需要使用到git，但是后续在向网站中新增内容时，需要使用到git命令 这里git的安装可参考我的上一篇文章https://blog.youkuaiyun.com/liver100day/article/details/115919398 注册github 没有github账号的需要去注册一个，github官网：https://github.com/ 点击“sign up”或者输入Emall，并点击"sign up for GitHub" 注册非常
github中创建属于自己域名的博客
hmx224_2014的专栏
09-02 713
（0）第零步准备或者申请一个github账户，无域名就申请域名；（1）第一步首先在github中创建一个以当前账户名字为前缀，加上github.io后缀的新仓库如：hmx224.github.io；（2）第二步在该仓库库中创建html页面，如index.html，并填写内容即可通过链接hmx224.github.io直接访问index.html中的内容；（3）第三步在该仓库下创建一个CNAME文件，将自己的域名如：www.ifanatic.cn写进去；（4）第四步在自己域名中进行解析，解析内容如下（腾讯云为
hexo+github免费搭建个人博客网站
04-01
<think>好的，我需要帮助用户了解如何用Hexo和GitHub免费搭建个人博客网站。首先，我得回忆一下Hexo的基本流程和GitHub Pages的使用方法。用户可能对静态网站生成器和版本控制不太熟悉，所以步骤需要详细但简洁。 首先，安装Node.js和Git是前提条件，因为Hexo基于Node.js，而Git用于部署到GitHub。我需要确保用户正确安装这些工具，可能还需要指导他们如何验证安装是否成功。 接下来是安装Hexo，通过npm全局安装。然后初始化项目，进入目录并安装依赖。这里需要注意命令的正确性，比如hexo init之后是否要指定文件夹，或者默认当前目录。 创建GitHub仓库的部分，用户需要知道仓库命名规则，比如username.github.io必须正确，否则无法生成页面。可能需要提醒用户将username替换为自己的GitHub用户名。 配置Hexo的部分，重点是修改_config.yml文件中的部署设置。需要指出正确的仓库URL和分支，通常使用main或master分支。这里容易出错，比如缩进问题或拼写错误，可能需要特别强调语法。 生成静态文件和部署的命令，hexo generate和hexo deploy，用户需要了解每个步骤的作用。可能还要提到hexo server来本地预览，这对调试很重要。 最后，自定义主题和写作的部分，用户可能希望个性化博客，所以需要推荐一些主题和基本的写作流程。比如创建新文章的命令，以及如何修改主题配置。 在引用方面，用户提供的引用链接[^1]和[^2]需要正确对应到相关内容。比如，引用是关于使用Hexo和GitHub搭建网站的具体指南，而引用[^2]是静态生成器的集合，可能用来推荐其他工具，但当前问题主要关注Hexo，所以可能只在最后提到。 还要考虑用户可能遇到的问题，比如部署失败、页面无法访问、主题安装错误等，是否需要包含常见问题解答？不过根据用户要求，回答应结构清晰，分步骤解决，可能不需要深入排错，但可以建议查阅引用资料获取更多帮助。 最后，生成的相关问题需要围绕Hexo和GitHub Pages的优化、主题选择、部署问题等，确保问题有针对性，帮助用户进一步探索。</think>### 如何使用Hexo和GitHub免费搭建个人博客网站？ 以下是分步操作指南： #### 1. 环境准备 - **安装Node.js** 访问[Node.js官网](https://nodejs.org/)下载安装包，完成后验证安装： ```bash node -v # 查看Node.js版本 npm -v # 查看npm版本 ``` - **安装Git** 访问[Git官网](https://git-scm.com/)下载安装包，完成后验证： ```bash git --version ``` #### 2. 安装Hexo ```bash npm install -g hexo-cli # 全局安装Hexo脚手架 hexo init myblog # 初始化博客项目 cd myblog npm install # 安装依赖 ``` #### 3. 创建GitHub仓库 - 新建仓库名为 `用户名.github.io`（需替换为你的GitHub用户名） - 仓库需设为公开（Public） - 分支默认使用 `main` 或 `master` #### 4. 配置Hexo部署 修改 `_config.yml` 文件末尾的部署配置： ```yaml deploy: type: git repo: https://github.com/你的用户名/你的用户名.github.io.git branch: main ``` #### 5. 安装部署插件 ```bash npm install hexo-deployer-git --save ``` #### 6. 生成静态文件并部署 ```bash hexo clean # 清理缓存 hexo generate # 生成静态文件 hexo deploy # 部署到GitHub ``` #### 7. 访问博客 打开浏览器输入 `https://你的用户名.github.io`，约1-2分钟后生效。 #### 8. 自定义主题（以Butterfly主题为例） 1. 安装主题： ```bash npm install hexo-theme-butterfly ``` 2. 修改 `_config.yml`： ```yaml theme: butterfly ``` 3. 重新部署： ```bash hexo clean && hexo deploy ``` #### 9. 写作新文章 ```bash hexo new "我的第一篇文章" # 在source/_posts生成Markdown文件 # 编辑完成后重新生成部署 ``` --- ### 关键配置说明 1. **本地预览** 使用 `hexo server` 可在 `http://localhost:4000` 实时调试 2. **自定义域名** 在博客根目录添加 `CNAME` 文件（内容为域名），并在域名服务商处配置DNS解析 3. **自动持续集成** 可通过GitHub Actions实现自动构建（参考[GitHub Pages文档](https://docs.github.com/en/pages)） --- ### 优势分析 | 方案 | 成本 | 技术门槛 | 可定制性 | 维护难度 | |------------|-------|----------|----------|----------| | Hexo+GitHub| 免费 | 中等 | 高 | 低 | | WordPress | 付费 | 低 | 中 | 中 | | Wix | 免费/付费 | 低 | 低 | 低 | --- ### 常见问题处理 - **页面404错误** 检查仓库命名是否正确，部署分支是否匹配 - **样式加载失败** 主题配置后需重新生成静态文件 - **部署超时** 尝试清除浏览器缓存或等待GitHub服务器刷新（最长等待10分钟） ---
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值