安利 安利一个图床网站 福利 html html小技巧 分享 网站 31次访问 08-16 17:18 一个好用的免费图床网站：[路过图床](https://imgtu.com "路过图床") 图床即是专门用来存储图片的服务器，一般的服务器通常随着运营的时间不断增加，所存储的图片占用的硬盘空间也会增加。久而久之，网站的大部分硬盘资源就会被图片占满。 这时我们可以将图片上传到“图床”网站中，只拿取对应图片所在图床服务器的路径位置即可。并且图床不仅仅可以帮助我们剩下一大块存储空间，还可以提升网站对图片的加载速度，优化用户操作体验。 ##### 简单三步，学会使用 Read More→
Code CSS实现动态导航栏 css 编程 html html小技巧 18次访问 01-24 22:59 美化导航栏一来可以让网站显得不那么死板，二来也能提高游客的访问效率。 话不多少直接上效果  这个效果首先可以拆分成两部门： - 文字移动 - 窗格显示 ####文字移动 1. 文字移动十分简单，首先加入transtion组件，增加过度效果 ```css #sidebar a{ color: #fff; transition:all .4s ease; } ``` 1. 然后在父级添加“：hover”,改变padding-right实现平移效果。 ```css #sidebar li:hover a{ padding-right: 15px; } ``` Read More→
Code 【HTML小技巧】单击a标签弹窗确认实现 编程 html html小技巧 24次访问 01-24 02:07 本片博客主要记录平时HTML、JS、CSS学习的一些小技巧 1. 单击a标签弹窗确认实现 博客后台文章管理模块中，删除文章没有第二次确认，很容易造成误删。 实现也十分简单 ```html <a href="xxx" onclick="return confirm('确认删除？')">标签文本</a> ```  当点击取消时，本次操作就会被取消掉了~ 注：return ; return false return true 都会在函数内部阻止程序的执行。只有 return false 会阻止表单的提交。 1. 想要鼠标悬停有文字提示的话可以使用： ```html <li title="提示~"></li> ``` 加入title就可以有提示效果了  Read More→
Code 博客优化方案 随笔 css bug 更新 博客相关 编程 html 12次访问 01-23 17:37 本篇只是为了督促自己优化博客，防止中途去打游戏的不得已之为。 - ~~每篇文章重新设计TKD，在后台增加简介和关键字栏。（优先级高）~~ - ~~Ttile和Description保留，关键字改版，为tag+自定义关键字（“|开始”）~~ - ~~谁管你TKD啊，不做了，反正主页也看不到，多加点tag吧~~ - ~~标签不在作为关键字，后台检索取消标签检索或省略部门标签。~~ - 对网站图片进行优化，上传时自动压缩，实现图片加载替换功能。（优先级低） - ~网站的类型栏鼠标悬停时加入反馈效果。~ - ~~查询公安备案进度。~~审核需要当地办理.. - ~~解决标签栏内容过长的问题。~~ - ~~文章内加入上一篇下一篇的页脚跳转链接。增加访问和爬虫的效率。~~ - 近期文章和相关文章栏根据时间考虑是否增加。 - 网站后天增加主页TKD的编辑 - 图片增加title后导致白边的BUG，对正则表达式进行优化：对指定位置进行匹配 针对图片的优化，能想到的就是，图片传入后台后，进行压缩处理。前端先显示压缩后的图片。加载完成后再显示未压缩的图片。 Read More→
Code Editor.md编辑器md转HTML格式的两种方法——彻底解决代码块样式丢失的问题 css bug 更新 博客相关 html 159次访问 12-29 15:52 [Editor.md](https://pandao.github.io/editor.md/ "Editor.md")编辑器是一款开源的MarkDown编辑器。但是在初次使用的时候很容易出错。 从编辑器输入到在主页中显示，即是从“md”格式的文本解析成“HTML”格式的代码块。我们有两种方法进行显示。 - 后台中存储HTML,直接进行展示 - 主页中先加载md格式内容，再将其解析成HTML。 1. 直接引入HTML 官网中提供的便是此[方法](http://editor.md.ipandao.com/examples/form-get-value.html "方法") 添加两个textarea，用于存储md和HTML格式的文本。 ```html <div id="test-editormd"< <textarea style="display:none;" class="form-control" id="content-editormd-markdown-doc" name="content-editormd-markdown-doc"<</textarea< <textarea class="editormd-markdown-textarea" name="test-editormd-markdown-doc" id="content-editormd-markdown-doc"<</textarea< <!-- html textarea 需要开启配置项 saveHTMLToTextarea == true --< <textarea class="editormd-html-textarea" name="test-editormd-html-code" id="test-editormd-html-code"<</textarea< </div< ``` 再添加以下代码， Read More→
