これで、Tumblrをあたかもgistのようなコードコピペストックサービスとして使えます（本当か？

やり口

（１）今回はSHJSを使います。SHJS – Downloadから、使用する*.jsと*.cssを落とす。僕はsh_golden.cssってのを使った。落としたら適当なあなたの公開サーバにアップロードしとく。

（２）Tumblrのダッシュボードから、Customize→Themeを選ぶ。

（３）「Use custom HTML」ってのをクリックしてヘッダとかをいじる。具体的には、

</head>の直前あたりに、JavaScriptとCSSをロードするタグを挿入。

1
2
3
4
5
6
7

<script type="text/javascript" src="http://udzura.jp/shl/sh_main.js"></script>
<script type="text/javascript" src="http://udzura.jp/shl/sh_html.js"></script>
<script type="text/javascript" src="http://udzura.jp/shl/sh_xml.js"></script>
<script type="text/javascript" src="http://udzura.jp/shl/sh_css.js"></script>
<script type="text/javascript" src="http://udzura.jp/shl/sh_ruby.js"></script>
 
<link type="text/css" rel="stylesheet" href="http://udzura.jp/shl/sh_style.css" />

そしてbodyタグのonloadに追記。

1

<body onload="sh_highlightDocument();">

（４）普通にSAVE。

＊テーマを変えるときはその都度（２）～（４）を繰り返してね！

コードスニペットを投稿するとき

（１）Textを選ぶ。

（２）右上の「HTML」ってボタンをクリックする。そしてpreタグは自力で

1
2
3

<pre class="sh_ruby">
  here_is = YoueCode.new
</ｐre>

＊/preが大文字なのは、WordPress側のシンタックスハイライトプラグイン都合です。。

（３）「Update」で反映。

（４）そのまま編集せずにSave

例えば

こんな風になります。

テーマによってはJavaScriptの何らかの競合が起こり、できないかも。がんばって！