如何使用Hexo发布博客到GitHub Pages

2019-08-20 11:34:32 浏览数 (1)

使用Hexo写博客,发布到GitHub Pages

  1. 安装Hexo
代码语言:javascript复制
$ sudo npm install -g hexo-cli
$ hexo -v
hexo: 3.9.0
hexo-cli: 1.0.2
os: Linux 4.4.0-154-generic linux x64
http_parser: 2.8.0
node: 10.15.3
v8: 6.8.275.32-node.51
uv: 1.23.2
zlib: 1.2.11
ares: 1.15.0
modules: 64
nghttp2: 1.34.0
napi: 3
openssl: 1.1.0j
icu: 62.1
unicode: 11.0
cldr: 33.1
tz: 2018e
  1. 创建博客项目
代码语言:javascript复制
$ hexo init yt8yt.github.io
$ cd yt8yt.github.io
$ npm install 

3. 测试刚刚创建的项目
```shell
hexo server

使用浏览器访问本机4000端口。

  1. 更新博客配置信息
代码语言:javascript复制
$ vi _config.yml
# Site
title: yt8yt's note
subtitle:
description: yt8yt's personal blog
author: yt8yt
language:
timezone: Japan

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yt8yt.github.io/
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
  1. 安装发布包
代码语言:javascript复制
$ sudo npm install hexo-deployer-git --save
$ vi _config.yml
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
    repo: git@github.com:yt8yt/yt8yt.github.io.git
      branch: master
  1. 配置watch监控文件改动
代码语言:javascript复制
$ hexo generate --watch 
  1. 创建新博客文章
代码语言:javascript复制
$ hexo new first-post
  1. 使用markdown语言编辑博客文章
  2. 删除source/_posts/hello-world.md
  3. 发布!
代码语言:javascript复制
$ hexo clean
$ hexo deploy 

你应该会在GitHub Pages看到你的博客了,地址为http://****.github.io

  1. 改变主题 例如,安装https://hexo.io/hexo-theme-light/主题。
代码语言:javascript复制
## 安装
$ cd yt8yt.github.io 
$ git clone git://github.com/tommy351/hexo-theme-light.git themes/light

## 改变配置文件
$ cd yt8yt.github.io
$ vi _config.yml 
theme: light 
  1. 创建新页面
代码语言:javascript复制
$ hexo new page aboutme
$ cd source/aboutme 
$ vi index.md 

原文地址。

0 人点赞