hexo+git搭建个人博客

发表于2021-04-10更新于2024-01-16

所需环境：

git、npm

一、安装环境

1.安装npm https://nodejs.org/en/

2.安装git https://git-scm.com/downloads

二、安装hexo

1
2
3
npm install -g hexo-cli
# 支持图片上传
npm install https://github.com/CodeFalling/hexo-asset-image --save

三、初始化hexo

blog为博客目录,可自定义

1
hexo init blog

四、配置博客信息以及常用命令

配置信息参考文档：https://hexo.io/zh-cn/docs/configuration

Front-matter 是文件最上方以 — 分隔的区域，用于指定个别文件的变量

基本操作命令

1
2
3
4
5
hexo new filename       //创建新文件
hexo server             //运行项目
hexo clean              //清除项目缓存文件
hexo generate           //生成静态文件,可简写成 hexo g 
hexo deploy             //推送到git上,可简写成 hexo d

显示图片

1
2
3
hexo new filename 创建文件后会带一个同名目录，图片放到这个目录下就可以显示了
![图片描述](图片地址)
![BP](flex布局/flex.png)

五、hexo主题

当前博客的主题为stum主题,文档地址:https://theme-stun.github.io/docs/zh-CN/guide/quick-start.html

也可以在hexo官网的themes栏目里边找自己心仪的主题

六、部署到github

1.安装 hexo-deployer-git

1
npm install hexo-deployer-git --save

2.在 _config.yml添加如下配置：

1
2
3
4
deploy:
  type: git
  repo: https://github.com/liudongdong2/liudongdong2.github.io.git
  branch: master

3.运行 hexo clean && hexo d

4.查看 liudongdong2.github.io 上的网页是否部署成功。

5.自定义博客域名，可以把域名域名以CNAME的方式解析到liudongdong2.github.io上即可