什么是Hexo?
Hexo是一款基于Nodejs的,快速、简洁且高效的博客框架。具有丰富的插件和主题,具有超快的速度。支持Makedown语法,可以方便快捷的编写博客文档。同时支持node命令,可以一键部署到GitHub Pages, Heroku 或其他平台。
Hexo只是众多构建工具中的一种,我们可以通过这样的工具快速构建属于我们自己的博客,不仅可以设置各种各样的个性化背景风格,还能增设专属的博客功能。
如果没有私人的服务器,我们可以选择现在github上搭建,后续有购买服务器可以直接将全部内容都转移到服务器中。以下将介绍如何在github上用Hexo搭建博客。
一、准备工作
正所谓磨刀不误砍菜工,事先做好准备工作,对于我们快速的完成博客的搭建至关重要。
安装git,以及node.js
创建Github仓库
1.打开github并登录(没有账号就注册);
2.选中Repositories栏,然后点击右侧的New按钮创建;
3.新建一个名为 你的用户名.github.io 的仓库。
配置SSH key
git config --global user.name "xxx" // 你的github用户名,非昵称
git config --global user.email "xxx@qq.com" // 填写你的github注册邮箱
ssh-keygen -t rsa -C "你的邮件地址"
1.然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,用记事本打开并复制里面的内容
2.打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:
3.将刚复制的内容粘贴到key那里,title随便填,最后保存。
ssh -T git@github.com // 注意邮箱地址不用改
如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:
Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access.
看到这个信息说明SSH已配置成功!
全局安装HEXO
使用下载好的node.js自带的包管理工具npm全局下载
npm install -g hexo
初始化项目并运行
安装好我们的搭建工具–Hexo ,找一个自己喜欢的位置,构建一个hexo项目。
hexo init
// 本地运行
hexo s
更换主题皮肤
正常情况下,在我们没修改访问地址的时候,直接访问localhost:4000 就可以看到我们的博客。
默认版本的hexo博客其实并不养眼,推荐一下我使用的主题皮肤。
# 在根目录的themes文件下克隆主题
git clone https://github.com/litten/hexo-theme-yilia yilia
# 修改根目录下的文件 _config.yml 配置
theme: yilia
上传到github
首先,配置一下我们的根目录的_congif.yml文件找到deloy字段并填写完整,复制黏贴就完事。
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/huangzhixin2019/huangzhixin2019.github.io.git
branch: master
另外上传到github我们还需要一个工具—- 叫辆卡车把砍好的柴送回家里去hexo-deployer-git
npm install hexo-deployer-git --save
多余的东西我们需要用clean先清除一下再deploy上传。
hexo clean
hexo deploy
大功告成,没告成的就在搞一下。先访问一下看看。
浏览器访问:https://xxxxx.github.io/ 即可看到效果。
友情提醒
至此,我们的博客就已经搭建好了。但是要注意的是,博客的地址必须是我们github第一个仓库的地址,否则可能会无法访问。