.syntaxhighlighter {   overflow-y: hidden !important; } .syntaxhighlighter table {   margin-bottom: 1em !important; }

2011年8月18日木曜日

BloggerにSyntaxHighlighterを導入

今まで投稿にコードを掲載するのに、SyntaxHighlightをどうやれば良いのかわからなかったが、今日できたので忘れないうちにメモ
注)SyntaxHighlighter2.1.364での設定
  1. Blogger管理ページの「テンプレート」をクリック
  2. ページの下部に「テンプレート HTML を編集」をクリック
  3. タグ内に以下を埋め込む








  • ブログ内にコードを埋め込むときは以下のHTML編集が必要。。

  • <pre class="brush: xxxx;">
    ソースコード本文を記述
    </pre>
    




  • xxxxの部分には以下を貼り付ける
  • ってゆうか投稿時にいちいちHTMLタグを記載して、ソースを記載してが面倒くさい。
    覚えれねーしbrushって何だよ。コロンとセミコロンどっちがどっちだかも忘れるっつーの Bloggerの投稿にボタン追加する方法とか定型句を定義するとかできないのかなー? 知ってる人いたら教えて下さい。
    ActionScript3as3, actionscript3
    Bash/shellbash, shell
    ColdFusioncf, coldfusion
    C#c-sharp, csharp
    C++cpp, c
    CSScss
    Delphidelphi, pas, pascal
    Diffdiff, patch
    Erlangerl, erlang
    Groovygroovy
    JavaScriptjs, jscript, javascript
    Javajava
    JavaFXjfx, javafx
    Perlperl, pl
    PHPphp
    Plain Textplain, text
    PowerShellps, powershell
    Pythonpy, python
    Rubyrails, ror, ruby
    Scalascala
    SQLsql
    Visual Basicvb, vbnet
    XMLxml, xhtml, xslt, html, xhtml

    0 件のコメント:

    コメントを投稿