持续更新。

过几天把自己的修改好的css放到github上给大家参考。

https://github.com/whuwangyong/leanote-conf

TODO

  • leanote Linux/Windows客户端整个界面包括菜单、编辑器、正文显示的字体都不太清楚,需修改默认字体。为知笔记Linux客户端也这样,Windows正常,应该是通病。浏览器里渲染就很清楚。
  • 代码段字体无法修改。改了pre,code样式发现无效。
  • 新增快捷键,切换最近打开的两篇笔记,Ctrl Tab。切换写作模式。
  • 文档导航的透明度根据鼠标是否在上面而变化。
  • 使用本地账户时,去掉待同步的小红点。
  • 折腾一下如果自己用坚果云同步的话,手机上如何查看笔记呢?只查看,不编辑。
  • 标签排序
  • 笔记本排序
 

本地账户

若要使用本地账户,请修改leanote-v2.5/resources/app/login.html。最后一个支持本地账户的版本是1.0.5,使用beyond compare对比两个版本的login.html进行修改。

 

MarkDown

css样式

leanote自带两套样式default和github2,位于leanote-v2.5/resources/app/public/themes/markdown/目录下。调用地方在leanote-v2.5/resources/app/note.html文件中

<!-- mdeditor -->
<link href="public/themes/markdown/meditor.css" rel="stylesheet" />
<!-- markdown theme -->
<link rel="stylesheet" href="public/themes/markdown/default/index.css" type="text/css" id="md-theme"/>

Linux客户端defaul/index.csst默认样式代码高亮不太友好(字体不等宽,太小,行距过大),分隔符太细,表格齐页宽,表格内容不居中等等。github2代码不高亮。但是官网的github-markdown高亮正常,应该是leanote渲染的问题,note.html可能有bug。

windows客户端默认样式代码是等宽字体,就是略小。

 

优点

  1. 图片直接粘贴,直接在生成md格式的链接。这个厉害!
  2. MarkDown可以预览。
  3. 不管是编辑还是阅读,右上角有浮动的大纲显示。几乎没必要用[toc]标签了。
 

逐步改进markdown.css

目前使用的是wiznote-markdown.css,在此基础上修改。

  1. 修改表格显示样式 
    为知笔记样式在leanote中默认不显示表格边框。拷贝leanote default中表格相关代码,注释掉width: 100%,解决问题。
  2. 修改代码块行高line-height
  3. 完善定义型列表 
    拷贝leanote default 中相关代码

    dd,dt {
    margin-top: 5px;
    margin-bottom: 5px
    }
    dd {
    margin-left: 40px
    }
  4. 完善h1~h6样式 
    从github2-markdown样式中参考了h1~h6的样式,复制到index.css中,解决了“四级标题比正文字体还小”的问题。

  5. 复制github2的hr,但是leanote不显示background :url(data:img),因此去掉了。
  6. Windows 下 夜色主题 + 默认的markdown css编辑预览字体都清晰,代码为等宽,效果不错。待改进的地方:表格100%宽度、h1~h6不够突出、MD编辑时文字选中时看不清。
  7. 解决markdown转换后的code标签不自动换行。 
    修改 themes\markdown\default\index.css中的code 标签:

    code {
    white-space: normal;
    word-break: break-all;
    }

Tricks

  1. 有序列表中插入代码段或者引用后,需保证列表前是空行或者其他markdown格式,否则会中断列表,或者列表显示有误。例子请看“逐步改进markdown.css”这一节。但是有道云笔记不需要空行也可以办到。这里不得不感叹大公司做出来的产品稳定性碾压开源小项目。
  2. 使用列表时,当发现另起一行时没有缩进,说明当前列表不正确。正确的列表在预览模式下是不能选中的。如果你的1、2、3能被选中,说明那只是普通文本的123,不是带格式的123。
  3. 使用顺序列表时,即使markdown编辑器中不按顺序编号,预览模式也能正确编号。若不能正确编号,说明格式有问题。你的123是普通文本的123,无格式。
  4. ***或者___表示水平线。---也可以,但是需要前面是空行。
 

