芒果团子的博客

使用hexo+github搭建博客

字数统计: 341阅读时长: 1 min
2018/10/19 Share

1.安装git与node.js

git下载地址 | node下载地址

2.安装hexo

使用npm命令安装hexo,-g表示全局安装

1
$ npm install -g hexo

如果被墙,将源更换成淘宝镜像

1
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

3.初始化hexo

创建一个新文件夹XX,进入该文件目录,运行命令

1
$ hexo init

初始化完成后根据自身进行基础配置,修改文件_config.yml

4.定制主题

hexo有许多主题点击查看,可根据喜好自行配置
将_config.yml中的theme参数修改为选定的主题名称,运行以下命令:

1
2
$ npm install hexo-generator-json-content --save
$ git clone https://github.com/fi3ework/hexo-theme-archer.git themes/archer

5.本地浏览博客

1
2
3
$ hexo g #生成静态网页
$ hexo s #启动服务预览
$ hexo s -g #(简写形式)

浏览器访问:http://localhost:4000/

6.写博客文章

在”source_posts”目录下新建.md文件

7.部署至github

首先new repository,注意repository name必须为owner.github.io,owner为你自己的账号名称

8.更改配置

创建repository成功后,修改_config.yml的deploy下的参数

1
2
3
deploy:
type: git
repo: 仓库地址

注意冒号后均有一个空格。

9.安装自动发布部署工具

1
$ npm install hexo-deployer-git  --save

10.发布至github

1
$ hexo clean && hexo g && hexo d

访问测试一下:https://owner.github.io/

CATALOG
  1. 1. 1.安装git与node.js
  2. 2. 2.安装hexo
  3. 3. 3.初始化hexo
  4. 4. 4.定制主题
  5. 5. 5.本地浏览博客
  6. 6. 6.写博客文章
  7. 7. 7.部署至github
  8. 8. 8.更改配置
  9. 9. 9.安装自动发布部署工具
  10. 10. 10.发布至github