Github + Hexo搭建个人博客

前提

创建Git仓库

打开github,新建仓库。

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

创建完成后,点击设置。

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

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

Hexo项目搭建

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

$ npm install -g hexo-cli


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

$ hexo init


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

$ hexo g

部署完成后,输入 hexo s 启动服务。

打开浏览器,访问启动地址。

部署到github

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

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


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

安装Git部署插件

$ npm install hexo-deployer-git --save


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

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

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

主题优化

选择主题

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

安装主题

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

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


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

启用主题

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

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

hexo -s

站点基本配置

# 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协议 许可协议。转载请注明出处!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值