Hexo搭建个人博客

环境准备

  1. 安装git,自行百度
  2. 安装Node.js通过Homebrew或者从官网上下载安装包的方式都可以进行安装。
    安装完毕后打开终端,检查是否安装正确。
1
2
3
- node -v
- npm -v
- git --version

安装Hexo

创建一个目录blog(你也可以改为你喜欢的名字),然后执行以下指令。(以下指令均用Git Bash 终端下)

1
npm install -g hexo-cli

初始化

1
hexo init

本地部署测试

到此你的Hexo 本地已经安装完成在Git Bash 终端下输入以下指令即可运行本地测试服务。

1
hexo server

服务器运行起来之后,打开浏览器,输入http://localhost:4000/ 即可打开Hexo的默认页,如图
ctrl + C 结束本地预览。

部署到github

  • 首先你的有个github 账号,注册github账号自行百度。
  • 在github创建一个repository 名字为你的organization名字 .github.io
  • 你安装的hexo目录(就刚才建的blog)下的_config.yml文件翻到最下面,改成我这样子的(冒号后面有空隔)
1
2
3
4
deploy:
type: git
repository: https://github.com/zhouchatian/zhouchatian.github.io.git
branch: master

repository就是你刚才在github上创建的repository 的ssh。

推送到github

1.首先安装git 一个插件
执行命令:

1
npm install hexo-deployer-git --save

2.推送到个ithub

1
hexo deploy

到此你的Hexo已经完成了,那么开始写博客吧

新建博客

1.命令生成

1
hexo new "文章名字"

新生成的文章都会保存到/source/_posts 目录下。打开自动生成的文档模板,内容如下:

1
2
3
4
5
---
title: testMyBlog
date: 2017-03-09 07:20:04
tags:
---

可以在这用Markdown 写作工具打开,编写文章。
2.文档拷贝

生成博客

1
hexo generate

在这之前最好执行下

1
hexo clean

3.发布到github上

1
hexo deploy

常用快捷命令

1
2
3
4
5
6
7
hexo new "postName" //新建文章
hexo new page"pageNme" //新建页面
hexo server //开启预览访问端口(默认端口4000,`ctrl+c`关闭server)
hexo generate //生成静态页面至public目录
hexo deploy //将deploy 目录部署到服务器
hexo help //查看帮助
hexo version //查看Hexo的版本

对应的快捷指令

1
2
3
4
5
hexo n ==hexo new
hexo g ==hexo generate
hexo s ==hexo server
hexo d ==hexo deploy
hexo h ==hexo help