Mac下Hexo+GitHub免费建博客流程

Mac下Hexo+GitHub免费建博客流程_第1张图片
Hexo

Hexo是快速、简洁且高效的博客框架,利用Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染,支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件,只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。Hexo拥有强大的插件系统,安装插件可以让 Hexo 支持 Jade, CoffeeScript。


一.安装Git

方法一:文件安装

  1. 下载Git installer文件,地址:http://git-scm.com/downloads
  2. 下载之后打开,双击.pkg安装
  3. 打开终端,使用git version命令查看安装版本,出现版本号则表示安装成功

方法二:命令行安装

  1. 安装HomeBrew:$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  2. 安装Git:$ brew install git
  3. 使用git version命令查看安装版本,出现版本号则表示安装成功

二.安装Node.js

  1. 打开终端输入:$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh
  2. 重启终端
  3. 打开终端输入:$ nvm install 4
  4. 使用node -v命令查看安装版本,出现版本号则表示安装成功

三.安装Hexo

  • Node.js和Git都安装完成后,终端输入:$ sudo npm install hexo-cli -g

四.创建Github 域名和空间

  1. 注册GitHub:

注意username,这会影响到你的域名,你的域名将会是 username.github.io

  1. 创建仓库:

点击首页任意位置出现的New repository按钮创建仓库, Respository name中的username.github.com的 username 一定与前面的Owner 一

Mac下Hexo+GitHub免费建博客流程_第2张图片
创建仓库

五.创建ssh-key

  1. 打开终端,输入:cd ~/.ssh

如果存在,先将已有的ssh备份,或者将新建的ssh生成到另外的目录下

  1. 如果不存在,终端输入:ssh-keygen -t rsa -C [email protected](注册github时的email)
Mac下Hexo+GitHub免费建博客流程_第3张图片
ssh
  1. 此时会在你的电脑里生成一个.ssh的文件,里面有你的ssh key的信息,在命令行里输入 pbcopy < ~/.ssh/id_rsa.pub,复制key,然后打开一个文本文件,粘贴

六.部署ssh-key到GitHub

  1. 登录GitHub,点击settings
Mac下Hexo+GitHub免费建博客流程_第4张图片
setting
  1. 点击 SSH and GPG keys,点击New SSH key
Mac下Hexo+GitHub免费建博客流程_第5张图片
newkey
  1. 将之前复制的SSH key粘贴保存

七.创建并发布博客

  1. 从创建并进入博客:$ hexo init blog && cd blog
  2. 安装hexo-deployer-git自动部署发布工具:$ npm install hexo-deployer-git --save
  3. 进入\Users\apple\blog文件夹,找到_config.yml文件,将文件底部的:
deploy:
  type: 

替换成:

deploy:
  type: git
  repo: https://github.com/username/username.github.com.git
  branch: master

八.发布博客

  1. 执行:$ hexo g
  2. 测试:$ hexo s ,测试服务器启动后,在浏览器访问https://localhost:4000 查看,查看无误后发布
  3. 发布:$ hexo d

八.访问博客

  • 在浏览器输入https://username.github.io 访问你的博客。
    如果一切都没有出错的话,那么你的个人博客就已经建好啦!

你可能感兴趣的:(Mac下Hexo+GitHub免费建博客流程)