Mac os X 配置hexo教程

作者: HuCoco | 来源:发表于2016-03-29 21:02 被阅读2387次

    <h1> 前言 </h3>

    Hexo基于Node.js,由台湾大神tommy351开发,可以实现一个静态网页组成的博客,而且更轻更快,使用也相当的简单。只要安装了GitNode.js,我们就可以在电脑上快速的用Hexo来写作,Hexo同样支持评论、分类、标签、图片等。

    <h3>特性</h3>

    • 快速
      Hexo基于Node.js,支持多线程,几百篇文章也可以几秒生成。
    • 流畅
      支持GitHub Flavored MarkdownOctopress的插件。
    • 扩展
      Hexo支持EJSSwigStylus,通过插件支持HamlJadeLess



    下面就来给大家介绍下Hexo静态博客环境搭建的方法。


    <h3> 先整理一下思路</h3>
    1.首先hexo是基于nodejs,所以需要安装nodejs(之前没有安装过的话)。
    2.安装nodejs的方法很多的,因为为了简单,而且网上的很多教程也是用的homebrew安装方式,我也就用的这个。
    3.安装homebrew方式很简单,因为mac自带了ruby,一句话就能搞定。
    4.hexo提交部署需要git部署到github,所以需要安装git工具。
    5.整理一下安装顺序,(homebrew-nodejs-hexo-git)


    <h3> 1.安装homebrew</h3>
    打开终端,输入下面代码:

    ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"  
    

    稍等片刻安装完成就可以了,因为正在下载,如果没有网速的话,可以关闭或者按下‘Ctrk+C’来结束进程并重新下载。值得注意的是输入这行代码也可能会提醒你输入的过旧,需要输入新的代码,只用复制那段代码然后轻敲回车就OK。

    <h3> 2.安装nodejs</h3>
    用homebrew安装,一句话搞定。

    brew install node  
    

    <h3> 3.安装hexo</h3>
    可以使用nodejs自带的npm进行安装。

    npm install -g hexo
    

    <h3> 3.1创建hexo文件夹</h3>
    待安装完成之后,在自己想要的位置新建一个文件夹,例如在根目录新建。打开终端输入:

    mkdir blog  
    cd blog  
    hexo init
    

    <h3> 3.2安装依赖包 </h3>
    npm install
    <h3> 4.安装git</h3>
    安装好之后建议注册一个github账号,如果没有的话。

    <h3> 4.1homebrew安装</h3>

    sudo brew install git
    

    <h3> 4.2配置</h3>

    <h4> 4.2.1检查SSH key</h4>

    cd ~/.ssh
    

    <h4> 4.2.2备份已有的key</h4>

    mkdir key_backup
    mv id_rsa* key_backup  
    

    <h4> 4.2.3生成SSH key</h4>

    ssh-keygen -t rsa -C "xxxx@xxxx.com"   
    

    xxxx@xxxx为自己的github账号。

    <h4> 4.2.4将SSH key添加到github</h4>

    登录到gitHub页面,Account Settings->SSH Public Keys->Add another key将生成的key(id_rsa.pub文件)内容copy到输入框中,save。id_rsa.pub文件放在.ssh这个隐藏文件夹之下,因为当前就在这个目录,所以直接打开。

    ls  
    open id_rsa.pub
    

    打开这个文件推荐使用Sublime Text 2(下同),复制里面的东西,然后到在网页上保存。

    <h4>4.2.5测试连接</h4>

    ssh git@github.com
    

    如果现实连接成功,那就可以,不可以请重复以上步骤,找出错误的原因,或者把显示的错误信息代码复制到谷歌上面搜索。
    <h3> 4.2.6设置个人信息</h3>

    git config --global user.name "xxx”
    git config --global user.email "xxx@xxx.com"
    

    xxx是你自己的github的账号,xxx@xxx.com是注册邮箱。

    <h3> 5.创建github上面的repository </h3>
    在自己的github主页右下角,创建一个新的repositpry。我的github账号是maodahua,那么我就应该创建的repository名字为maodahua.github.io.

    <h3> 6.部署</h3>
    在自己创建的blog下找到_config.yml这个文件并编辑,在最下面添加如下的语句。网址的maodahua替换成自己账号即可。

    deploy:
    type: git
    repository: http://github.com/maodahua/maodahua.github.io.git
    branch: master
    

    PS:三个冒号之后需要留一个空格,不然会引起错误。

    至此,hexo博客的搭建已经完成,接下来可以执行下面代码在本地运行,查看效果

    cd blog  
    hexo g
    hexo s
    

    然后在浏览器中输入localhost:4000就可以看到了。
    如果没有错误的话,可以执行

    hexo d
    

    完成之后,我们的博客就完全搭建起来了。在浏览器中输入maodahua.github.io就可以访问了,去看看你的成果吧!

    相关文章

      网友评论

      • cuishuang:赞一个,很不错~
      • ITJason:我也是用 Mac + Hexo 来写博客的,握爪~

        不知道楼主是怎么解决 Hexo 插图的问题?我之前手动链接本地图片、再将图片上传至 Hexo。但这个过程麻烦,且在部署到 Github 时会担心图片会降低访问速度。

        最近搞了个 iPic 专门解决博客插图的问题:监控剪贴板中的图片、自动上传至微博图床、保存图片链接至剪贴板;这样,直接在 Markdown 编辑器中粘贴即可。感兴趣可以到这里了解下:http://i.toolinbox.net/iPic/iPicIntroduce1.html
        HuCoco:@ITJason 原来如此,这个倒是没有了解太多,谢谢啦,但是访问速度确实比GitHub要快不少,就懒得折腾了
        ITJason:@HookCoco "国内的访问Coding",其实,Coding 服务器在美国,你测试下就知道了;不然也不可能不备案就可以绑定域名。
        HuCoco:@ITJason 我是配置发布在两个仓库上的,国内的访问Coding,国外访问GitHub,这样速度就不成问题,插图我就放在目录下就好
      • cd16b0e6cbad:这个文章好熟悉
      • zuolingfeng:不错。上次试了下。没成功。这次回去试试。一直想自己搭建个blog
      • Raybon_lee:curl: (22) The requested URL returned error: 404 Not Found ,上面执行第一句 curl 这个就出错了额
        Raybon_lee:@Raybon_lee 我用其他方式弄好了:smile:
        HuCoco:@Raybon_lee 我刚刚试了一次,可以用呀

      本文标题:Mac os X 配置hexo教程

      本文链接:https://www.haomeiwen.com/subject/xupslttx.html