前陣子 Blogger 終於內建了 Read More 的功能了,可以不必再自己辛苦的用標籤做隱藏文章的動作啦!
首先到設定底下的基本頁面,於最下方的一般設定中啟用新版文章編輯器。
之後在編輯文章的撰寫模式下就可以在編輯 Bar 的最右邊找到斷文的按鈕了。
不過,若你是採用網路上眾多的樣板(如 Blogger Tamplates 上的免費樣板)做版面配置,會發現部份的樣板 Read More 的連結無法正常顯示,稍微看了一下其中的 JavaScript ,應該是少了一個 jump-link 的 class 如下:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
如果真的發生文章 Read More 的連結無法顯示,可以進入版面配置的修改 HTML 頁面,勾選展開小裝置範本,應該可以用找到下面這段 Script ,如果就是缺少了上面那段,那就把它加上去吧!
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>