个人博客搭建hexo+github(4):进阶配置

improve.jpg

文章生成模板

命令

1
hexo new [layout] "postName" #新建文章

按照layout格式,根据postName生成文章到hexo/source/_posts/postNmae.md.
layout为可选参数,默认为post,其他可选项在hexo/scaffolds目录下查看,md文件就是layout的名字。
可以自行添加新的layout或者更改现有的layout。

修改post.md:

1
2
3
4
5
6
7
8
9
10
11
title: {{ title }}
date: {{ date }}
updated: {{ date }}
categories:
- C1
- C2
tags: [T1, T2]
comments: true
layout: {{ layout }}
---
<!--more-->

注意:后面有空格。

添加RSS

  1. github src
    https://github.com/hexojs/hexo-generator-feed

    1
    $ npm install hexo-generator-feed –-save
  2. 修改 hexo配置文件_config.yml, add

    1
    2
    3
    4
    feed:
    type: atom
    path: atom.xml
    limit: 20

添加sitemap

Sitemap 的提交主要的目的,是要避免搜索引擎的爬虫没有完整的收录整个网页> 的内容,所以提交 Sitemap 是能够补足搜索引擎的不足,进而加速网页的收录
速度,达到搜寻引擎友好的目的。

1
2
$ npm install hexo-generator-sitemap --save
$ npm install hexo-generator-baidu-sitemap --save #this is for baidu

add below to _config.yml in the root dir of Hexo

1
2
3
4
sitemap:
path: sitemap.xml
baidusitemap:
path: baidusitemap.xml

添加robots.txt

robots.txt放在source文件夹下。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# hexo robots.txt
User-agent: *
Allow: /
Allow: /archives/
Disallow: /vendors/
Disallow: /js/
Disallow: /css/
Disallow: /fonts/
Disallow: /vendors/
Disallow: /fancybox/
Sitemap: http://WuChenxu.github.io/sitemap.xml
Sitemap: http://WuChenxu.github.io/baidusitemap.xml

统计

使用百度统计,注册账号后,截取hm.js?后的字符串为Baidu Analytics ID.
在next主题配置文件中,修改baidu_analytics的值。

1
2
3
# Baidu Analytics ID
# 为百度统计提供脚本中 hm.js? 后字符串,非百度统计帐号
baidu_analytics:xxxx

计数

使用不蒜子.

  1. 安装脚本
    themes/你的主题/layout/_partial/footer.ejs添加

    1
    2
    <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
    </script>
  2. 安装标签
    在footer.ejs中增加访问量标签。
    pv方式,单个用户连续点击n篇文章算n次访问量:

    1
    2
    3
    <span id="busuanzi_container_site_pv">
    本站总访问量<span id="busuanzi_value_site_pv"></span>
    </span>

uv方式,单个用户连续点击n篇文章算1次访问量:

1
2
3
<span id="busuanzi_container_site_uv">
本站访客数<span id="busuanzi_value_site_uv"></span>人次
</span>

注意:<div>标签默认会换行,可以把<span>放在上一个<div>标签里,这样可以让计数显示不换行显示。

404页面

腾讯公益404生成代码嵌入404.html,放在

1
2
3
4
hexo\source
404.html
└─_posts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<meta charset="UTF-8">
<title>404</title>
</head>
<body>
<br><!--
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>公益404</title>
</head>
<body>
<h1>404 Page Not Found</h1>
--><br><script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8" homePageUrl="https://WuChenxu.github.io/" homePageName="回到我的主页"></script><br>
<br>
</body>
</html>

html文件必须以utf-8格式保存,否则中文会出现乱码。

Reference:

  1. 简明 Github Pages与 jekyll 教程
  2. Hexo搭建Github-Pages博客
  3. NexT主题与Hexo更搭哦