使用Hexo + Github搭建个人博客

Welcome to Hexo! 博客是大多数技术人员用来记录开发经验的方式，下面我们使用Hexo + Github建立个人静态博客。

环境配置

安装Node.js

点击进入Node.js官网下载安装包,mac也可使用homebrew直接构建环境

  • 打开终端使用node –version查看是否安装成功

node version

安装Git

点击进入Git官网配置git环境

  • 同样使用git –version查看是否安装成功

安装Hexo

点击进入Hexo官网，由于已经安装好node，所以终端直接使用

1
npm install hexo-cli -g
  • 同样使用hexo –version查看版本号即可知道是否安装成功

创建仓库

新建github项目

  • 项目命名为yourname.github.io即可（yourname为你想使用的名字）
    github

hexo创建博客环境

  1. 终端cd到存储的文件夹下

  2. 初始化

    1
    2
    hexo init			
    npm install hexo-deployer-git --save

  3. 执行本地测试

    1
    hexo server

    • 执行后打开本地网页localhost:4000即可看到网页

      github

  1. 修改配置文件_config.yml（配置github上的git地址）

    1
    2
    3
    4
    deploy:
      type: git
      repository: https://github.com/xxx/xxx.github.io.git
      branch: master

  2. 提交上传

    1
    2
    3
    hexo clean
    hexo g
    hexo d

  3. 上传成功，打开网址https://xxx.github.io即可看到自己的个人博客网页

  4. OK!下面就愉快的使用Markdown写博客吧

博客主题

  • 如果觉得hexo默认的博客主题不喜欢，可以github上搜索相关的开源主题，下面贴出本博客的主题地址

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

心之所向 素履以往<br><br>行到水穷处 坐看云起时