CimiCimi小女僕機器人 Source Code

這是很久以前的黑歷史～
PHP + ajax (with jQuery)
想了解那時候寫這東西的背景就下載然後看README.txt吧
預覽圖：

Download：http://www.mediafire.com/download/tsf8dfs83whqr4x/cimicimi_source.7z

使用Universal USB Installer製作整合Linux Mint Live USB與Windows 7 Installer

首先，廢話一下動機

我手邊的隨身碟有2G, 4G, 32G三支，2G塞不下Windows 7安裝光碟（2GB多），32G已經滿了 OTZ，4G那支又塞了 Linux Mint 15 ，於是只好先把4G那支清掉放Windows 7 Installer，讓我重灌...
後來要重建Mint的grub2又需要用到Mint Live USB，於是我就想，能不能把兩個塞再一起，反正容量也塞的下，研究了一下終於搞定了syslinux OTZ

你需要的東西...

在這裡我用的軟體是Universal USB Installer，可以在 http://www.pendrivelinux.com/universal-usb-installer-easy-as-1-2-3/ 下載（無須安裝）

 Windows 7 SP1 Professional Traditional Chinese ISO下載（官方載點，合法下載）：
（這是 "乾淨" 且 "合法" 的下載點，並沒有任何破解、啟動器之類的東西，請自備正版序號）

Windows 7 Professional x86 Traditional Chinese（這是32位元版本）
Windows 7 Professional x64 Traditional Chinese（這是64位元版本）

雖然說是Professional版本的ISO，但是Windows 7的安裝光碟只透過了其中一個檔案來設定這是什麼版本，也就是說，只要刪除該檔案就可以安裝任意授權版本的Windows 7
But... 人生最OOXX的這個But！
But... 如果你的序號是專業版，那你還是只能裝專業版，沒辦法輸入專業版序號安裝旗艦版之類的，請務必注意到這一點。

Linux Mint 的 ISO 在這裡下載：http://www.linuxmint.com/download.php
或者你想用 Ubuntu 也行：http://www.ubuntu-tw.org/modules/tinyd0/
// 聽說最近 Ubuntu 有點邪惡，記得驅魔： https://fixubuntu.com/

重灌Windows之後，修復Linux Mint（Ubuntu）的開機選單（grub2）

我的筆電有裝雙系統，Windows 7和Linux Mint 15
（當然，Ubuntu也適用同樣的方法）
昨天我重灌了Windows 7，所以需要重建grub2
上網找了很多東西之後，分享一下我成功的方法

先用 Live CD 或是 Live USB 開機，然後打開terminal

# 我的mint在sda3，/boot沒有另外mount
mount /dev/sda3 mnt
sudo mount --bind /dev /mnt/dev
# 如果你的/boot有另外mount
#sudo mount --bind /boot /mnt/boot
sudo mount --bind /dev/pts /mnt/dev/pts
sudo mount --bind /proc /mnt/proc
sudo mount --bind /sys /mnt/sys
sudo chroot /mnt/
# 我的boot hdd在sda
grub-install /dev/sda
update-grub

finally... sudo reboot and enjoy your Linux Mint :D

參考文獻：http://wiki.ubuntu-tw.org/index.php?title=GRUB2%E4%B8%AD%E6%96%87%E6%8C%87%E5%8D%97%E7%AC%AC%E4%BA%8C%E7%89%88%28%E4%B8%8A%EF%BC%89#.E6.96.B9.E6.A1.88_3_-_CHROOT

如何在Blogger內幫程式碼上色

像這樣美美的Code大家都愛

#include <stdio.h>

int main() {
    printf("Hello, %s", "Inndy");
}

問題是到底要怎麼做呢？

我使用的是Google開發的 google-code-prettify 這個JavaScript Library
還好Blogger很好心的提供了自訂HTML Template的功能

所以我們可以在裡面塞自己的JavaScript / CSS進去，當然如果你想塞在文章內也可以 XD
主要的 Code 在 http://google-code-prettify.googlecode.com/svn/trunk/src/
而且有提供幾種 Style http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html
我用的 Style 是從 Doxy 這款，再稍微小修改

廢話不說了，我們來動手吧

九九乘法Code

九九乘法表是很常見的作業，常常出現在剛講完迴圈的時候讓大家練習一下

我們先來看看這個最基本的C語言版本：

#include <stdio.h>

int main () {
    int i, j;
    for (i = 1; i <= 9; i++)
        for (j = 1; j <= 9; j++)
            printf("%d x %d = %2d%s", i, j, i * j, j == 9 ? "\n" : ", ");
    return 0;
}

這是VB

Dim i As Integer, j As Integer
Dim output As String

For i = 1 To 9

    For j = 1 To 9
        Dim v As Integer
        v = i * j 
        output = output & CStr(i) & " * " & CStr(j) & IIf(v < 10, " =  ", " = ") & CStr(v) & IIf(j = 9, vbNewLine, ""))
    Next 
