Hexo博客搭建

Posted on Edited on In

操作环境

  1. Windows10
  2. Nodejs v10.16.0
  3. Hexo
  4. Git v2.22.0

环境安装

Nodejs

建议官网安装，此处选择的是LTS版本（10.16.0），安装成功后在命令行输入:

1
2
node -version  # 查看Nodejs版本号
npm -version  # npm是随同Nodejs一起安装的包管理工具

确认两项都成功安装即可。

Git

建议官网安装，当前安装版本为(v2.22.0)，安装成功后在命令行输入:

1
git --version

获取git版本并确认安装成功。

Hexo

使用命令行:

1
npm install hexo-cli -g

安装Hexo，通过

1
hexo -v

确认安装并且可以得知Hexo是基于Nodejs的。

注意事项

安装Nodejs和Git后要将它们添加进系统环境变量中，如图所示：

使用Hexo搭建博客

创建本地目录

  1. 新建一个文件夹，假设取名为Blog
  2. 通过GitBash进入该文件夹，使用命令
    1
    hexo init  # 初始化一个博客

该指令会自动Clone所需文件，结果如图

启动博客

使用命令

1
hexo s  # 启动服务

博客会在localhost:4000被启动

新建文章

使用命令

1
hexo new (文章名)

在 /source/_posts 生成文章，文章可以直接在本地用Visual Studio Code等软件以Markdown的语法编辑。

更新博客

使用命令

1
2
3
hexo clean  # 清除缓存文件
hexo g  # 生成静态文件
hexo s  # 启动服务器

即可在localhost:4000中查看更新的文章

部署到Github

新建仓库

新建一个Repository，必须以“用户名.github.io”的格式命名

安装插件

使用命令

1
npm install --save hexo-deployer-git

安装插件使博客可以部署到Github

编辑配置文件

编辑Blog目录下的文件_config.yml(可以使用Vim, notepad++等)

部署

使用命令

1
hexo d  # 部署

就会自动部署到github，可能会要求输入github的账号和密码，也可以通过SSH完成Git与Github的绑定。
部署成功后本地文件会上传到Github的仓库里，直接通过仓库名作为地址就可以访问，到此已经部署成功。

总结

  这次搭建实验总体顺利，文中有部分内容没有具体讲到，例如Git与Github的绑定，读者都可以在网上找到相应的教程，感谢B站UP主CodeSheep的讲解视频，更多细节可以参考上述视频。