使用Hexo+Github搭建属于自己的博客（Next主题自定义配置）

1
2
3
4
5
6
7
8

# 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: true  ##就是这个

1
2
3

hexo new page categories 
hexo new page tags
hexo new page about

1
2
3
4
5

---
title: 标签
date: 2017-03-01 19:31:10
type: "tags"
---

1
2
3
4
5

---
title: categories
date: 2017-03-01 19:42:08
type: "categories"
---

1
2
3
4
5
6
7

menu:
  home: /
  categories: /categories
  about: /about
  archives: /archives
  tags: /tags
  commonweal: /404.html

1
2
3
4
5
6

---
date: 2017-03-07
title: xxxxxxxxx
tags: xxxx  #如果不想加入标签可以为空
categories: xxxxx #如果不想加入分类可以为空
---

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# Show PV/UV of the website/page with busuanzi.
# Get more information on http://ibruce.info/2015/04/04/busuanzi/
busuanzi_count:
  # count values only if the other configs are false
  enable: true
  # custom uv span for the whole site
  site_uv: true
  site_uv_header: <i class="fa fa-user"></i> 访问用户：
  site_uv_footer: 人
  # custom pv span for the whole site
  site_pv: true
  site_pv_header: <i class="fa fa-eye"></i> 访问次数：
  site_pv_footer: 次
  # custom pv span for one page only
  page_pv: false
  page_pv_header: <i class="fa fa-file-o"></i>&nbsp点击量 
  page_pv_footer: 次

1
2
3
4
5
6

# Show number of visitors to each article.
# You can visit https://leancloud.cn get AppID and AppKey.
leancloud_visitors:
  enable: true
  app_id: #你的App ID
  app_key: #你的的App Key

1
2
3

不依赖任何框架或者内库，比如不依赖jQuery，使用原生的javascript。
非常小，只有1.66kb，如果开启gzip，可以更小。
非常容易实现，配置简单，即使你不是web开发者，也能简单搞定。

1
2

# Canvas-nest
canvas_nest: true

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

.site-author-image {
  display: block;
  margin: 0 auto;
  padding: $site-author-image-padding;
  max-width: $site-author-image-width;
  height: $site-author-image-height;
  border: site-author-image-border-color;
  /* start*/
  border-radius: 50%
  webkit-transition: 1.4s all;
  moz-transition: 1.4s all;
  ms-transition: 1.4s all;
  transition: 1.4s all;
  /* end */
}
/* start */
.site-author-image:hover {
  background-color: #55DAE1;
  webkit-transform: rotate(360deg) scale(1.1);
  moz-transform: rotate(360deg) scale(1.1);
  ms-transform: rotate(360deg) scale(1.1);
  transform: rotate(360deg) scale(1.1);
}
/* end */