个人博客搭建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更搭哦