2011年10月26日

10.26 note

python http://www.pythonchallenge.com/
張貼者： 於 沒有留言:
標籤：

2011年10月17日

艾迪訊面試

今天約十點半跟業務Jin一起到艾迪訊

跟PM還有工程師見面、面試

Jin被他們家的業務抓到另一邊去了 (還滿漂亮的!!)

然後PM先跟我講要做的東西的架構

然後換工程師先問我會不會C++, Qt, 指標等等

然後告訴我會需要用到哪些東西

要我先回去看

結果，面試也沒考試啊

就這樣被老闆賣掉了 XDDDD


其實當下聽完還滿緊張的

要我一個跟白紙差不多的新人

在兩個月內弄出他們要的東西

就算下個禮拜公司還會再補一個新人過來

還是覺得有點發聳



回公司後

自然是開始查找相關的東西

不過要先寫個mail告訴老大老二和業務老大老二剛剛面試的過程


然後開始安裝IDE

先是被 Eclipse for C++版本搞得半死

光弄這個就耗掉一下午

然後換 Qt Libraries ...

等我開始安裝後, 才看到別人網誌寫說安裝過程約兩個小時

我臉都綠了 ... 下班了都還沒裝完 = =
張貼者： 於 沒有留言:
標籤：

2011年10月10日

[轉] Code Block + Google Code Prettify


HTMLEncode

<pre class="code prettyprint"></pre>

&nbsp;




自從Blogger改了新版，之前所使用的一些程式工具都走了樣，只好重新來過，並開始將每次修改在 Blogger 記錄下來。那麼就需要用到在網頁顯示程式碼的工具了。Google Code Prettify 是由 Google 開發出來的程式碼上色工具，已被大量運用在 Google Code 的網站上，對網頁不會有很大的負擔。 而 CSS Block 的語法，也很多人用，二者可以單獨使用，也可以合併使用。夏箖是採用後者。

首先是 Google Code Prettify 的設定：
1. 請在Blogger後台管理介面找到 "範本" 的頁籤，若是舊版介面，則是 "設計" 頁籤。
2. 點選 "修改HTML" , 按 Ctrl + F 出現搜尋框，一般而言，在不同瀏覽器會出現搜尋框的位置不太一樣，IE是在左上方，Chrome是在右上方。

3. 在搜尋框裡鍵入 </head>，並複製下面的程式碼放在</head>之前。
<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" rel="stylesheet" type="text/css"></link>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript">
</script>
4. 找到 <body ，並加入 onload='prettyPrint();' ，如下方程式碼。
<body expr:class='&quot;loading&quot; + data:blog.mobileClass' onload='prettyPrint();'>
5. 請在文章的HTML編輯畫面裡輸入下方的程式碼。
<pre class="prettyprint">
   輸入想顯示的程式碼
</pre>

接下來是 CSS Block 的設定：
6. 請在 "修改 HTML" 裡找到 /* Post 。


7. 貼上下方的程式碼。
.post .code { 
  display: block; /* fixes a strange ie margin bug */
  font-family: Courier New; 
  font-size: 10pt; 
  overflow:auto; 
  background: #f0f0f0 url(http://yourweb_images_home/Code_BG.gif) left top repeat-y;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 21px;
  max-height:200px;
  line-height: 1.2em;
}
8. 請在文章的HTML編輯畫面裡輸入下方的程式碼。
<pre class="code">
要顯示的程式碼
</pre>

CSS Block + Google Code Prettify 的設定：
9. 請在文章的HTML編輯畫面裡輸入下方的程式碼。
<pre class="code prettyprint">
要顯示的程式碼
</pre>
<pre class="code prettyprint">
<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" rel="stylesheet" type="text/css"></link>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript">
</script>
</pre>
上面三種方式都可直接在該說明的程式碼區看到顯示結果。

備註：

1. CSS Block 裡的 class "code" 是可以自己改名成 NAME，請記得也要一併更改成 .post .NAME。
2. CSS Block 裡的有個圖片連結  yourweb_images_home 請改成自己置放 Code_BG.gif 的位址。
3. 請不要在 CSS 語法前後加上程式註解，可能會造成程式碼無法正常顯示。
4. 如果，要顯示的程式碼裡有特殊符號像是 < > 字元，請先至 HTML Encode 網頁 進行轉換。


參考資料：
1. Google-Code-Prettify  (Javascript code prettifer)
2. 符碼記憶 | 在網頁中嵌入顯示程式碼：CSS Block
張貼者： 於 沒有留言:
標籤：