zblog纯静态化插件 html静态文件生成_使用Hexo在github上搭建静态博客

什么是hexo?

hexo出自台湾的@tommy351之手,一个基于Node.js的静态博客程序,可以很方便的生成静态网页托管于github、gitcafe和Heroku,类似于jekyll,但Jekyll需要的git命令稍有点繁琐。

16db8f6e-0714-eb11-8da9-e4434bdf6706.png

为什么要用hexo?

引用下作者的话:

不可思议的快速 ─ 只要一眨眼静态文件即生成完成

支持 Markdown语法

仅需一道指令即可部署到 GitHub Pages 和 Heroku

已移植 Octopress 插件

高扩展性、自订性

兼容于 Windows, Mac & Linux

前期准备(以下全部针对Windows用户):

1.搭建Node.js环境 (参考文章:在Windows下搭建nodejs环境以及配置npm)

2.注册github账号并如何配置(参考文章:github入门教程 — Windows平台下如何将项目华丽的提交到Github上)

等以上操作完成后,然后创建项目:

项目名:username.github.io

19db8f6e-0714-eb11-8da9-e4434bdf6706.png

安装hexo,打开cmd命令(记得配置node.js环境变量)

 npm install hexo -g

初始化Hexo

mkdir blog

cd blog

hexo init

npm install

hexo server

你的Hexo就在本地部署好了,浏览器输入 http://localhost:4000 就可以看到效果。

如何部署到github上,并且以username.github.io的形式访问?

编辑_config.yml,修改成你的email和username,保存。

1bdb8f6e-0714-eb11-8da9-e4434bdf6706.png

如果你是为一个项目制作网站,那么需要把_config.yml里的branch设置为gh-pages 另外,编辑_config.yml文件时,注意空格。

通过Git Bush,执行下列指令即可完成部署。

hexo generate #生成静态页面,会在public 目录下生成一系列html,css等文件。

hexo deploy

hexo deploy时出现Error: spawn ENOENT的解决方案:

如果你安装msysgit客户端,一路默认安装,在cmd中执行hexo deploy时,会出现Error: spawn ENOENT,切记这步用Git Bush,cd到blog文件夹下执行以上命令。

待续...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值