一、设置网站图标

网站图标就是浏览器标签页顶部左上角的那个小图标。

这个东西叫favicon.ico，不过用图片也可以。

我参考next官方的文档-常见问题中,“Favicon 设置后没有生效？”没有理解什么意思。

于是自己捯饬了发现我这种方法也能实现。

1、添加图标照片

在\next\source\images目录下添加avatar.png，就是你要设置的图标照片。

2、修改主题配置文件

修改\next\_config.yml文件

找到

favicon:
  small: /images/avatar.png
  medium: /images/avatar.png
  apple_touch_icon: /images/avatar.png
  #small: /images/favicon-16x16-next.png
  #medium: /images/favicon-32x32-next.png
  #apple_touch_icon: /images/apple-touch-icon-next.png

按照我这样，把下面的三个原本的给屏蔽了。然后将你的图片的路径设置上。

hexo d -g

发布， Ctrl+F5强制刷新（要求浏览器从服务器重新拿取资源而不是拿去已缓存的资源），即可看到效果。

二、为网站添加动态背景（推荐）

效果图:

1、找到\next\layout\_layout.swig文件，添加内容：

在里添加：

<div class="bg_content">
  <canvas id="canvas"></canvas>
</div>

在末尾添加：

<script type="text/javascript" src="/js/src/dynamic_bg.js"></script>

2、在\next\source\js\src中新建文件dynamic_bg.js

添加下面内容：dynamic_bg.js

3、在\next\source\css_custom\custom.styl文件末尾添加内容：

.bg_content {
  position: fixed;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

三、个人头像

就是这个东西

将你的头像放入/next/source/images中，随便起名。

打开主题配置文件(/next//_config.yml) 找到Sidebar Avatar字段,改成我这样,把avatar字段放开：

# Sidebar Avatar
# in theme directory(source/images): /images/avatar.gif
# in site  directory(source/uploads): /uploads/avatar.gif
avatar: /images/avatar.png

（后面的文件名改成你自己的头像文件名）