目前分類：網頁設計 (3)
- Sep 25 Wed 2013 17:41
美化 Apache 資料列表介面
- Sep 24 Tue 2013 14:39
使用 .htaccess 設定禁止瀏覽的檔案及資料夾 ( 資料夾內檔案仍可存取 )
為避免訪客瀏覽非預設可瀏覽的檔案及資料夾內容，可使用 .htaccess 設定禁止瀏覽的檔案及資料夾 ( 資料夾內檔案仍可存取 )。
設定範例內容如下：
RewriteEngine on
# forbidden files
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule \.(md|gitignore|gitmodules) - [F]
# forbidden directories
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule .git|img|css|js - [F]
- Sep 16 Mon 2013 17:39
在痞客邦部落格將程式碼高亮化-SyntaxHighlighter
由於 pixnet 無法上傳 Javascript 檔案以及 css 檔案，因此，需要將本來應該要放在 <head> 底下的程式碼放到其他地方去了，設定方式如下：
【 pixnet 管理後台】>【部落格後台】>【部落格管理】>【側邊欄位設定】>【頁尾描述】(也可以放在其他地方，只要你喜歡就可以了) >【設定】> 【再將下面的程式碼貼上即可】
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css" rel="stylesheet" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.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/shBrushBash.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/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/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/shBrushJScript.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/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 type="text/javascript"> SyntaxHighlighter.defaults['toolbar'] = false; SyntaxHighlighter.all(); </script>
上面的 Brush 可選擇自己會用到的載入即可唷!
再來要使用的話，只要用將程式碼用 <pre class="brush: 程式語法種類"></pre> 包起來即可，如以下的範例。
至於詳細的程式語法種類，可以去「官方的 Brush 列表」看。