PDF/HTML导出

  • 比起为知笔记Linux导出十几兆的单页PDF文件,leanote导出pdf文件大小正常。但是代码不高亮,据作者说是为了降低渲染耗时,取消了高亮。
  • HTML导出也无高亮。
  • leanote内渲染时用的resources/app/public/themes/markdown/default/index.css,但是导出时不是用的此css。还没找到修改的地方,改为导出也是用此css即可保证导出效果与leanote显示效果一样。
  • 网页版导出pdf带书签,客户端的没有。试用期后网页版不能导出PDF,试用期内导出的PDF含有leanote商标。
 

数据存储

  • Linux版本。笔记存储在~/.config/leanote/目录下。主要有notebooks.db 和 notes.db,并不是二进制文件,是文本文件。有点类似json。如果笔记很多了,放在一个文件中,没有使用数据库,查找起来会不会很慢?
  • Windows版本。数据在C:\Users\用户名\AppData\Roaming\Leanote。 
    请备份data(图片和附件), nedb55(笔记数据) 两个目录。 
    另外官方也早就说了:http://leanote.leanote.com/post/Leanote-desktop-backup 
    良心。
 

快捷键

  • Ctrl + s 保存并同步
 

免费使用

免费只能使用网页版,网页版的缺点有:

  • 不能批量导出数据。
  • 数据风险。用客户端数据在自己机器上,比较放心。
  • 网页版写作模式没有预览
  • 试用期结束不能导出PDF

优点:

  • 跟客户端一样,markdown模式支持直接从剪贴板粘贴图片;
  • 笔记切换速度挺快,比有道笔记快。打开过的笔记来回切换不会重新加载。有道笔记这点就很坑。

那么如何免费使用呢? 
要么使用网页版,要么使用客户端本地账户。免费的方法仅此两种。

为了数据的安全,还是使用客户端本地账户吧。然后用坚果云或者Dropbox定期备份数据,防止电脑丢了硬盘坏了。或者用收费版,50一年又不贵。

 

其他

    1. 没有水平滚动条。当图片太宽的时候。
    2. 有时候切换笔记,文档导航还是上一篇笔记的,且很长时间不恢复过来。
    3. Ctrl P 演示模式使用的渲染样式与Ctrl E 阅读模式的又不一样。。。
    4. 有时候MarkDown编辑模式下,右边的预览窗格空白。点击>箭头后显示。
    5. Linux客户端关闭就退出了,不保留托盘,且无法设置。Windows客户端保留。
    6. 为知笔记有笔记内链,可互相跳转。leanote尚不支持,不过用处不大。
    7. 添加的图片删掉后,依然存在于images文件夹,对应的记录也存在于images.db文件中,不会自动删除。
    8. noteHistories.db文件增长很快!

更多

leanote使用本地账户+坚果云同步

leanote使用本地账户时,去掉待同步的小红点

leanote 信息栏显示笔记本和笔记类型

