2013年12月26日

Blogger に SyntaxHighliter を導入してみる

SyntaxHighlighter なんていうステキなものを発見。
こんな感じにソースコード書いてあるサイト、よくありますよねぇ。

#!/usr/bin/python
# -*- coding: utf-8 -*-
print("Hello World")

Bloggerって、HTMLテンプレートをかなり柔軟にイジっていいみたいですね。
  1. [テンプレート] [HTML編集]をクリック
  2. <head>の中に、SyntaxHighliterのスタイルとスクリプトを追加する。
<head>
    <meta charset='utf-8'/>
    <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
    <!-- Syntax Highlighter Scripts Generator -->
    <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/shBrushCss.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.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>
    <style>
      .syntaxhighlighter {
        overflow: auto !important;
        overflow-y: hidden !important; }
     .syntaxhighlighter .toolbar{ display:none !important }
    </style>

<pre>タグ中に使えない文字(<>"'など)をエスケープするには、preタグメーカーを使えばいいみたい。

2013年12月7日

クリスマスの曲を用意するもに

もうじきクリスマスなので、簡単に路地演奏できるソロ曲を準備してみたもに。
  1. CoventryCarol.abc
  2. DeckTheHalls.abc
  3. GodRestYeMerryGentlemen.abc
  4. JingleBells.abc
  5. JoyToTheWorld.abc
  6. OLittleTownOfBethlehem.abc
  7. OTannenbaum.abc
  8. SilentNight.abc
  9. TheFirstNoel.abc 
  10. WeThreeKings.abc
  11. WeWishYouAMerryChristmas.abc
  12. TheTwelveDaysOfChristmas.abc 


クラビネットやホンキートンクで演奏すると雰囲気が出るので、演奏楽器は各自工夫するといいもに。

こちらは、2人合奏曲になります。
  1. AveMariaGounod_Strings.abc
  2. AveMariaGounod_Harp.abc
ABC楽譜置き場はリンクしておこぉ~