Next

Print output

我的Linux Mint筆記

root那些大小事

使用root身份相等的權限執行指令

sudo <指令>

把目前的terminal暫時切換到root身份（exit會退回原本的user）

su

su指令，需要知道root的密碼才能切換身份，但是root的密碼不該有人知道，或者說不該有人以root的身份登入系統，因此就有了sudo這個命令的誕生，如果想暫時切換成root身份，可以用

sudo su

即可（sudo指令會向你再次確認目前使用者的密碼）

Grub2設定

grub.cfg在

/boot/grub/grub.cfg

但是他是組合出來的，所以要改設定來源，grub目錄本體放在

/etc/grub.d

內容有

00_header
05_debian_theme
06_mint_theme
10_linux
10_lupin
20_linux_xen
20_memtest86+
30_os-prober
30_uefi-firmware
40_custom
41_custom
README

其中預設項目以及預設讀秒在

00_header

，請加入以下兩行來設定預設項目（從0開始數）和倒數讀秒

# Do this as early as possible, since other commands might depend on it.
# (e.g. the `loadfont' command might need lvm or raid modules)
for i in ${GRUB_PRELOAD_MODULES} ; do
  echo "insmod $i"
done

GRUB_DEFAULT=0
GRUB_TIMEOUT=5

if [ "x${GRUB_DEFAULT}" = "x" ] ; then GRUB_DEFAULT=0 ; fi
if [ "x${GRUB_DEFAULT}" = "xsaved" ] ; then GRUB_DEFAULT='${saved_entry}' ; fi
if [ "x${GRUB_TIMEOUT}" = "x" ] ; then GRUB_TIMEOUT=10 ; fi
if [ "x${GRUB_GFXMODE}" = "x" ] ; then GRUB_GFXMODE=auto ; fi

修改完成之後執行

sudo update-grub

來更新grub menu

我的vim筆記

goto start
    [[
goto end
    ]]
goto 1st line
    gg
goto {N} line
    {N}G
goto last line
    G
goto first character of line
    0
goto last character of line
    $
search
    /string
next match
    n
prev match
    N
multiple {str} {N} times
    {N}i{string} ESC
auto indent
    =G
insert after
    o
insert before
    O
remove character
    x
repeat last command
    .
replace {A} with {B} in line {M} to {N} ('g' stands for replace all)
   :{M},{N}s/{A}/{B}/g
replace {A} with {B} in line {M} to end
    :{M},$s/{A}/{B}

前端好朋友之一些好用的網站蒐集

從我的Bookmark裡面壓榨萃取出來的精華，請慢用

•  Html Color Codes
• 一個不錯用的Web調色盤
• http://html-color-codes.info/
• Closure Compiler
• Closure Compiler是一套由Google所開發的JavaScript壓縮工具，這是線上版
• http://closure-compiler.appspot.com/home
• JavaScript Beautifier
• 重新格式化JavaScript和HTML（是的，他也吃HTML）
• http://jsbeautifier.org/
• CSS optimizer
• 壓縮CSS的好幫手，需要注意的地方是，如果CSS有誤他會傲嬌...（看看Console）
• http://css.github.io/csso/csso.html
• CSS Beautifier
• 重新格式化CS的工具
• http://html.fwpolice.com/css/
• Ultimate CSS Gradient Generator
• 產生CSS漸層語法，通殺所有瀏覽器
• http://www.colorzilla.com/gradient-editor/
• DevDocs
• 各式各樣的Library、Web Specification...的線上手冊，以HTML5 APP的形式製作，可離線使用
• http://devdocs.io/
• MoreText.js
• 中文假文產生器（中文版的Lorem ipsum），排版預覽很空洞？用這個就對了
• http://more.handlino.com/
• aaencode
• 惡搞意味十足的JavaScript obfuscator，把JS轉成表情符號
• http://utf-8.jp/public/aaencode.html

瀏覽器革命統一天下之什麼是Reset.CSS？

Reset CSS就對了！

同一份CSS，換個瀏覽器突然獵奇了？IE傲嬌不聽話欠調教？
個瀏覽器間會產生差異是因為，各家瀏覽器的CSS預設值並不相同
Ex：

瀏覽器A裡面，div的padding預設是6px
瀏覽器B裡面，div的padding預設是4px

這時候如果你寫的CSS對齊的很精準...換個瀏覽器就哭哭了！
所以我們透過重新定義所有元素的預設值，不使用瀏覽器的預設值，就可以讓他們乖乖聽話了！

要注意的地方！

•  因為margin和padding會被設定成0，所以原本的留白會不見，要自己設定才有美美的網頁喔
• 當然你也可以自己挑一個預設值，不一定要用0

說好的載點呢？

• Reset CSS
• http://meyerweb.com/eric/tools/css/reset/
• normalize.css
• https://github.com/necolas/normalize.css
• 這裡有好多野生的Reset CSS來著
• http://www.cssreset.com/