头部背景图片
senrenbankaの部落格 |
senrenbankaの部落格 |

用hexo搭建博客

昨天用hexo搭建好了静态博客,途中经历了一些曲折,在这里分享我搭建博客的过程经验,也算给想搭建博客的新人一个引导吧!

前期准备:

  • 安装Node.js:
  • Node.js下载

    根据你的系统下对应的node.js版本,例如我的系统是win7 64位的,那么我就下Windows版本的64-bit版本

  • 安装git:

  • 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上而不是我们的本地服务器上

  1. 注册github账号(注册账号这种事不用多说了)
  1. 新建一个repository,repository的格式应该像下面的格式:

    ZEROKISEKI.github.io

你只要将你的名字替换掉对应的名字就行了(注:我的github账号是ZEROKISEKI)
  1. 配置_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自带的主题其实并不怎么好看,你可以在这里下载你觉得好的主题。

avatar AONOSORA 今生今世轮回尽, 来世愿为幻想乡