hexo 细节定制:增加新浪微博共享
2014年4月26日
update 包含新浪微博共享以及i18n支持的landscape主题见这里。
这个定制的初衷仅仅是发现了 hexo 使用的 fontAwesome 是一款图标字体,这款字体正好还支持微博的图标,于是就在目前的 landscape 主题上加入了微博共享。效果请点击本篇页面右下角的分享按钮。以下先进入 landscape 主题的安装文件夹。
在source/css/_variables.styl
中增加一行,其中#eb192d
是拾色器在微博图标里取的主要颜色,决定按钮 hover 的背景色。
1 | color-weibo = #eb192d |
在source/css/_partial/article.styl
增加一段,其中的\f18a
是微博图标在 fontAwesome 里对应的 Unicode 代码,background
使用刚刚定义的颜色color-weibo
, 其余均照抄附近.article-share-(google|facebook)
的样式。
1 | .article-share-weibo |
修改source/js/script.js
中第61行,增加
1 | '<a href="http://service.weibo.com/share/share.php?url=' + encodedUrl + '" class="article-share-weibo" target="_blank" title="Weibo"></a>', |
在 blog 目录下面重新生成静态文件
1 | hexo clean && hexo generate |