什么是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博客的创建就完成了,欢呼吧,芜湖起飞