Blog貼上程式碼
宣告語法,放在</head>之前
以下是CSS語法,放在新增CSS語法的位置
以下是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
|
如果是要貼上Html語法,因為有特殊標籤會無法顯示,所以要使用語法文字轉換的方式貼語法,可以到下面網址去轉換
http://formatmysourcecode.blogspot.tw/
另外有一些要注意的
http://formatmysourcecode.blogspot.tw/
另外有一些要注意的
- 不要勾選「Embed Stylesheet」選項進行「Format Text」,則轉出的HTML語法是由<pre class="source-code"><code>顯示的程式碼</code></pre>所組成(也就是不會在<pre>標籤中寫入顯示用的CSS語法)。
- 將<pre class="source-code">標籤替換成<pre class="brush: html">。
- 移除前後的<code></code>標籤(如果沒有移除, 則<code>< /code>標籤會一併出現在畫面上)。
沒有留言