给驼驼的教程：给自己的页面增加 Favorites Icon
不知道驼驼有没有注意到，在打开鹿鹿的一些网站的时候，能看到这样的图标：
有没有想到这样的小图标是怎么加上去的呢？其实这个叫做 Favorites Icon, 是网页所有者自己定义的。之所以叫做 Favorites Icon, 是因为微软的 IE 的收藏夹叫做 "Favorites", 这个图标可以帮助用户在收藏夹中区别不同的网站。
在自己网页的 <head> tag 之内，加入这样一句
<link rel="shortcut icon" href="images/favicon.png" />
这样，当别人浏览的时候，浏览器里就会显示你的 favicon.png 文件。这是一个图片文件，格式必须是 ico, png 或者 gif. 尺寸不需要很大，大于 16x16 就行了。如果不清楚如何制作，可以把想要显示的图片发给鹿鹿。
Posted on December 1st, 2014
给驼驼的教程：在网页上显示图片
驼驼在做 CodeCademy 上面的 web dev 教程，并且自己建了一个个人网页。今天驼驼用人人网的照片链接，把个人网页上的照片换成了自己的，但是……
0. 为啥图片全挂了呢？人人网不想让人在别的网站上用人人网相册里的图片，所以用了反盗链技术。你自己看起来是好的，是因为你在同一个浏览器里登录了人人网，而且你有权限看到你自己相册里的图片。但是别人就不一样。我们做网站的时候不仅要让自己此时能看见，也要让任何人在任何时候都能看见才行。
检查自己的图片是否显示正常，你可以另外开一个浏览器 (比如 IE), 或者你可以用 Chrome 的隐身模式 (Ctrl-Shift-n).
所以我们还是老老实实地，把图片也传到 github 上吧！
1. 首先确定好要传的图片是你有权使用的。如果想要用人人网的照片，先右键——另存为到本地，并且给他们简单容易记的名字，比如 1.jpg, 2.jpg, 3.jpg 这么三个。当然，如果图片名字和内容相关就更好了，比如 courant.jpg, flower.jpg... 这样
2. 在你的 wenyingliu.github.io 这个 repo 的文件夹下建一个 images 文件夹，把想要上传的图片移动进去。这个时候你的文件结构应该是这样
3. Sync. 此时你的照片就上传到了 github 上面。
4. 修改你的网页，把图片内容 <img src="....jpg"> 修改成这样
<img src="images/1.jpg">
看明白了吗？此处没有 http, 而是直接用 images/1.jpg, 这就是一个相对路径，引用的是同一个服务器上的文件。如果你的文件位于更深的子目录下，例如 images/a/b/c.jpg, 那么就写 <img src="images/a/b/c.jpg">
5. 把所有图片进行这样的替换，所有图片都可以正常显示啦！
6. 上面引用相对路径的方法不仅适用于图片，也适用于其他资源。比如说其他页面，或者是 css 文件。
例如，我可以建一个文件夹用来放所有的 css 文件，并且把 main.css 移动进去，像这样：
那么，我就需要把 index.html 文件中的这一行
<link rel="stylesheet" href="...
Posted on November 25th, 2014
给驼驼的教程：网页设计上手方法
以下的内容全部在你的 Ubuntu 下操作。当然，对于任何一个装了 Python 的 Linux 来说方法是一样的。
1. 建一个文件夹，随意叫什么名字，然后 cd 进去。当然你也可以在自己家目录下操作。
mkdir VickysPage
cd VickysPage
2. 在这个文件夹下面新建一个文件叫做 index.html
gedit index.html &
3. 在 index.html 里面写入内容（手打，不要复制粘贴）
然后保存 (Ctrl-s)
4. 开启 http 服务器。http 服务器有很多种实现方式，我们这里直接用 Python 模块。回到终端下（工作目录还是刚才那个文件夹 VickysPage):
python -m SimpleHTTPServer
如果成功了，你会看到
Serving HTTP on 0.0.0.0 port 8000 ...
好，这个时候打开浏览器（同一个操作系统下的火狐浏览器），在地址栏输入
http://127.0.0.1:8000
就能看到你刚才写的内容了。继续修改 index.html 的内容，就可以制作网页。如果想要了解 html 语言的更多知识，建议做一下 CodeCademy 上面的 Make a website 这个教程： http://www.codecademy.com/en/skills/make-a-website
Posted on November 23rd, 2014
在 Openbox 下默认让所有窗口无边框/全屏
鹿最近经常带着笔记本在图书馆自习。日常的工作基本在 Lubuntu 下完成。相较于 Unity, Gnome 3 和 KDE 4 而言，LXDE 这个桌面环境消耗的资源更少一些，更适合我的笔记本 (Intel P7450 双核处理器，4GB 内存，储存是 SSD ——虽然很快但是很小). LXDE 的默认窗口管理器是 Openbox. 鹿虽然也喜欢用 Awesome 窗口管理器，但是在小屏幕上大部分应用都全屏使用了，平铺的意义不是很大。最终保留了 Openbox 窗口管理器。之前使用的过程中我发现两个问题：
1. 屏幕边框很浪费屏幕顶部空间。我的笔记本虽然不是 16:9 的带鱼屏，但是能省则省，不想要边框。
2. 每次开启新窗口都要手动全屏一下，麻烦。要说浪费时间也没浪费几秒钟，但是就是懒。
Openbox 不如 Kwin, Compiz 之类的窗口管理器的一点，就是图形界面设置工具实在是太简陋了。有些功能只好通过修改配置文件来实现。在 Lubuntu 下，Openbox 的个人配置文件是 ~/.config/openbox/lubuntu-rc.xml 这个文件。文件里有注释，不算难懂。
vi ~/.config/openbox/lubuntu-rc.xml
在 和 之间增加以下内容：
<application class="*"><decor>no</decor> <!-- 无边框--><maximized>true</maximized> <!-- 全屏--></application>
好了。下面是对比。上图是生效前，下图是生效后。
是不是节约了不少空间。关闭窗口我用快捷键。最小化当然也有快捷键，但是我一般不最小化单个窗口。
Posted on November 6th, 2014
给驼驼的教程：在 Notepad++ 下快捷地运行 Python 程序
首先下载这个文件： http://myweb.polyu.edu.hk/~11839020d/shared/python_run.bat , 把它移动到 C:\Python27\ 下面。此时如果弹出对话框，点 "Continue". 移动好之后文件夹就像这样
然后，用 notepad++ 打开一个 python 文件，点 "Run" 这个菜单下面第一行的 "Run..."
会弹出来一个对话框
把下面这一句粘贴进去
C:\Python27\python_run.bat "$(FULL_CURRENT_PATH)"
然后点 "Run" 就可以运行了
是不是很简单啊？
如果想用一个快捷键实现运行 Python 程序，也很简单。还是点 "Run" - "Run...", 出现这样的对话框
点 "Save...", 然后这样设置一下
以后每次按 ctrl-F5 就可以运行 Python 程序啦。当然你想设置什么快捷键就设置什么快捷键，只要没冲突就行了啦~
Posted on October 20th, 2014
为 Synaptics 触摸板启用 Natural Scrolling
Natural Scrolling 又叫 Australian Scrolling, 指的是在触摸板上双指或是利用侧面滚动的时候，页面的滚动方向和传统的滚动方向相反。也就是说，当用户双指同时向上滚动的时候，网页会向上移动，或者说视界向下移动。Mac OS X 上默认是用了这种滚动方向的。Google Chrome OS 在设置里也可以很方便地启用。
我不知道有多少 Linux 用户跟我一样有这样的需求：我想在触摸板上使用 Natural Scroll （这样感觉起来更自然），但是在鼠标上使用传统的滚动方向（因为多年的使用习惯，也因为向下翻页比向上多，而鼠标滚轮向下滚的动作更舒服）。当然这些原因都是很主观的，这篇笔记主要是记录一下如何操作。Linux 系统里的设置往往是把两个一起改了，我目前身边所有电脑的触摸板都是 Synaptics 的，所以我在这里用 synclient 来完成。
先安装一下 xserver-xorg-input-synaptics
sudo apt-get install xserver-xorg-input-synaptics
然后用这样的方式试一试效果：
synclient VertScrollDelta=-111
synclient HorizScrollDelta=-111
应该是立即生效的，可以调整后头的数字来调节灵敏度，数字绝对值越小页面滚动越快。正数代表传统滚动方式，而负数代表 Natural Scrolling. 我觉得 -75 到 -111 是比较合适的。
多试几个数字之后找到自己觉得舒服的，然后就可以想办法让它永久生效了。我采用的方法是把以上两行写入脚本，在每次系统登陆的时候自动执行。另一种方法是编辑 /usr/share/X11/xorg.conf.d/50-synaptics-conf 这个文件，在 "InputClass" 部分修改或加入以下内容
Option "VertScrollDelta" "-111"
Option "HorizScrollDelta" "-111"
Posted on October 17th, 2014
How I Explained MapReduce to My Wife
Source : Shekhar Gulati Date : 2011-08-28 04:22:53
这是我以前在社交网站上看到的一篇文章。现在原作者似乎把文章删掉了，我找到了原文贴在这里。
Yesterday I gave a presentation at Xebia India office on MapReduce. It really went well and audience was able to understand the concept of MapReduce (as per their feedback). So, I was happy that I did a good job in explaining MapReduce concept to a technical audience (mainly Java programmer, some Flex programmer and few testers). After all the hard work and a great dinner at Xebia India office I reached back my home. My wife (Supriya) asked me “How was your session on …" , I replied it went well. So next she asked what was your session all about (she is not in software/ programming field)? I replied MapReduce. MapReduce !! what is it? She replied “is it something related to geographical maps?" . I replied No No.. it has nothing to do with geographical maps. So, She said what is it? .Hmmm… I said lets go to Dominos (A pizza chain) and I will explain it over the pizza table. She sai...
Posted on February 27th, 2014
Hello, world.
This post is created inside Evernote. Thanks to postach.io, we may now create and edit posts from Evernote.
The setup is simple. Go to postach.io and login with your Evernote account. Follow the instructions and here it comes.
To create a post, create a new note inside Evernote. Remember to choose the new notebook that postach.io created in Evernote, and save the note with a "published" tag.
有一个奇怪的 bug: 在 Evernote 里用 Google 拼音输入法有的时候打不出来字…… 哎所以上面都用英文了。我还是第一次发现这个问题。最近为了用 Solidworks 和 Lightroom, 主要在 Windows 7 下生活。
Posted on December 2nd, 2013
Welcome to Postach.io!
Postach.io is the blogging platform that's powered by your Evernote documents.
Creating a Post
Postach.io creates blog posts and pages from your notes. To create a post, write a note and tag it as "published" in this notebook. Then click the "Sync" button. Bam! Your note is published on your site, just like that!
Creating a Page
Creating a page works the same, except you add an additional tag "page". This tells Postach.io to create your note as page instead of a post.
Editing a Post
Updating a note is just as easy. Try making a change to this note, and click the "Sync" button. Visit your site, and you'll see its been updated.
Deleting a Post
To remove a note from your site, simply remove the "published" tag and re-sync. You could also delete the note itself. Its that easy!
How do I change the profile photo on my site?
To upload a custom profile photo, create a note in your sites notebook and add the image you'd like to use. Tag the note with "avatar" and sync Evernote. Change the ph...
Posted on December 2nd, 2013