一、首页制作 首页预览如下： 首先在博客页创建一个相对应项目： 接着选择前台，创建一个页面，命名为首页： 接着更改当前屏幕为小屏尺寸： 接着我们分析这个标题头部，分为左右两侧，左边为一个
一、功能需求 介绍： 在做个人博客网站时。在我们编辑博客时，有可能会突然关闭浏览器或浏览器崩溃的情况，而此时我们的文章才写一半，还没进行保存。如果没有自动保存功能，则此时只能惟有泪千行了。...这样当我们意外关闭了页面，下次该用户写博客时会加载出之前草稿。...我们使用 RedisTemplate 来操作，以下代码为对 Hash 类型数据进行操作的工具类 RedisUtil。.../** * 自动保存，编辑文章时每隔 3 分钟自动将数据保存到 Redis 中（以防数据丢失） * * @param param * @param principal * @return *...article); return ReturnResult.success(article); } 最后就是删除草稿，当我们成功提交文章后，就调用删除方法，对草稿进行删除，此处只贴出了具体的删除代码
说明： 刚刚凭借自己仅有的css知识去改了以下单调的博客底部，现在已经好看多啦，效果如下 ?...底部两行字是渐变色 心是会跳动的 代码： 接下来直接放代码了，喜欢的可以自己去修改一下，加更多的css特效 十年之约的图指向的超链接打不开了，干脆改了一下。 #footerTextIcon { display: inline-block; animation: beating 1s
搭建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 文件夹下，然后部署到服务器上
hexo-admin使用流程 将hexo部署到自己的服务器中，实现在线后台编辑 使用admin的deploy功能将文章提交到Git服务器 使用git服务器的webhook功能，将代码提交到额外的Git服务器
MarsEdit 5 Mac版是一款强大的博客写作编辑工具，适用于WordPress，Blogger，Tumblr，TypePad，Movable Type以及任何支持标准MetaWeblog或AtomPub...界面的博客。...下载：MarsEdit 5 Mac版 图片 丰富纯文本编辑 MarsEdit的编辑器可以轻松地从PlAIn转换为Rich Text，因此您可以使用您喜欢的任何格式。喜欢Markdown？...完全兼容适用于WordPress，Blogger，Tumblr，TypePad，Movable Type以及任何支持标准MetaWeblog或AtomPub界面的博客。...媒体触手可及 快速扫描Apple Photos，Aperture或lightroom，然后单击按钮将图像插入博客文章。 重新博客吧！ 启用MarsEdit的Safari扩展。
Hexo是静态博客网站，必须先在本地编辑好md文件再推送到网站上去—md文件也就是所谓的用markdown语法编写内容的文件。...（平台：windows） 印象笔记 印象笔记自带markdown编辑器,如下图： 优点：提供分屏预览，无需直接编写md代码，只需点击按钮即可，操作方便 缺点：无法导出md文件到本地，这是它的致命缺点...如下图红框部分 Typora 优点：简洁美观 缺点：不提供分屏预览，md代码编辑完成后回车即自动渲染出文本来。...Hexo自带的博客后台管理，可以在web ui界面下进行编辑 优点：提供分屏预览 缺点：界面过于简陋，自定义程度较低，本地服务器必须一直开着才能使用 Vscode 这是这么多工具中我觉得体验最好的，本篇博客也是用...优点：提供分屏预览、同步滚动等；较多markdown插件和主题；启动速度快，使用流畅不卡顿，渲染速度很快 缺点：需要自己写md代码，不过鉴于md语法并不复杂，我觉得这个缺点完全可以忽略不计。
自从博客项目上线以来，经常会有用到我博客项目的人问我后台编辑博文为啥没有编辑器，博主是怎么编辑博文的？我每次的回答基本都是说随便找个本地的 markdown 编辑器把文章写好然后复制到后台即可。...前言 markdown 格式的博客或者说文档目前已经是主流格式了，这个应该不用做过多的说明，撸它就完事了。...注：我目前代码中添加的静态文件有一些其实根本用不到，但是已经属于删减过的了。 如果静态资源都已经完整的添加了，那么上面的代码就可以显示一个 markdown 编辑器了，在线工具妥妥的。...后记 自己折腾博客的最初的用意其实也就是为了把自己学到的所有跟编程有关的东西都运用起来，并在博客上面实践。...所以这个博客的部署我用了 docker，然后部署在测试环境还用 Jenkins 实现了自动化构建自动化部署一条龙，后来为了学习 vue 所以写了一个纯 vue 的导航页面也添加到了博客中…… 版权声明
上一篇文章我们介绍了一分钟快速实现Flask框架的蓝图和视图，这一篇文章我们将接着介绍博客的发布以及编辑。同样是运用视图和蓝图。...代码地址是：flaskr/views/auth.py，设置的代码如下: # 清除session session.clear() session['user_id'] = user.get_id(...前面我们已经设置好了用户的session信息，接下来就是在博客首页中使用了，博客内容的模块，我们新增了一个蓝图。...]==post['author_id'] %} 编辑博客...;"> {% endblock %} 运行效果图 登录前 在这里插入图片描述 登录后 在这里插入图片描述 总结 本文详细介绍了，博客系统的首页代码实现，代码相对比较简单
写文的朋友会发现有很多编辑器可以选用，但是经常遇到不同平台的格式差异等问题。冷月要给大家介绍的是一款我比较喜欢又简洁多用的编辑器： ?...markdown ，这样的一款好用的文章编辑器除了你看到的微信编辑，也可以把他搬进博客！ 怎样让自己的博客也支持？ 首先，我们来看一下效果图： ? 需要怎么做呢？...首先，大家看到的目录结构是这样的，index.html是官方给的一个示例代码，可以参考使用。...// height : "100%", path : "editormd/lib/" }); }); 接下来只需要将这段代码放入需要引入...markdown的地方，再把css和js的路径改成你的地址，就成功将markdown引入您的博客了 立马尝试起来！
代码在文章最后 一，内存管理 用到再分配内存，不负责回收内存。主要是利用硬件的异常中断程序。下面是具体步骤： 1，分配一块内存。内存属性是禁止读写。 2，设置异常中断程序。
%p xdebug.profiler_output_dir ="c:/wamp/tmp" xdebug.show_local_vars=0 （编辑以上代码网站才能正常运行2022年1月5日毛凌国）
在线代码编辑器 在线编辑各种文本形式的源代码，如js,html,php等，要支持语法高亮，即时输入即时高亮。...我的初步想法是用一个 来实现，就是类似于常见的在线网页编辑器，但是因为仅仅是需要代码编辑，所以，要控制只能输入文本，不能让用户插入图片啊链接啊等等东西...Bespin是一个用Canvas实现的在线代码编辑器，所以不支持IE，而且，因为是Canvas模拟编辑，效率很低，反应迟钝。...这个也是在sourceforge开源的，叫做gmeditor ecoder，我的csdn博客之前还有记录过，没想到竟忘记了。...很赞的在线的代码编辑器，支持多种语言彩色语法编辑，罕见精品 http://blog.csdn.net/cuixiping/archive/2009/10/16/4678840.aspx 网址
ESHexoN 是一款简洁、强大的 Hexo 在线编辑器。...它致力于使用 JavaScript Edge Function 构建 Hexo「后端」，实现普通静态博客所不具备的功能，解决大部分静态博客的痛点。 如何使用 ESHexoN?...ESHexoN 的使用说明可以参见文档 --> 文档链接 ESHexoN 代码 & 原理 代码目录 dist 目录存放构建的文件，src 目录为源码，tools 是一些工具，index.js 则为入口文件...编辑器的问题。...然后，HPP 编辑器就是这样的： 这并不是一个很好的主意。 于是在 ESHexoN 上，我们为 Hexo 特性定制了一款简单的编辑器。
欢迎使用Markdown编辑器写博客 本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦： - **Markdown和扩展Markdown简洁的语法**...- **代码块高亮** - **图片链接和图片上传** - ***LaTex*数学公式** - **UML序列图和流程图** - **离线写博客** - **导入导出Markdown文件** - **...即使用户在没有网络的情况下，也可以通过本编辑器离线写博客（直接在曾经使用过的浏览器中输入[write.blog.csdn.net/mdeditor](http://write.blog.csdn.net...**Markdown编辑器**使用浏览器离线存储将内容保存在本地。 用户写博客的过程中，内容实时保存在浏览器缓存中，在用户关闭浏览器或者其它异常情况下，内容不会丢失。...用户再次打开浏览器时，会显示上次用户正在编辑的没有发表的内容。 博客发表后，本地缓存将被删除。
之前写了一个博客中能用到的代码,这是第二篇 这篇文章介绍了如何添加旋转小人和每日诗句 >旋转小人 参考自Codepen和CodePen — 前端利器分享 <div class="twopeople"
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
最近有人问我博客的代码块是怎么做的，如下面的代码块，然后好久没有写文章了，趁着周末有时间就水一篇吧~ 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 文件中引入新建的样式文件即可 最后修改主题的代码样式配置文件
自己写的代码显示出来总感觉很别扭 image.png 但是我明明安装了显示代码的插件 image.png 今天实在忍不住想弄清楚，然后发现 image.png 原来是和主题的样式冲突了 先备份下 image.png...然后修改冲突的样式代码，完成 image.png Post Views: 311
CodeMirror 最广泛的应用是代码高亮，内置 n 种语言支持，常见的有： css javascript jsx sql vue CodeMirror 同样支持内置 n 种主题支持，常用的有： eclipse...tabSize） 行号展示（lineNumbers） 括号、标签匹配（matchBrackets、matchTags） 括号、标签自动闭合（autoCloseBrackets、autoCloseTags） 折叠代码块...（foldGutter） 代码校验（lint） 2.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
