我直接拷贝的,效果差异比较大。实际效果看这里。
http://ivanpig.t35.com
使用的CSS3的圆角和阴影效果,请使用Chrome,FireFox , Safari , Opera查看。使用IE不会有效果。
1 简介
一直在寻找一个记笔记的软件,但是一直没有找到合适的。
- 本来用的Evernote,优点是平台众多,Windows,Mac,Mobile都有(Linux没有,Android手机没有离线浏览功能)。但是改成.net开发后,资源占用大得惊人。而且网页抓取是有问题的。如下图
- 又试了PKM2,也不是很满意。抓取网页效果不错,比Evernote效果好。不满意的是它保存附件的方式,全都放到了一个文件夹里面。如果我想单独找附件的话几乎不可能。只能通过PKM打开,点击附件链接才行。
- Vim快速修改程序倒是很爽。记笔记功能单一了点,基本只能记录文本文件。
- 最后决定用Emacs的org-mode。至少基本功能都适合了。1
2 Emacs Org-mode能干什么
2.1 进入Org-mode模式
Ctrl+x Ctrl+f输入文件名新建一个.org的文件,就自动进入了org-mode模式了。2
2.2 目录树
Emacs建立目录树是很简单的。使用* 3就可以了。一级是一个*,二级是两个*,以此类推。当你导出以后会自动的生成目录链接。 在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
可以做计划列表,名字特定为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:
Date: 2010-08-25 星期三