搭建Github博客：Next主题个性化修改 (2)

在\themes\next\layout\_layout.swig文件末尾添加：

+ <!-- 页面点击小红心 --> + <script type="text/javascript" src="http://www.likecs.com/blog/js/src/love.js"></script> </body> </html> 增加内容分享服务

分享功能需要单独安装一个库文件“分享按钮”，输入以下命令：

cd D:\CODE\bolg #D:\CODE\bolg是我的文件夹 git clone https://github.com/theme-next/theme-next-needmoreshare2 themes/next/source/lib/needsharebutton

修改themes/next/_config.yml主题配置文件，搜索关键字needmoreshare2，找到如下代码并做以下修改：

# 文章分享功能 needmoreshare2: enable: true postbottom: enable: false options: iconStyle: box boxForm: horizontal position: bottomCenter networks: Weibo,Wechat,Douban,QQZone,Twitter,Facebook float: enable: true options: iconStyle: default boxForm: vertical position: middleRight networks: Weibo,Wechat,Douban,QQZone,Twitter,Facebook

效果

增加站内文章搜索功能

安装插件hexo-generator-searchdb，执行以下命令：

npm install hexo-generator-searchdb --save

修改hexo/_config.yml站点配置文件,末尾新增以下代码:

search: path: search.xml field: post format: html limit: 100

修改themes/next/_config.yml主题配置文件，搜索关键字local_search找到如下代码，将enable设置为true，如下：

local_search: enable: true 记录 样式1

D:\CODE\blog\themes\next\source\css\_custom\custom.styl内容

// Custom styles. // 文章``代码内文字的样式 code { margin: 0px 2px; border: 1px solid #999; } // 文章链接文本的样式 .post-body a, .post-copyright a { color: #0593d3; &:hover { color: #fc6423; } } // 去掉链接的下划线：即去掉下边框 a { border-bottom: none; } 样式2

D:\CODE\blog\themes\next\source\css\_variables\custom.styl内容

// 文章``代码块的自定义样式 $code-foreground = #dd0055 // 用``围出的单行代码字体颜色 $code-background = #eee // 用``围出的单行代码背景颜色 模板

D:\CODE\blog\themes\next\layout\_layout.swig最后</body>前增加

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>; <script> // 背景图片 $("body").backstretch("https://wx3.sinaimg.cn/large/ad34f2d1ly1fzearwbdzkj22y41o07wk.jpg"); </script> <!-- 页面点击小红心 --> <script type="text/javascript" src="http://blog-static.cnblogs.com/files/ioufev/love.js"></script> </body> </html>