分类 - Leantote manual

leanote教程    2015-06-04 01:33:36    2117    1    1

Leanote写作模式可以让你完全沉浸到写作中.

切换到写作模式:

左侧的笔记导航默认是隐藏的, 鼠标移上去才会显示.

不仅在web端, 桌面客户端也有写作模式, 大家去体验吧!

leanote教程    2015-06-04 01:25:18    2740    4    9

文档导航可以让我们清晰地知道笔记整体的结构, 梳理我们的思路, 并且可以快速定位文档.

比如"Leanote教程计划"这篇笔记的文档导航如:

点击即可定位文档相应位置.

如何生成文档导航

文档导航是自动根据"标题"生成的, 标题是一篇笔记的大纲, 所以对文档非常重要! 在编辑器工具栏上也放在上第一位置:

 

 

markdown编辑器标题示例:

博客文档目录

笔记有了标题, 将笔记公开后, Leanote的博客主题都会自动生成文章的目录以便以解文章的结构和快速定位:

 

强烈建议多使用标题让笔记更清晰!

 

 

leanote教程    2015-06-03 22:03:41    5498    3    10

Leanote富文本编辑器修改自 tinymce, 在此基础上做了许多优化. 在顶部点击"新建笔记"新建一个普通富文本笔记:

下面着重介绍下该编辑器的高级功能.

插入图片

点击工具栏上的""打开图片管理窗口

图片管理:

选择或上传或插入图片的url即可将图片插入到笔记中.

粘贴图片

我们可能经常使用截图软件, 如QQ截图, 截图后如果能直接在笔记中粘贴多好, 当前这么友好的功能Leanote怎么可能不支持呢? 可以尝试截图, 然后使用ctrl+v或右键菜单选择粘贴. 此时将出现图片上传的进度条:

不用着急, 很快就会将图片上传并展示出来.

代码编辑

Leanote的开发者当然是程序员, 程序员朋友在写笔记时会贴很多代码, 当前Leanote在这块也做了很多工作. 一起来体验代码编辑器吧.

首先选择代码语言

编辑器集成了常用的语言, 如果没有找到合适的语言, 可以点击"转换成文本" 或其它类似语言.

之后尽情写代码吧:

如果不想使用该代码编辑器, 可点击左上角进行切换成普通的pre标签

一次性切换代码编辑器和普通Pre标签, 请使用:

请使用 shift+enter 跳出代码编辑区 .

更多使用方法请查看: http://leanote.leanote.com/post/Leanote-ace-code-editor


leanote教程    2015-06-03 19:30:17    2012    0    13

笔记公开为博客后, 会有一个url, 如: http://leanote.com/blog/post/556e6f3159f81b395c000001, 单从这个url不能知道这篇文章的信息. 所以Leanote默认将博客的标题自动生成URL, 如http://leanote.com/blog/post/Welcome-To-Leanote , 但因为有时中文的博客生成的URL是一堆转义的字符, 此时最好修改成英文URL. 

如何修改呢?

首先跳转到用户中心的博客设置页面:

修改文章URL

博客设置主页是文章列表页, 修改固定链接即可, 固定链接支持中英文.

修改分类的URL

分类的默认URL也是id, 是没有任何意义的. Leanote同样支持修改分类URL:

该页面还可以重新将分类排序.

摘要设置

Leanote会自动为笔记生成描述, 摘要, 主图, 因为是自动生成的, 所以肯定不准确. 所以在Leanote博客设置页面支持手动设置:

已经设置过摘要的博客将不会重新自动生成描述, 摘要, 主图. 按钮会变成绿色背景.

  • 描述是纯文本
  • 摘要是富文本
  • 主图是笔记内的某一张图片, 自动为第一张

点击"摘要设置":


P.S. 考虑到该步骤较繁琐, Leanote计划优化博客URL设置功能. 欢迎提建议.

 

leanote教程    2015-06-03 19:05:04    2191    1    5

Leanote支持将笔记和笔记本公开为博客.

将笔记公开为博客

鼠标移至笔记上, 右键弹出菜单(或点击), 选择"公开为博客" 或 "取消公开为博客":

公开为博客后, 每个笔记的右上角会出现:

此时, 点击就可跳转至该文章页面.

将笔记本公开为博客

和笔记的操作类似, 鼠标移至笔记上, 右键弹出菜单(或点击), 选择"公开为博客" 或 "取消公开为博客":

笔记本公开后成为博客的一个分类(Category). 如:

笔记本公开为博客后, 在该笔记下新建的笔记都会自动公开为博客.


leanote 教程 Manual leanote教程    2015-05-26 21:37:35    27849    76    94
markdown leanote    2015-04-12 00:04:01    4656    3    6

Markdown测试源码, 可以复制到Markdown编辑器下查看效果

# Welcome to Leanote! 欢迎来到Leanote!

## 1. 排版

**粗体** *斜体* 

~~这是一段错误的文本。~~

引用:

> 引用Leanote官方的话, 为什么要做Leanote, 原因是...

有充列表:
 1. 支持Vim
 2. 支持Emacs

无序列表:

 - 项目1
 - 项目2


## 2. 图片与链接

