搭建hexo个人博客

什么是Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。此处附上Hexo中文官网。下面我们详细介绍搭建步骤。

安装Git Bash

Git Bash是Windows系统下git的命令行工具。

  • 下载地址
  • 安装步骤:双击下载好的exe文件,一路next就可以
  • 确认成功:执行git version,控制台打印出对应git版本就说明安装成功了。

安装Node

Hexo是基于Node环境的静态博客,npm工具是必不可少的。

  • 下载地址
  • 安装步骤:基本操作,这里就不赘述了。
  • 确认成功:执行node -v,控制台打印出对应Node版本就说明安装成功了。

安装Hexo

  • 先创建本地存放blog的文件夹,然后cd到对应目录下。

  • 安装命令:npm i -g hexo(建议用cnpm安装,会相对快一些)

  • 确认成功:hexo -v

    ![](https://user-gold-cdn.xitu.io/2018/3/30/16274c983e8bf6c5?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
    
  • 初始化:hexo init,之后打开的文件夹如下图:

     ![](https://user-gold-cdn.xitu.io/2018/3/30/16274cd8e5dcbac7?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
    
  • 简单解释下文件夹的作用

    node_modules:依赖包

    scaffolds:命令生成文章等的模板

    source:用命令创建的各种文章

    themes:主题

    _config.yml:整个博客的配置

    package.json:项目所需模块项目的配置信息
    `

    搭桥到Github

  • 没账号的创建账号(程序猿不应该吧~),有账号的看下面步骤:

    ![](https://user-gold-cdn.xitu.io/2018/3/30/16274d3595e448bb?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
    
  • 回到gitbash,配置github账号信息(YourName和YourEail都替换成你自己的)

    ![](https://user-gold-cdn.xitu.io/2018/3/30/16274d516db7d82a?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
    
  • 创建SSH,在gitbash输入:ssh-keygen -t rsa -C “youremail@example.com,生成ssh,然后按照下图找到id_rsa.pub

    ![](https://user-gold-cdn.xitu.io/2018/3/30/16274d8442172fc3?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
    
  • 将获取的ssh放到github中:

    ![](https://user-gold-cdn.xitu.io/2018/3/30/16274d8650137af9?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
    ![](https://user-gold-cdn.xitu.io/2018/3/30/16274d8844f0aac6?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
    

    临门一脚

  • 用编辑器打开blog项目,修改_config.yml文件的一些配置(记得冒号后必须有空格,不然配置不生效,这是Hexo的一个坑!)

    ``deploy:`<br/>
      `type: git`<br/>
      `repo: https://github.com/YourgithubName/YourgithubName.github.io.git`<br/>
      `branch: master`
  • 进入blog项目,分别执行以下命令:

hexo clean

  `hexo generate`

  `hexo server`

最后的最后,怎么写博客?

  • 新建文章:hexo new ‘文章名’,然后在blog的source文件夹就可以看到了。

  • 写内容:支持markdown语法,所以我自己现在是用掘金自带的markdown编辑器写完后把文章复制过来的,完美兼容~

  • 本地看过没问题就上传到github,步骤前面也说了,一般上传后github服务器会有点延迟,十分钟后刷新应该就有最新的blog了。