我承认我又折腾了！使用Emacs Org-mode

我直接拷贝的，效果差异比较大。实际效果看这里。

http://ivanpig.t35.com

使用的CSS3的圆角和阴影效果，请使用Chrome，FireFox , Safari , Opera查看。使用IE不会有效果。

1 简介

一直在寻找一个记笔记的软件，但是一直没有找到合适的。

1. 本来用的Evernote,优点是平台众多，Windows,Mac,Mobile都有（Linux没有,Android手机没有离线浏览功能）。但是改成.net开发后，资源占用大得惊人。而且网页抓取是有问题的。如下图

 

1. 又试了PKM2，也不是很满意。抓取网页效果不错，比Evernote效果好。不满意的是它保存附件的方式，全都放到了一个文件夹里面。如果我想单独找附件的话几乎不可能。只能通过PKM打开，点击附件链接才行。
2. Vim快速修改程序倒是很爽。记笔记功能单一了点，基本只能记录文本文件。
3. 最后决定用Emacs的org-mode。至少基本功能都适合了。¹

 

2 Emacs Org-mode能干什么

2.1 进入Org-mode模式

Ctrl+x Ctrl+f输入文件名新建一个.org的文件，就自动进入了org-mode模式了。²

2.2 目录树

Emacs建立目录树是很简单的。使用* ³就可以了。一级是一个*，二级是两个*，以此类推。当你导出以后会自动的生成目录链接。 在Emacs里面使用Shift+Tab键可以收起所有的目录树，再按Tab可以依次展开。Alt+左右方向键是减少/增加当前节点的层级.Alt+Shift+左右方向键 可以将效果作用到子节点上。Alt+上下键可以移动节点。

2.3 Tag

当目录树的节点越来越多时，查找就不方便了，这时候可以给节点添加Tag。光标到节点上，Ctrl+c两次，就会提醒你输入tag添加即可。要查询tag，Ctrl+c \就可以了。 

2.4 链接

按下Ctrl+c Ctrl+l就可以添加一个链接，可以链接任何文件。只要输入绝对路径或相对路径即可。上图就是我的一个Index.org，专门链接其他文件的，作为目录使用。 对于图片来说，如果不给图片添加描述的话，在导出的时候，Emacs会自动显示图片，如果添加了描述则是超链接形式了。链接文件的名称，位置都由我来控制，即使我不使用Emacs了，我依然能到目录里面找到需要的文件。

2.5 脚注

Ctrl+c Ctrl+x f会自动给光标处添加一个脚注。我已经在上面添加了几个脚注了。添加完脚注，再按一次Ctrl+c Ctrl+x f就会回到原来添加脚注的地方。

2.6 表格

试了一下，Emacs添加表格很方便。输入使用|分隔即可。多试试Tab键就知道了。下面看看效果。

表头1 表头2 表头3

表体11	表体12	表体13
表体21	表体22	表体33

这是源码 样式是我自己定义的，下面再说。

2.7 TODO 2010-08-25 星期三

可以做计划列表，名字特定为TODO，全部大写。

2.7.1 时间控制

Ctrl+c Ctrl+s 插入计划时间，Ctrl+c Ctrl+d插入最后时间，Ctrl+c .插入时间戳

2.7.2 多选任务列表 [50%]

• [] 就是一个多选按钮了，在这一行按两次Ctrl+c就会选中此项。再按两次取消。在节点上加入[%]就会按照半分比来显示完成情况。[/]按照数量来显示完成情况。自己试试吧。
• [X] 第二个多选按钮，选中了。

2.8 源代码染色

直接看效果吧！这是我给Emacs添加的自定义css,生成HTML的时候用的。

body{
                font-size:12px;
                margin:0px;
                padding:0px;
                color:#666666;
                font-family:"trebuchet ms",arial,helvetica,sans-serif;
                background-color:#F8F8F8;
        }

        a:link,a:visited{text-decoration:none;color: #5489DE;}
        a:hover{color:#FD0085;text-decoration:none;}

        #content {
                        text-align:left;
                        width:958px;
                        background:#FFF;
                        border-color:#DDD;
                        border-style:solid;
                        border-width:1px 1px;
                        margin:0 auto; 
                        margin-top:15px;
                        margin-bottom:15px;

                        -moz-border-radius: 15px;
                        -webkit-border-radius: 15px;
                        border-radius: 15px;

                        -webkit-box-shadow: 10px 10px 25px #ccc;
                        -moz-box-shadow: 10px 10px 25px #ccc;
                        box-shadow: 10px 10px 25px #ccc;


        }

        #postamble{margin-top:15px}

        #org-div-home-and-up{margin-right:10px;margin-top:5px}

        .title{color:#666666}
        .src,.example{
                        margin: 5px 10px;
                        font-size: small
        }

        p{margin: 5px 10px}
        h2{margin:5px 5px}
        h3{margin:5px 10px}
        h4{margin:5px 15px}
        img{max-width:940px; width:expression(document.body.clientWidth > 940? "940px": "auto" );margin:5px 5px}

        table{
                        padding: 0;
                        margin-left:15px;
        }

        th {
                font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                color: #4f6b72;
                border: 1px solid #C1DAD7;
                letter-spacing: 2px;
                text-align: center;
                padding: 6px 6px 6px 12px;
                background: #CAE8EA  no-repeat;
          }
         td {
                border: 1px solid #C1DAD7;
                background: #fff;
                font-size:11px;
                padding: 6px 6px 6px 12px;
                color: #4f6b72;
          }

 

25行和29开始往下三行，是HTML5支持的，分别对应Chrome/Safari,Firefox和Opera。阴影和圆角的CSS。

Footnotes:

¹ 这篇文章就是用Emacs编写的。效果自己看吧。 

² 在输入Ctrl+x Ctrl+f后，Windows下总是显示C:\Documents and Settings\Administrator这个路径。可以无视，直接输入你的绝对路径即可，tab能够提示补全。

³ *后面是有个空格的,*一定要在行首，前面不能有空格。

Author: Ivan <[e-mail]>

Date: 2010-08-25 星期三