ShenYuanLuo的博客

记录学习的点点滴滴

0%

发表于 更新于 分类于 阅读次数：

本文记录的是在 Mac 环境下搭建“Hexo+Github”博客流程

第一步：Github 环境搭建

  1. 首先申请 Github 账号

  2. 登陆已经申请的 Github 账号

    1. 点击右上角的“+”图标，创建一个新仓库 。
      创建仓库

    2. 在** Repository name **输入 userName.github.io,其中 userName 是 Github 上的账户名称，仓库名称格式必须这样填写，否则无法部署博客；随后点击 Create repository 按钮提交即可。
      填写仓库信息

    3. 仓库创建成功后，会有一个有一个 SSH 地址，形如 git@github.com:userName/userName.github.io.git 。
      SSH 地址

第二步、添加 SSH 公钥

  1. 使用 ssh-keygen 命令生成key pair，生成成功后，会在 ~.ssh 目录下生成密钥文件：私钥 id_rsa 和公钥 id_rsa.pub

    1
    $ ssh-keygen -t rsa -C "email"

    其中 -t rsa 表示使用密钥的加密类型，还可以为dsa；-C 设置注释文字，比如你的邮箱“YourEmail”，不一定要是github注册邮箱

    创建公钥
    公钥信息

  2. 为 github 用户添加 SSH 公钥

    添加公钥

  3. 至此，Github 环境已搭建完成

第三步：本地环境配置

  1. 安装 HomeBrew

    1
    $ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    HomeBrew 是一个非常有用的软件包管理系统，类似于Linux下的apt-get

  2. 安装 Git

    1
    $ sudo brew install git

  3. 安装 Node.js

    前往 Node.je官网下载 Node.js pkg 安装包，双击安装即可

  4. 安装 hexo

    1
    $ npm install -g hexo-cli

    -g 或 –global 表示全局安装模块，如果没有这个参数，会安装在当前目录的node_modules子目录下。

第四步、配置 hexo

  1. 初始化 Hexo

    1
    $ hexo init userName.github.io

    其中 userName.github.io 为本地文件夹的名字（可以随便起）。

    安装成功如图：

  2. 安装依赖包

    1
    2
    $ cd userName.github.io 
    $ npm install

    其中 npm install 表示安装当前目录package.json文件中配置的dependencies模块。

    至此，最基本的本地 hexo 博客已经搭建好了，可以本地查看：

    1. 生成静态网页
      1
      $ hexo generate
    2. 启动服务
      1
      $ hexo server
    3. 然后到浏览器输入 http://localhost:4000/看看初步效果:
      Hexo效果

第五步、定制 hexo 信息和主题

阅读全文 »