成功搭建hexo本地博客并部署到github上

简介: 首先是安装Brew。好多人说Mac OS X上自带有brew,但是我今天试了N多遍,都是cannot find brew(我的系统是OS X Yosemite 10.10.5),于是只能安装brew了。

一、搭建hexo本地博客


  1. 首先是安装Brew。好多人说Mac OS X上自带有brew,但是我今天试了N多遍,都是cannot find brew(我的系统是OS X Yosemite 10.10.5),于是只能安装brew了。
 打开Iterm,输入以下安装命令:
 curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1
 安装brew成功后如图1所示: 
 当brew安装成功后,就可以随意安装自己想要的软件了,例如wget,命令如下:
 sudo brew install wget  
 卸载的话,命令如下:
 sudo brew uninstall wget
 查看安装软件的话,命令如下:
 sudo brew search /apache*/
 注意/apache*/是使用的正则表达式,用/分割。


image.png

图 1

  1. 安装好brew后,就是安装git和Node.js
 git安装命令如下:
 sudo brew install git 
 安装成功如图2所示:
 Node.js安装命令如下:
 sudo brew install -g node

image.png


图 2


  1. git和Node.js都安装成功后,安装hexo
 安装hexo的命令如下:
 sudo npm install hexo -g
 成功后如图3和4所示:
 注意:以上命令以sudo开头一定不要忘记加sudo,这是实践中的经验

image.png

图 3


image.png

图 4

  1. 创建hexo文件夹。hexo安装成功后,,在你喜爱的文件夹下(如: Desktop/hexo ),执行如下命令:


 创建hexo文件夹:
 hexo init +文件夹名字例如:hexo
 安装依赖包:
 npm install
 这两步成功后如图5所示:

image.png

图 5

  1. 启动本地服务。现在我们已经搭建起本地的hexo博客了,执行以下命令(在 H:\hexo ),然后到浏览器输入 localhost:4000 看看。
 hexo generate
 成功后如图6所示:
 hexo server
 成功后如图7所示:
 hexo博客如图8所示:

image.png

图 6

image.png

图 7

image.png

图 8 好了,至此,本地博客已经搭建起来了,只是本地哦。别人是看不到了

一、部署到github上


  1. 注册Github帐号。
 创建repository
 登录github后,将鼠标点击github右上角“+”号,在下拉菜单上,选择“New repository”项,将跳到如下页面,        填写库名称,勾选“Initialize this repository with a README”,点击“create repository”,即可完        成创建库。

image.png


  1. 部署
 编辑 _config.yml (在 H:\hexo 下)。你在部署时,要把下面的 zippera 都换成你的账号名。
 deploy:
   type: git
   repository: https://github.com/JinqianChina/JinqianChina.github.io.git
   branch: master
 这里需要注意:https://方式可能会出现,部署文件到github和每次更新文件到github时都需要输入github用户 名和密码的情况,这个情况不是一定出现,我在部署的时候遇到了,网上搜了没有找到解决的方式,于是我采用SSH-key方式,ssh 的介绍和设置方法请看 官方教程<https://help.github.com/articles/generating-ssh-keys/> ,不用担心,很简单。
 设置好SSH-key后, _config.yml 配置文件应该为:
 deploy:
   type: git
   repository: git@github.com:JinqianChina/JinqianChina.github.io.git
   branch: master
 执行下列指令即可完成部署。
 hexo generate
 hexo deploy
 如果提示:ERROR Deployer not found: git
 执行以下以下命令:npm install hexo-deployer-git --save

image.png


    完成之后再执行:
    hexo generate
    hexo deploy
    记住:每次修改本地文件后,需要 hexo generate 才能保存,hexo deploy 才能部署到github。每次使用命令 时,都要在 ~\hexo 目录下。
    Okay,我们的博客已经完全搭建起来了,在浏览器访问 JinqianChina.github.io 就能看到你的成就了!
    还有一点,有一些用户在hexo deploy之后会有提示验证邮箱
    那么我们要输入我们在git上验证的邮箱
    再次hexo deploy
    就发布上去了。
    就可以看到我们就成就了。。。
    tips
    hexo现在支持更加简单的命令格式了,比如:
    hexo g ==  hexo generate
    hexo d ==  hexo deploy
    hexo s ==  hexo server
    hexo n ==  hexo new


相关文章
|
28天前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
55 1
|
4月前
|
缓存 开发工具 git
如何修改github博客主题
如何修改github博客主题
|
4月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
|
5月前
|
缓存 JavaScript 网络安全
基于Hexo的主题Fluid搭建Github博客
基于Hexo的主题Fluid搭建Github博客
74 1
|
3月前
|
存储
github pages 部署单页面
github pages 部署单页面
50 0
|
4月前
Hexo博客添加GitHub评论功能
Hexo博客添加GitHub评论功能
48 0
hexo+github搭建个人免费博客
最近在淘宝逛到一个卖盗版书的店铺,真的是便宜的不要不要的,哈哈。 网上hexo+github的博客教程太多了,我今天就讲讲一下实现小细节和思路吧,都是github上面的issue 看看我搭建的hexo主题的博客,哈哈 开始旅程了 创建一个github站点 可以参考鸿洋大神的如何利用github打造博客专属域名,这篇博文看下来,你就会拥有像我 这样MRw
2280 0
|
29天前
|
人工智能 文字识别 异构计算
关于github开源ocr项目的疑问
小白尝试Python OCR学习,遇到报错。尝试Paddle OCR部署失败,Tesseract OCR在Colab误操作后恢复失败。EasyOCR在Colab和阿里天池Notebook成功,但GPU资源不足。其他平台部署不顺,决定使用WebUI或阿里云轻应用。求教OCR项目部署到本地及简单OCR项目推荐。
26 2
|
30天前
|
人工智能 自然语言处理 iOS开发
『GitHub项目圈选19』推荐5款本周 让人爱不释手 的开源项目
『GitHub项目圈选19』推荐5款本周 让人爱不释手 的开源项目
|
30天前
|
存储 Web App开发 人工智能
『GitHub项目圈选18』推荐5款本周 超实用 的开源项目
『GitHub项目圈选18』推荐5款本周 超实用 的开源项目