2012年11月21日 星期三

網頁呈現程式碼

SyntaxHighlighter 3.0.83

簡單的說只要在 .html檔的 內加入下面的 jscript即可 呈現下面的效果 

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>SyntaxHighlighter 3.0.83</title>
    <!-- 設定載入 shCore.css 與 shThemeDefault.css -->
 <link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css"/>
 <link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css"/>
<!-- 設定需要載入的核心檔案 shCore.js -->
<script type="text/javascript" src="https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shCore.js"></script>
    <!-- 設定需要載入的程式語言檔案 -->
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js' type='text/javascript'></script>               
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAppleScript.js' type='text/javascript'></script>         
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'></script>               
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'></script>                
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushColdFusion.js' type='text/javascript'></script>          
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script>                 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script>              
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>                 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDelphi.js' type='text/javascript'></script>              
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js' type='text/javascript'></script>                
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushErlang.js' type='text/javascript'></script>              
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushGroovy.js' type='text/javascript'></script>              
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>                
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJavaFX.js' type='text/javascript'></script>              
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>             
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script>                
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script>                 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'></script>               
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPowerShell.js' type='text/javascript'></script>          
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython..js' type='text/javascript'></script>             
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script>                
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSass.js' type='text/javascript'></script>                
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'></script>               
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script>                 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script>                  
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>                 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shLegacy.js' type='text/javascript'></script>                   

 <!-- 設定啟用 highlighter -->
 <script type="text/javascript">
  SyntaxHighlighter.config.bloggerMode = true; 
  SyntaxHighlighter.all();
    </script>
</head>
另外，我將 SyntaxHighlighter 3.0.83的 jscript放在Google site, 以下是我常要匯入的語言 
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>SyntaxHighlighter 3.0.83</title>
    <!-- 設定載入 shCore.css 與 shThemeDefault.css -->
 <link type="text/css" rel="stylesheet" href="https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/styles/shCoreDefault.css"/>
 <link type="text/css" rel="stylesheet" href="https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/styles/shThemeDefault.css"/>
<!-- 設定需要載入的核心檔案 shCore.js -->
<script type="text/javascript" src="https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shCore.js"></script>
    <!-- 設定需要載入的程式語言檔案 -->
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shAutoloader.js' type='text/javascript'></script>               
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushPlain.js' type='text/javascript'></script>               
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushCSharp.js' type='text/javascript'></script>              
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushCss.js' type='text/javascript'></script>                 
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushDiff.js' type='text/javascript'></script>                
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushJava.js' type='text/javascript'></script>                
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushJavaFX.js' type='text/javascript'></script>              
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushJScript.js' type='text/javascript'></script>             
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushPerl.js' type='text/javascript'></script>                
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushPhp.js' type='text/javascript'></script>                 
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushPlain.js' type='text/javascript'></script>               
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushPowerShell.js' type='text/javascript'></script>          
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushSql.js' type='text/javascript'></script>                 
    <script src='https://sites.google.com/site/cpchou0110/js/syntaxhighlighter_3-0-83/scripts/shBrushXml.js' type='text/javascript'></script>                 
 <!-- 設定啟用 highlighter -->
 <script type="text/javascript">
  SyntaxHighlighter.config.bloggerMode = true; 
  SyntaxHighlighter.all();
    </script>
</head>

 

張貼者： 於

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)