leanote折腾指南的更多相关文章

  1. Linux的远程桌面折腾指南

    因为实验服务器需要远程提供给研一童鞋使用,这两天折腾了一下Linux的远程桌面,在此记录总结一下.服务器系统为Lubuntu 16.04 远程登录到Linux 方案一:简单使用--x11vnc 单用户 ...

  2. 树莓派3b折腾指南

    最近入手了树梅派3b,搭建了宿舍共享的热点和NAS,搭建透明代理科学上网的计划还没实现. 先报个价,一套折腾下来花了500大洋,树梅派3加外壳200,电源加内存卡100,显示器淘宝二手150,有线键鼠 ...

  3. [原创] [YCM] YouCompleteMe安装完全指南

    因为实在实在受不鸟ctags了: 代码中有很多类具有相同名字的变量, 比如 "id". 当我想看下当前的这个 "id" 到底是哪个id的时候, 可怕的事情粗线了 ...

  4. Arch Linux 简易打包指南

    本文时代久远,请参阅更可靠的:Arch User Repository (简体中文) - 分享和维护软件包 这两天给 Kreogist µ 打 Arch Linux 包,照着 wiki 跟着搞,同时在 ...

  5. WordPress建站指南

    WordPress建站指南(1)   写在前面: 3月份用10天零碎时间火速完成了建站,后台95%的工作都交给了WP(WordPress).如果想偷懒的话,WP是一个绝好的选择,估计有个小半天就建完收 ...

  6. X下轻量级桌面WindowMaker上手指南

    layout: post title: 轻量级桌面WindowMaker上手指南 tags: x11, cygwin, raspi --- 最近工作上需要在远程Linux上运行一个桌面(我需要跑Net ...

  7. Xcode entitlement 问题定位和解决指南

    背景故事 前两天,本来一个运行正常.打包测试都没问题的XCode工程突然爆出各种奇怪的Entitlement错误: 什么签名的内容跟配置文件的不一致. 又或者 无法安装,因为签名或者配置文件的配置错误 ...

  8. 【转】tmux入门指南

    按照官方说明,tmux是一个终端复用软件.我接触tmux也就是这几天的事情,但已经发现其强大.作为一个文艺程序员,有必要向大家分享一下,这么好的东东怎敢藏着掖着. 先用起来再说 假设你已经装好tmux ...

  9. Ubuntu学习笔记-win7&Ubuntu双系统简单搭建系统指南

    win7&Ubuntu双系统简单搭建系统指南 本文是自己老本子折腾Ubuntu的一些记录,主要是搭建了一个能够足够娱乐(不玩游戏)专注练习自己编程能力的内容.只是简单的写了关于系统的安装和一些 ...

随机推荐

  1. DSAPI 3张图片实现花开动画

    效果图 素材 代码 Dim B0, B1, B3 As Bitmap Private B As Bitmap = Nothing Private Sub Loading_Load(sender As ...

  2. Centos7 Jenkins日志过大

    df 查看 占用 [root@instance-ncwnnt0e /]# df Filesystem 1K-blocks Used Available Use% Mounted on devtmpfs ...

  3. Ubunttu16.04升级/更新git版本(亲测有效)

    sudo add-apt-repository ppa:git-core/ppa sudo apt-get update sudo apt-get install git 升级前: 升级后:

  4. python3 Flask -day2

    flask 实战第二天,url传参 当我们访问网站/的时候,会执行hell_world函数,并把这个函数的返回值返回给浏览器,这样浏览器就显示hello world了 @app.route('/') ...

  5. footer固定在页面底部的实现方法总结

    方法一:footer高度固定+绝对定位 HTML代码: <body> <header>头部</header> <main>中间内容</main&g ...

  6. 移动开发基础-学习笔记二-字体图标、less、bootstrap入门

    1.字体图标 1.字体图标都是用svg图片 1.svg图片不失真 2.svg图标由设计师提供 3.为了减少网络请求,会把svg图标转换成字体图标,放到字体文件中,通过字体库的方式使用 2.制作步骤 1 ...

  7. 基于python的种子搜索网站-开发过程

    本讲会对种子搜索网站的开发过程进行详细的讲解. 源码地址:https://github.com/geeeeeeeek/bt 项目开发过程 项目简介 该项目是基于python的web类库django开发 ...

  8. Android视频录制从不入门到入门系列教程(三)————视频方向

    运行Android视频录制从不入门到入门系列教程(二)————显示视频图像中的Demo后,我们应该能发现视频的方向是错误的. 由于Android中,Camera给我们的视频图片的原始方向是下图这个样子 ...

  9. 你不可不知的Java引用类型之——Reference源码解析

    定义 Reference是所有引用类型的父类,定义了引用的公共行为和操作. reference指代引用对象本身,referent指代reference引用的对象,下文介绍会以reference,ref ...

  10. 使用 prismjs 在网页中高亮显示代码

    最近在总结这一年来制作的网页模块,网站风格统一的情况下,网站页面结构不会改变,因此想记录一部分网站中统一的结构,方便日后维护. 用到的相关技术: vue, element-ui, prismjs, v ...