2010/10/06

Blogger + Live Writer 2011 + syntaxhighlighter

記錄一下整合這三者的步驟美女

  1. 到這邊 http://wlwsyntaxhighlighter.codeplex.com/ 抓Live Writer Plugin,或者抓這個
  2. syntaxhighlighter source code,或者,直接使用官方Hosting的程式碼 (若要使用官方Hosting的程式可參考這篇)
  3. 找個地方放source code,我是給它放在skydrive上
  4. 如果要放在skydrive,那麼登入到live.com以後,到公開資料夾下建立一個叫syntaxhighlighter的資料夾和相關子目錄,然後分別把檔案拖進去(skydrive沒辦法上傳整個資料夾)
    syntaxhighlighter
  5. 仿照官方的連結,然後選一個theme,接著將放在skydrive上的連結修改到<script>內,skydrive上的連結長這樣:http://public.blu.livefilestore.com/y1pe8TvBLrWaQZqa_ZBDHhZBhnsbQWtZEZ2vDErCHGMleKT1CB-G6zC0zwK339Ati16Gn-CWFhKA8rHxWyIewDT5A/shCore.js?download&psid=1 ,後面的?download&psid=1要去掉
  6. 砍掉skydrive上的shCode.css(在styles下面)
  7. 修改抓下來的shCode.css,把裡面的png檔連結用skydrive上的連結換掉
  8. 將修改過的檔案上傳,然後拷貝新的位置,貼到步驟五建立的html 
  9. 把上面改的html貼到修改Blogger範本內(設計 > 修改HTML > 貼到</head>之前 > 存檔)

0 意見:

張貼意見