使用html记笔记,如何用前端的方式记笔记

直至今日才发觉记笔记的重要性，慌乱中开始选择笔记类的工具，其实之前也很用过不少记录笔记的工具或者方式，下面谈谈我的使用感受：

Microsoft Office World:

虽然已是业内标准，兼容性不用怀疑，但是其打开速度实在不敢恭维(虽然在我的安装了SSD的笔记本上表现尚可)。另外Office产品比较封闭，文本格式转换不方便。另外Word使用起来还得稍加练习相应使用技巧，有一定的学习成本(我是指写出漂亮的Word文本出来)。

OneNote与EverNote以及国内的山寨们:

虽然是主打笔记功能的产品，但是我觉得还不和我的心意。虽然云同步等特色功能确实是加分点，一处同步到处可得，可以享受到云带来的便利。而且使用上也非常简单方便。但是上述的使用简易是以削弱编辑功能为代价的。我目前使用的是EverNote，先撇开其臃肿不谈，简陋的编辑功能很难编辑出像样的文档出来，稍有不慎文档就会被该死的编辑器摧残的乱七八糟，索性我只是用其来保存优秀文章剪切(不得不赞一下EverNote的悦读与剪藏插件是完美搭档)。文本格式转换就更加免谈了。

使用博客来整理

这确实也是很多人特别是程序猿们在做的事情，但是这种方式所受限制也很多。比如如果使用独立博客需要考虑一系列维护问题，托管的博客也要受限于人，特别是博客数据导出不方便(到处后的数据也需要格式转换)，糟糕的是甚至某些BSP还不提供数据到处功能。

好了，听我巴啦巴啦所谓竭尽其能的贬低其他书写笔记后，你大概也能从文章标题中猜出我的意图了。没错！作为前端，笔记本也要使用我们最擅长的方式——HTML代码！为何，且听我慢慢道来：

文本格式转换不受限制：

鉴于HTML格式的广泛的支持度，不用担心任何文本格式转换问题，况且很多编辑软件都支持倒入HTML文档的吧，最坏的情况也仅需打开浏览器复制粘贴喽。

书写工具不受限制：

支持纯文本编辑功能的编辑器满世界都是，你甚至可以使用系统自带的记事本来进行笔记书写(如果不介意没有自动缩进、语法高亮与补全的话)。当然我们还是使用我们最为得心应手的代码编辑器，Notepad++或者本人最爱的Sublime

Text2，小巧迅捷、就像平时写代码一样畅快淋漓。如果你执意想使用大型IDE，我奉劝你迟早打消这个想法。

无干扰的写作：

越来越奉行少即是多的我讨厌软件上一堆堆花花绿绿的按钮，它们让人心烦意乱丝、毫提不起写作的性质，它们存在的作用就是把事情变得复杂以及分散你的注意力。当你面对干净简洁的代码编辑器，如同在白纸上自在书写。没有扰人的鼠键切换，唯有十指飞快的在键盘上飞驰。没有多余的干扰，思维自由迸发，只剩下文思泉涌，挥洒自如。写作的过程难道不是这样的么：只须最简单的方式即可生产出最绮丽美妙的思想。

最大自由的控制你的文本：

对页面各种布局特效已经得心应手的你怎么还会被小小的文字排版难倒？发挥你创意、审美和创造力吧，CSS会将一切变换为美丽的实现，原本质朴的文字排列组合会在我的手下散发出别致的光彩，我们就是做这个的不是么？在其他软件上遇到大多数排版问题将与我们说拜拜，因为我们可以掌控一切。

锻炼自己的代码能力：

如果你是前端新手这再好不过，一边书写的同时还能提升你的学习。如果你已经脱离了新手阶段，那我推荐你在写作的空隙，可以思考下语义化，我们是真正在用HTML写作，你得考虑使用合适的标签，我想这可以增进我们对其理解。

自由，自由，自由：

这个世界没有什么比自由更可贵的了，在这里我想在特别重申一遍。HTML的书写方式给予了你最大的自由度，数据是你的，数据的表现器方式也是你定义的，你可以随心掌控一切，这种感觉是每个人都梦寐以求的。

使用小技巧

想让你的笔记也飞入云中，随处可得？

你需要的只是一个合适的网盘服务，那我向你推荐Dropbox。把你的笔记放入Dropbx并开始同步，那么你的笔记就能飞入云端，并且在其他终端上也能随时获取笔记。

想发布你的笔记？

好吧你的笔记都是HTML格式，你需要的只是将它们放入可以公开访问它们的服务器，用FTP软件发布到虚拟主机上即可！你觉得你还是青睐Blog的话那又没什么，反正你的笔记们都是HTML代码，复制粘贴到你Blog的在编辑器中就好了。

好吧，在上文中我向你推荐了Dropbox，其实它可以帮助我们更多。利用FarBox可以读取Dropbox中的特定文件然后发布到互联网上。使用FarBox你可以学到另一种书写语言MarkDown，如果你讨厌满屏的标签名你可以试试MarkDown。别担心MarkDown是兼容HTML的，如果你有兴趣的话你可以查这里MarkDown语法说明。有点小小的跑题，借助FarBox，你也可以发布你的HTML页面(这种方式是被支持的，尽管官方没有说明)。关于FarBox，我想我以后会与大家详细介绍的。

美化你的页面：

作为程序猿，一定热爱代码天堂GitHub，热衷GitHub

style(看起来一点也不糟糕，程序猿们还是有艺术细胞的)，这里有一份GitHub的MarkDwon的CSS规则，将他们引入你的HTML页面中即可。

如何整理的你的笔记

独立分散的单个HTML页面确实不利于文档的整理归类，但你忘记了链接的伟大作用了么。你可以写一个index.html页面，在上面整理归纳分类你的笔记，把零散的笔记通过链接连接起来不再孤立，也利于日后的查询整理工作。

其它

未完待续.....