首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

博客——使用 Redis 实现博客编辑的自动保存草稿功能

一、功能需求 介绍: 在做个人博客网站时。在我们编辑博客时,有可能会突然关闭浏览器或浏览器崩溃的情况,而此时我们的文章才写一半,还没进行保存。如果没有自动保存功能,则此时只能惟有泪千行了。...这样当我们意外关闭了页面,下次该用户写博客时会加载出之前草稿。...我们使用 RedisTemplate 来操作,以下代码为对 Hash 类型数据进行操作的工具类 RedisUtil。.../** * 自动保存,编辑文章时每隔 3 分钟自动将数据保存到 Redis 中(以防数据丢失) * * @param param * @param principal * @return *...article); return ReturnResult.success(article); } 最后就是删除草稿,当我们成功提交文章后,就调用删除方法,对草稿进行删除,此处只贴出了具体的删除代码

1.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    搭建Hexo博客-第3章-Markdown语言介绍及编辑博客

    搭建Hexo博客-第3章-Markdown语言介绍及编辑博客 大家好,如果你按照上一篇文章的内容安装并部署了博客,那么现在在你的主页上应该有一篇 Hello World,并且博客目前使用的主题是默认的...Markdown 语言介绍 使用 Hexo 搭建博客,最方便的是使用 Markdown 语言进行编辑。 Markdown 是一种很方便使用的标记语言,可以让你快速写出版式优美的文章。...[图片描述](图片网络地址) 一会我会写到如何在博客加入本地图片。 4.加入列表 用数字加一个点号再加一个空格就能编辑出有序列表 1. 第一行 2. 第二行 3....i = 0; i < 10; i++) { sum += i; } cout << sum; 如果要添在一句话中添加代码,只需要用 ` 将代码包起来就可以了。...编辑博客 编写文章 每次你使用 hexo g -d 命令时, hexo 都会把你 source 文件夹下 _posts 文件夹里的文件编译成 html 文件,放到 public 文件夹下,然后部署到服务器上

    55440

    折腾博客系列之编辑工具的选择

    Hexo是静态博客网站,必须先在本地编辑好md文件再推送到网站上去—md文件也就是所谓的用markdown语法编写内容的文件。...(平台:windows) 印象笔记 印象笔记自带markdown编辑器,如下图: 优点:提供分屏预览,无需直接编写md代码,只需点击按钮即可,操作方便 缺点:无法导出md文件到本地,这是它的致命缺点...如下图红框部分 Typora 优点:简洁美观 缺点:不提供分屏预览,md代码编辑完成后回车即自动渲染出文本来。...Hexo自带的博客后台管理,可以在web ui界面下进行编辑 优点:提供分屏预览 缺点:界面过于简陋,自定义程度较低,本地服务器必须一直开着才能使用 Vscode 这是这么多工具中我觉得体验最好的,本篇博客也是用...优点:提供分屏预览、同步滚动等;较多markdown插件和主题;启动速度快,使用流畅不卡顿,渲染速度很快 缺点:需要自己写md代码,不过鉴于md语法并不复杂,我觉得这个缺点完全可以忽略不计。

    63630

    博客添加 markdown 在线编辑器工具

    自从博客项目上线以来,经常会有用到我博客项目的人问我后台编辑博文为啥没有编辑器,博主是怎么编辑博文的?我每次的回答基本都是说随便找个本地的 markdown 编辑器把文章写好然后复制到后台即可。...前言 markdown 格式的博客或者说文档目前已经是主流格式了,这个应该不用做过多的说明,撸它就完事了。...注:我目前代码中添加的静态文件有一些其实根本用不到,但是已经属于删减过的了。 如果静态资源都已经完整的添加了,那么上面的代码就可以显示一个 markdown 编辑器了,在线工具妥妥的。...后记 自己折腾博客的最初的用意其实也就是为了把自己学到的所有跟编程有关的东西都运用起来,并在博客上面实践。...所以这个博客的部署我用了 docker,然后部署在测试环境还用 Jenkins 实现了自动化构建自动化部署一条龙,后来为了学习 vue 所以写了一个纯 vue 的导航页面也添加到了博客中…… 版权声明

    1.9K10

    当把Markdown编辑器搬进博客

    写文的朋友会发现有很多编辑器可以选用,但是经常遇到不同平台的格式差异等问题。冷月要给大家介绍的是一款我比较喜欢又简洁多用的编辑器: ?...markdown ,这样的一款好用的文章编辑器除了你看到的微信编辑,也可以把他搬进博客! 怎样让自己的博客也支持? 首先,我们来看一下效果图: ? 需要怎么做呢?...首先,大家看到的目录结构是这样的,index.html是官方给的一个示例代码,可以参考使用。...// height : "100%", path : "editormd/lib/" }); }); 接下来只需要将这段代码放入需要引入...markdown的地方,再把css和js的路径改成你的地址,就成功将markdown引入您的博客了 立马尝试起来!

    66810

    代码在线编辑工具_php代码编辑器安卓版

    在线代码编辑器 在线编辑各种文本形式的源代码,如js,html,php等,要支持语法高亮,即时输入即时高亮。...我的初步想法是用一个 来实现,就是类似于常见的在线网页编辑器,但是因为仅仅是需要代码编辑,所以,要控制只能输入文本,不能让用户插入图片啊链接啊等等东西...Bespin是一个用Canvas实现的在线代码编辑器,所以不支持IE,而且,因为是Canvas模拟编辑,效率很低,反应迟钝。...这个也是在sourceforge开源的,叫做gmeditor ecoder,我的csdn博客之前还有记录过,没想到竟忘记了。...很赞的在线的代码编辑器,支持多种语言彩色语法编辑,罕见精品 http://blog.csdn.net/cuixiping/archive/2009/10/16/4678840.aspx 网址

    2.5K10

    markdown欢迎使用Markdown编辑器写博客

    欢迎使用Markdown编辑器写博客 本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦: - **Markdown和扩展Markdown简洁的语法**...- **代码块高亮** - **图片链接和图片上传** - ***LaTex*数学公式** - **UML序列图和流程图** - **离线写博客** - **导入导出Markdown文件** - **...即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入[write.blog.csdn.net/mdeditor](http://write.blog.csdn.net...**Markdown编辑器**使用浏览器离线存储将内容保存在本地。 用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。...用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。 博客发表后,本地缓存将被删除。

    56920

    Hexo 博客美化代码

    最近有人问我博客代码块是怎么做的,如下面的代码块,然后好久没有写文章了,趁着周末有时间就水一篇吧~ var arr = 'abcdaabc'; var info = arr .split('...比如文章多到一定程度之后,每次创建新文章都会被淹没在文件夹里面,在博客根目录下创建一个 scripts 文件夹,放一个 events.js 文件。...这样每次通过hexo new post 创建新文章就会自动用 code 打开了~ var exec = require('child_process').exec; // new 后自动打开编辑器 hexo.on...,错误详情为:" + e.toString()); } 代码块也是利用了 hexo 的 api,是在主题目录下面的 scripts 文件夹,我创建了一个 codeblock.js 文件。...20px 0px #fdbc40, 40px 0px #35cd4b; z-index: 3; } } 然后在同目录 custom.styl 文件中引入新建的样式文件即可 最后修改主题的代码样式配置文件

    4.6K30

    Hexo博客 | 博客中能用到的代码(一)

    class="fa fa-home faa-wrench animated" aria-hidden="true">首页 效果如下: >网页运行时间 参考自网站底部添加网站运行时间代码...A + "天" + B + "小时" + C + "分" + D + "秒" } show_runtime(); 效果如下 >全站变黑白 参考自全站变黑白CSS代码...适合在公祭日哀悼使用,兼容所有主流浏览器,直接添加到header或者博客自定义CSS里就可以生效了,开了缓存的记得清除下~ html { -webkit-filter: grayscale(100%...}, 8); }, 70); $body.appendChild($elem); }; }; >网页标题的动态效果 参考自JS代码实现浏览器网页标题的动态切换...1) }); 效果如下: >网页樱花特效 参考自博客樱花飘落动效 <script type="text/javascript" src="https://cdn.jsdelivr.net

    86820
    领券