简介

现在使用hexo搭建一个静态blog网站真是几分钟的事,并且各种主题随意使用,对于不想折腾,仅仅作为一个记录工作和学习的工具,实在是太适合了.下面是一些配置文件的记录.这里我使用的是谷歌materail design风格的主题indigo,项目地址:github

hexo安装与常见命令

1
2
3
4
5
6
7
8
9
10
11
12
// 全局安装hexo,Linux系统可能需要sudo权限
npm install hexo-cli -g

// 新建项目命名为blog
hexo init blog
// 后面不用加.md
hexo new 'post-title'
// 本地启动
hexo server
hexo clean
hexo generate
hexo deploy

配置文件

_config.yml文件中,可以修改大部分配置信息,另外一些要在themes/indigo/_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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: wuyang的个人博客
subtitle: Live long and Prosper!
description: -记录学习和生活过程-
author: wuyang
email: wuyang910217@gmail.com
keywords: meteor react book
language: zh-CN
timezone: Asia/Shanghai

feed:
type: atom
path: atom.xml
limit: 0

jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: true
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true

neat_enable: true
neat_html:
enable: true
exclude:
neat_css:
enable: true
exclude:
- '*.min.css'
neat_js:
enable: true
mangle: true
output:
compress:
exclude:
- '*.min.js'

sitemap:
path: sitemap.xml
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://wuyang910217.github.io/
root: /
permalink: :year/:month/:day/:title.html
permalink_defaults:

# 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 # File name of new posts
default_layout: post
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
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: false
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: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: indigo

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/wuyang910217/wuyang910217.github.io.git
branch: master
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
# hexo-theme-indigo
# https://github.com/yscoder/hexo-theme-indigo
version: 1.1.7

#添加新菜单项遵循以下规则
# menu:
# link: fontawesome图标,省略前缀,本主题前缀为 icon-,必须
# text: About 菜单显示的文字,如果省略即默认与图标一致,首字母会转大写
# url: /about 链接,绝对或相对路径,必须。
# target: _blank 是否跳出,省略则在当前页面打开
menu:
home:
text: 主页
url: /
archives:
text: 归档
url: /archives
tags:
text: 标签
url: /tags
th-list:
text: 分类
url: /categories
github:
url: https://github.com/wuyang910217
target: _blank
twitter:
url: https://twitter.com/wuyangJT
target: _blank

rss: /atom.xml

#你的头像url
avatar: /img/logo.jpg
#favicon
favicon: /favicon.ico

# email
email: wuyang910217@gamil.com

# 设置 Android L Chrome 浏览器状态栏颜色
color: '#3F51B5'

# 页面标题
tags_title: tags
archives_title: archives
categories_title: categories

# 文章截断
excerpt_render: false
excerpt_length: 150
excerpt_link: 阅读全文...
mathjax: false
archive_yearly: true

#是否开启分享
share: true

#是否开启打赏,关闭 reward: false
reward:
title: 谢谢打赏~
wechat: /img/wechat.png #微信,关闭设为 false
alipay: /img/alipay.png #支付宝,关闭设为 false

#是否开启搜索
search: true

#是否大屏幕下文章页隐藏导航
hideMenu: true

#是否开启toc
#toc: false
toc:
list_number: true # 是否显示数字排序

#文章页版权声明内容,hexo中所有变量及辅助函数等均可调用,具体请查阅 hexo.io
copyright: 转载请注明出处:<a href="<%- url_for(page.path).replace(/index\.html$/, '') %>" target="_blank" rel="external"><%- url.replace(/index\.html$/, '') %></a>

#站长统计,如要开启,输入CNZZ站点id,如 cnzz: 1255152447
cnzz: false

# Miscellaneous
google_analytics: true
google_site_verification: true

# less
less:
compress: true
paths:
- source/css/style.less

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

# 规范网址
# 让搜索引擎重定向你的不同域名、不同子域、同域不同目录的站点到你期望的路径
# https://support.google.com/webmasters/answer/139066
# 假设配置为 canonical: http://imys.net,那么从搜索引擎中 www.imys.net 进入会重定向到 imys.net
canonical: http://wuyang910217.github.io/

# 版权起始年份
since_year:

scaffolds/post.md文件下,让它生成默认的categoriestags

1
2
3
4
5
6
---
title: {{ title }}
date: {{ date }}
categories: default tech
tags: [hexo1,hexo2]
---

一些修改和总结

  • 在每个md文件的开头都有date,时间是可以修改的
  • 文章截取摘要:正文中添加,会截取其前面的内容,不加,默认为150个字
  • 可以添加有用的插件如SEO优化,字数统计等

后记

网上的教程很多,不过最好首先按照其官方文档和所使用的主题的文档进行操作,遇到问题再上网搜索解决办法.