hexo博客的优化设置

github+hexo

写在前面的话

  搭建好hexo博客之后就要开始进行优化了~

修改_config_yml文件

  这里需要修改是根目录下的_config.yml文件和/themes/<你选的主题>下的_config.yml文件。首先是根目录下的_config.yml文件。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: # 你的博客名字
subtitle: # 副标题
description: # 描述
author: # 作者名字
language: # Chinese,主要是面向中国人嘛
timezone: # 网站时区


# URL
url: # 自己的域名
root: / # 根目录的位置
permalink: # 每篇文章的链接格式
permalink_default: #永久链接中各部分的默认值

# Directory # 这些保持默认即可
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code # 包含代码
i18n_dir: :lang 国际化文件夹
skip_render: # 跳过制定文件的渲染

# Writing
new_post_name: :title.md # 新post文件的命名格式
default_layout: post # hexo new <filename>默认的布局
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false 是否显示草稿
post_asset_folder: false 是否开启asset文件夹
relative_link: false # 是否使用本地链接
future: true
highlight:
enable: true
line_number: true
auto_detect: true
tab_replace:

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10 # 每一页的文章数
pagination_dir: page

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: yilia # 使用的主题

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git
repository: 你的仓库
branch: 分支

  在/themes/<你选的主题>下的_config.yml文件配置(我使用的是yilia)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
# Header
menu:
主页: /
所有文章: /archives
# 这里可以添加你想要的目录

# SubNav
subnav:# 这里添加你想要关联的链接
github: "https://github.com/ROIXppttdr"
#weibo: "#"
rss: "/atom.xml"
#zhihu: "#"
#douban: "#"
#mail: "#"
#facebook: "#"
#google: "#"
#twitter: "#"
#linkedin: "#"

rss: /atom.xml # rss订阅地址

# Content
excerpt_link: more
fancybox: true
mathjax: true #开启mathjax功能

# 是否开启动画效果
animate: true

# 是否在新窗口打开链接
open_in_new: false

# Miscellaneous
google_analytics: '' # google流量分析
favicon: /favicon.png # 网站图标

#你的头像url
avatar: # 你的头像地址

#是否开启分享
share: true
#是否开启多说评论,填写你在多说申请的项目名称 duoshuo:
#若使用disqus,请在博客config文件中填写disqus_shortname,并关闭多说评论
duoshuo: true

#是否开启云标签
tagcloud: true

#是否开启友情链接
#不开启——
#friends: false
#开启——
friends: false


#是否开启“关于我”。
#不开启——
#aboutme: false
#开启——
aboutme: # 自我介绍

添加多说评论

  首先在多说上注册,获得相应的通用代码,然后将通用代码粘贴到/themes/yilia/layout/_partial/article.ejs下。

1
2
3
4
5
<% if (!index && post.comments && config.duoshuo_shortname){ %>
<section id="comment">
通用代码
</section>
<% } %>

添加百度统计

  首先在百度统计上注册得到通用代码,然后将之粘贴到/themes/yilia/layout/_partial的footer.ejs文件下。

速度优化

  1. 可以将hexo博客同时托管到gitcafe上。万网的域名支持不同线路访问不同的IP,可以设置国外的访问github page,其他的访问gitcafe page。
  2. 设置deploy同时推送到github和gitcafe上,修改_config.yml文件如下:

1
2
3
4
5
6
7
deploy:
- type: git
repository: git@github.com:用户名/用户名.github.io.git
branch: master
- type: git
repository: git@gitcafe.com:用户名/用户名.git
branch: gitcafe-pages

  3. gitcafe的设置请参看:Pages 相关帮助

写文章时需要加上的标签

  1. toc

1
2
3
<!-- toc -->

<!-- tocstop -->

  加上这个代码之后,文章会自动显示目录(前提是已经安装toc插件)
  2. more

1
<!--more-->

  在文章的任意位置加上more标签,所有文章页面就会出现more的按钮。
  以上两个标签可以在/scaffolds的post.md文件中之间写上,这样就不需要每次都手动打上(同时可以加上categories和tags)。

参考网站

  1. hexo博客的优化技巧