hexo 安装教程

版权声明:本文为博主原创文章,未经博主允许不得转载。

内容摘要:

基于node搭建的静态博客,通俗易懂,顺便说一下我在安装过程中碰到过哪些坑。

前言

首先这个我是在逛github偶然看到的,当时的第一想法就是,github支持动态文件了?然后一度以为就是动态站,为此埋下了祸患,之后在和朋友聊天中露怯,静态博客!当我第一次听到这个名词首先想到的是:什么鬼?迅速百度,这就是我第一次知道了hexo这么个东西,作为前端,难道你不觉得这很有意思吗?

Hexo是一个开源的静态博客生成器,用node.js开发。用于搭建博客?是的!很快你就会发现你会对它爱不释手

开始安装

我们先来建个文件夹我建的是hexo,cd hexo 切入文件夹安装所需文件。
p.s如有权限问题请加sudo

1
npm install hexo -g //全局安装hexo

安装完成之后,继续依次输入如下命令,注意顺序

1
hexo init //初始化

1
npm install //安装依赖

安装完毕后回到hexo文件夹,这时你会看到安装后的一些文件,然后继续输入命令

1
hexo g //hexo generate 生成文件
1
hexo s //hexo server 启动服务预览

这时你应该看到

1
2
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

在浏览器中输入 http://localhost:4000/ 如果能打开,恭喜你,你已经安装成功了,是不是很简单?到这,一个hexo就算安装完毕了。

如果要放到github上,需要注意仓库名必须是 Midaoi.github.io 斜体处为你的github账户名(本人测试账户名不缺分大小写),例如我的账户是Midaoi 我建仓库时候是midaoi.github.io也是没问题的。

还需要,部署到网站上

1
hexo d // hexo deploy 部署

部署需要注意

deploy:
   type: git  //老版是github,新版是git注意不要填错
   repository: https://github.com/Midaoi/midaoi.github.io.git //这里输入你的仓库地址
   branch: master  //一般填写master就可以

一定要注意type repo branch后面的空格

总结

来说一下我安装过程中遇到了哪些坑,希望对你有所帮助。

首先说一个很二的问题,大神勿笑勿喷,用git的都知道仓库需要add commit pull push,起初我一直以为所谓的部署网站是部署完毕之后是clone 建立的仓库 建立连接 然后把blog代码push上去,当然这样也是可以访问的。后来才明白过来,deploy填写的部署网站就是直接部署到仓库里的,害的我恶心了好几把=。=b

然后是个hexo d 部署网站,可能是网络原因,每次部署都要花好长好长时间,我都以为部署完毕直接手动退出了,万恶的iterm 还每次给我来个nice day 之类的 我一度以为这是ok的!好吧 这就是为什么我每次部署然后pull push 很high的原因了。所以部署网站 请耐心等一会吧–如果你也和我一样网络不好的话!!

这就是我碰到的最恶心的两个问题,其它的好像按照教程都没什么大问题,有问题的可能就是配置文件出问题,自己看一下文档就好了。

就这样吧~再了个见