Breaking News

Blog貼上程式碼

宣告語法,放在</head>之前
 





以下是CSS語法,放在新增CSS語法的位置
  
   .toolbar{    /*將原本右上角會出現 ?(問號) 的版權宣告隱藏不顯示*/
    display: none !important;
    -webkit-box-shadow: 7px 6px 6px rgba(50, 50, 50, 0.75);  /* 陰影 */
    -moz-box-shadow:    7px 6px 6px rgba(50, 50, 50, 0.75);  /* 陰影 */
    box-shadow:         7px 6px 6px rgba(50, 50, 50, 0.75);  /* 陰影 */
    -webkit-border-radius: 8px;                              /* 圓角 */
    -moz-border-radius: 8px;                                 /* 圓角 */
    border-radius: 8px;                                      /* 圓角 */
}
 
body .syntaxhighlighter{    /*在 chrome 瀏覽器下程式碼右邊會出現醜醜的直向捲軸把它給移除掉*/
    overflow-y: hidden !important;
}
 
body .syntaxhighlighter div{    /*控制行高及字體大小*/
    height: 20px !important;
    line-height: 20px !important;
    font-size: 16px !important;
}
在文章中HTML模式貼上這段,根據要先事的程式語言做更換
  
   你的程式碼 
下方根據個人需求修改 程式類型主要為使程式判斷使用之程式語言類型,正確套用相關顏色,代表之brush值如下表所示
Brush name
Brush aliases
File name
bash, shell
shBrushBash.js
c-sharp, csharp
shBrushCSharp.js
cpp, c
shBrushCpp.js
css
shBrushCss.js
delphi, pas, pascal
shBrushDelphi.js
diff, patch
shBrushDiff.js
groovy
shBrushGroovy.js
js, jscript, javascript
shBrushJScript.js
java
shBrushJava.js
perl, pl
shBrushPerl.js
php
shBrushPhp.js
plain, text
shBrushPlain.js
py, python
shBrushPython.js
rails, ror, ruby
shBrushRuby.js
scala
shBrushScala.js
sql
shBrushSql.js
vb, vbnet
shBrushVb.js
xml, xhtml, xslt, html, xhtml
shBrushXml.js


網頁程式碼可先到這網站去排版
http://jsbeautifier.org/

如果是要貼上Html語法,因為有特殊標籤會無法顯示,所以要使用語法文字轉換的方式貼語法,可以到下面網址去轉換
http://formatmysourcecode.blogspot.tw/
另外有一些要注意的

  1. 不要勾選Embed Stylesheet選項進行「Format Text」,則轉出的HTML語法是由<pre class="source-code"><code>顯示的程式碼</code></pre>所組成(也就是不會在<pre>標籤中寫入顯示用的CSS語法)。
  2.  將<pre class="source-code">標籤替換成<pre class="brush: html">。
  3. 移除前後的<code></code>標籤(如果沒有移除, 則<code>< /code>標籤會一併出現在畫面上)

沒有留言