ブログ挿入アイテム

ソースコードをのせる方法

はてなブログにソースコードを載せる3つの方法 – つばさのーと

早速試してみる。

「>||」と「||<」で囲む方法

 >|javascript|
;(function() {
alert('hello world!');
})();
||<

なぜかうまくいかない。少し調べてみると、

はてなブログ スーパーpre記法のやり方 - Three.jsを使って、作ってみた

 編集モードを「見たままモード」から「はてな記法モード」に変えると、スーパーpre記法が使える！！

但し、編集の途中で、編集モードを「見たままモード」から「はてな記法モード」に変更しても適用されない様子。

 「GitHub Gist」というサイトを使う方法

HTMLやCSSのソースコードをそのままページに貼り付ける方法 | ふかふか交易所

Create a new Gist · GitHub

①編集「見たまま」

 <script src="https://gist.github.com/anonymous/1cf5ac06e022de1025d95ef3e861264c.js"></script>

 このまま貼ってもソースは貼れない・・。

②編集「HTML編集」

HTML編集で貼りたい位置にURLを入れれば、gistのアカウントがなくても貼れることがかかった。なるほど

③「はてな記法」、「プレビュー」、「見たまま」を駆使する方法

詳しくは、はてなブログにソースコードを載せる3つの方法 – つばさのーと

参照。

 「見たまま」で記載したいし、「>||」と「||<」を使いたいことを両立した形。

なるほど手間がかかりそうに見えるけど一番いいのかな。

④はてなのGist貼り付け機能

 編集モードやHTLM編集など色々切替たけど「選択したアイテムを貼り付け」を押しても何も起きない。しばらく研究必要

まとめ

①gistに入れてHTMLにURLを貼る

②はてな記法モードで「>||」と「||<」で囲む

③記法モードを切替てプレビューで仲介する

④はてなの機能でGistから挿入する。

さて、どっちがいいかまだわからない。

とりあえず成功した①かな。

見出しとか作るとき②になるかもしれない。

備忘録

　見出しを工夫したい。分からないことばかり

　個性が大事？コピペで使える見出しデザイン19選！【はてなブログ】 - deCo..boCo..

　写真はどう乗せる

　動画はどうする

　携帯からどうする