技術ブログ 書き方
はてぶで技術ブログ書くにあたって
1. コードを綺麗に書く方法
2. 参考にしたブログ等のリンクの貼り方
を書きます!!
1.コードを綺麗に書く方法
まずどのようになるかというと
・普通に書くと
function runTimer(){
document.getElementById('time').innerHTML = (((new Date()).getTime() - startTime) / 1000).toFixed(1);
timer = setTimeout(function(){
runTimer();
}, 100);
}
・綺麗に書くと
function runTimer(){ document.getElementById('time').innerHTML = (((new Date()).getTime() - startTime) / 1000).toFixed(1); timer = setTimeout(function(){ runTimer(); }, 100); }
何をしたかというと
背景を灰色にし強調する
コードを色分けしてくれる
その他にもいろいろ綺麗に見せる手法あるますが
まずはこの2つ
背景を灰色にする方法
①はてな技法モードをオンにする
初期設定では見たままモードになっていると思うので
はてな技法モードを選択
[ダッシュボード]▶︎[設定]▶︎[編集モード]▶︎[はてな技法モード]をオン
参考:
はてなブログでソースコードを貼る方法 - メモやなぎ
②記事に">||" "||<" を書く
記事を書く際にコードの前に">||" 後に"||<"をつけます
必ず行頭に書いてください。
>|| function runtime() ||<
と書くと
function runtime()
で完了!!!
コードを色分けしてくれる
①">||"の"||"の間に言語名を書く
※ ">|?|"と書くと自動識別されます。
※ swiftはまだ対応していませんでした・・・(2014/10/12現在)
>|javascript| function runtime() ||<
と書くと
function runtime()
このように色分けされます。
参考リンクの貼り方
①"[" "]"の間にURLを書き、URLの後ろに":title"と追加する
※":title"と書くと記事のタイトルを取得し、取得したタイトルのリンクが出来ます
※":title=たいとる"と書くと、"たいとる"と書かれたリンクが出来ます
[http://tomo358.hatenablog.com/entry/2014/08/18/203514:title]
以上です!!