基本信息

---

下载

   源码介绍

---

NOTE笔记 3.0源码

 PHP源码   NOTE在线笔记3.0

NOTE笔记 3.0 使用说明：

NOTE笔记3.0版本相较于上一版本优化了界面，添加了交互动画，有了可更改的配置。使用体验方面更上一个台阶，3.0版本弥补了上一个版本的不足之处，3.0版本重写了所有代码。

界面和功能：

内容检索：

内容过多需要查找内容，你可以配合标签，搜索框，排序方式进行查找。可以实现在旅游标签中搜索四川相关的内容，再进行排序。

更多弹窗：

每一篇文章都有对应的编辑操作。登录用户可以随时随地编辑内容，也可以删除内容，又或者很方便的将文章设置为置顶文章或者隐藏文章。如果你是访客，那你只有分享或者留言这两个选项。

隐私图片：

如果你对内容设置了隐藏，在未登陆状态下它将不会输出，隐藏内容中的图片会自动加密，存在托管服务器上的图片文件将不可识别。因为图片进行了加密处理，如果你单独访问服务器上的图片资源，他将被以灰色图片显示，很大程度上保护了用户隐私。

图片灯箱：

灯箱相比上个版本做了更详细的优化，同一篇内容中多张图片的切换可以通过点击下方的图片抽屉进行切换，下方的图片抽屉还可以左右拖动。除此之外你可以点击图片两侧的箭头进行切换，想要更沉浸的预览图片你只需再点击一次图片，即可隐藏UI。

SEO支持：

此版本增加了自动SEO的。支持自动生成SEO标题（默认选择第一个H1标签作为标题，如果没有H1将使用第一段文字作为标题，如果还没有则显示设置部分），自动生成SEO关键词（在内容中查找所有加粗的文字作为SEO关键词，没有内容显示设置部分），自动生成SEO描述（截取内容的一部分作为SEO描述，如果没内容则显示设设置部分）

内容编辑器：

顶部菜单栏：

支持图片和视频的网络链接和文件上传。支持长文章折叠内容功能，你需要在合适位置插入分割线。分割线下方的内容默认折叠显示，分享页面忽略折叠。支持代码插入和高亮显示。

内容编辑框：

内容编辑框中的悬浮菜单，在你框选文本或者聚焦图片的时候弹出。你可以在悬浮菜单中更改某些属性，文本颜色和背景，加粗等等。悬浮菜单某些情况会超出顶部之外，你需要确保框选是在编辑框上半部分。

文章属性栏:

图钉图标选择是否置顶显示文章。眼睛图标选择是否对访客公开显示。标签输入框为每篇文章添加分类标签（如果之前存在相同标签则显示绿色图标，没有则显示蓝色图标）。

编辑自动保存：

编辑器支持自动保存内容，在提交内容时如果登陆会话超时，将会自动将内容保存到localStorage中，在下一次访问中自动填充到编辑器中。避免辛辛苦苦编辑的内容说没就没了。

网站设置：

网站信息：

网站名称、网站关键词、网站描述、登录名、登录密码、文章加载数量

SMTP邮箱：

如果要启用SMTP邮箱你需要正确配置所有SMTP选项。

留言功能：

要开启留言功能，你必须正确配置SMTP邮箱服务。

伪静态：

在apache服务器中.htaccess文件默认启用了URL重写。nginx服务器现目前还进行兼容测试，如果你是nginx用户请联系管理员进行兼容性测试。

URL编码：

如果你的分享页面无法正常访问那就需要更改URL编码。不同服务器使用的编码格式所有不同，常见的编码格式有“utf-8”和“gbk”。如果你无法确认服务器使用的编码可多次尝试。

sitemap黑名单：

（sitemap是用于快速提交网页到搜索引擎的后缀为xml的文件。）将你不想提交到sitemap的标签，添加到设置中。在生成sitemap时将忽略黑名单列表中的所有标签。

编辑器截图

网站设置截图

demo                      
├─ asset                  
│  ├─ picture             
│  │  ├─ background.svg   
│  │  ├─ default.png      
│  │  ├─ loading.gif      
│  │  ├─ logo.png         
│  │  └─ theme.svg        
│  ├─ script              
│  │  ├─ editor.js        
│  │  ├─ main.js          
│  │  ├─ onload.js        
│  │  ├─ post.js          
│  │  └─ settings.js      
│  ├─ style               
│  │  ├─ fonts            
│  │  │  ├─ icomoon.eot   
│  │  │  ├─ icomoon.svg   
│  │  │  ├─ icomoon.ttf   
│  │  │  └─ icomoon.woff  
│  │  ├─ animation.css    
│  │  ├─ dark.css         
│  │  ├─ editor.css       
│  │  ├─ iconmoon.css     
│  │  ├─ light.css        
│  │  └─ main.css         
│  └─ version.conf        
├─ core                   
│  ├─ wangEditor          
│  │  ├─ editor.css       
│  │  ├─ editor.js        
│  │  └─ LICENSE          
│  ├─ aside.php           
│  ├─ content.php         
│  ├─ editor.php          
│  ├─ footer.php          
│  ├─ functions.php       
│  ├─ header.php          
│  ├─ post.php            
│  ├─ postsend.php        
│  ├─ tagif.php           
│  └─ upload.php          
├─ favicon.ico            
├─ index.php              
├─ install.php            
├─ LICENSE                
├─ login.php              
└─ README