我的blog

如何使用Hexo在github上搭建静态博客

如何使用Hexo在github上搭建静态博客

感冒两天,头疼脑热,无心工作,正好也没什么事情,正好看到篇关于在github上建博客的博文,正好来折腾一下,但是折腾的时候发现好多教程都是错误的,让我很是郁闷,所以决定,这第一篇文章就写一下我这一天的折腾经历把,如果你有兴趣,你也可以来试试

参考资料

为啥把参考资料放前面呢,因为我只会写一点被坑的地方,人家都写过了,我就不重复发明轮子了

• Hexo 官方网站 这个必须看看,因为我被坑了无数次之后,发现还是官网介绍比较好用
• Hexo搭建Github静态博客 我主要是看这个来的,大部分都是对的,所以我就不写了
• 淘宝npm镜像 npm各种被墙,各种报错,请在这里找解决方案

填坑指南

1. npm没反映,大天朝,你懂得,各种墙,还好有taobao这样的良心企业,给npm做了镜像,去安装一个 cnpm 用它来代替大部分的 npm

cnpm 安装代码: $ npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安装Hexo错误

呵呵呵,好吧,其实我也是有报错的,不过好像也不影响使用,请参照官网教程来安装,使用 $ npm install -g hexo-cli
另外,MAC好像还有别的问题,官网也有介绍,自己看吧,要安装Xcode,好大一个东西

3. 初始化Hexo

这里没什么坑,只要将 npm 换成 cnpm 基本没什么问题
具体流程是:

hexo init
cnpm install

4. 运行启动

初始化之后可以运行:
$ hexo g --这是生成页面文件,必须先生成才能启动
$ hexo s --启动服务器,启动好之后,他会告诉你在0.0.0.0:4000上运行了,但是有些人可能会打不开,这时候请换成 localhost:4000

注意啦,这里的两个命令是简写 具体可以去看官网啦,我是很懒的

5. 发布到github

这里的坑比较多

1. 首先,发布到github,是需要安装一下的 $ npm install hexo-deployer-git --save
2. 新版的Hexo的配置改了 type 属性要写 git 很多教程都写着 github 这是估计是版本遗留问题
3. 如果推送不上去,记得使用 https 链接

写在最后

其实整理一下发现也没什么好折腾的了,大部分问题都可以在官网找到答案,只是觉得英文的懒得看,不过既然要装高大上,英文的资料就是难免的,所以,一起来搭建一个逼格很高的博客吧

如果你对我的主题感兴趣,你可以点击页面最下方的连接啦,或者 点这里→就是我啦←里这点