SyntaxHighlighterのテスト

Bloggerにソースコードを載せてハイライトするためのSyntaxHighlighter をテストしてみる。

HTMLエスケープする場合はこれ、
HTMLエスケープはこちらのサイト様でできます。 ちなみに平文はこれ

HTML, JavaScript, CSS をお手軽に試せるサービスjsFiddle

jsFiddle

これすごいっすね。知らなかったす。
↓
 


その場でHTML、CSS、Javascriptを書いてすぐ結果が見れるなんて。
検証にも使えるし、ブログに載せるにもページ右上のshareってボタン押してフレームの埋め込みタグをコピるだけ。

BloggerでSource codeをHighlightして綺麗に載せる方法

BloggerにおけるSyntaxHighlighterの使い方
Bloggerにソースコードをきれいに載せる「SyntaxHighlighter」

のブログ様がいうように、HTML編集のところで、<head></head>をタグを入れ、その中にSyntaxHighlighterのjavascriptやcssをインクルードし、ハイライトしたい部分を指定されたタグで囲めば良い。


わたしが思うに、いつSyntaxHighlighterのサイトが閉鎖されるかわからないので、外部サイトからスクリプトを呼ぶのは不安である。そこで、自分の所有のサーバーにSyntaxHighlighterを置きたい。

しかし、サーバーは所有しているわけではない。
そこで、何かしらのオンラインファイルサービスのところにおいて、それを読み込みたい。

ここで使うのはDropbox。
Dropboxのアカウントを持っていたら、Publicフォルダに該当のJSファイルをアップ。Dropboxのサイトからファイルの右側の三角をクリックして、パブリックリンクをコピーを選択し、URLをコピー。

このリンクをHTMLにJSとしてインクルードすれば良い！


もじだけで、見づらいと思うので、たぶん、この情報をもっと綺麗にして（SyntaxHighlighterを使って）公開する予定。

マニアックな記事のヒット数

当ブログ、現時点で超マイナーブログであり、1投稿ごとのヒット数は5くらいという残念なブログ。

しかし、以前書いたこのただの情報な投稿
boost.pythonとOpenMPとMatplotlib
はなんと60ヒット（別に一般的には超少ない）もかましているではないか。

他の記事は、今のところ、ぐぐれば他のブログに書いてあることが多いが、この事実はなかなか見つけられなかった。


こういう希少な情報の方がヒット数を稼ぐのですね。
特にこのようなマイナーブログでは。みんな必死こいて検索してくれるので。

Bloggerの新しいインタフェース使ってみる

プロフィールをGoogle+と連携するみたいな流れになったので、断った。
このブログに責任を負いたくないので。ただのメモです。

管理・編集画面はGoogle+ちっくなデザインに変わった。

追記：
ブログのデザインも洗練されたものが追加されているっぽい