デザインテンプレートを変更した際などに紛失しては困るので、私のサイトでのカスタマイズ部分を記録しておきます。
「HTMLの編集」で、</head>の直前に挿入します。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- 「HTMLの編集」で、</head>の直前に挿入する --> | |
| <!-- jQuery --> | |
| <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' type='text/javascript'/> | |
| <!-- SyntaxHighlighter --> | |
| <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/shBrushBash.js' type='text/javascript'/> | |
| <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/> | |
| <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.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/shBrushPowerShell.js' type='text/javascript'/> | |
| <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/> | |
| <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/> | |
| <script type='text/javascript'> | |
| SyntaxHighlighter.config.bloggerMode = true; | |
| SyntaxHighlighter.defaults['toolbar'] = false; | |
| SyntaxHighlighter.defaults['auto-links'] = false; | |
| SyntaxHighlighter.all(); | |
| </script> | |
| <style type='text/css'> | |
| /* SyntaxHighlighterで縦スクロールバーが表示されてしまう問題を解決するためのコード */ | |
| .syntaxhighlighter { | |
| overflow-y: hidden !important; | |
| padding: 1px !important; | |
| } | |
| /* 枠線と余白を付けて、ソースコードと本文の境目を分かりやすくする */ | |
| .syntaxhighlighter table { | |
| margin:5px !important; | |
| border:solid 1px #EEE !important; | |
| } | |
| /* 奇数行と偶数行とで、背景色を交互に変える */ | |
| .syntaxhighlighter .line.alt2 { | |
| background-color: #F8F8F8 !important; | |
| } | |
| /* コマンドライン用のコード */ | |
| pre.commandline { | |
| margin: 0px 0px 15px 0px; | |
| padding: 5px 0px 5px 5px; | |
| border: 1px solid #a9a9a9; | |
| background-color: #e6e6fa; | |
| color: #696969; | |
| overflow: auto; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| } | |
| /* Keyboard Style */ | |
| span.kbd { | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| -o-border-radius: 4px; | |
| -khtml-border-radius: 4px; | |
| border-radius: 4px; | |
| border-style: outset; | |
| border: 1px solid #aaa; | |
| background: #fafafa; | |
| padding: 0px 3px 1px 3px; | |
| margin: 0px 0px 0px 0px; | |
| vertical-align: baseline; | |
| line-height: 1.8em; | |
| white-space: nowrap; | |
| } | |
| </style> |
