NoteDeep

欢迎语

欢迎来到深度笔记示例页面。
这是一个示例页面,主要是为了展示深度笔记的编辑功能。不知道你会不会喜欢呢?

目录



行内

加粗

这是不加粗的文字
这是加粗的文字

倾斜

这是不倾斜的文字
这是倾斜的文字

下划线

这是带下划线的文字
这是不带下划线的文字

删除线

这是带删除线的文字
这是不带删除线的文字

高亮文字

这是高亮的文字
这是不高亮的文字

链接

这是一个链接:深度笔记

块状

有序列表

  1. 这是一个有序列表
  2. 这是一个有序列表
  3. 这是一个有序列表
  4. 这是一个有序列表
  5. 这是一个有序列表
  6. 这是一个有序列表
  7. 这是一个有序列表

无序列表

  • 这是一个无序列表
  • 这是一个无序列表
  • 这是一个无序列表
  • 这是一个无序列表
  • 这是一个无序列表
  • 这是一个无序列表
  • 这是一个无序列表

标题

标题支持从H1~H6,且会根据标题的大小自动生成页面右侧的浮动锚点目录。
这里为了防止破坏锚点目录的层级,就先不演示了。

引用块

PHP是最好的语言——哈哈哈

代码块

代码块支持数10种语言的代码高亮。

那么我们来看一段php代码吧
function http_get($url) { $oCurl = curl_init(); if (stripos($url, "https://") !== FALSE) { curl_setopt($oCurl, CURLOPT_SSL_VERIFYPEER, FALSE); curl_setopt($oCurl, CURLOPT_SSL_VERIFYHOST, FALSE); curl_setopt($oCurl, CURLOPT_SSLVERSION, 1); //CURL_SSLVERSION_TLSv1 } curl_setopt($oCurl, CURLOPT_URL, $url); curl_setopt($oCurl, CURLOPT_RETURNTRANSFER, 1); curl_setopt($oCurl, CURLOPT_TIMEOUT, 15); $sContent = curl_exec($oCurl); $aStatus = curl_getinfo($oCurl); curl_close($oCurl); if (intval($aStatus["http_code"]) == 200) { return $sContent; } else { return false; } }

js代码
export function ajaxApi(url, options = {}, req=false) {
switch (method) { case 'post': params.body = formUrlencodedData(data); params.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; break; case 'get': url = url + (data ? ('?' + formUrlencodedData(data)) : ''); break; default: break; } return fetch(url, params).then(parse).catch(errHandle); }

信息块

支持四种类型的信息块
信息:

友好信息:

警告信息:

危险信息:

基础组件

图片

这是一个图片

视频

这是一个很无聊的视频。

Current Time 0:00
/
Duration Time 0:00
Progress: NaN%


表格

这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格
这是一个表格

附件

这是一个附件

programming php英文版.pdf 7.9 MB


分割线

这是一条分割线


扩展组件

公式

这是一个数学公式:

图表

柱状图:
折线图:

步骤条

这是一个步骤条

第一步是什么

第一步的内容...

第二步是什么

第一步的内容...



题目


单选题
  www.notedeep.com是以下哪个项目的网站?



多选题
  下面哪个是笔记类产品



简答题
  深度笔记愿景是什么?

如题...


知识卡片

这是一个知识卡片
这是一个知识卡片
这是一个知识卡片
这是一个知识卡片
这是一个知识卡片

这是一个知识卡片
这是一个知识卡片
这是一个知识卡片
这是一个知识卡片
这是一个知识卡片


待办事项


  • 刷牙
  • 洗脸
  • 吃饭

流程图


折叠面板

面板一的内容
面板二的内容

Tab页


tab 1的内容


自定义窗格

自定义窗格可以自由拆分哦,在排版时很好用。

比如排版成康奈尔笔记的样子
要点:
内容详情:
总结:



比如最开始的四栏目录,也可以改成三栏:

目录一

  • 小菜单
  • 小菜单
  • 小菜单
  • 小菜单
  • 小菜单
  • 小菜单

目录二

  • 小菜单
  • 小菜单
  • 小菜单
  • 小菜单
  • 小菜单
  • 小菜单

目录三

  • 小菜单
  • 小菜单
  • 小菜单
  • 小菜单
  • 小菜单
  • 小菜单












评论列表

  • jianle
    jianle

    不错  2021年10月17日 14:14

  • 不会打球的樱木
    不会打球的樱木

    请问如果在自己的笔记本内全局搜索或者某个笔记子页面搜索,有该功能吗?  2021年2月25日 8:15

  • jianle
    jianle

    怎么导出笔记,不支持导出?  2018年11月15日 18:48

欢迎语
目录
行内块状基础组件扩展组件