博客搭建(二)-hexo部署至github pages

前言

在上一篇文章中介绍了本地环境的搭建以及本地预览，那么这期我们将了解一下如何让我们的blog可以再网络中访问。

主要是依赖：

• git
• github

在上期文章中我们已经安装了git, 那么现在需要准备的是一个github的账号，首先第一步在github注册一个账号（免费的）。

创建Github pages项目

如下图所示点击New repository

Repository name必须以github.io结尾，将username替换成你账号的名字, 权限必须是public.

配置完成后点击Create repository

项目创建完成后，点击settings, 选中Pages，然后如下图配置

此步骤完成后你在github pages的仓库已经创建完成，可以继续后续的工作了

部署

打开终端，cd到blog项目跟目录，运行如下命令安装git部署插件：

npm install hexo-deployer-git --save

打开blog根目录的_config.yml，修改deploy配置(“:”后面的空格不能丢):

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: https://github.com/yourUsername/yourUsername.github.io.git
  branch: main

这里部署的分支（branch）要和你在github pages中setting选中的分支一致。

打开终端cd到blog项目根目录，运行以下命令：

hexo c

hexo g

hexo d

• hexo c 等同于 hexo clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)。在某些情况（尤其是更换主题后），如果发现你对站点的更改无论如何也不生效，你可能需要运行该命令。
• hexo g 等同于 hexo generate 生成静态文件。
• hexo d 等同于 hexo deploy 部署。

部署过程中会需要你输入你的github账号及密码，按提示输入即可。
出现如下图提示，证明部署成功，访问：https://yourUsername.github.io/ 即可查看你的blog了。

至此你的blog已经部署至github pages，并且可以再网络中访问了。

小tips：

• 如果不想每次部署都输入github的账号名密码，可以添加git全局配置，具体可以查看网上教程。
• 你也可以将你的blog项目上传至github或其他代码托管平台作为仓库，这样就不用担心项目会丢失了，记得将权限设置为private。