Github + Hexo搭建个人博客

前提

• github账号
• node.js
• git

创建Git仓库

打开github，新建仓库。

image.png

仓库名称命名格式：用户名.github.io。例如，我的用户名为g-ydg，则对应为g-ydg.github.io。

image.png

创建完成后，点击设置。

image.png

点击Pages选项卡，如下图所示即可。

image.png

打开浏览器访问g-ydg.github.io，若正常访问，则设置正常。

image.png

Hexo项目搭建

新建文件夹，点击文件夹右键打开 Git Bush Here。
输入命令安装hexo。

$ npm install -g hexo-cli

image.png

安装完成后，进行hexo初始化。

$ hexo init

image.png

输入 hexo g，进行静态部署。

$ hexo g

部署完成后，输入 hexo s 启动服务。
![image.png](https://upload-images.jianshu.io/upload_images/13026207-265668e07c0fa39e.png
打开浏览器，访问启动地址。

image.png

部署到github

打开项目目录下的_config.yml文，滑动到文件底部，修改deoloy配置。

deploy:
  type: git
  repository: [email protected]:G-YDG/g-ydg.github.io.git # 你的Git仓库地址
  branch: master # 分支默认都为master，若有指定，自行修改

image.png

仓库地址与分支名称查看，如下图所示位置。

image.png

安装Git部署插件

$ npm install hexo-deployer-git --save

image.png

完成后，依次执行以下命令。

hexo clean   #清除缓存文件
hexo g       #生成静态文件 (hexo generate)
hexo d       #部署到设定仓库 (hexo deploy)

执行完成后，打开浏览器输入 https://你的用户名.github.io，即可访问。

image.png

主题优化

选择主题

关于主题，咱们可以上hexo官网进行选择。

安装主题

本文以pure主题为例。
进入项目目录，右键Git Bash，下载主题。

git clone https://github.com/cofess/hexo-theme-pure

image.png

下载完成后，查看项目目录。

image.png

启用主题

打开_config.yml文件，修改theme为pure。

image.png

启动本地服务，进行主题效果预览。

hexo -s

image.png

站点基本配置

# Site
title: ydd # 标题
subtitle: 'ydd' # 副标题
description: '' # 简介
keywords: #关键词
author: Ydd # 作者
language: zh-CN # 主题语言
timezone: Asia/Shanghai # 时区

本文链接： https://g-ydg.github.io/2021/10/31/Github-Hexo搭建个人博客/
版权声明： 本博客所有文章除特别声明外，均采用 CC BY 4.0 CN协议 许可协议。转载请注明出处！