码迷,mamicode.com
首页 > 其他好文 > 详细

在octopress中增加“返回顶部”按钮

时间:2015-02-23 17:48:02      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:

通过“返回顶部”按钮,可以快速返回页首。配置按照Octopress主题样式修改一文。但照着做下来并不能实现配置。因此到疑似作者812lcl的github仓库中找了最新版本的配置。

javascripts脚本

新建一个文件source/javascripts/top.js。它的最新版本在:

https://github.com/812lcl/812lcl.github.com/blob/source/source/javascripts/top.js

显示按钮

显示按钮需要新建source/_includes/custom/totop.html。它的最近版本在: https://github.com/812lcl/812lcl.github.com/blob/source/source/_includes/custom/totop.html

这里指定了调用的javscripts的文件名,按钮图片的文件名等,如right:180px指定了按钮距离页面右侧的举例,可以通过调整它来调整显示效果。

按钮图片

从上面可以看出按钮文件应在source/images中。保存一个top.png图片到这里,就可以显示按钮了。

一开始把图片放到了images中,而不是source/images中,造成只显示了“返回顶部”。

在octopress中增加“返回顶部”按钮

标签:

原文地址:http://www.cnblogs.com/maoxiong/p/4298128.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!