专业编程基础技术教程

网站首页 > 基础教程 正文

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

ccvgpt 2024-11-25 10:14:36 基础教程 1 ℃

什么是hexo?

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

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

为什么要用hexo?

引用下作者的话:

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

支持 Markdown语法

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

已移植 Octopress 插件

高扩展性、自订性

兼容于 Windows, Mac & Linux

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

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

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

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

项目名:username.github.io

安装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,保存。

如果你是为一个项目制作网站,那么需要把_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文件夹下执行以上命令。

待续...

Tags:

最近发表
标签列表