返回

轻松入门——Github Pages + Hexo + 阿里云域名绑定

见解分享

利用 GitHub Pages、Hexo 和阿里云搭建您的个人博客

在当今信息爆炸的时代,拥有一个个人博客已成为记录生活、分享见闻以及建立个人影响力的绝佳方式。而利用 GitHub Pages、Hexo 和阿里云域名绑定搭建博客,无疑是快捷且友好的选择。无需复杂的服务器和技术知识,您就能轻松搭建属于自己的静态博客。

## 前期准备

在开始搭建之前,您需要准备好以下内容:

  • GitHub 账户: 用于托管您的博客代码。
  • 阿里云账户: 用于域名绑定。
  • 域名: 如果您还没有域名,阿里云、腾讯云等平台都可以提供域名注册服务。
  • Node.js 环境: 用于安装 Hexo。

## 搭建步骤

1. 创建 GitHub 仓库

登录 GitHub,点击右上角的绿色按钮“New Repository”创建一个新的仓库。

仓库名称必须以您的 GitHub 用户名加上 .github.io 为后缀,例如:yourusername.github.io

选择“Public”访问权限,然后点击“Create repository”创建仓库。

2. 安装 Hexo

使用命令行工具安装 Hexo:

npm install -g hexo

初始化一个新的 Hexo 项目:

hexo init your-blog-name

3. 选择并安装主题

Hexo 主题市场 上选择您喜欢的主题,下载主题压缩包。

将主题压缩包解压到 Hexo 项目的 themes 文件夹中。

在 Hexo 项目根目录下,运行以下命令,将主题应用到项目中:

hexo --theme=your-theme-name

4. 配置 Hexo

在 Hexo 项目根目录下,打开 _config.yml 文件,根据实际情况修改相关配置,例如站点标题、作者信息等。

deploy 配置项改为:

deploy: git

添加 github 配置项,填写您的 GitHub 用户名和令牌。

5. 生成静态页面

在 Hexo 项目根目录下,运行以下命令生成静态页面:

hexo generate

6. 部署到 GitHub Pages

在 Hexo 项目根目录下,运行以下命令将静态页面部署到 GitHub Pages:

hexo deploy

7. 绑定阿里云域名

登录阿里云控制台,进入域名管理页面。

选择您的域名,点击“解析”。

添加一条 CNAME 记录,将 your-domain-name.com 指向 your-github-username.github.io

## 常见问题解答

  1. 如何更新博客内容?
    只需在 Hexo 项目根目录下修改 source 文件夹中的内容,然后运行 hexo generatehexo deploy 命令重新生成和部署即可。

  2. 如何自定义博客样式?
    可以通过修改 Hexo 主题文件夹中的 _config.yml 文件和 CSS 文件来自定义博客样式。

  3. 如何添加评论功能?
    可以使用 Disqus、Github Comments 等评论系统。

  4. 如何使用代码高亮?
    在 Hexo 项目根目录下安装 hexo-prism-plugin 插件,然后在博客文章中使用 Markdown 代码块语法。

  5. 如何优化博客的 SEO?
    确保博客有清晰的标题和,使用适当的关键词,并建立高质量的反向链接。