从零开始搭建个人博客:使用Hexo+GitHub Page与域名绑定
2024.01.08 16:50浏览量:72简介:本文将指导你如何使用Hexo和GitHub Page搭建一个免费的个人博客,并教会你如何将域名绑定到你的博客上。同时,我们还会讨论如何备份你的博客,以防止数据丢失。通过本文,你将掌握从零开始搭建个人博客的全过程,包括从安装Hexo到域名绑定的每一步。
一、准备工作
在开始之前,你需要确保你的计算机上已经安装了Node.js和Git。你可以在终端或命令提示符中输入以下命令来检查它们是否已经安装:
- Node.js 安装检查:
node -v
- npm 安装检查:
npm -v
- Git 安装检查:
git --version
如果你的计算机上还没有安装这些工具,你可以访问它们的官网下载并安装。
二、安装Hexo
- 打开终端或命令提示符,然后输入以下命令来全局安装Hexo:
npm install -g hexo-cli
- 安装完成后,你可以通过输入以下命令来验证Hexo是否已经成功安装:
hexo -v
三、创建博客项目 - 在你想要创建博客项目的位置打开终端或命令提示符,然后使用以下命令创建一个新的Hexo项目:
hexo init <project-name>
将<project-name>
替换为你想要的项目名称。 - 初始化项目:
cd <project-name>
并npm install
。 - 运行Hexo服务器:
hexo server
。在浏览器中输入localhost:4000
,你应该可以看到你的新博客了!
四、部署到GitHub Page - 在GitHub上创建一个新的仓库,名字是你的用户名.github.io。例如,如果你叫张三,那么仓库的名字就是zhangsan.github.io。
- 将你的本地Hexo项目推送到这个新的GitHub仓库。在终端或命令提示符中输入以下命令:
git remote add origin <repository-url>
将<repository-url>
替换为你的GitHub仓库的URL。 - 将更改推送到GitHub仓库:
git push -u origin master
。现在,你的博客应该已经成功部署到了GitHub Page!你可以通过访问username.github.io
来查看你的博客。
五、绑定域名 - 获取你的域名。你需要有一个你自己的域名,而不是使用GitHub提供的免费域名。你可以从诸如GoDaddy之类的域名注册商处获取一个域名。
- 在你的域名注册商的控制面板中,找到DNS设置,然后添加以下两个CNAME记录:
- www 指向
username.github.io
(你的用户名) - @ 指向
username.github.io
(你的用户名)
发表评论
登录后可评论,请前往 登录 或 注册