简介

现在使用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文件下，让它生成默认的categories和tags：

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

一些修改和总结

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

后记

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