hexo框架搭建个人博客

hexo框架搭建个人博客

一、前言

1.1 hexo是什么

hexo是一个快速、简洁且高效的博客框架，基于Node.js，可以快速搭建个人博客。

alt text

1.2 hexo的优势

  • 快速搭建
  • 简洁高效
  • 支持markdown
  • 支持插件
  • 支持主题

二、环境准备

安装Git

Git是一个先进的分布式版本控制工具，可以有效处理不同规模的项目版本管理。这里用于管理你的Hexo文章，将本地的博客上传至Github。到Git官网选择合适的版本下载，安装后会有一个Git Bash的命令行工具，之后用该工具操作Git。

alt text

检查是否安装成功：

1
git --version

正常显示版本号，无报错即为安装成功。

安装Node.js

Hexo基于Node.js，所以需要安装Node.js及npm工具。可进入Node.js官网下载，选择LTS（长期支持版本）即可。

alt text

检查是否安装成功：

1
2
node -v
npm -v

正常显示版本号，无报错即为安装成功。

三、安装hexo

3.1 安装hexo

1
npm install -g hexo-cli

3.2 初始化hexo

1
2
3
cd blog-name
hexo init 
npm install

3.3 启动hexo

1
2
hexo server 
# 或者 hexo s

3.4 访问博客

打开浏览器，输入http://localhost:4000即可访问博客。

四、hexo常用命令

4.1 新建文章

1
2
hexo new "文章标题"
# 或者 hexo n "文章标题"

4.2 生成静态文件

1
2
hexo generate
# 或者 hexo g

4.3 部署到github

1
2
hexo deploy
# 或者 hexo d

4.4 清除缓存

1
hexo clean

4.5 本地预览

1
2
hexo server
# 或者 hexo s

五、hexo配置

5.1 修改主题

从hexo官网下载主题，解压到themes目录下，或者从github上clone主题到themes目录下，或者使用npm安装主题。

1
2
npm install --save "主题名称"
# 例如 npm install --save hexo-theme-next

或者使用git clone命令。

1
git clone "主题地址" themes/"主题名称"

然后在_config.yml文件中修改theme字段，将默认主题landscape修改为其他主题。

1
2
theme: "主题名称"
# 例如 theme: hexo-theme-next

5.2 修改站点信息

在_config.yml文件中修改title、subtitle、description、author等字段。

…

六、部署到github

1
npm install hexo-deployer-git --save

在_config.yml文件中修改deploy字段。

1
2
3
4
deploy:
  type: git
  repo: "仓库地址"
    branch: "分支" # 默认为main

然后执行部署命令。

1
2
hexo clean
hexo d

等待部署完成后，打开浏览器，输入https://用户名.github.io即可访问博客。

七、总结

至此，hexo框架搭建个人博客的过程已经介绍完毕，希望对你有所帮助。