MAC下搭建Hexo博客
一、前言
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博客的更多相关文章
- MAC下搭建个人博客
安装homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/inst ...
- 史上最详细“截图”搭建Hexo博客并部署到Github
http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html 大家也搭建过博客,很多时候,按着教程来做就可以了,但是我当时为了搭建Hex ...
- 史上最详细“截图”搭建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 ...
- 树莓派搭建 Hexo 博客(一)
Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 什么是 Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解 ...
- 在vps上搭建hexo博客
最近更换了服务器,需要把自己的Hexo Next重新部署到新服务器上,本文记录一下在vps上搭建hexo博客的过程. 在vps上搭建hexo博客需要下面这些工具: Nginx: 用于博客展示 SSH: ...
- 利用Serverless应用搭建Hexo博客
本文将介绍如何使用火爆的Serverless应用,15分钟快速搭建Hexo博客.以腾讯云提供的Serverless应用–云开发为例: 步骤1:安装 CloudBase CLI 以及本地部署 Hexo ...
- Mac下搭建hexo
Mac下搭建hexo 并部署到gitcafe 1.安装brewhome ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homeb ...
- 阿里云VPS搭建Hexo博客
最近买了一个阿里云服务器,准备写自己的网站,和将自己的作品放在上面:开始的时候,感觉就一个服务器应该很简单,但是从申请域名到备案,再到服务器搭建,没想到一波三折:闲话不多说,只是记录我在搭建时,最简单 ...
- 树莓派搭建 Hexo 博客(二)
Hexo 一个开源的博客框架,本文记录了一下在树莓派上搭建 Hexo 博客的过程. 上一篇介绍了 Hexo 的配置,现在网站已经能在本地访问了,也能通过 hexo generate 命令生成静态界面 ...
随机推荐
- 【未完成】[Spark SQL_2] 在 IDEA 中编写 Spark SQL 程序
0. 说明 在 IDEA 中编写 Spark SQL 程序,分别编写 Java 程序 & Scala 程序 1. 编写 Java 程序 待补充 2. 编写 Scala 程序 待补充
- JAVA 连接 SQL Server 2008:java.lang.ClassNotFoundException: com.microsoft.jdbc.sqlserver.SQLServerDriver
新项目需要修改Java开发的MES系统...Java忘的也差不多了...简单尝试以下JAVA连接SQL Server吧,没想到坑还是很多的.以前直接连oracle时没有这么多麻烦啊....可能微软和o ...
- CSS布局(三) 布局模型
布局模型 在网页中,元素有三种布局模型:1.流动模型(Flow) 默认的2.浮动模型 (Float)3.层模型(Layer) 1.流动模型(Flow) 流动(Flow)模型是默认的网页布局模式.也就是 ...
- Alpha冲刺报告(3/12)(麻瓜制造者)
今日已完成情况: 肖小强: 解决了之前的部署demo问题,学习了基本需要的api 江郑: 进行发布需求数据库的增删改查 邓弘立: 完成了轮播图的设计 刘双玉: 编码发布商品的接口,数据库表的修改 汪志 ...
- PyQt5 的几个核心模块作用
QtCore 包含了核心的非GUI功能.此模块用于处理时间.文件和目录.各种数据类型.流.URL.MIME类型.线程或进程. QtGui 包含类窗口系统集成.事件处理.二维图形.基本成像.字体和文 ...
- 浅析Java虚拟机结构与机制[转]
本文旨在给所有希望了解JVM(Java Virtual Machine)的同学一个概念性的入门,主要介绍了JVM的组成部分以及它们内部工作的机制和原理.当然本文只是一个简单的入门,不会涉及过多繁杂的参 ...
- 部署weblogic遇到的问题总结
myeclipse开发的项目,运行在tomcat7上完全正常.部署到weblogic10上就出现了问题,现把问题记录一下: 1.找不到javax/servlet/jsp/jstl/core/Condi ...
- lavarel模板引擎blade学习
blade 模板学习 特点 主要的两个优点是:模板继承和区块 继承页面布局 布局文件(layout.php) + 详情文件 (page.php) 的组合,即一般到具体的组合.在blade文件之中的体现 ...
- yarn的学习-2-从 npm 迁移到 yarn-包管理工具
从npm处迁移过来多许多用户来说是一个相对简单的过程.yarn能想npm一样定制相同的package.json,并能够从npm仓库下载任意的包 如果你想要在已存在的npm项目中使用yarn,运行yar ...
- springbatch入门练习(第一篇)
先搞懂几个概念 Job Respository: 作业仓库,负责Job.Step执行过程中的状态保存 Job launcher: 作业调度器,提供执行Job的入口 Job:作业,由多个step组成,封 ...