关于使用hexo搭建自己的博客

环境的搭建

- 1.介绍:

我们使用的这个博客生成器,其实是一个台湾大学生创建的,它的环境是主流的node.js,因此,我们需要先配置好node.js环境,node.js的安装自己百度就可以很快搞定,它有windows,linux,mac都有。使用这个hexo我们可以很简单的创建一个很炫酷的个人博客哦。

- 2.安装hexo:

安装好node.js后,我们需要安装hexo,安装的指令是,在我们的命令窗口,输入: npm install hexo -g这个表示在这个环境里面安装好博客生成器。之后我们就可以使用简单的命令生成自己的博客了。

- 3.开始:

首先,在一个文件夹里面,按住shift 后右键,选择在此打开cmd,输入:hexo init,这样就生成了一个简单的博客需要的所有配置文件,再使用hexo g这样就生成了一个博客,使用hexo s启动博客,在自己打的浏览器输入cmd里面的地址可以看到一个 HEXO 的博客页面。

修改自己的博客

  • 1.搭建好自己的博客后,需要修改很多的内容来进行自己的优化,主要是修改两个配置文件,一个是站目录下面的配置文件,另外一个是主题目录下的配置文件。这两个文件的配置可以使得你的hexo主题改变很大。
  • 2.站目录下的配置文件主要是配置我们项目发布到github的参数,在这个配置文件的最下面配置,注意我们使用的hexo版本,我使用的是3.0好像,这个版本在上传文件的时候,下面的代码:

    deploy:
    type: git
    repository: https://github.com/kingfou/kingfou.github.io.git
    branch: master

  • 2.配置好后,将文件上传到我们的github上面,首先你要自己先在github上面注册和申请好自己的仓库,很简单的。自己百度。之后的操作就是:hexo d如果报错,请用github的 shell命令器cmd到自己的博客站目录下面 hexo d。如果提醒没有初始化什么的,直接git init,之后就可以了。

  • 3.关于自己对主题的一些修改,这些都得在主题的那个配置文件里面自己一个一个慢慢设置,我使用的是next这款主题,十分炫酷。直接上next的官网就可以看到怎么修改一些内容。

    关于next主题

    1.介绍next
    我看过了hexo官方的很多主题,但是不太喜欢,最后遇到next,我觉得这个主题真的很好,虽然很多人在用,如果我的css够厉害的话,我们完全可以自己修改出很厉害的风格。所有,下面说说对这个主题的配置文件的一些修改吧。
    2.添加我们的本地搜索
    这个其实很简单,首先,修改站目录下的配置文件,将下面的代码写道配置文件的任何地方都可以:
    1
    2
    3
    4
    5
    6
    #站内搜索:
    search:
    path: search.xml
    field: post
    format: html
    limit: 10000

之后在主题的配置文件下面,找到那个local_search:

1
2
3
# Local search
local_search:
enable: true

将enable 改为true即可。不过,我们还要做一件事,那就是在站目录下面加入一个插件,具体代码如下:

1
npm install hexo-generator-search --save

3.添加评论

我们选择的是gengtie,也就是网易的云跟帖,这个真的不错,在next5.0以上的版本立面,我们只需要在主题得配置文件立面写上跟帖得idKEY就可以直接使用,也就是,一句代码得事。

1
2
Gentie productKey
gentie_productKey: 7e78cfd0046048efa69b351937e41a36

4.添加访问统计

这里我使用得就是不蒜子这个第三方插件,配饰也很简单。就在主题文件立面修改就行。修改后如下。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
busuanzi_count:
# count values only if the other configs are false
enable: true
# custom uv span for the whole site
site_uv: true
site_uv_header: 本站访问游客
site_uv_footer: 人次
# custom pv span for the whole site
site_pv: true
site_pv_header: 本站总访问量
site_pv_footer: 次
# custom pv span for one page only
page_pv: true
page_pv_header: 本文总阅读量
page_pv_footer: 次

设置全文阅读

在主题配置文件立面写上:

1
2
3
auto_excerpt:
enable: true
length: 150

这样就可以使用了。