什么是hexo

Hexo官网中说是这么描述的:A fast, simple & powerful blog framework,即:一个快速、简单且强大的博客快速生产工具。它的简单体现在你完全有可能在30分钟内就生成属于你的个人博客。而它的强大体现在你对细节的调整上完全有可能花上一天的时间。

准备搭建环境

1.安装node.js

Node.js 的实质是一个JavaScript运行环境,这里我们主要使用它来生成我们博客的静态页面。从官网下载最新的安装包进行默认安装就好。安装过程略。

2.安装git环境

git是最流行的分布式版本控制系统,我们使用它主要是与github进行交互。安装git使用默认选项安装即可,安装过程略。

3.注册github

GitHub是世界上最大的代码托管平台,我们将要使用github的github pages功能来实现我们博客在网上的部署

开始搭建博客

创建文件夹

在本地新建一个文件夹用于存放我们的博客,并且右键菜单选择Git Bash Here,然后在Git Bash里输入:

npm install hexo

执行hexo命令

依次执行以下3个命令:

hexo init

初始化hexo环境,这时会在目录下自动生成hexo的文件

npm install

安装npm依赖包

hexo generate

生成静态页面(也可以简化为hexo g)

hexo server

生成本地服务(也可以简化为hexo s)

查看生成效果

这时候我们打开浏览器输入http://localhost:4000 看看可不可以访问。如果默认的hexo博客出现,那么恭喜你,你已经搭建好了自己的博客,接下来我们就要将它发布到网上。

部署在网上

这里我们选择的是github 的github pages的服务,只要你将网页原文件上传到仓库里,github就会自动生成一个属于你的网页

1.创建远程仓库

新建一个跟自己账号名字一样的空仓库

连接本地与远程github仓库

打开本地博客的文件夹,打开_config.yml进行编辑翻到文件最下方,将deploy的选项改成以下的形式

deploy:
type: git
repo: git@github.com:!!!/???.git
branch: master
root: /???/

三个感叹号的地方写上你的用户名三个问号的地方写上你的仓库名字然后在GitBash中执行

npm install hexo-deployer-git --save

最后执行这一句将你的博客推送到仓库里

hexo deploy

(也可以简化为hexo d)
最后再进入你的仓库点击setting
翻到最下面点击Check it out here!

选择master分支,记得点save,然后就会出现上面那个网址,点进去就是你的网页了

github pages 的反应有点慢,如果没有刷新出来记得等个两三分钟就好了


到此,基于hexo博客的创建就完成了,欢呼吧,芜湖起飞