Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。Hexo文档
1. 博客效果图
2. 创建GitHub仓库
** Respository name 中的lczalh.github.io 的lczalh 一定与前面的Owner 一致 **
3. 安装Node.js
Node.js下载
验证是否安装: $ node -v
4. 安装Git
$ brew install git
验证是否安装: $ git --version
5. 安装Hexo
$ sudo npm install hexo-cli -g
6. 创建博客
$ hexo init lczalh.github.io
lczalh.github.io
为文件夹名称 可自定义
执行成功后,会创建出一个名为 lczalh.github.io
的文件夹
** 基础配置: 打开文件位置 lczalh.github.io/_config.yml
**
title: lczalh // 博客名称
author: Liu Chao Zheng // 你的名字
language: zh-Hans // 中文
theme: new-vno // 主题名称
deploy:
type: git // Git发布
repo: https://github.com/lczalh/lczalh.github.io.git // 刚才创建的Github仓库
7. 更改主题
进入上一步创建的文件夹: $ cd lczalh.github.io
安装主题: $ git clone https://github.com/monniya/hexo-theme-new-vno.git themes/new-vno
8. 写博客
博客路径: lczalh.github.io/source/_posts
在这里创建你的第一篇博客 例如创建: ** 2019-2-12 hexo搭建.md ** 内容如下:
---
layout: post
title: "mac OS 搭建Hexo个人博客"
date: 2019-02-11 18:00:41
tags: 博客
---
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可 利用靓丽的主题生成静态网页。[Hexo文档](https://hexo.io/zh-cn/docs/ "Hexo文档")
9. 测试是否正常
启动测试服务: $ hexo s
在浏览器中输入[https://localhost:4000](在浏览器中输入https://localhost:4000 访问) 访问
10. 安装自动部署发布工具
$ sudo npm install hexo-deployer-git --save
11. 发布博客
切换到root用户(有权限,跳过此行): $ sudo -s
发布博客: $ hexo clean && hexo g && hexo d
** 每次写完博客,执行下这两个命令就可以了 **
12. 错误
** 1.WARN No layout: index.html **
解决方案: 安装/更新主题
$ cd lczalh.github.io
$ git clone https://github.com/monniya/hexo-theme-new-vno.git themes/new-vno