<< Java行列ライブラリ(JAMA)を使ってみた | main | JAMA(Java Matrix Package)で行(列)の合計値を求める方法 >>

スポンサーサイト

0
    • 2014.12.28 Sunday
    • -
    • -
    • -
    • -
    • by スポンサードリンク

    一定期間更新がないため広告を表示しています


    Blogにソースコードを表示する方法

    0
      これからソースコードをBlogで書く機会が増えるため、 表示方法を調べてみた。
      BlogはJUGEMでしか登録したことがないので、JUGEMでの編集方法を書いてみる。

      1.デザイン>HTML・CSS編集 を選択する
      2.HTML編集フォームに以下を選択する
        
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      もし、Javaしかソースコード書かない場合は 「shBrushJava.js」だけでよいが、ここではほぼすべての言語(C言語、Ruby、Python、、、)を網羅してみた。
      3.CSS編集フォームに以下を選択する
      /**
       * SyntaxHighlighter
       * http://alexgorbatchev.com/SyntaxHighlighter
       *
       * SyntaxHighlighter is donationware. If you are using it, please donate.
       * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
       *
       * @version
       * 3.0.83 (July 02 2010)
       * 
       * @copyright
       * Copyright (C) 2004-2010 Alex Gorbatchev.
       *
       * @license
       * Dual licensed under the MIT and GPL licenses.
       */
      .syntaxhighlighter a,
      .syntaxhighlighter div,
      .syntaxhighlighter code,
      .syntaxhighlighter table,
      .syntaxhighlighter table td,
      .syntaxhighlighter table tr,
      .syntaxhighlighter table tbody,
      .syntaxhighlighter table thead,
      .syntaxhighlighter table caption,
      .syntaxhighlighter textarea {
        -moz-border-radius: 0 0 0 0 !important;
        -webkit-border-radius: 0 0 0 0 !important;
        background: none !important;
        border: 0 !important;
        bottom: auto !important;
        float: none !important;
        height: auto !important;
        left: auto !important;
        line-height: 1.1em !important;
        margin: 0 !important;
        outline: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
        position: static !important;
        right: auto !important;
        text-align: left !important;
        top: auto !important;
        vertical-align: baseline !important;
        width: auto !important;
        box-sizing: content-box !important;
        font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
        font-weight: normal !important;
        font-style: normal !important;
        font-size: 1em !important;
        min-height: inherit !important;
        min-height: auto !important;
      }
      
      .syntaxhighlighter {
        width: 100% !important;
        margin: 1em 0 1em 0 !important;
        position: relative !important;
        overflow: auto !important;
        font-size: 1em !important;
      }
      .syntaxhighlighter.source {
        overflow: hidden !important;
      }
      .syntaxhighlighter .bold {
        font-weight: bold !important;
      }
      .syntaxhighlighter .italic {
        font-style: italic !important;
      }
      .syntaxhighlighter .line {
        white-space: pre !important;
      }
      .syntaxhighlighter table {
        width: 100% !important;
      }
      .syntaxhighlighter table caption {
        text-align: left !important;
        padding: .5em 0 0.5em 1em !important;
      }
      .syntaxhighlighter table td.code {
        width: 100% !important;
      }
      .syntaxhighlighter table td.code .container {
        position: relative !important;
      }
      .syntaxhighlighter table td.code .container textarea {
        box-sizing: border-box !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border: none !important;
        background: white !important;
        padding-left: 1em !important;
        overflow: hidden !important;
        white-space: pre !important;
      }
      .syntaxhighlighter table td.gutter .line {
        text-align: right !important;
        padding: 0 0.5em 0 1em !important;
      }
      .syntaxhighlighter table td.code .line {
        padding: 0 1em !important;
      }
      .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
        padding-left: 0em !important;
      }
      .syntaxhighlighter.show {
        display: block !important;
      }
      .syntaxhighlighter.collapsed table {
        display: none !important;
      }
      .syntaxhighlighter.collapsed .toolbar {
        padding: 0.1em 0.8em 0em 0.8em !important;
        font-size: 1em !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
      }
      .syntaxhighlighter.collapsed .toolbar span {
        display: inline !important;
        margin-right: 1em !important;
      }
      .syntaxhighlighter.collapsed .toolbar span a {
        padding: 0 !important;
        display: none !important;
      }
      .syntaxhighlighter.collapsed .toolbar span a.expandSource {
        display: inline !important;
      }
      .syntaxhighlighter .toolbar {
        position: absolute !important;
        right: 1px !important;
        top: 1px !important;
        width: 11px !important;
        height: 11px !important;
        font-size: 10px !important;
        z-index: 10 !important;
      }
      .syntaxhighlighter .toolbar span.title {
        display: inline !important;
      }
      .syntaxhighlighter .toolbar a {
        display: block !important;
        text-align: center !important;
        text-decoration: none !important;
        padding-top: 1px !important;
      }
      .syntaxhighlighter .toolbar a.expandSource {
        display: none !important;
      }
      .syntaxhighlighter.ie {
        font-size: .9em !important;
        padding: 1px 0 1px 0 !important;
      }
      .syntaxhighlighter.ie .toolbar {
        line-height: 8px !important;
      }
      .syntaxhighlighter.ie .toolbar a {
        padding-top: 0px !important;
      }
      .syntaxhighlighter.printing .line.alt1 .content,
      .syntaxhighlighter.printing .line.alt2 .content,
      .syntaxhighlighter.printing .line.highlighted .number,
      .syntaxhighlighter.printing .line.highlighted.alt1 .content,
      .syntaxhighlighter.printing .line.highlighted.alt2 .content {
        background: none !important;
      }
      .syntaxhighlighter.printing .line .number {
        color: #bbbbbb !important;
      }
      .syntaxhighlighter.printing .line .content {
        color: black !important;
      }
      .syntaxhighlighter.printing .toolbar {
        display: none !important;
      }
      .syntaxhighlighter.printing a {
        text-decoration: none !important;
      }
      .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a {
        color: black !important;
      }
      .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a {
        color: #008200 !important;
      }
      .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a {
        color: blue !important;
      }
      .syntaxhighlighter.printing .keyword {
        color: #006699 !important;
        font-weight: bold !important;
      }
      .syntaxhighlighter.printing .preprocessor {
        color: gray !important;
      }
      .syntaxhighlighter.printing .variable {
        color: #aa7700 !important;
      }
      .syntaxhighlighter.printing .value {
        color: #009900 !important;
      }
      .syntaxhighlighter.printing .functions {
        color: #ff1493 !important;
      }
      .syntaxhighlighter.printing .constants {
        color: #0066cc !important;
      }
      .syntaxhighlighter.printing .script {
        font-weight: bold !important;
      }
      .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a {
        color: gray !important;
      }
      .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a {
        color: #ff1493 !important;
      }
      .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a {
        color: red !important;
      }
      .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a {
        color: black !important;
      }

      4.あとはBlogにタグを埋め込む
          
       
                 public static void main(String[] args) {
                 System.out.println("Hello World");
              }
          
      1行目では「java」としているが、書きたいプログラム言語に合わせて付け加える。 詳細:http://wada811.blogspot.com/2012/02/syntaxhighlighter30.html (「使用言語の設定」のところを参照)


      【参照】
      ・BloggerにソースコードをハイライトするSyntaxHighlighterを導入する

      スポンサーサイト

      0
        • 2014.12.28 Sunday
        • -
        • 17:47
        • -
        • -
        • -
        • by スポンサードリンク

        コメント
        コメントする









        calendar
              1
        2345678
        9101112131415
        16171819202122
        23242526272829
        30      
        << September 2018 >>
        PR
        Java
        OpenCV
        selected entries
        categories
        archives
        recent comment
        recommend
        profile
        AmazonStore
        RakutenStore
        search this site.
        others
        mobile
        qrcode
        powered
        無料ブログ作成サービス JUGEM

        (C) 2018 ブログ JUGEM Some Rights Reserved.