一、前言

  Hexo是一款快速、简洁,基于node.js的强力框架。

  (1)超快速度:Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。

  (2)支持markdown:Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。

  (3)一键部署:只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。

  (4)丰富的插件:Hexo 拥有强大的插件系统,安装插件可以让 Hexo 支持 Jade, CoffeeScript。

二、环境搭建

  (1)安装Node.js,官网直接下载即可。

  (2)安装git,Mac下安装Xcode自带git或者终端输入(我这里用的是homebrew) 

sudo brew install git

三、GitHub相关

  (1)注册github账号(不多说)

  (2)新建一个仓库

     需要注意的是新创建的仓库的名字,必须是username.github.io。比如我的username是EricCJJ,所以仓库的名字便是EricCJJ.github.io。

  (3)配置SSH Key(可以不配置,配置了就不用每次输用户名和密码了)   

cd ~
ll -a
cd .ssh
ll -a

    检查终端输出的文件列表中是否已经存在id_rsa.pub 或 id_dsa.pub 文件,如果文件已经存在,则直接进入第(4)步

    不存在的话也不用急,现在我们就建立一个SSH Key。在终端输入如下命令:

ssh-keygen -t rsa -C "your_email@example.com"

    邮箱是注册GitHub的邮箱。按下回车,让你输入文件名,直接回车会创建使用默认文件名的文件(推荐使用默认文件名),然后会提示你输入两次密码, 可以为空,直接回车就行。

    (4)添加SSH Key到Github

      如果你没有指定文件名(也就是使用的默认文件名),那么你的.ssh文件夹下,应该有一个id_rsa.pub文件了,打开该文件,复制里面的文本。登录GitHub,点击头像打开settings,再点击SSH and GPG keys,然后点击new SSH key,tittle随便写,再将刚才复制的内容粘贴到Key中即可。

    (5)检测SSH Key是否配置成功

      终端输入如下命令

ssh -T git@github.com

      如果出现如下内容:Are you sure you want to continue connecting (yes/no)? 直接yes就行

      最后出现:Hi EricCJJ! You've successfully authenticated, but GitHub does not provide shell access.说明成功了。

四、安装Hexo

  (1)终端输入如下命令

sudo npm install -g hexo

  (2)再任意位置创建一个文件夹,比如:Hexo,cd到该路径下,执行命令:

sudo hexo init

  (3)安装依赖包

sudo npm install

  (4)在对应的文件夹下执行

sudo hexo g
sudo hexo s

    在浏览器输入http://localhost:4000/ 就可以进行查看了。这个博客是本地的,别人是无法访问的,之后我们需要部署到GitHub上。
五、将本地博客同步到GitHub上

  (1)编辑自己创建的本地博客文件夹中的_config.yml中的deploy节点(这是我的,换成自己的就行)

deploy:
type: git
  repository: https://github.com/EricCJJ/EricCJJ.github.io.git
  branch: master

    注意:hexo配置文件中任何位置的“:”后面都需要带一个空格,不然会报错。

  (2)安装插件

sudo npm install hexo-deployer-git --save

  (3)最后执行下面命令

hexo clean
hexo generate
hexo deploy

  在浏览器输入https://username.github.io就可以访问你的博客了。

六、后记

  Hexo也有很多好看的主题,这里就给大家自己摸索吧,可以参考这个,希望对大家有帮助。    

MAC下搭建Hexo博客的更多相关文章

  1. MAC下搭建个人博客

    安装homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/inst ...

  2. 史上最详细“截图”搭建Hexo博客并部署到Github

    http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...

  3. 史上最详细“截图”搭建Hexo博客——For Windows

    http://angelen.me/2015/01/23/2015-01-23-%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86%E2%80%9C%E6%88 ...

  4. 树莓派搭建 Hexo 博客(一)

    Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 什么是 Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解 ...

  5. 在vps上搭建hexo博客

    最近更换了服务器,需要把自己的Hexo Next重新部署到新服务器上,本文记录一下在vps上搭建hexo博客的过程. 在vps上搭建hexo博客需要下面这些工具: Nginx: 用于博客展示 SSH: ...

  6. 利用Serverless应用搭建Hexo博客

    本文将介绍如何使用火爆的Serverless应用,15分钟快速搭建Hexo博客.以腾讯云提供的Serverless应用–云开发为例: 步骤1:安装 CloudBase CLI 以及本地部署 Hexo ...

  7. Mac下搭建hexo

    Mac下搭建hexo 并部署到gitcafe 1.安装brewhome ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homeb ...

  8. 阿里云VPS搭建Hexo博客

    最近买了一个阿里云服务器,准备写自己的网站,和将自己的作品放在上面:开始的时候,感觉就一个服务器应该很简单,但是从申请域名到备案,再到服务器搭建,没想到一波三折:闲话不多说,只是记录我在搭建时,最简单 ...

  9. 树莓派搭建 Hexo 博客(二)

    Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 上一篇介绍了 Hexo 的配置,现在网站已经能在本地访问了,也能通过 hexo generate 命令生成静态界面 ...

随机推荐

  1. 【转】Java学习---算法那些事

    [更多参考] LeetCode算法 每日一题 1: Two Sum ----> 更多参考[今日头条--松鼠游学] 史上最全的五大算法总结 Java学习---7大经典的排序算法总结实现 程序员都应 ...

  2. android下载 sdk 的两个代理 ,解决下载sdk慢的问题

    mirrors.opencas.cn mirrors.neusoft.edu.cn   设置教程:http://blog.csdn.net/mociml/article/details/1633125 ...

  3. js 排序,去重

    前几天 有一个需求要做一个 勾选的按钮 ,用的前端框架时 extjs   . 需求是这样的:选择数据后点击勾选 会把数据 放到一个全局变量里,然后点击另外一个提交按钮 弹出一个窗口 加载这些已经勾选的 ...

  4. 【Python】os.path.isfile()的使用方法汇总

    方法一: # -*- coding:utf-8 -*- import os import sys from uiautomator import device as d filepath = r'E: ...

  5. jstl格式化日期

    <%@ page contentType="text/html" pageEncoding="GBK"%> <%@ page import=& ...

  6. react如何引入外部文件的整理

    1 引入组件 首先就应该是安装了,安装在环境中后通过 import { Select, Button, Icon, QueueAnim } from 'antd'; 就可以把需要的组件引用进来了~ 2 ...

  7. ssl,proxy;部分http部分https;80,443,8080;nginx+tomcat;

    ..... user nobody; worker_processes 8; error_log /opt/logs/nginx/nginx_error.log crit; pid /usr/loca ...

  8. MFC单文档视图拆分窗口和相关链接

    第一步:准备2个视图类(如CTViewOne, CTViewTwo) 第二步:在CMainFrame类的头文件中添加数据成员变量: //MainFrm.h protected: CSplitterWn ...

  9. maven使用及创建项目

    一:简单介绍 他是一个帮我们管理jar,并帮助我们处理jar包依赖. 他是一个我们编译.测试.运行.打包的一键构建. 我们在使用后面的命令的同时,前面的过程也自动执行. 二.仓库的分类: 分本地仓库. ...

  10. JAVA框架 Spring 引入多个配置文件

    1.如果配置文件比较长,可以分多个配置文件.有两种方式: 1)在主配置文件加标签<import/> <import resource="jd/com/other/appli ...