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

代码给WordPress文章添加卡片式方法

后台编辑器按钮添加方法:将下面代码复制到functions.php中,编辑器中文本编辑框会多出一个卡片式按钮。...也可以不添加这段代码,也可以直接使用代码添加卡片代码在文章尾部。 样式代码 将下面代码直接复制添加到主题css样式中。...使用方法 直接点击文本编辑框中 “卡片按钮” ,在 ids 后改成自己博客文章 id 即可!...ids 必须是自己博客!可以在一个 ids 后面写多个 id ,中间用英文逗号隔开。...是不是很简单就可以给自己网站添加一个简约美观的卡片样式了,这个实现代码也是全百科网从网站学习来,如果你有更好方法可以下下方评论区留言交流哈。

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

40行代码实现一个React.js

作者:胡子大哈 链接:https://zhuanlan.zhihu.com/p/25398176 1、前言 本文会教你如何在 40 行代码,不依赖任何第三方库,用纯 JavaScript 实现一个...本文目的是:揭开对初学者看起来很很难理解 React.js 组件化形式外衣。如果你刚开始学习 React.js 并且感觉很迷茫,那么看完这篇文章以后就能够解除一些疑惑。...2、一切从点赞说起 接下来所有的代码都会从一个基本点赞功能开始演化,你会逐渐看到,文章代码慢慢地越来越像 React.js 组件代码。...如果你现在还能跟得上文章思路,那么你留意下,现在代码已经和 React.js 组件代码有点类似了。但其实我们根本没有讲 React.js 任何内容,我们一心一意只想怎么做好“组件化”。...好吧,我承认我标题党了,这个 40 行不到代码其实是一个残废而且智障版 React.js,没有 JSX ,没有组件嵌套等等。它只是 React.js 组件化表现形式一种实现而已。

2.4K30

WordPress 外插件:Simple URLs

有时候我们需要在 wordpress 博客里面发布别的网址外部链接,出于隐藏链接实际链接目的(或者为了减少链接权重损失),需要将外转化为。...这里推荐一款 WordPress 外插件- Simple URLs,还可以统计访问点击外部链接次数,下面就介绍一下这个插件。...Simple URLs 介绍 Simple URLs 是一个简单实用 WordPress 外短网址插件,添加链接比发布文章还要简单,额外支持统计链接点击次数。...注:最终生成链接样式为 https://www.kaifaxin.net/go/短码, go 是自动生成,如下图所示短码是你自定义输入,Redirect URL 是最终跳转目的地址,固定链接是你最终要使用站内链接...Simple URLs 生成链接打开出现 404 错误 老魏刚开始安装时候,发现 Simple URLs 生成链接都没办法跳转,打开后出现了 404 错误,解决办法是进入设置-固定链接,不要改动任何选项

1.7K40

网站页面优化:优化

传递PAGERANK 内部链接是一种传递真实PAGERANK,这是一门技术活,根据内部链接结构自然地得出网站重要内容。...告诉搜索引擎链接网页主题 链接文本关键词(锚文本)告诉搜索引擎被链接到网页主题,如果搜索引擎看到链接锚文本关键词是“小飞机”,搜索引擎可以肯定链接到这个网页内容不是“打飞机”,所以链接为搜索引擎提供另一个线索帮助他们确定网页主题...网站内建设 对于SEO来说,定期评估和改进优化策略是非常重要,通过添加正确内部链接,可以确保谷歌了解网页相关性,网页与网页之间价值关系。 ?...网站内优化常见问题 没有足够链接:很多网站没有足够; 没有足够文本链接:需要文本链接给搜索引擎提供线索所以一定要少量文本链接; 文本链接没有关键字:就算网站有很多文本链接,比如文本内容是点击这里链接引导用户访问其它页面...你内容要链接 没有链接,你内容无法排名! 通过高质优化,可以告诉搜索引擎哪些内容相关,哪些文章最具信息性和价值。如果遵循此教程指导,谷歌和网站用户更好地了解你网站,从而有机会排名提升。

1.3K10

优雅备份博客图片

