GitHub和hexo搭建个人博客

最近的生活太过于迷茫，整天不知干嘛，没有一点目标。为了不让自己在这样颓废下去，就准备把平时生活的一些想法和一些学习的笔记记录下来，俗话说“好记性不如烂笔头”嘛。

概述

利用hexo 框架搭建个人博客，并与github 关联

hexo介绍

hexo 是一个快速、简洁且高效的博客框架。hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

hexo安装

在安装hexo 之前还有一些必要的工作，安装node.js 、git 和注册giuhub 账号。这些工作网上有大量的教程，这里就不过多的说明。接下来打开git bash 工具，输入

npm install -g hexo-cli

安装好后，如下图会显示hexo 的版本号

hexo安装成功界面

hexo安装后的一些操作

• 在电脑的任意位置新建一个文件夹，用于存放hexo项目，我这里的文件名是blog

• 在blog 文件夹中打开git bash 工具，输入如下命令

• 初始化

  hexo init
  

  初始化完成后，在blog 文件中会生成如图所示的文件和文件夹（可能会有些不一样）：

  blog文件内容.png

下面对这些内容进行一些说明：

• node_modules：是依赖包

• public：存放的是生成的页面

• scaffolds：命令生成文章等的模板

• source：用命令创建的各种文章

• themes：主题

• _config.yml：整个博客的配置

• db.json：source解析所得到的

• package.json：项目所需模块项目的配置信息

• 安装一些依赖

  hexo install
  

• 安装一个插件，当然也可以后面安装

  npm install hexo-deployer-git --save关联GitHub
  

关联GitHub

• 在GitHub上新建一个用户名.github.io 的仓库，用户名是你GitHub的账户名

• 复制这个仓库的地址

• blog 文件夹中的_config.yml 文件修改成如下（修改内容在文件最后），注意冒号后面有一个空格：

    type: git
    repo: 仓库地址
    branch: master
  

接下来在git bash 中输入：

hexo g -d

现在博客已经搭建好，并部署到了GitHub上。最后在浏览器上输入博客网址https://用户名.github.io/ 就可以看到自己的博客啦。下面是我搭建好后的页面，最后奉上我的博客地址,随时欢迎大家。

初始博客页面.png

总结

整体来说，搭建的过程比较简单，没有很大的坑。由于这只是一个初期的博客，还比较简单，还有很多东西需要完善：主题的更换、新建博客、评论系统等等，在接下来的时间会对博客进行相应的改善。