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

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页面,在上面整理归纳分类你的笔记,把零散的笔记通过链接连接起来不再孤立,也利于日后的查询整理工作。

其它

未完待续.....

使用html记笔记,如何用前端的方式记笔记相关推荐

  1. 十次方中的前端知识点随记

    1. 十次方中的前端知识点随记 好久没上传笔记了,主要最近的笔记都零零散散,知识点也不集中,就不传了:最近项目想用到前后端分离,而且前端我也想参与下,就先基本的学一遍,记点零星的笔记,各位能从中看到有 ...

  2. 技术胖前端学习路线学习笔记【更新中】

    文章目录 技术胖前端学习路线学习笔记 1. 网络知识 2. 超文本标记语言(HTML) 3.层叠样式表(CSS) 4.浏览器脚本语言(JavaScript) 5.版本控制管理系统Version Con ...

  3. 记一次网易前端实习面试

    记一次网易前端实习面试 很幸运地能收到网易的面试通知,就毫不犹豫翘了课去面试了hhhh~三点的面试,因为从来没去过那个中关村西北旺区,吃完饭早早就去了,想象中那里应该是繁华的地方hhhh,到了发现都在 ...

  4. 好程序员web前端分享Nodejs学习笔记之Stream模块

    好程序员web前端分享Nodejs学习笔记之Stream模块 一,开篇分析 流是一个抽象接口,被 Node 中的很多对象所实现.比如对一个 HTTP 服务器的请求是一个流,stdout 也是一个流.流 ...

  5. 基于 Docker 和 GitLab 的前端自动化部署实践笔记

    基于 Docker 和 GitLab 的前端自动化部署 实践笔记 随着接触的项目越来越多,在部署测试流程上重复耗时工作也越来越多,所以对前端工作的CI/CD实现愈发迫在眉睫. 前端开发由于三大框架的崛 ...

  6. 前端获取div里面的标签_web前端教程JavaScript学习笔记DOM

    web前端教程JavaScript学习笔记 DOM一DOM(Document Object Model): 文档对象模型 其实就是操作 html 中的标签的一些能力 我们可以操作哪些内容 获取一个元素 ...

  7. 计算机需要记笔记,如何优雅地用电脑记笔记

    你是否有过在电脑查资料,想要记下查到的一些凌乱的文字与图片,于是打开word,复制粘贴进去的经历. 你是否感觉每次启动office word很烦,还要为它寻找一个显眼的存储位置. 你是否想记一些并不想 ...

  8. 学计算机理论课要记笔记吗,学生应该用笔记本电脑记笔记吗?

    几年前的九月,我照例给全日制教育技术学专业一年级的硕士研究生讲授<教育技术学基本理论研究>课程. 开学第一次上课,当我走进教室开始讲课过程中,我吃惊地发现,所有的同学都使用纸笔记笔记,并且 ...

  9. (硅谷课堂项目)Java开发笔记4:前端基础知识(二)

    文章目录 (硅谷课堂项目)Java开发笔记4:前端基础知识(二) 一.NPM 1.NPM简介 1.1.什么是NPM 1.2.NPM工具的安装位置 2.使用npm管理项目 2.1.创建文件夹npm 2. ...

最新文章

  1. 为什么神经网络的激活函数必须使用线性函数?
  2. linux配置selenium路径,Linux配置Selenium+Chrome+Python
  3. centos7 安装git_如何在 CentOS 7 上挂载 Amazon EFS 文件系统?
  4. 17校招真题题集(2)6-10
  5. C# 关键字 virtual、override和new的用法
  6. 组策略彻底解决windows 2003 终端数
  7. HiveQL学习笔记(三):Hive表连接
  8. 【VRP】基于matlab遗传算法求解多车辆路径规划问题【含Matlab源码 1249期】
  9. hcia第五天 结课
  10. Ecshop小京东支付插件【小京东个人支付宝即时到帐支付插件支持PC电脑版+手机版】
  11. C语言——坦克大战(纯控制台显示)
  12. 射极跟随器实验报告数据处理_射极跟随器实验报告.doc
  13. android硬盘加密方法,Android硬盘加密工具
  14. c语言编写时钟图案,用C语言绘制电子时钟图案
  15. 关于计算机分类 按用途可以分为,计算机的分类一般分为
  16. 如何让IE11自动下载安装ActiveX插件并使用网页VLC播放视频
  17. kubeadm更改配置
  18. 快速了解元宇宙的 7 层产业链
  19. python学习-进阶
  20. 京东物流王梓晨:打造全栈团队,你要避开这些大坑

热门文章

  1. 与败家的O2O有一拼,阿里云其实是BAT的烧钱大户!
  2. 图表显示日志离线信息
  3. 摘录:苏格拉底关于幸福的思考
  4. 这篇文章推荐三个加水印app
  5. Python 高斯朴素贝叶斯的优缺点
  6. VS 不能调试 解决方法
  7. factoryio虚拟工厂之智能仓储(完整)
  8. mathtype符号显示不全的问题
  9. 你需要知道的系统还原软件选用指南
  10. C# 给Word每一页设置不同文字水印