Inside My Mind

2014/07/21

糖醋里肌

食材

里肌肉
鳳梨罐頭兩片
半片青椒
半根紅蘿蔔
洋蔥 1/6
番茄 1/2

調味料

蔥一條
薑末
蒜末
醬油膏一大匙
番茄醬五大匙
蛋
醬油
糖
鹽

作法

里肌肉切厚片
使用太白粉、胡椒、水、米酒、醬油、蛋黃抓肉醃漬
下油鍋炸酥約七分熟
薑末、蒜末、蔥段爆香
倒入里肌肉後，放入番茄、洋蔥、鳳梨
加入水、醬油膏、番茄醬，少許糖，少許鹽
收汁的差不多最後再加青椒拌勻後起鍋

鹹酥蝦

食材

蝦子

調味料

蒜
辣椒
胡椒
米酒
鹽
薑

作法

蝦子先用、米酒、鹽醃漬
高溫下油鍋酥炸約 20 秒
蒜末、薑末、蔥末、辣椒末爆香
蝦子下去加胡椒跟鹽炒勻，鍋邊米酒起鍋

麻婆豆腐

食材

豬肉末
豆腐一盒
蔥一支
薑少許
蒜頭一顆

調味料

辣豆瓣醬兩匙
鹽
糖
米酒
香油

作法

蔥薑蒜切末爆香
放入絞肉炒熟
放入豆腐以及辣豆瓣醬，加水煮
收汁差不多後加入少許胡椒，太白粉水勾芡
滴入少量香油起鍋

2014/07/20

客家小炒

食材

五花肉
乾魷魚
五香豆乾約三片
芹菜兩支
蒜苗兩支
蔥一支
辣椒一支

調味料

冰糖
蠔油兩大匙
米酒
烏醋
胡椒

作法

五花肉切條，先下鍋與冰糖拌炒，因為豬肉本身會再出油，所以油不用放太多
肉約六分熟後，將處理過切條的魷魚與豆乾下去再炒一會
加少許水，蠔油，將蔥、與辣椒下來一起炒
水快收乾時加入蒜苗以及芹菜
些許番炒後，加入鍋邊醋以及米酒

2014/03/21

jQuery Video Creator Plugin

這個 plugin 可以初始擁有 YouTube 或 Vimeo 的超連結點選之後將自己或指定的目標轉換成影片。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Video</title>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="js/jquery.video_creator.js"></script>
    <script>
    $(function() {
        $('a').video_creator({
            width: 200,
            height: 100,
            target: '#video'
        });
    });
    </script>
</head>
<body>
<a href="https://www.youtube.com/watch?v=p6oaqY6flJg">Youtube</a>
<a href="http://vimeo.com/89495751">Vimeo</a>
<div id="video"></div>
</body>
</html>

(function() {
    $.fn.video_creator = function(options) {
        var params = {
            width: 640,
            height: 360,
            target: ''
        }

        var set = $.fn.extend(params, options);

        return this.each(function() {
            var url = $(this).prop('href'),
                id = '',
                matches = '',
                result = '';

            // Youtube
            if (-1 !== url.toLowerCase().indexOf('youtube')) {
                matches = url.match(/[\\?\\&]v=([^\\?\\&]+)/);
                id = matches[1];
                result = '<iframe width="' + set.width + '" height="' + set.height + '" src="//www.youtube.com/embed/' + id + '" frameborder="0" allowfullscreen></iframe>';
            }

            // Vimeo
            if (-1 !== url.toLowerCase().indexOf('vimeo')) {
                matches = url.match(/\/\/(www\.)?vimeo.com\/(\d+)($|\/)/);
                id = matches[2];
                result = '<iframe src="http://player.vimeo.com/video/' + id + '?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;color=ffffff" width="' + set.width + '" height="' + set.height + '" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
            }

            $(this).on('click', function() {
                if ('' === set.target) {
                    $(this).replaceWith(result);
                } else {
                    $(set.target).html(result);
                }

                return false;
            });
        });
    }
}(jQuery));

2014/03/06

Show Directory

我們都知道要秀出目前目錄下的檔案或目錄內容是用 ls，但如何快速精確的只秀出目錄呢

ls -lF | grep '/'

我個人覺得這個指令常常用到，所以就把他加入 .bashrc 吧

alias ld='ls -lF | grep "/"' # 使用 ld 當作指令名稱

然後記得 source .bashrc，大功告成

2014/02/21

Vim Macro

在使用 vim 的時候常常會不小心讓狀態列出縣 recording 的字樣，按 q 可以消除，今天不小心看到某篇文章才發現這是 vim 的 macro 功能，而且十分強大，vim 真的是一個可以活到老學到老的工具，來示範幾個範例。

.sample {
    border: 1px; color: red; padding: 4px; margin: 10px;
}

以這個 css class 來講，假設我們要讓每個 ; 後斷行，有非常非常多的方式，marco 的步驟如下

先將游標移到 border 字樣
在 visual mode 按下 qa（qa 是指將過程錄到 a 這個暫存，a-z, 0-9 都可以使用）
按下 f;，此時游標會跑到 ; 上面
按下 a，游標會跑到 ; 後面並且變成 insert mode
按下 enter，完成了第一個斷行
按下 esc 變成 visual mode，在按一次 q 完成錄製

.sample {
    border: 1px;
    color: red; padding: 4px; margin: 10px;
}

現在內容應該會變成這個樣子

將滑鼠移到 color 那行按下 @a（@ 就是執行 macro，後面接要使用的紀錄），斷行自動產生了，如果要到每一行按 @a 也太弱了，可以在前面接數字指定 marco 次數，以這個 case 來說 3@a 就可以完成所有的斷行。

另外示範一個 increment 的範例，在 vim 中使用 ctrl + a 可以針對某個數字增量，ctrl + x 可以減量，但在 windows 裡面 ctrl + a 會被定義為全選，關掉的方式很簡單，打開 .vimrc 檔，在 behave mswin 下加上 :nunmap <C-a>，這樣便會取消全選功能。

a = 1

以這個例子當範例，可以選擇取代法，也可以用 macro

在 visual model 將游標移到 a = 1 那行
按下 qa
使用 yy 複製，按下 p 貼上
移到新的行數後按 ctrl + a，會發現數字變成 2 了
按下 q 完成錄製

按下 @a 可以發現新的行數會變成 a = 3，搭配數字便可以做出你需要的數量了。