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

一、搭建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*/是使用的正则表达式,用/分割。
    
成功搭建hexo本地博客并部署到github上_第1张图片
Mou icon

图 1

  1. 安装好brew后,就是安装git和Node.js

     git安装命令如下:
     sudo brew install git 
     安装成功如图2所示:
     Node.js安装命令如下:
     sudo brew install -g node
    
成功搭建hexo本地博客并部署到github上_第2张图片
Mou icon

图 2

  1. git和Node.js都安装成功后,安装hexo

     安装hexo的命令如下:
     sudo npm install hexo -g
     成功后如图3和4所示:
     注意:以上命令以sudo开头一定不要忘记加sudo,这是实践中的经验
    
成功搭建hexo本地博客并部署到github上_第3张图片
Mou icon

图 3


成功搭建hexo本地博客并部署到github上_第4张图片
Mou icon

图 4

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

     创建hexo文件夹:
     hexo init +文件夹名字例如:hexo
     安装依赖包:
     npm install
     这两步成功后如图5所示:
    
成功搭建hexo本地博客并部署到github上_第5张图片
Mou icon

图 5

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

     hexo generate
     成功后如图6所示:
     hexo server
     成功后如图7所示:
     hexo博客如图8所示:
    
成功搭建hexo本地博客并部署到github上_第6张图片
Mou icon

图 6


Mou icon

图 7


成功搭建hexo本地博客并部署到github上_第7张图片
Mou icon

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

一、部署到github上

  1. 注册Github帐号。

     创建repository
     登录github后,将鼠标点击github右上角“+”号,在下拉菜单上,选择“New repository”项,将跳到如下页面,        填写库名称,勾选“Initialize this repository with a README”,点击“create repository”,即可完        成创建库。
    
成功搭建hexo本地博客并部署到github上_第8张图片
Mou icon
  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 的介绍和设置方法请看 官方教程 ,不用担心,很简单。
     设置好SSH-key后, _config.yml 配置文件应该为:
     deploy:
       type: git
       repository: [email protected]:JinqianChina/JinqianChina.github.io.git
       branch: master
         
     执行下列指令即可完成部署。
     
     hexo generate
     hexo deploy
     如果提示:ERROR Deployer not found: git
     执行以下以下命令:npm install hexo-deployer-git --save
    
Mou icon
    完成之后再执行:
    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

你可能感兴趣的:(成功搭建hexo本地博客并部署到github上)