红叶程序员Hexo

利用hexo和github搭建静态博客(一)

2016-12-15  本文已影响31人  红叶丶秋鸣

在搜素文章时无意间发现一篇很漂亮的博客,一看时个人博客,自己也就想创建一个属于自己的博客,初步完成后就写下此文章便于日后查询。

本文是利用 hexo 在 GitHub 上建立的静态博客。
主要有三个步骤:

  1. 下载和安装所需软件
  2. 搭建本地静态博客
  3. 将本地博客同步到GitHub上
  4. 购买设置专属域名(可选)

搭建环境

  1. node.js
  2. git
  3. hexo

node.js 和 git 我就不多说了,自己在官网按着官方指示一步一步下载安装。我主要来说明下hexo的安装。
node.js 和 git 安装完成后,新建一个博客目录,在目录下使用 git bash here (可用命令行)执行

npm install -g hexo

根据网络情况下载,等待安装完成

搭建本地博客

cd 到本地博客路径,初始化

hexo init

安装依赖包

npm install

重启后再在博客目录下,生成必要文件和部署

hexo generate
hexo deploy

启动 hexo,在本地预览

hexo server

在浏览器输入 http://localhost:4000 预览。若正常显示,则本地博客初始化成功

同步到 GitHub

登录 GitHub,没有账号的 Sign up(注册)一个,已有账号的直接登录 Sign in(登录)
登陆后点击“+”选择“New repository”

  • Repository name:指定格式:'GitHub用户名'.github.io
  • Description:可选
  • Public:必须公开

在本地博客目录下有一个_config.yml配置文件,使用编辑器打开,修改Deployment部分:

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: github
  repository: https://github.com/voidking/voidking.github.io.git
  branch: master

注意:冒号后面必须跟一个空格,不然会出错
再在博客目录下执行如下命令同步到GitHub

hexo generate
hexo deploy

若报错 error deployer not found:github 可能是 hexo 更新问题
解决方案:将 github 改为 git、将 https 改为 http 后重试

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

若还是报错,先执行如下指令后重试

npm install hexo-deployer-git --save

在浏览器访问https://'GitHub用户名'.github.io,若正常显示,则博客已同步到GitHub

至此静态博客就初步搭建完成了!!!

上一篇下一篇

猜你喜欢

热点阅读