Awesome Hacks!

プログラミング初心者なので地道に勉強していきます。分からない人の立場から整理していきます。

はてなブログで画像や文字のリンクを外して表示

ここではブログ全般のリンクの削除については記述しない。それらは他の方のサイトに委ねる。
 
自分がやりたいのはあくまでも一時的な特定の語句についてのリンク除去。
どちらかというと、こういうはてなブログの使い方そのものを記事にする時くらいしか使い道が思い浮かばないが、
例えば画像などのタグ?をそのまま表示したい時にどうするか。
 
例えば画像のサイズを変更するにはタグの末尾に「:w200」をつければいいですよってことを説明するときに、画像のタグを載せたいとする。
しかし、普段通りに画像タグを貼付けると、画像に変換される。
自分のidを実在しない適当なものに変更したり、画像指定をアップロードしていない名前に変更すると画像は表示されないものの、idなどが緑色になりリンクになってしまう。
結局最後はそれらの文字をエスケープすることになるが、そのやり方が以下。
 
<変更前>
・タグ
[f:id:tamaking01:20141130155654p:plain:w200]
 
・ウェブ表示時
f:id:tamaking01:20141130155654p:plain:w200 
 
存在しない画像を指定すると、画像ではなくタグが表示されるものの、リンクは残る
[f:id:tamaking01:2014113p:plain:w200] 


 
<変更後>
・タグ
[f[]:id:testphoto[]:20141130155654p:plain:w200]

・ウェブ表示時
[f:id:tamaking01:20141130155654p:plain:w200]

 
詳細を説明すると、
タグの最初と最後の「[」や「]」をエスケープシーケンスで記述する。
さらに、リンクになってしまう「id:testphoto」の前後に「[]」を各々挿入。
(「[」と「]」の間に「id:testphoto」を入れるのではなく、「[」と「]」の組み合わせ2つの間に「id:testphoto」を入れる)