一直想搭建一个本身的博客来记录本身的一些学习笔记,因为是学生党经济上有些吃紧因此一直没办法搭建起本身的博客。最近在网上无心中看到了能够借助GitHub来搭建本身的我的博客,因而就折腾了起来。我搭建博客用到的是GitHub+Hexo的搭配,下面就让我来介绍下个人博客搭建的整个过程。html
Hexo是一个基于Node.js的快速简单的静态博客框架,利用它经过简单的几个命令就能够搭建一个我的博客。git
A fast, simple & powerful blog framework,powered by Node.js.github
我是在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帐号,而后新建一个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。更多内容你们请看官方文档。