图片:
![leanote](http://leanote.com/images/logo/leanote_icon_blue.png)
链接:

[这是去往Leanote官方博客的链接](http://leanote.leanote.com)

## 3. 标题

以下是各级标题, 最多支持5级标题

```
# h1
## h2
### h3
#### h4
##### h4
###### h5
```

## 4. 代码

示例:

    function get(key) {
        return m[key];
    }
    
代码高亮示例:

``` javascript
/**
* nth element in the fibonacci series.
* @param n >= 0
* @return the nth element, >= 0.
*/
function fib(n) {
  var a = 1, b = 1;
  var tmp;
  while (--n >= 0) {
    tmp = a;
    a += b;
    b = tmp;
  }
  return a;
}

document.write(fib(10));
```

```python
class Employee:
   empCount = 0

   def __init__(self, name, salary):
        self.name = name
        self.salary = salary
        Employee.empCount += 1
```

# 5. Markdown 扩展

Markdown 扩展支持:

* 表格
* 定义型列表
* Html 
leanote markdown preview    2015-04-11 23:59:38    1695    2    4

Welcome to Leanote!

leantoe

h1

h2

h3

h4

h4
h5

MathJax 公式

×(f)=0(×F)=0(f)=2f×(×F)=(F)2F


leanote windows    2015-03-20 06:40:46    536    1    3

谢谢 @Leolee 写的文档. https://github.com/leanote/leanote/wiki/Leanote-for-Windows-Setup

注意:为增加本程序兼容性,请尽量按照本程序操作( 32位系统,源码安装位置:C盘),如需要自定义环境,请随机应变!!!


步骤

  1. 下载环境
  2. 安装Golang
  3. MongoDB安装
  4. 安装Leanote源码
  5. 导入初始数据
  6. 配置Leanote
  7. 运行Leanote

一、 下载环境:(以32位为例)

Golang下载:
http://golangtc.com/static/go/go1.4.2.windows-386.msi
mongodb下载:
https://fastdl.mongodb.org/win32/mongodb-win32-i386-2.6.8-signed.msi?_ga=1.163324924.1783433278.1426342651
leanote-all 依赖环境与源码下载
https://github.com/leanote/leanote-all/archive/master.zip

二、 安装Golang

enter image description here

一直点击点击下一步,默认安装,如下图

enter image description here

安装完成后,直接按WinKey+R 输入cmd 打开命令行, 输入 go version 如出现如下显示,说明Golang安装正确。

enter image description here

安装完成后,直接按WinKey+R 输入cmd 打开命令行, 输入 go version 如出现如下显示,说明Golang安装正确。

enter image description here

增加GO的GOPATH环境变量 右键我的电脑 — 属性 – 高级 – 环境变量 – 如下图

enter image description here

注意俩个变量的区别 !!!

三、 MongoDB安装

enter image description here

与Golang一样一直点击下一步默认安装。如需自定义设置,在第二部如下图选择:

enter image description here enter image description here enter image description here

点击 Finish 安装完毕!

在C盘根目录下建立dbanote目录用于放置笔记的数据文件

enter image description here

直接按WinKey+R 输入cmd 打开命令行,输入

C:\>mongod --dbpath C:\dbanote

启动数据库,界面如下:

enter image description here

★注意:此时这个命令行窗口最小化,不要关闭!切记!!!

重新打开一个终端, 使用下mongodb(直接按WinKey+R 输入cmd 打开命令行) 输入:

C:\> mongo
C:\> show dbs
...数据库列表

如下图:

enter image description here

MongoDB 到此安装完成!

四、 安装Leanote源码

解压将之

blog theme api red    2014-11-13 19:38:36    729    3    0

leanote博客模板的语法是golang模板语法, golang模板语法简洁, 很快就会上手, 大家可以参考leanote自带的主题模板.

一些最基本的用法:

  • 输出: {{$.blogInfo.UserId}} 表示输出blogInfo.UserId变量, 比如 <span>{{$.blogInfo.UserId}}</span>
  • 判断: {{if $.blogInfo.OpendComment}} 为真的处理 {{else}} 为假为处理 {{end}}
  • range循环: {{range $.posts}} {{.Title}} {{end}} range循环输出所有文章标题
  • 调用函数: {{$.post.CreatedTime|datetime}} 使用datetime函数来模式化时间, 会输出类似 2014-11-5 12:33:22 的数据

关于golang模板更多信息请查看 "golang模板语法帮助"

模板组织结构

标准的leanote主题模板组织结构如下, 其中header.html, footer.html, paging.html, share_comment.html, highlight.html 这些仅供其它模板引用, 可以不需要.

  • theme.json 主题配置 [必须]
  • header.html 头部模板, 供其它模板引用
  • footer.html 底部模板, 供其它模板引用
  • index.html 首页 [必须]
  • cate.html 分类页 [必须]
  • post.html 文章详情页 [必须]
  • archive.html 归档页 [必须]
  • single.html 单页 [必须]
  • share_comment.html 分享与评论页, 供post.html引用
  • highlight.html 代码高亮页, 供其它页面引用, index, cate, search, tag_posts, post
  • paging.html 分页, 供其它模板引用
  • tags.html 标签列表页 [必须]
  • tag_posts.html 标签文章页 [必须]
  • 404.html 错误页 [必须]
  • style.css 样式
  • images/ 图片文件夹
  • images/screenshot.png 主题预览图

公用变量

公用变量表示在每个页面都可以使用的变量