昨天用hexo搭建好了静态博客,途中经历了一些曲折,在这里分享我搭建博客的过程经验,也算给想搭建博客的新人一个引导吧!
前期准备:
- 安装Node.js:
-
根据你的系统下对应的node.js版本，例如我的系统是win7 64位的，那么我就下Windows版本的64-bit版本
安装git:
-
同样下好对应系统的git版本
如果安装好了Node.js和git,我们可以开始安装hexo了~
安装hexo
随便找个什么地方右键git bush here 然后执行下面的指令:
npm install hexo -g
这里是全局安装hexo,这个过程有点慢(你懂的),建议翻墙安装(我是翻墙安装的,速度贼快。。。)
初始化博客
安装完hexo后,我们得建个文件夹来存放网站,例如我们可以在D:\HEXO放我们的网站,假定你已经建了这个文件夹，那么，接下来我们要做的就是在该目录下右键git bush here，然后执行以下指令:
hexo init
生成博客
初始化博客之后博客目录下会产生一些配置文件和模板文件，现在就要利用这些模板文件来生成我们的静态博客文件，通过下面这条命令就可以生成我们的博客
hexo generate
执行完命令之后，在博客目录下会产生一个public文件夹，这里面存放的就是我们的博客静态文件。
本地部署
生成网站后,我们还需现在本地测试一下我们的网站是否搭建成功,运行以下指令就可以将网站部署在我们的本地服务器上:
hexo server
现在我们打开浏览器访问http://localhost:4000 就可以看到我们的博客了~,是不是有点小激动咧~
部署到GitHub
虽然成功在我们的本地服务器上运行了,但是只能我们自己看到,别人是看不到的,要想让别人也能看到,我们就得把它部署到github上而不是我们的本地服务器上
- 注册github账号(注册账号这种事不用多说了)
- 新建一个repository，repository的格式应该像下面的格式:
ZEROKISEKI.github.io
你只要将你的名字替换掉对应的名字就行了(注:我的github账号是ZEROKISEKI)
配置_config.yml,就是配置hexo的github地址,这样才能把我们的hexo部署到github上去，我们先找到下面这段代码:
Deployment
## Docs: http://hexo.io/docs/deployment.html deploy: type:我们将这段代码替换为:
# Deployment ## Docs: http://hexo.io/docs/deployment.html deploy: type: git repository: https://github.com/用户名/用户名.github.io.git branch: master
貌似说现在新版的hexo的type不能写为github而要写为git(反正我用github就狂报一对错误)
4.通过上述步骤后，我们依次输入以下指令:
hexo g
hexo d
其中,hexo d会要求你输入github的账号和密码,如果配置了ssh-key的话可以不用输入
5.访问http://用户名.github.com或者http://用户名.github.io，我们就可以看到浏览器效果了,博客成功部署在我们的github上面了~
配置博客
我们可以通过修改_config.yml上的相关参数来进行博客一些基本信息的配置，比如我们可以修改博客的作者名字和博客标题:
# Site
title: 特别任务支援科 //标题
subtitle: //副标题
description: //描述内容
author: 班宁斯 //作者
language: zh-CN //语言
更多的一些情况请大家查看官方文档
写文章
先创建一篇文章,执行以下指令即可完成文章的创建:
hexo new 我的第一篇博文
执行完后,我们会发现在source/_post目录下出先了我的第一篇博文.md这个文件,我们可以用markdown编辑器对其进行编辑,不会用markdown的看这里,windows系统下较好用的编辑器有markdownPad2,或者你也可以用在线的编辑器
写完博客后,不要忘记执行下面的指令:
hexo g
hexo d
hexo g将修改的结果保存,hexo d将修改同步到github上去,不然你改动了,访问你的站点也没什么变化的QAQ
好了，关于hexo搭建博客的内容就写到这里了,hexo自带的主题其实并不怎么好看,你可以在这里下载你觉得好的主题。