Hexo搭建Github静态博客

7 篇文章 1 订阅
5 篇文章 0 订阅
  1. 了解Hexo
    Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
  2. 安装前提
    安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:
  • Git
  • Node.js
    如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。
$ npm install -g hexo-cli
安装 Node.js

安装 Node.js 的最佳方式是使用 nvm。

$ curl https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh
$ wget -qO- https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh

安装完成后,重启终端并执行下列命令即可安装 Node.js。

$ nvm install stable

安装Git

Mac:使用 Homebrew, MacPorts :brew install git;或下载 安装程序 安装。

  1. 创建hexo 站点
    安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
$ hexo init <文件夹名字>
$ cd <文件夹名字>
$ npm install

创建后的目录结构

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

_config.yml 是配置网站信息,一般修改为

title			网站标题
subtitle		网站副标题
description	网站描述
author		您的名字
language		网站使用的语言
timezone		网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说:America/New_York, Japan, 和 UTC 。
服务器

Hexo 3.0 把服务器独立成了个别模块,您必须先安装 hexo-server 才能使用。

$ npm install hexo-server --save

安装完成后,输入以下命令以启动服务器,您的网站会在 http://localhost:4000 下启动。在服务器启动期间,Hexo 会监视文件变动并自动更新,您无须重启服务器。

$ hexo server

部署到Github上

在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数

 _config.yml 找到下面的内容

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type:

修改:
# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: git@github.com:xxx/xxx.github.io.git
  branch: master

// 部署 流程
$ hexo clean // 清除
$ hexo g (generate)
$ hexo d (deploy)

如果遇到在Github上部署的问题可以查看hexo 部署到GitHub上遇到问题

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值