使用Github和Hexo从零搭建静态博客

字数 222阅读 91

Hexo是什么

A fast, simple & powerful blog framework

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

准备工作

安装Git

如果没有安装HomeBrew先安装之:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

通过brew安装git

$ brew install git

安装Node.JS

$ brew install node

安装Hexo

npm install hexo-cli -g

安装完毕以后,检验一下:

$ hexo

Hexo配置

初始化创建目录

使用hexo init命令

$ hexo init <folder>
初始化后文件目录如下:

├── _config.yml
├── package.json
├── scaffolds
│   ├── draft.md
│   ├── page.md
│   └── post.md
├── source
│   └── _posts
│       └── hello-world.md
└── themes

npm install

执行以下命令:

$ cd <folder>
$ npm install

运行

$ hexo generate
$ hexo server

成功后,打开:localhost:4000可以查看效果

部署:

$ hexo deploy

Hexo添加Git配置:

  • 安装hexo-deployer-git
npm install hexo-deployer-git --save
  • 配置根目录_config.yml
deploy:
  type: git
  repo: <repo>
  branch: <branch>

Hexo简写命令

hexo n #新建文章
hexo g #生成public静态文件
hexo s #本地发布预览效果

推荐阅读更多精彩内容