首先，登录用户中心后台，点击顶部菜单的“设置图标”，弹出“用户中心配置”选择“文章发布”，如图： 找到以为位置之后，按照主题直接复制代码即可，明说如下： 自定义文本框： 可填写主题或者其它插件使用的字段...可以在字段后加自定义显示名称用 | 隔开 如果此字段是必填项可在后面加上|must 自定义开关： 可填写主题或者其它插件使用的开关（如果属于Meta扩展数据则需要有meta_）多个请用空格分开。... meta_koilee_wzzz|原文作者 meta_koilee_wzly|原文来源 meta_showhow|演示地址 自定义开关： meta_recommend|推荐 meta_bigpic|大图...|插入视频 meta_koilee_wzzz|原文作者 meta_koilee_wzly|原文网址 自定义开关： meta_recommend|推荐 meta_bigpic|大图 meta_manypic...： 缩略图字段： tesetu 无需加 meta_ 设置后新建文章可上传缩略图（需要主题支持），统一字段仅限本站开发主题，其他主题自行查看。
图片点击放大是非常常见的一项功能，一般网站上显示的都是缩略图，当点击缩略图之后，会在一个弹框中显示放大的图片，下面我们实战操作一遍 js">css样式#outerdiv { width: 100%; height: 100%; position...> js.../*获取当前点击图片的真实大小，并显示弹出层及大图*/ $("").attr("src", src).on('load', function () {...$(outerdiv).fadeIn(500); //淡入显示#outerdiv及img }); $(outerdiv).click(function () { //再次点击淡出消失弹出层
微信JS-SDK是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包。...通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。...下面就详细说说如何实现网页分享带图，点击「微信机器人」菜单下的「网页分享」： 这个界面非常简单，只有三个选项，第一个是一个开关，开启网页分享，第二个是JSSDK开启调试，第三个是输入域名验证文件名。...我们按照要求登录「微信公众平台」，进入「公众号设置」-「功能设置」： 点击设置JS接口安全域名： 这里提示要上传验证文件到服务器的目录，我们做了一点点小功能，只要你的 WordPress 支持固定链接...另外说明一下，微信机器人是使用 WPJAM Basic 插件的「缩略图设置」里面定义的缩略图来出设置分享图。
-- 依赖于Jquery，如果在头文件中已经引入，此处可注释 --> 插件。...Jimp.read(target, (err, lenna) => { if (err) throw err; // 生成200乘以200大小...解决上传按钮无法点击的问题 #photoLibrary div:nth-child(2) { width: 100%!important; height: 100%!...important; } 注意：#photoLibrary即为载插件标签的ID。 9. 上传效果图 ?
(本文是f:盘的目录下)，在在实现的时候，不适用bootstrap-fileinput上传插件本身的上传按钮（因为本身的按钮只能上传图片），需要点击提交，将表单的其他信息和图片一起提交到后台。...实现思路：原来我的思路是不使用插件的上传按钮，而自己通过js将插件里面的多文件与表单一起提交，但是到后台只能获取到最后一个文件，我不是文件数组。...一般情况下，我们需要引入下面两个文件，插件才能正常使用： bootstrap-fileinput/css/fileinput.min.css bootstrap-fileinput/js/fileinput.min.js...actionUpload:'',//去除上传预览缩略图中的上传图片； actionZoom:'' //去除上传预览缩略图中的查看详情预览的缩略图标。...+msg); }); } 3.提交按钮的点击事件。 //新增鱼类名录模态框的提交按钮点击事件。
该播放器高度可定制，所有图标、按钮、色彩等都可以替换，并且提供了 内置组件 方便二次开发。它还拥有插件系统，弹幕功能 就是使用插件形式提供。...我们可以看到这个雪碧图由 5 x 5 的小缩略图组成，当然一个视频可能有一堆上面这种雪碧图，这就是上面 images 是一个数组字符串的原因。 了解了雪碧图，下面来详细了解各个参数分别是什么意思吧。...col 雪碧图的列数 row 雪碧图的行数 width 小缩略图的宽 height 小缩略图的高 images 雪碧图的链接地址数组 缩略图制作 有很多方式可以制作视频的预览缩略图，比如用 NodeJS...file=/src/index.js 更多弹幕插件信息，请查看 弹幕插件章节。...file=/src/index.js
Translation – 必备的翻译插件 SequenceDiagram —— 调用链路自动生成时序图 Rainbow Brackets ——让你的括号变成不一样的颜色，防止错乱括号...CodeGlance —— 缩略图 Leetcode Editor 可以在IDEA中在线刷题。...CodeGlance —— 缩略图 这个插件可以向查看缩略图一样，帮助我们快速切换到所要的代码区域，而不用疯狂地拖拽一遍去找。 Leetcode Editor 可以在IDEA中在线刷题。...选择上述菜单项后 IDEA 中会弹出 jclasslib 工具窗口。...变量名使用驼峰形式、常量需要全部大写等等，编码解码等等 选中需要处理的内容后，按快捷键Alt + M，即可弹出工具功能列表。后面的具体功能也可以使用相应的数字或字母，而不需要鼠标点击。
下面回到正题，说一下我的图床选择。 创建 GitHub 仓库 用 GitHub 作为仓库没什么理由，主要就是免费，空间大，至于什么访问问题，能自己把博客都折腾起来的人我相信这都不算事。...这里主要说一下 uTools 插件中心的图床插件，安装完插件之后，你可以在需要上传的图片上长按右键呼出超级面板，点击上传到图床，即可上传成功。...在弹出的面板中，你可以选择 URL、HTML、MD 等格式的链接，另外，如果上传到 GitHub，生成的链接自带 JsDelivr，然后既可以愉快的使用了。...当然，在使用之前你先要在插件的设置页面把之前获得的 token 填入。 目前，这个插件只支持阿里 OSS，腾讯 OSS，GitHub，SM.MS 这几个图床，配置还是有些少了。...另外也会偶尔出现无法显示缩略图的问题，但对我而言就已经够了，毕竟它足够简单快捷。
中间磨磨唧唧从原生JS找到JS插件，浪费了不少精力和时间，但是也磕磕碰碰学到了些知识，建议读者：想学一下弹窗的JS实现代码的可以看看前两小节，只想实现效果的，直接复制源码就行！...一 点击鼠标实现弹出/隐藏图片 ? 实现原理：一个div做容器，里面包含了二维码图片，把标题（鼠标点击的目标）做一个onclick监听，用div的display属性控制图片的显示和隐藏。...-- 图片缩略图，点击图片触发点击事件，以触发弹窗 --> 浩Coding 支持animate.css动画的jquery弹出层插件
CodeGlance —— 缩略图 这个插件可以向查看缩略图一样，帮助我们快速切换到所要的代码区域，而不用疯狂地拖拽一遍去找。 Leetcode Editor 可以在IDEA中在线刷题。...编译该类或者直接编译整个项目（ 如果想研究的类在 jar 包中，此步可略过）。 打开“view” 菜单，选择“Show Bytecode With jclasslib” 选项。...选择上述菜单项后 IDEA 中会弹出 jclasslib 工具窗口。...冲突 FindBugs ——检查代码中的隐患 Stack trace to UML —— 根据 JVM 异常堆栈画 UML时序图和通信图 打开方式：Analyze > Open Stack...后面的具体功能也可以使用相应的数字或字母，而不需要鼠标点击。 Free Mybatis Plugin ——可以通过mapper接口里的方法跳转到mapper.xml里。
2015-2016前端架构体系技术精简版 点击查看github高清图 点击查看完整版 一、框架与组件 **bootstrap等UI框架设计与实现 伸缩布局：grid网格布局 基础UI样式：元素reset...、按钮、图片、菜单、表单 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局：布局、结构、样式、媒体、javascript响应式...二、构建生态 **grunt/gulp开发环境任务编写 文件处理插件：html、scss、js、image、font、其它 优化插件：雪碧图、图片压缩、iconfont构建 发布替换插件 打包、压缩包插件...引擎 性能缺陷与内存泄露 更新机制 使用场景 **android/ios原生开发与框架 java oc、swift web与native交互 屏幕旋转 摇一摇 录像，拍照，选取本地图片 打电话，发短信...九、数据分析与监控 **badjs数据上报 **点击热力图clickHeat、heatMap **js加载失败优化方案 失败重发机制 加载源域名服务器文件 https反劫持 **百度alog数据上报
这里介绍一个jQuery插件：Infinite AJAX Scroll，通过这个插件能快速实现无限滚动翻页。因为是jQuery所以到处都能用，这里我们以Typecho作为例子。...第一步接入Infinite AJAX Scroll 下载Infinite AJAX Scroll，放到对应主题的js文件夹中。因为是jQuery插件，我们还要先连上jQuery。...php $this->options->themeUrl('js/jquery-ias.js'); ?... var ias = jQuery.ias({ container: '#posts', //大容器 item: '.post...为了更方便理解，我偷了个图，基本就是这样的 3460088466.jpg 步骤四重载函数 因为文章可能含有缩略图，而缩略图可能会用到惰性加载的js，所以ajax加载文章后，缩略图可能加载异常，这时我们需要在步骤三的代码最后加上一条
-- 优化模板首页轮播代码，减少无用js加载，加速网页速度。 -- 优化缩略图显示优化方案。 V 2.3.9（22/12/07） -- 修复某些情况下因插件不兼容导致评论框间距过大的问题。...-- 优化文章页图片灯箱插件，改用更为精简的js代码，提高网站效率。 -- 优化页面头部整体代码，减少无用js和css样式代码。 -- 重写留言评论翻页代码。...-- 修复侧栏评论模块点击头像页面错误的BUG。 -- 优化部分样式细节。 2021/05/22 -- 修复开启大图模式下偶尔无法打开页面的BUG。 -- 修改侧栏评论样式代码。...-- 优化文章自定义缩略图没有UE编辑器点击无效的问题。 -- 新增1.7版本系统自带缩略图裁剪功能，1.7以下无法使用。主题配置-功能-缩略图裁剪设置。...2021/05/11 -- 优化关闭UE编辑器文章缩略图无法点击的问题。
2020/06/21 - 兼容SEO插件，主题设置，功能开关，SEO设置，如果想启用SEO插件，则关闭SEO优化功能。 2020/06/18 - 优化缩略图逻辑代码。...2020/05/25 V、优化网站缩略图php代码。 V、优化导航栏之间的间距。 V、优化搜索结果，在没有内容的情况下，友好提示！ 2020/05/18 V、优化顶部背景图视觉差特效。...4.修改主题模板缩略图。 5.优化更新首页轮播图js代码，修复部分情况下360浏览器单击轮播不跳转的BUG。 6.修复分类列表作者头像加V错乱的bug。...注意：因为重新优化了轮播代码，更新之后需要重新设置轮播，主题设置-轮播背景，右侧随便点击一下修改，重新生成轮播代码，否则可能出错。...功能设置还有如图所示的，首页轮播开关，文章新窗口弹出，滚动视觉的加载特效和自定义文章缩略图等功能。
CodeGlance —— 缩略图 这个插件可以向查看缩略图一样，帮助我们快速切换到所要的代码区域，而不用疯狂地拖拽一遍去找。 12. Leetcode Editor 可以在IDEA中在线刷题。...编译该类或者直接编译整个项目（ 如果想研究的类在 jar 包中，此步可略过）。 打开“view” 菜单，选择“Show Bytecode With jclasslib” 选项。...选择上述菜单项后 IDEA 中会弹出 jclasslib 工具窗口。 5....Stack trace to UML —— 根据 JVM 异常堆栈画 UML时序图和通信图 打开方式：Analyze > Open Stack trace to UML plugin + Generate...后面的具体功能也可以使用相应的数字或字母，而不需要鼠标点击。 Free Mybatis Plugin ——可以通过mapper接口里的方法跳转到mapper.xml里。 14.
安装须知 主题有些功能会用到文章点击量，所以必须安装文章点击统计插件：wp-postview，也可后台搜索安装官方最新版。...安装新版本主题，登录WP后台→外观→主题，在管理主题页面，启用任何一款WP默认主题→然后点击Begin主题缩略图上的“主题详情”按钮，在弹出的窗口中删除旧版本，然后添加→上传新版Begin主题包并启用，...如果在文章编辑页面无自定义栏目面板，可打开右上角的“显示选项”并勾选“自定义栏目” 缩略图 主题支持五种缩略图方式。...5、文章中无图显示随机缩略图 缩略图比例：大于等于280×210px，因本主题为响应式设计，页面会随着屏幕大小的改变而缩放，所以缩略图比例必须相同，否则有些模板和模块会显示错位。...最新文章，调用指定分类的最新文章，并带缩略图图 热门文章，调用一定时间段内点击最多的文章，必须安装wp-postview插件，并有计数统计。
全局视觉特效加载（滚动页面时模块渐显）； 主题自带多种广告位，可在后台自行设置； 主题集成自定义样式和js接口代码，可自行修改样式或者添加第三方js特效； 强大的SEO优化效果，分类自定义标题，关键词及描述...，优化效果显著（SEO规范均按照搜索引擎白皮书制作）； 文章缩略图自定义大图模式，还有三图、单图和无图模式； 文章标题附带推荐（编辑文章开启推荐），热文（浏览数超过1000），最新（发布时间小时24小时...大图：开启之后文章列表显示大图模块（文章图片超过三张的时候如果开启大图则优先显示此样式，如果没有图片开启大图则随机分配一张图片，随机图片路径“/zb_users/theme/quietslee/include...-- 新增缩略图裁剪功能，功能设置，裁剪质量，款和高度，建议：质量90，W：210，H：159 PS：缩略图裁剪功能仅仅适用分类列表的单图模式，不适用大图和多图和其他模式。...评论区昵称输入QQ可自动获取QQ名称，邮箱和QQ空间主页（关于QQ获取头像目前测试有BUG暂不添加 兼容了官方头像插件（ID：Gravatar），启用插件后建议开启“优先查找本地头像” 更新侧栏标题右侧装饰
-- 删除主题自带“搜索伪静态”功能，需要的自行下载插件。 -- 删除主题缩略图裁剪功能（文章基数大引起CPU飙升，所以删除）。...-- 优化模板首页轮播代码，减少无用js加载，加速网页速度。 -- 优化缩略图显示优化方案。...-- 优化购买查询附件js代码。 -- 优化顶部搜索点击功能特效，自动定位input标签。 -- 其他代码优化及夜间功能的代码适配。...-- 新增侧栏倒计时功能，更新后点击启用主题（必要步骤），模块管理，拖拽“似水流年”模块到对应侧栏即可。 -- 删除主题设置中显示真实IP地址功能，后期使用插件来实现。...-- 优化文章页图片灯箱插件，改用更为精简的js代码，提高网站效率。 -- 优化页面头部整体代码，减少无用js和css样式代码。 -- 新增多个阿里图标库代码。
介绍 Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。...这是作者github地址：https://github.com/fengyuanchen/viewerjs 下图即为插件的演示样式： 特点 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转（...类似微博的图片旋转） 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式（可做屏保） 支持缩略图 支持标题显示 支持多种自定义事件 如何使用？...zoomable 布尔值 true 图片是否可缩放 rotatable 布尔值 true 图片是否可旋转 scalable 布尔值 true 图片是否可翻转 transition 布尔值 true 是否使用...viewer函数初始化之前调用（只调用一次） show 函数 null 回调函数，加载展示图层前调用 shown 函数 null 回调函数，加载展示图层完成后调用 hide 函数 null 回调函数，点击关闭展示按钮时调用
点击查看github高清图 点击查看完整版 一、框架与组件 **bootstrap等UI框架设计与实现 伸缩布局：grid网格布局 基础UI样式：元素reset、按钮、图片、菜单、表单 组件UI样式：...按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局：布局、结构、样式、媒体、javascript响应式 第三方插件：插件管理 **jQuery...等 directive设计：html、text、class、html、attr、repeat、ref，可扩展 filter设计：bool、upperCase、lowerCase，可扩展 表达式设计：if-else...二、构建生态 **grunt/gulp开发环境任务编写 文件处理插件：html、scss、js、image、font、其它 优化插件：雪碧图、图片压缩、iconfont构建 发布替换插件 打包、压缩包插件...九、数据分析与监控 **badjs数据上报 **点击热力图clickHeat、heatMap **js加载失败优化方案 失败重发机制 加载源域名服务器文件 https反劫持 **百度alog数据上报
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
云直播
腾讯会议
