Hexo博客搭建

1.安装Hexo-cli

# 设置淘宝镜像
npm config set registry https://registry.npmmirror.com
# 验证镜像
npm config get registry
# 安装hexo-cli程序
npm install -g hexo-cli
# 验证hexo安装
hexo
# 切换到hexo目录
cd hexo-blog

2.Hexo初始化

hexo init
# 安装
npm install

这一步报错请检查文件夹是否为空(比如.git),Hexo初始化只能找一个空目录初始化

3.启动服务(预览)

hexo s
#浏览器访问
http://localhost:4000/

image-20220505142538495

image-20220505142612871

4.新建文章

hexo new "文章名字"

5.编写文章

修改hexo-blog\source\_posts里你新建的文章

推荐Markdown编辑器Typora

推荐主题typora-vue主题

6.生成文章

# 清理缓存
hexo clean
# 生成文章
hexo g

image-20220505143604341

7.部署Github

# 安装部署工具
npm install --save hexo-deployer-git

修改Hexo根目录下的_config.yml

滑动到最底部,找到Deployment

修改如下(注意空格)

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git # 类型
  repo: https://github.com/Goojoe/hexo-blog.git # Github仓库地址
  branch: master # 分支,默认master

修改完后部署

hexo d

若出现报错

 Please tell me who you are.

Run

  git config --global user.email "you@example.com"
  git config --global user.name "Your Name"

原因:git不知道你是谁,这个仅仅是身份识别,多见于团队协同开发,你个人开发可以随便填

配置Git

git config --global user.email "你的邮箱"
git config --global user.name "你的名字"
# 部署到Github
hexo d

Github就可以看到生成的静态页面了

8.域名访问

在Github仓库点击settings

image-20220505145600045

image-20220505145652170

等待部署完成就可以访问了

9.配置主题

在主题根目录打开git bash

# cd your-blog
git clone https://github.com/amehime/hexo-theme-shoka.git ./themes/shoka

或者下载主题,手动移动到themes文件夹

9.1修改配置文件切换主题

修改根目录下的_config.yml

theme改为你的主题名字,我这里是shoka

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: shoka

运行命令

# 清理缓存
hexo clean
# 重新生成
hexo g
# 本地服务器预览
hexo s