使用Hexo在github上搭建自己的静态Blog —(Mac篇)

尽管网上已经有很多教程,但真正动手实践起来,还是比较折腾人的.多多少少都会遇到一些坑.这里做些记录,算是边做边学吧.具体步骤如下:

本地搭建

  • 环境准备

    1. git环境就不说了,基本上只要安装了Xcode并且带了命令行工具,终端里就可以git了.

    2. 安装nvm:推荐使用这个来安装node.js,尽管网上不少教程都说可以直接去nodejs官网http://nodejs.org下载pkg安装包,个人实践不太靠谱,而且还有被墙的风险,问题较多.

      在终端中输入命令

      curl https://raw.githubusercontent.com/creationix/nvm/v0.7.0/install.sh | sh

    3. 重启终端即可.

  • 安装node.js

    • 1.终端输入命令:

    nvm install 0.10

    ​ 这个过程要稍微久一点,网络不好的话,要耐心点,之后就可以安装hexo.

  • 安装hexo(这个是重点)

    • 终端输入命令:

      npm install -g hexo

  • 初始化blog文件夹

    • 终端下输入命令:

    mkdir hexoBLOG

    cd hexoBlog

    hexo init

    • 如果hexo版本是2.6以后的,还需要执行下面命令:

      npm install hexo-renderer-ejs --save

      npm install hexo-renderer-stylus --save

      npm install hexo-renderer-marked --save

  • 新建博文

    hexo new 博文名字(注意,博文名字后面不需要添加.md后缀)

    • 这条命令会在当前目录下的source/_posts/生成一个.md后缀的文件
    • 使用markdown软件编辑博文后保存.
  • 生成html

    hexo generate

  • 本地预览

    hexo server

发布到github.io

  1. 注册github账号.

  2. 创建仓库,名字必须为自己的登录名格式为:登录名.github.io

  3. 记录好仓库的https地址

  4. 在终端里输入发布命令

    hexo deploy

    如果hexo为2.6之后的版本,需要修改_config.yml文件

在文件中找到deploy部分,修改type的值为git(注意:type和git之间要保留一个空格)

参考样例:

deploy:

​ type: git

repository: https://github.com/leiocai/leiocai.github.io.git

  1. 如需修改主题,可以到hexo官网下载喜欢的主题后,修改_config.yml中的Theme即可.

推荐到hexo的github主题仓库中下载喜欢的theme

https://github.com/hexojs/hexo/wiki/Themes

临时语

本人还在学习搭建的路上,文中不足难免,对于定制更细节的内容,还需要深入研究配置文件(_config.yml),这个还在摸索中….