Create Tumblr related posts script.
Tumblrで使う関連リンク用のスクリプトを作りました。
最初はtumblr-in-linkを使用してみましたが、遅いし、見た目が好みでなかったので、シンプルに一覧表示するものを作ることにしました。
使い方はTumblrのカスタマイズ画面からHTML編集で
<div class="related-posts"> <h3>related posts</h3> <script> (function() { var scripts = document.getElementsByTagName('script'); var script = scripts[scripts.length-1]; var key = 'wefweodiqehdqowehdfnoqwienfdqlwkewpkjqwd'; window[key] = (function(data) { var ul = document.createElement('ul'); for (var i = 0; i < data.posts.length; i++) { if (data.posts[i]['url-with-slug'] === location.href) { continue; } var li = document.createElement('li'); var a = document.createElement('a'); a.href = data.posts[i]['url-with-slug']; a[('innerText' in a)? 'innerText' : 'textContent'] = data.posts[i]['regular-title']; li.appendChild(a); ul.appendChild(li); } script.parentNode.replaceChild(ul, script); delete window[key]; }); var s = document.createElement('script'); s.src = location.protocol + "//" + location.hostname + '/api/read/json?tagged=' + ('{block:Tags}{Tag},{/block:Tags}'.split(',')[0] || '') + '&type=text&num=6&start=0&callback=' + key; document.head.appendChild(s); })(); </script> </div>
こんな感じに関連リンクを表示したい箇所に貼って頂ければ動くと思います。
ライセンスを主張する気は全くないので、改変、再配布、商用利用はご自由にお使いください。
気が向いたらGitHubの方でちゃんと管理します。