其实从一开始,我就对免费图床并不放心,在国内一直使用是付费作业部落图片存储(阿里云对象存储),但到外面以后作业部落已经实质性歇菜了,只得找其他替代产品,这时我才真正意义上接触并使用到了免费图床...Fatkun图片批量下载 [5e55b0176127cc0713be59d0.jpg] 这个插件可以直接搜刮浏览器打开页面全部图片,然后我们就可以下载这些图片了,注意这个工具可以按照像素值过滤图片...下载后图片被放置在以页面命名文件夹,还是比较人性化。...总结来说,其实上述操作相当于冷备份,可能我并不会用到这些图片,但当某些外坏掉时,那么我就有本地备份可以替换,不然就像我这次一样,图片丢了找都找不回来了。...貌似这是我所追求终极方案:我可以忍受图片挂掉(jsDelivr过滤了),但同时全部图片在GitHub仓库里,图片安全性不用担心,备份+外一举两得。

98540

js原型

6.原型对象上添加方法用于实例对象上使用 隐式原型 每一个实例对象都有一个__proto__属性,称之为隐式原型 对象隐式原型值为其对应构造函数显示原型值 function Fn(){...__proto__) Fn.prototype.test = function(){ console.log('test') } fn.test() 原型 对象属性查找规则 原型本质上是从隐式原型...console.log(fn.toString()) //[object Object] fn.test3() //Uncaught TypeError: fn.test3 is not a function 代码简易内存结构如下...当执行fn.toString(),时,自身对象没有,接下来查找它构造函数原型对象上是否有toString(),发现没有,接下来又继续沿着Fn原型对象构造函数原型对象上查找找到toString()...当执行fn.test3()时,查找自身对象没有,它直接构造函数对象原型对象上也没有,接下来沿着Fn原型对象构造函数原型对象构造函数原型对象上查找,这里已经找到原型尽头,Object原型对象

2.1K20

Typecho文章评论外进行跳转

image.png Typecho插件实现外,大部分站长都知道这有利于进行SEO,而typecho恰好有一个叫ShortLinks插件支持这个功能,并且开源免费,支持正文和评论者链接外...下载 github下载 介绍 把外部链接转换为your_blog_path/go/key/,撰写链接页面支持修改 通过菜单“创建->短链接”设置; 自定义短功能来自golinks; 支持 referer...白名单和外转换白名单; 支持跳转页面,可以自行制作模板放到templates目录下,插件设置里可选择,目前自带5个模板; 支持自定义字段转换(实验性功能); 支持关闭指定页面的链接转换功能。...下载压缩包上传服务器,解压到插件根目录,文件夹重命名为ShortLinks,然后在后台启用即可。 配置按照提示设置即可,不会留空。这里就不说了。...分享 这里分享一个本站自用跳转模板,变量已定义,直接上传模板即可。 动态倒计时,动态圆形进度条,不会录gif看本站效果即可。

1.1K10

Go - 实现项目路追踪

这个图画比较简单,从图中可以清晰看出他们之间调用关系,通过一个例子说明下重要性,比如对方调我们一个接口,反馈在某个时间段这接口太慢了,在排查代码发现逻辑比较复杂,不光调用了多个三方接口、操作了数据库...无需关心参数 路 ID、请求信息、响应信息、请求结果、执行时长,这 5 个参数,开发者无需关心,这些都在中间件封装好了。 调用第三方接口信息 只需多传递一个参数即可。...支持设置失败时重试,可以自定义重试次数、重试前延迟等待时间、重试满足条件; 支持设置失败时告警,可以自定义告警渠道(邮件/微信)、告警满足条件; 支持设置调用路; 调用示例代码: // httpclient...Error // .WithContext 是 GORM V2 自带。 // 插件代码就不贴了,去上面的文章查看即可。 Redis 信息 只需多传递一个参数即可。...总结 这个功能比较常用,使用起来也很爽,比如调用方发现接口出问题时,只需要提供 TRACE-ID 即可,我们就可以查到关于它整个所有信息。

42510

JSDoc 初探:代码文档标记

