Hexo搭建Github博客

最近迷上了nodejs,hexo是基于nodejs搭建的博客,自然要玩一下~

整个安装配置过程大概花了一小时,写下来仅供参考。

  • nodejs环境搭建

    • 官网http://nodejs.org/download/,根据自己的系统选择合适的版本,点击安装后点next执行到finish。

    • windows系统默认安装到C:\Program Files\nodejs\,需要添加环境变量Path里面增加nodejs的安装路径

    • 控制台:which node 查找node的安装路径

    • Mac默认安装到/usr/local/bin/node

      • Mac推荐通过brew安装

        • terminal中执行

          1
          ruby -e "$(curl -fsSkL https://raw.github.com/Homebrew/homebrew/go/install)"
        • 若安装过程中提示安装xcode某个工具,按照提示走就行

        • 执行brew doctor查看个模块是否正常

      • brew install node,自动安装好node和npm

    • node -v 查看node安装版本

    • npm -v 查看npm安装版本

    • 淘宝镜像安装

    ​ 低网速下很难通过 npm install fone -g等等来安装npm,解决方法是安装淘 宝镜像

    1
    $ npm install -g cnpm --registry=https://registry.npm.taobao.org

    从 registry.npm.taobao.org 安装所有模块. 当安装的时候发现安装的模块还没有同步过来, 淘宝 NPM 会自动在后台进行同步, 并且会让你从官方 NPMregistry.npmjs.org 进行安装. 下次你再安装这个模块的时候, 就会直接从 淘宝 NPM 安装了.

    $ cnpm install [name]

  • git环境搭建

    • 下载地址,点next直到安装完成
    • windows下配置系统变量Path,加入安装目录
    • Mac下若已经安装了xcode,则不用另外下载
    • git —version 查看git版本
  • 安装Hexo

    • 官网https://hexo.io
    • npm install -g hexo(已经安装淘宝镜像的用cnpm),Mac装全局需要用sudo
    • mkdir blog 新建文件夹blog
    • cd blog
    • hexo init
    • npm install 安装依赖
    • hexo server

​ [info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

​ 这时候在浏览器中访问上面的网址,就能看到一个默认主题的博客啦

  • 主题选择

  • 部署到git

    • 在项目配置文件_config.yml中

      1
      2
      3
      4
      # Deployment
      ## Docs: http://hexo.io/docs/deployment.html
      deploy:
      type:

    修改为

    1
    2
    3
    4
    5
    6
    # Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
    type: git
    repository: git@github.com:yourname/yourname.github.io.git
    branch: master

    yourname是你的git账号名字,需要在github网站新建一个yourname.github.io的仓库,则默认为git托管的静态资源站点
    若提示Deployer not found: git,执行npm install hexo-deployer-git –save

  • 发布

    • hexo new “New Post” 创建新post,在source/_posts目录下可以看到新建的markdown文件,或者直接将编辑好的文件放上面的目录下

    • hexo generate将markdown文件生成静态网页

    • hexo deploy发布

    • 稍等片刻,访问yourname.github.io就可以看到hexo搭建在github的博客啦~~


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!