关于Hexo和GitHub搭建个人博客的总结

一、准备工作

GitHub账号(并与本机绑定SSH)绑定SSH

SSH介绍:https://blog.****.net/u013452337/article/details/80847113

下载并安装(只需注意安装路径无中文即可,其他全默认)

Node.js

Git

安装完成后应用自动搭建本地环境,输入如下命令查看版本

node -v

npm -v

git --version

关于Hexo和GitHub搭建个人博客的总结

查看git绑定SSH

ssh -T [email protected]

关于Hexo和GitHub搭建个人博客的总结

如果返回 Hi username !You've successfully ......即绑定成功

 

创建任意文件夹,用Git进入文件夹,输入npm install -g hexo安装hexo(我已经安装过了,就不在重装了,以下部分操作都是演示,未运行。按照命令输入不要急,运行完成会自动跳出新的命令行,执行下一个命令即可)

关于Hexo和GitHub搭建个人博客的总结

安装完成后输入npm install hexo --save启动安装

关于Hexo和GitHub搭建个人博客的总结

最后输入hexo v  能正常查看版本号等信息即安装成功

关于Hexo和GitHub搭建个人博客的总结

以下在命令行(CMD中输入,不是Git!)

进入相应文件夹输入 hexo init 初始化hexo

关于Hexo和GitHub搭建个人博客的总结

初始化完成输入hexo s启动本地服务器

关于Hexo和GitHub搭建个人博客的总结

(上面的警告内容不一定有,大意是官网网址迁移,修改本地网址什么的,不影响使用)

出现Hexo is running at http://localhost:4000....即启动成功

访问本地http://localhost:4000

关于Hexo和GitHub搭建个人博客的总结

出现博客页面即配置成功

然后就是上传至GitHub并访问了

先配置_config.yml(在你创建的文件夹中)

(如下内容不一定有,没有的添加一下,反正我的是没有,都是自己加的,可能是版本更新了吧)

关于Hexo和GitHub搭建个人博客的总结

type是类型

repository就是项目在GitHub中的地址,如图↓

branch是提交的分支(注意,这几项内容 : 后面都有个空格)关于Hexo和GitHub搭建个人博客的总结

修改号之后执行如下命令

npm install hexo-deployer-git --save(准备部署到Git)

关于Hexo和GitHub搭建个人博客的总结

hexo g

关于Hexo和GitHub搭建个人博客的总结

hexo d

关于Hexo和GitHub搭建个人博客的总结

即可在公网中访问自己的博客了

(需设置公网访问,如下)在GitHub设置中找到GitHub Pages

关于Hexo和GitHub搭建个人博客的总结

 

设置完成后即可访问博客了

关于Hexo和GitHub搭建个人博客的总结

完成!

关于无法加载CSS/JS的情况

关于Hexo和GitHub搭建个人博客的总结

修改url为GitHub Pages分配的地址

root为项目地址

关于Hexo和GitHub搭建个人博客的总结

然后重新提交即可

提交三连

hexo clean

hexo g

hexo d

OK!