Hexo 优化

设置侧栏位置

修改 next 配置文件中的 siderbar.position 的值，支持 left right

设置头像

创建文件夹用于保存图像

mkdir ~/xlui.me/source/images

将头像放入文件夹

编辑 NexT 主题配置文件，修改字段 avatar （如果没有就添加）

avatar: /images/avatar.png

居中模块

<blockquote class="blockquote-center">优秀的人，不是不合群，而是他们合群的人里面没有你</blockquote>

优秀的人，不是不合群，而是他们合群的人里面没有你

博客文章相对链接

上一篇：{% post_link change-to-hexo %}

上一篇：

最近访客

在需要添加最近访客的网页对应的 markdown 文件中添加如下代码：

<div class="ds-recent-visitors" data-num-items="39" data-avatar-size="40" id="ds-recent-visitors"></div>

鼠标点击小红心

将 love.js 添加到 themes\next\source\js\src\ 文件目录下
编辑 themes\next\layout\_layout.swig 文件，在 </body> 标签前加上如下代码：

<!-- 页面点击小红心 -->
<script type="text/javascript" src="/js/src/love.js"></script>

背景动画

将 particle.js添加到 themes\next\source\js\src\ 文件目录下
编辑 themes\next\layout\_layout.swig 文件，在 </body> 标签前加上如下代码：

<!-- 背景动画 -->
<script type="text/javascript" src="/js/src/particle.js"></script>

文章内链接文本样式

编辑 themes\next\source\css\_custom\custom.styl：

.post-body p a {
    color: #0593d3;
    border-bottom: none;
    &:hover {
        color: #0477ab;
        text-decoration: underline;
    }
}

内容区域的宽度

编辑主题的 source\css\_variables\custom.styl：

// 修改成你期望的宽度
$content-desktop = 700px
// 当视窗超过 1600px 后的宽度
$content-desktop-large = 900px

更多

详细的个性化配置参考：hexo的next主题个性化配置教程