Julycat.net - a personal web notebook -

HTML内に、[[ID]] と記述すると、その位置にクリップの固有番号が挿入されます。
HTML内に、[[TITLE]] と記述すると、その位置にクリップのタイトルが挿入されます。
HTML内に、[[NEWSURL]] と記述すると、その位置にクリップのリンク先URL(リンク用)が挿入されます。（クリップ自身のURLではありません：※1）
HTML内に、[[NEWSURL:DISP]] と記述すると、その位置にクリップのリンク先URL(表示用)が挿入されます。（クリップ自身のURLではありません：※1）
HTML内に、[[CATEGORY]] と記述すると、その位置にクリップの所属カテゴリが挿入されます。
HTML内に、[[CATEGORYURL]] と記述すると、その位置に同一カテゴリのクリップのみを表示するページへのURLが挿入されます。
HTML内に、[[COMMENT]] と記述すると、その位置にクリップのコメント本文が挿入されます。
HTML内に、?clip=3 と記述すると、その位置にクリップ単体を表示するための固有URLが挿入されます。
HTML内に、?mode=edit&clip=3 と記述すると、その位置にクリップの内容を編集するための編集ページの固有URLが挿入されます。
HTML内に、[[DATE]] と記述すると、その位置にクリップの日付が「2016/07/23 13:26:20」形式で挿入されます。
HTML内に、2017年05月18日 21時20分00秒 と記述すると、その位置にクリップの日付が「2016年7月23日 13時26分20秒」形式で挿入されます。

PARMALINK と EDITLINK と DATE:JP は置換されちゃうのか。

下記のようなコードが生成されるのでサイトに埋め込む。
（ここのコメント欄だとJavaScriptを書いても動かないけど；

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

しかたないので ncclip.html 内に追加してみた。
（動くけど……、ツイートのテキスト部分が title を引っ張ってるようでサイト名にしかなりません；

そこで上記のコードの
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
を
<a href="https://twitter.com/share" class="twitter-share-button" data-text="[[TITLE]] " data-url="http://www.julycat.net/clip/hb.cgi[PARMALINK]">Tweet</a>
に書き換えることで対応。

data-text="〜"
data-url="〜"　（※[PARMALINK]はもちろん[[と]]で囲まれてるのですよ（記事中だと置換されるので；
の2項を追加してます。


参考したサイトの記事
Twitter Developers
https://dev.twitter.com/web/tweet-button
SNSボタンの実装方法メモ
http://qiita.com/katsunory/items/4d90e24e389a587d3690

#Twitter #JavaScript