Blogger SyntaxHighlighter を設定する

今回も Blogger ネタです。

前回の記事を書くために、SyntaxHighlighter の設定をしました。
SyntaxHighlighter はソースコードをカッコよく表示してくれます。

設定は前回のタイトル変更と同じく、管理画面の [テンプレート] から行います。

今回は、XML の表示だったため、以下の設定を追加しました。

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.all();
</script>

4 行目が XML の設定です。
ほかの言語もいろいろ対応しています。
言語一覧は Bundled Brushes に載っています。

設定が完了したら、投稿画面の [HTML] モードで <pre> タグを入力して、その中にソースコードを書きます。

<pre class="brush: html">
</pre>

XML はエンティティ文字の変換がちょっと面倒です。
[作成] モードで表示したい XML を書いたあとに、[HTML] モードにして <pre> タグで囲むと編集が楽になります。
プレビュー画面で表示されないので出来上がりは公開してからチェックするしかないみたいです。

これからはプログラムもどんどん載せていこうと思います。


頑張りすぎず脱力系でいこうと思います。
以上。

Blogger 投稿ページのタイトルを変更する

今回は Blogger ネタです。

google で検索をしていたら、投稿ページのタイトルを変更する方法を見つけました。
早速、やってみました。

タイトルを編集するには、管理画面の [テンプレート] を選択して [HTML の編集] をクリックします。

編集画面でタイトルを定義している行を見つけます。

<title><data:blog.pageTitle/></title>

見つけたら、以下の様に修正します。

<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <title><data:blog.title/></title>
<b:else/>
  <title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

修正したら、[テンプレートを保存] をクリックして終了します。

この変更で、ページの種類によってタイトルが変化します。
トップページの場合は、「ブログのタイトル」
それ以外は「投稿のタイトル | ブログのタイトル」

意外と簡単でした。

参考:
[Blogger] タイトルタグを「投稿タイトル|ブログタイトル」に変更する方法 | Bloggerをカスタマイズするときに見るブログ
レイアウト データ タグ - Blogger ヘルプ


今回の記事を書くために SyntaxHighlighter の設定を行いました。
それはまた次回に。


頑張りすぎず脱力系でいこうと思います。
以上。

ブログ始めました

タイトルのままです。

4月1日から始めようと思っていましたが、気づいたら10日になっていました。
プログラミングの tips などを防備録として書いていこうと思います。
Blogger も段々と充実していきたいので、その作業ログも記録していきます。

まずは月に1回。
もとい、週に1回は何かを書く!
実際には月に2回のペースかな。

書きながら文章力も付けばいいな〜と淡い期待。


今回はネタを用意していないのでパソコンの構成を公開。

ベアボーンキット:
　Intel NUC D54250WYK
RAM:
　CFD W3N1600Q-L4G
SSD:
　Crucial CT240M500SSD3
ネットワーク:
　Intel Centrino Advanced-N 6235
DVD:
　BUFFALO DVSM-PTS58U3-BK
キーボード:
　FILCO Majestouch NINJA FKBN104ML/EFB2
マウス:
　Logicool M570

OS:

　LinuxMint 15
　Windows 7 Pro 64bit


頑張りすぎず脱力系でいこうと思います。
以上。