Studio

20
Aug

安裝Google Code Prettify

Posted by (0) Comment

Google Code Prettify是一個可以美化網頁上程式碼的小外掛，安裝方式非常簡單，可以參考官方發表的README檔案。

安裝步驟：

  1. 下載原始檔案（官方網站似乎不提供host）：
    http://google-code-prettify.googlecode.com/files/prettify-small.zip
  2. 在需要顯示程式碼的網頁加入下面程式：<link href="prettify.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="prettify.js"></script>
  3. （我的作法是將上述兩個檔案丟到Google Page Creator上面）
  4. 修改<body>標籤，加入onload="prettyPrint()"

 之後有需要顯示程式碼的地方，只要用<pre class="prettyprint">...</pre>或<code class="prettyprint">...</code>將程式碼包住即可。

（我猜直接連到http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css也可以，不過我就懶得測試了。）

在Google Blogger修改的方式如下圖：
（範本修改HTML、找到<head>將上述兩行程式放在<head>之後，再找到<body>將onLoad加在後面：<body onLoad="prettyPrint()"）

image

Category : Google | Studio | Blog
27
Dec

Windows Live Writer圖文剪貼測試

Posted by (1) Comment

為了回應sinie在Windows Live Writer快速發佈你的部落格（安裝設定篇）的問題，特地寫了這篇文章來做個簡單的測試。（也感謝sinie的路過）以下就來個簡單的小測試，目標是測試Windows Live Writer在圖文剪貼的時候，是否會將其他網站的字體、排版設定一起貼到Windows Live Writer的編輯畫面中而導致畫面混亂。（同時存在兩種風格或版面）

測試過程

我以今天Yahoo奇摩首頁的頭條新聞「大樂透摃龜 告別秀高潮 下期獎金飆20億」為例，原始版面如下圖所示：

接下來我選取上圖所示範圍，並複製到剪貼簿：
最後回到Windows Live Writer貼上剛才所複製的段落：（下面的文字即直接貼上後的結果）

新聞首頁 >財經 >理財就業 >中廣新聞網

Add to My Web 儲存至「分享書籤」| 傳訊給朋友| 寄給朋友| 友善列印|字級設定:小中大巨

大樂透摃龜 告別秀高潮 下期獎金飆20億

中廣新聞網 更新日期:2006/12/27 03:00

大樂透「連九摃」，十億五千萬元獎金累入下期，北富銀清倉再加碼一億五千萬，明天頭獎從十二億元起跳，這是樂透史上的最高摃龜獎金。由於明天是大樂透最後一次開獎，預估買氣將比這一期還要火熱，頭獎可望飆破二十億元，這也是北富銀「彩券告別秀」的最高潮！（張雅惠報導）

 結論

複製圖文到Windows Live Writer裡之後，圖文的呈現方式會以自己目前使用的版面為主，依我的觀察與猜測，Windows Live Writer僅貼上所有的HTML原始碼，因此所有的header(<h1>)、段落、連結都會以目前正在編輯的blog所設定的CSS版面為主，不會連對方網站都一起複製過來。（所以說連圖片都是連到該網站上所提供的圖片，而非直接複製一份到本地端來；若有需要將圖片複製一份到本地端，則需要另外在圖片上選擇複製後再到Windows Live Writer貼上。）

此外，倘若是在別的網站中複製連結，再到Windows Live Writer貼上，則會將連結的文字、網址一併貼上（URL and anchor text），例如：大樂透摃龜 頭獎上看12億。

以上是個簡單的小測試，希望有點幫助。

註：圖文為Yahoo奇摩及原作所有，本文僅為測試之用，如有侵權請來信告知。

Category : Studio | 微軟相關 | Blog
25
Dec

如何增進部落格的品質

Posted by (0) Comment

今天在Taiwan.CNET看到的兩篇文章：

如何增進部落格的品質（上）：http://taiwan.cnet.com/enterprise/technology/0,200...

如何增進部落格的品質（下）：http://taiwan.cnet.com/enterprise/technology/0,200...

裡面列了幾點，在此摘錄一下，有興趣的可以前往該站觀看全文：

  • 定義你的目標
  • 在外觀上吸引人
  • 使用合適的編輯工具
  • 讓網誌容易瀏覽
  • 不要輕易搬站
  • 與讀者建立關係
  • 建立部落格的撰寫時程
  • 保持簡潔
  • 發表之前做好校對
  • 使用供稿系統（即RSS）
Category : Studio | Blog
6
Oct

Windows Live Writer快速發佈你的部落格（圖形處理篇）

Posted by (4) Comment

前言

Windows Live Writer的各種功能裡面，讓我最為讚賞的是對於圖形的處理功能。很多時候你只是想要很輕鬆地寫一篇文章，但卻要動到Photoshop、Photoimpact等重量級的軟體來替自己加框、加陰影、改變色調或是加浮水印，其實這些基本的動作微軟統統替你整合在Windows Live Writer了！

通常我習慣的使用方式：

  1. PrintScreen或Alt+PrintScreen：直接抓下整個畫面或是單一視窗的畫面，寫軟體教學很好用，缺點是Windows Live Writer並未提供裁圖的功能。
  2. 直接逛到某個網站後，直接按右鍵選擇複製，即可將圖片複製到剪貼簿，再到Windows Live Writer貼上即可。
    若是從網頁上複製過來的圖片連結，會連圖片原始的網頁連結、註解文字一起複製過來。

功能展示：


原圖


加陰影

continue

Category : Studio | 電腦世界 | Blog
3
Oct

WordPress Plug-in: Google Analyticator

Posted by (1) Comment

如果在WordPress裡面想使用Google Analytics的統計服務，最常見的作法就是在各個不同的佈景主題裡面加上Google Analytics的JavaScript語法，然而這樣的作法相當麻煩，每當更換themes就必須重新加語法。（當然也有人自己改WordPress的source code）

現在有了Google Analyticator這個Plug-in就不必這麼麻煩了！只需三個簡單的步驟，以後無論怎麼變換佈景主題都不用重新設定。

continue

Category : Studio | wordpress | 電腦世界 | Blog
Previous Page
Next Page