Mac系统下搭建静态个人博客——Hexo框架

Posted 2021-05-20 UDK_KL.

Hexo博客框架官网

前期准备

首先前往Node.js的官网下载LTS版本的Node.js并安装

打开终端并进入管理员模式

sudo su

输入密码后进入管理员模式

借助cnpm包管理器安装Hexo博客框架
由于国内镜像源较慢，这里使用淘宝的镜像源
打开终端输入如下指令使用淘宝镜像源

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果输入无误会出现如下界面

安装完成

输入以下指令查看是否安装成功

cnpm -v

cnpm安装Hexo框架

终端中输入指令

cnpm install -g hexo-cli

通过一下指令验证是否安装成功

hexo -v

新建一个以blog为名的文件夹，之后的搭建过程中如若出现不可修复的错误，直接删除blog文件夹重来即可

mkdir blog

进入blog文件夹

cd blog/

初始化博客

sudo hexo init

初始化成功

启动博客

hexo s

此时博客已经在本地的http://localhost:4000地址启动成功，将此地址复制到浏览器打开

可以看到博客已经能够成功从本地访问
具体新建博客等命令已在当前页面的写出，本文不再赘述
注意新建或修改博客内容时要重启博客

将博客部署到GitHub

登录到GitHub并新建一个仓库，注意仓库名的命名格式必须是用户名.github.io

回到终端，在blog目录下安装一个部署到GitHub的插件

cnpm install --save hexo-deployer-git

打开并修改配置文件

vim _config.yml

按i键进入insert编辑模式
下拉到最底部并按如下样式填写

其中repo后方是刚才新建的仓库的网址+.git
注意冒号后面空一格
按esc键退出insert模式

保存文件

:wq

部署到远端

hexo d

输入GitHub的用户名和密码

登陆成功后会自动推送博客内容

刷新一下仓库页面可以看到博客内容已经推送完毕

此时在浏览器中输入之前填入的仓库名

用户名.github.io

可以看到，博客已经部署成功