Hexo搭建GitHub Pages绑定个人域名教程
2024.01.08 15:58浏览量:16简介:本文将指导您如何使用Hexo搭建GitHub Pages并绑定个人域名,让您轻松拥有自己的博客网站。
在开始之前,请确保您已经安装了Node.js和Git。如果您还没有安装这些工具,请先下载并按照官方指引进行安装。
第一步:创建Hexo项目
打开终端,使用以下命令创建一个新的Hexo项目:
hexo init myblog
cd myblog
第二步:安装依赖
进入项目目录后,使用以下命令安装所需的依赖:
pm install
第三步:配置_config.yml文件
在项目根目录下,找到并打开_config.yml文件。根据您的需求进行以下配置:
url: 'http://yourdomain.com'
permalink: ':year/:month/:day/:title/'
将’url’的值替换为您的个人域名。’permalink’选项用于设置文章的永久链接格式。
第四步:创建文章
在Hexo文件夹下的source下的_posts文件夹中,新建一个以.md结尾的文件。使用Markdown语法编写您的博客文章。文件名可以是日期加标题的形式,例如:2023-07-19-hello-world.md。
第五步:本地预览
使用以下命令启动本地服务器进行预览:
npm run dev
这将启动一个本地服务器,您可以在浏览器中输入localhost:4000来查看您的博客效果。
第六步:部署到GitHub Pages
将您的项目代码推送到GitHub上对应的仓库中。在终端中使用以下命令推送:
pushd.
git init
git add .
git commit -m 'first commit'
git remote add origin https://github.com/yourusername/yourrepo.git
git push -u origin master
touch .deploy_git.done
popd.
npm run deploy
将’yourusername’和’yourrepo’替换为您的GitHub用户名和仓库名称。运行上述命令后,您的Hexo博客将被部署到GitHub Pages上,网址为https://yourusername.github.io/yourrepo。
第七步:绑定个人域名(重要步骤)
- 在您的域名提供商网站上添加一个CNAME记录,记录值改为’username.github.io’(将’username’替换为您的GitHub用户名)。如果您使用的是阿里云、腾讯云等国内域名提供商,还需要添加一个A记录,记录值为192.30.252.153,主机记录为@。
- 在GitHub Pages上配置自定义域名。在您的仓库页面上点击设置,然后在“GitHub Pages”选项卡下,将“自定义域名”设置为您的个人域名。确保您已正确配置DNS解析和证书(如果适用)。
- 等待几分钟让DNS解析生效。之后您就可以通过输入您的个人域名来访问您的博客网站了。
- 如果您想在博客上显示您的个人域名而不是默认的GitHub用户名域名,您需要在_config.yml文件中进行以下配置:
将’yourdomain.com’替换为您的个人域名。保存并关闭文件后,重新启动Hexo服务器以应用更改。domain: 'http://yourdomain.com'
domain_root: '/'
domain_url: '/'
domain_rss: '/rss/'
domain_404: '/404/'
domain_favicon: '/favicon.ico'
- 确保您在Hexo文件夹下的source下有一个名为CNAME的文件。如果没有,请创建一个新文件并填写您的个人域名,例如:example.com。保存文件后重新启动Hexo服务器以应用更改。
- 现在您已经成功绑定了个人域名,您可以在浏览器中输入您的个人域名来访问您的博客网站了。
发表评论
登录后可评论,请前往 登录 或 注册