Hexo+Github搭建个人博客

视频教程:https://www.bilibili.com/video/BV1Vs421P792/

1.环境准备

1.1安装nodejs

nodejs官网:https://nodejs.org/

下载压缩包解压,并将解压的目录加入环境遍历即可

在命令行中输入node -v,出现以下输出表示安装成功

在这里插入图片描述

1.2安装git

进入官网下载点击安装即可

1.安装hexo

#全局安装hexo
npm install -g hexo-cli
#初始化,blog为文件夹名
hexo init blog
#安装依赖
cd blog
npm install
#启动服务器
hexo server

2.修改主题

官网主题:https://hexo.io/themes/

推荐主题:volantis-x/hexo-theme-volantis

#安装主题
npm i hexo-theme-volantis
#编辑_config.yml,修改theme
theme: volantis
#启动服务器
hexo server

找到node_modules\hexo-theme-volantis\_config.yml

这是主题的配置文件,注释详细可自行修改,主要是对页面的修改

开启搜索功能

npm i -S hexo-generator-json-content
#在_config.yml中加上
search:
  enable: true
  service: hexo

3.部署到GitHub

建立仓库,仓库名必须是 用户名.github.io,如543211494.github.io

修改_config.yml,加上以下信息:

deploy:
	type: git
	repo: https://github.com/543211494/543211494.github.io.git
	branch: main

执行以下命令

#安装hexo-deployer-git
npm install hexo-deployer-git --save
#生成静态文件
hexo generate
#上传到仓库
hexo deploy

通过543211494.github.io即可访问

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黎汝聪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值