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 博客优化方案 随笔 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→
Code HTML的自动换行与强制换行 css 编程 html 34次访问 12-10 19:18 今天浏览博客的时候，发现评论过长或浏览器放窄时，有的文字会超出所规定的的div范围，并没有像其他文字一样自动换行。  然后就又解锁了一个好用的css样式 word-break: break-all; - 自动换行 浏览器默认自动换行，会依据空格把文本分成一段一段的形式。且换行时不会切分单词，始终都是一个完整的单词... Read More→
Code 移动端css渐变linear-gradient的兼容性问题 css bug 博客相关 编程 html 122次访问 12-10 18:45 之前在使用网站浏览时，发现移动端的界面的背景始终加载不出来。 还发现了一个奇怪的bug：移动端的Safier浏览器浏览时，触发一下图片的悬停（：hover）。然后渐变背景和星空效果就会出现了。 Read More→
