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

为什么80%的码农都做不了架构师？>>>   

<div id="main"><article class="hentry" role="article"><div class="entry-content"> <p>通过“返回顶部”按钮，可以快速返回页首。配置按照<a href="http://812lcl.com/blog/2013/10/27/octopresszhu-ti-yang-shi-xiu-gai/">Octopress主题样式修改</a>一文。但照着做下来并不能实现配置。因此到疑似作者812lcl的github仓库中找了最新版本的配置。</p>

<!-- more -->

<h2 id="javascripts">javascripts脚本</h2>

<p>新建一个文件source/javascripts/top.js。它的最新版本在：</p>

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

<h2 id="section">显示按钮</h2>

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

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

<h2 id="section-1">按钮图片</h2>

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

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

<p class="post-footer"> 原文链接地址： <a href="http://pangyi.github.io/blog/20150125/zai-octopresszhong-zeng-jia-fan-hui-ding-bu-an-niu/">http://pangyi.github.io/blog/20150125/zai-octopresszhong-zeng-jia-fan-hui-ding-bu-an-niu/</a><br> written by <a href="http://pangyi.github.io">PangYi</a>  posted at <a href="http://pangyi.github.io">http://pangyi.github.io</a> </p> </div></article></div>

转载于:https://my.oschina.net/pangyi/blog/379605