JSDoc 工具将扫描你代码并为您生成一个 HTML 文档网站(当然,即使你不进行生成,其也被大部分浏览器所识别和支持)。JSDoc 目的是记录 JavaScript 应用程序或库 API。...JSDoc是一种用于为JavaScript代码生成文档工具。它基于标签(tag)形式,通过注释来提取代码类型、描述、参数、返回值等信息,生成文档供其他人参考。...使用JSDoc可以提高代码可读性和可维护性,让代码更易于理解和使用。在阅读和使用第三方库时,可以通过查看JSDoc生成文档来了解函数和方法使用方式、参数、返回值等信息。...需要注意是,在JSDoc中标记参数具有默认值并不会改变函数或方法实际调用方式,你可以只在注释中写好标记默认参数,而不写在代码中,反之亦然(君子协定)。...对象参数,你可以使用嵌套@property标签。

6910

js继承与原型

对于使用基于类语言,如 Java 开发人员,js 令人困惑,因为它是动态,并且本身不提供一个 class 实现。...谈到继承时,js 只有一种结构:对象。 每个实例对象( object )都有一个私有属性(称之为 __proto__ )指向它构造函数原型对象(prototype )。...该原型对象也有一个自己原型对象( proto ) ,层层向上直到一个对象原型对象为 null。根据定义,null 没有原型,并作为这个原型最后一个环节。...几乎所有 js对象都是位于原型顶端 Object 实例。 尽管这种原型继承通常被认为是 JavaScript 弱点之一,但是原型继承模型本身实际上比经典模型更强大。...例如,在原型模型基础上构建经典模型相当简单。

1.4K10

JS静态类型检测,有味儿了

我们知道 TypeScript 2.3 以后版本支持使用--checkJs对.js文件进行类型检查和错误提示。...但是由于 JavaScript 是弱类型语言,在编写代码时候,是无法检测变量类型。 因此每次运行代码类型报错时候,我心中都会冒出来一个强烈愿望:要是 JavaScript是强类型多好!...答案就是 // @ts-check,在 js 文件头部引入这样一行注释,然后配合JSDoc就可以在JavaScript代码中使用 TypeScript类型检查了。...也就是说我们将一个字符串赋值给了一个数字类型变量是有问题,这个时候我们未运行程序,但是编辑器已经帮我们分析出了代码可能存在问题,这时候我们运行代码,是没有报错。...因为这个类型检测只是让我们按照TypeScript强类型语言检测类型问题,但是我们依然是JavaScript代码依然会按照JavaScript代码逻辑运行,如是TypeScript代码的话,这里运行就会报错

1.7K20

js——职责模式(责任模式)

js——职责模式(责任模式) 使多个对象都有机会处理请求,从而避免请求发送者和接受者之间耦合关系,将这些处理请求对象形成一个,并沿着这个传递请求,直到有一个对象处理它为止。...如公交车: 乘客就是请求,公交路线就是职责,每个站点都是一个职责处理对象。...乘客上车了,他只有一个目的地,但公交车并不知道是哪,所以公交车要做就是一站挨着一站开,等到乘客到了目的地,自然就下车了。...放到程序上就是,接收到一个请求,但是有好几个对象都可以处理该请求,但不知道哪个最合适,所以就将这些对象连接起来形成一个职责,将该请求沿着这个职责“挨家挨户问”,直到找到了能处理请求对象接收到了它方可终止...如发现本站有涉嫌侵权/违法违规内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

37860

灵活而防篡改区块模式设计

为此,我设计了一种基于区块链式加密内部区块系统、我称之为 Inner Block Chain 简称 I-BC 下面介绍一下,区块可信度方案以及具体实现方式 区块 Inner Block-Chain...区块用于单一节点防篡改账本记录 其主要目的是用于在目前现有的应用基础上扩展区块能力,主要采用数据库非分布式存储、数据信息区块化方式。...链条中任一数据被篡改或删除将会导致整条失效,通过开放API或用户图形化接口接受区块验证。 区块目标并不是传统交易记录,而是任意行为记录,而在这个时候每一条记录是没有固定结构。...而我们数据是对用户公开,所以用户可以在任意时间保存任意和hash,如果发生篡改,则必然被公布与众。 区块另外一个价值是便于查找和验证、以扩展形式支持各种系统应用可信度。...所以,区块并不需要分布式通讯支持,即可做到防篡改,并且能够有效保护隐私数据,为公众开放需要公开数据。 基于我们上述对于整个链条信任,我们可以将验证聚焦在链条局部。

63420
领券