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
2
3
4
5
6
7
.article-share-weibo
@extend $article-share-link
&:before
content: "\f18a"
&:hover
background: color-weibo
text-shadow: 0 1px darken(color-weibo, 20%)

修改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