利用GitHubPages与Hexo构建个性化博客（第五篇）：首页优化及文章互动功能实现

1. 百度统计
   打开百度统计网站&＃xff0c;http://tongji.baidu.com/web/welcome/login &＃xff0c;注册站长版&＃xff0c;登陆后就会给出一段代码&＃xff0c;复制脚本中src中问号后面的一串id,形式如下&＃xff1a;
   
   在Hexo/config.yml文件中&＃xff0c;添加节点&＃xff1a; baidu_analytics&＃xff0c;冒号后跟上面的id。形如&＃xff1a;

baidu_analytics: your id

之后统计操作提示可阅读百度统计中给出的提示和方法。
2. 控制首页每篇文章显示字数&＃xff0c;即生成阅读全文的效果
方法一
单篇.md博文中随处加入

此方法为官网文档首推方法&＃xff0c;说是这种方式也可以让 Hexo 中的插件更好的识别。
方法二
在文章的 front-matter (也就是头部写标签和分类的地方)中添加 description&＃xff0c;并提供文章摘录。
方法三
自动形成摘要&＃xff0c;在 Hexo/theme/next/config.yml文件 中添加&＃xff1a;

auto_excerpt:enable: truelength: 150

这种方法感觉是一劳永逸的方法&＃xff0c;而且能够使首页每篇文章的概述同样长度&＃xff0c;可以尝试一下有问题后期再修改即可。不怕出问题&＃xff0c;解决问题正是提升能力的时候&＃xff01;
3. 多说评论系统
登陆多说网站&＃xff0c;首页选择我要安装。

创建站点完成后在 站点配置文件 Hexo/config.yml 中新增 duoshuo_shortname 字段&＃xff0c;值设置成上一步中的值。

duoshuo_shortname:kuiblog

4.多说分享
多说分享只能在使用多说评论的前提下使用。使用方法非常简单&＃xff1a;在Hexo/config.yml配置文件中添加以下节点信息&＃xff1a;

duoshuo_share: true

刷新预览很快就能看到效果。

5.favicon
有接触过往网页设计的同学应该熟知这个词&＃xff0c;favorites icon, 收藏夹图标&＃xff0c;即每个网站打开时最上面地址栏左边的图标&＃xff0c;相当于网站的一个小的Logo。
设计方法&＃xff1a;找好自己喜爱的图片&＃xff0c;查找一个favicon在线制作网站&＃xff0c;很多的&＃xff0c;能得到一个后缀.ico的图片&＃xff0c;命名为favicon.icon&＃xff0c;放在Hexo/source目录下&＃xff0c;重新开启hexo服务&＃xff0c;清空浏览器缓存&＃xff0c;本地预览&＃xff0c;我发现这些我都做了&＃xff0c;而且部署到github&＃xff0c;网址打开仍然没有改图标&＃xff0c;然而用了从未打开过本网站的火狐浏览器&＃xff0c;发现确实是已经生效的。
所以此处操作只有图片命名和存放目录的操作&＃xff0c;没有命令&＃xff0c;不用怀疑哪里出错了&＃xff0c;等段时间再预览看看就行了(http://www.wangweikui.com)。

创意无限大&＃xff0c;欢迎博友们交流探讨&＃xff01;