Hexo搭建我的博客

  
  一直想搭建一个本身的博客来记录本身的一些学习笔记,因为是学生党经济上有些吃紧因此一直没办法搭建起本身的博客。最近在网上无心中看到了能够借助GitHub来搭建本身的我的博客,因而就折腾了起来。我搭建博客用到的是GitHub+Hexo的搭配,下面就让我来介绍下个人博客搭建的整个过程。html

Hexo

  Hexo是一个基于Node.js的快速简单的静态博客框架,利用它经过简单的几个命令就能够搭建一个我的博客。git

A fast, simple & powerful blog framework,powered by Node.js.github

安装Hexo

  我是在Windows上面进行搭建的,因此我这里就介绍下Windows上面的安装方法。安装Hexo首先须要下面两个条件:
  - Node.js
  - Git
  这两个的安装方法你们Google下就行了,一堆堆的。有了这些咱们就能够利用npm命令来安装hexo了。shell

npm install hexo -g

  安装完hexo以后能够开始初始化博客了。
  npm

初始化博客

  初始化Hexo博客只须要进入博客目录,而后执行下面这条命令就能够了浏览器

hexo init

生成博客

  初始化博客以后博客目录下会产生一些配置文件和模板文件,如今就要利用这些模板文件来生成咱们的静态博客文件,经过下面这条命令就能够生成咱们的博客hexo

hexo generate

  执行完命令以后,在博客目录下会产生一个public文件夹,这里面存放的就是咱们的博客静态文件。框架

本地部署

  生成博客以后咱们就能够开始在本地部署咱们的博客学习

hexo server

  如今咱们打开浏览器访问http://localhost:4000 就能够看到咱们的博客了。code

部署到GitHub

  经过上面这些步骤咱们只是在本地搭建起了博客,要让别人看到还须要把它部署到GitHub上。
  首先,固然是须要申请一个GitHub帐号,而后新建一个Repository,接着在命名的时候须要注意,GitHubPage的名字必须用户名.github.com或者用户名.github.io。
  建立完Repository以后,咱们要配置Hexo的github地址而后才能够把咱们的博客部署到GitHub上面。在博客目录底下打开_congig.yml,这就是Hexo的配置文件。找到下面这段代码

# Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
    type:

  把上面的内容替换成你刚才建立的Repository地址,以下:

# Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
    type: github
    repository: https://github.com/用户名/用户名.github.io.git
    branch: master

  建立Repository而且修改配置文件以后咱们就能够把咱们的博客部署到GitHub上面了,经过下面这个命令,过程当中须要输入Git帐号和密码:

hexo deploy

  打开浏览器访问http://用户名.github.com 或者 http://用户名.github.io ,部署以后大约十分钟就能够看到博客效果了。

配置博客

  经过上面的步骤咱们完成了博客的基本搭建工做,咱们还能够经过修改配置文件来进行博客的个性化定制。
  
  首先是博客的标题以及做者,经过修改_congig.yml中相应的字段就能够设置标题和做者,以下:

# Site
    title: <h1>My Coding Life</h1> //标题
    subtitle: Better Wife , Better Life //副标题
    description: Better Wife , Better Life //描述内容
    author: Bin //做者
    email: lakb248@163.com //邮箱
    language: zh-CN //语言

  其次是博客的主题,Hexo有许多现成的主题能够选择,在这里能够获得。下载相应的主题放到博客目录底下的themes文件夹底下。最后须要修改_config.yml中theme字段的值,以下:

# Extensions
    ## Plugins: https://github.com/tommy351/hexo/wiki/Plugins
    ## Themes: https://github.com/tommy351/hexo/wiki/Themes
    theme: 主题名

  经过上面这一系列步骤,咱们的我的博客能够正式上线了。Hexo还有不少其余的功能,好比评论,RSS。更多内容你们请看官方文档

最后,安利下个人我的博客,欢迎访问: http://bin-playground.top

相关文章
相关标签/搜索