于是就想给自己的个人网站也生成一张值得分享的卡片,本篇文章用来记录总结我是如何给网站添加Web Bookmark的。 什么是web bookmark bookmark的中文翻译是书签。...这里我们就需要使用OG协议来在网站中添加关键信息,其实也就是在meta标签中添加信息。 Open Graph Protocol 这里总结下比较常用的OG协议配置。...配置 到现在为止,我们知道了应该将关键信息放到网站的meta标签中,这里我们采用OG协议。那么现在问题就是如何进行配置,并且需要添加哪些信息?...具体来说,这里添加了以下关键信息: 网站的标题 网站的描述 网站的预览图片 网站的网址 网站的名称 网站的预览图片宽度 网站的预览图片高度 网站的预览图片描述 发布 更新完meta标签配置后,还需要生成网站的预览图片...我个人的网站通过上述设置后的卡片是这样子的: web-visual-bookmark.png 总结 以上就是生成Web Bookmark的全部流程,重点在于给网站设置meta标签。
前言 在查看阮一峰老师最新的周刊时,发现了一个很好玩的工具bookmark.style/,作用就是输入网站,会根据网站上的信息生成精美的分享卡片,可以保存成图片并进行分享。...于是就想给自己的个人网站也生成一张值得分享的卡片,本篇文章用来记录总结我是如何给网站添加Web Bookmark的。 什么是web bookmark bookmark的中文翻译是书签。...顾名思义,这里就是根据网站的URL来生成一个卡片或者书签,只不过这里的卡片和书签是存在于web上的。目的是方便分享某些URL时,会自动生成该网站的一些关键信息。...介绍 上面工具的作者写了一篇文章就是介绍如何创建可视化的Web Bookmark,感兴趣的可以点击链接进行查看。这里大概介绍下生成bookmark的原理是什么?...这里我们就需要使用OG协议来在网站中添加关键信息,其实也就是在meta标签中添加信息。 Open Graph Protocol 这里总结下比较常用的OG协议配置。
原理 在html上方先放一个div,用来显示加载动画,然后js判断当网页加载完毕后再将这个div隐藏并显示原网页。...} .loading-div::before { display: inline-block; vertical-align: middle; } JS.../ $(".loading-div").hide(); //$('body').css('overflow-y','scroll'); // }, 2000); //这是根据js
如何给WordPress网站添加ICO图标? ---- 今天突然发现,我的ico图标不捡了。...而很多网站都带有ico图标或favicon图标,这个的话方便用户记住你网站,同时便于用户在收藏夹上快速找到你网站。...今天我们谈谈如何给WordPress添加网站图标,方法很简单的,只需2步就可以实现。 步骤一:准备图片 准备一个图片,用于转换为IOC图片。网上很多转图片的网站,百度一下,不要太多。...然后将favicon图标命名为favicon.ico上传到网站根目录(图标大小16*16或48*48)。清除浏览器缓存文件,重启浏览器。重新打开主页你会发现网站图标更换完成了。...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
按照官方的说法就是所谓的网站劫持就是打开一个网站,出现一个不属于网站范畴的广告,或者是无法跳转到某个不属于这个范畴的网页。...网站域名泛解析 在域名DNS解析的时候用到了*,泛解析,有可能导致这个情况。 浏览器被劫持 网站浏览器被劫持就是当你使用一些浏览器的时候,会自动出现一个浏览器的广告新闻。...处理网站劫持办法? 域名的泛解析可以从域名管理后台点击我们的域名并找到带*的域名解析,把其剔除就可以了。 对于黑客劫持,找到网站的备份文件,找到被修改的文件,清理木马程序。 ...给网站加一个免费SSL 推荐的网站是 https://www.cloudflare.com/, Cloudflare是一家美国的跨国科技企业,总部位于旧金山,在英国伦敦亦设有办事处。...Cloudflare以向客户提供网站安全管理、性能优化及相关的技术支持为主要业务 [在这里插入图片描述] 打开网站,在网站的首页下方输入邮箱和密码,点击 sign up [在这里插入图片描述] 添加自己的网站信息
添加导航是我们拿到一个新的WordPress网站要做的事情,对于内容的规划我们在心里可能已经有了一个大概的雏形,我们需要给网站添加导航栏。 那么WordPress如何给网站添加导航呢?...WordPress添加导航步骤: 1、登陆WordPress网站的后台,在外观-菜单中找到我们的菜单设置功能; ?...2、最初可能是没有菜单的,我们需要先点击创建菜单,给菜单取个名字,然后点击保存; ?...4、在前台首页浏览网站看看,是否已经成功添加了网站的导航了呢? 网站突然不收录了有哪些原因?收录的页面也无法通过标题搜索到 我的wordpress网站为什么会出现那么多404状态码?...wordpress站点好用的SSL插件推荐 如何解决WordPress更改新域名后无法访问的调试 Wordpress建站:宝塔面板好用的Linux服务器面板安装教程 使用CDN加速,让网站访问速度瞬间提升
序 由于我自己的个人网站是放在韩国首尔的甲骨文云上,在中国部分地区确实无法快速访问。 于是我想通过CDN+OSS的方式来加速访问。 1.
这里就分享下如何给Wordpress网站的文章添加这样的Anchor定位功能。...接下来,就一步一步的演示如何在Avada主题添加Anchor Links功能。 1. 添加Container把文章隔开 我们点击添加新文章,然后点击Fusion Builder,进入高级编辑模式。...三、Wordpress网站文章添加Anchor Links功能 上面的那个功能演示主要是针对Avada主题而言的,而对于别的主题来说这种操作就不适用了。...但是我们可以通过添加代码的方式为所有的Wordpress网站的文章添加Anchor Links的功能,而这个是不限制主题的。...切换到文本编辑的模式后,我们到对应的小标题前面加上我们需要设置的代码,如我这里就给第三个小标题:wordpress 网站文章添加Anchor links功能前面添加了这个代码
Pjax是一种很多网站( facebook, twitter)都支持的浏览方式, 当你点击一个站内链接的时候, 不是做页面跳转, 而是只是站内页面刷新。...为何要添加此功能? 1.有助于提升访问质量。 2.极大地减小了服务器的资源消耗。 如何添加? ① 检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入。...(底部文件),添加此代码。...WordPress如何添加Pjax?...,调用代码添加到主题页脚或页眉文件都可以。
按照官方的说法就是所谓的网站劫持就是打开一个网站,出现一个不属于网站范畴的广告,或者是无法跳转到某个不属于这个范畴的网页。...网站域名泛解析 在域名DNS解析的时候用到了*,泛解析,有可能导致这个情况。 浏览器被劫持 网站浏览器被劫持就是当你使用一些浏览器的时候,会自动出现一个浏览器的广告新闻。...给网站加一个免费SSL 推荐的网站是 https://www.cloudflare.com/, Cloudflare是一家美国的跨国科技企业,总部位于旧金山,在英国伦敦亦设有办事处。...Cloudflare以向客户提供网站安全管理、性能优化及相关的技术支持为主要业务 ? 打开网站,在网站的首页下方输入邮箱和密码,点击 sign up ? 添加自己的网站信息 ?...接下来就是等 0 ~ 72小时,网站 SSL 就可以生效了。
除此之外,许多网站也需要添加一些免责声明或隐私条款,以保护自己和用户的权益。这在一些特定的行业中尤为重要,例如金融、医疗和法律等领域。...本篇文章将探讨如何使用响应式设计来实现网站在不同设备上的自适应显示,以及如何添加免责声明弹窗以满足特定行业的规定。...showPopup(); agreeButton.onclick = agree; disagreeButton.onclick = disagree; {card-list-item} 代码位置演示js...---- 2.2 如何添加免责声明弹窗 添加免责声明弹窗的方法有很多,这里我们介绍一种使用 JavaScript 和 CSS 的方法: 在 HTML 中添加一个按钮或链接,用于打开免责声明弹窗: 免责声明...响应式设计能够让您的网站适应不同设备,提高用户体验和用户满意度;而添加免责声明则可以保护您和用户的权益。同时,好的主题也能让您的博客网站更具吸引力。
前言 随着移动互联网的日益发展,越来越多的人开始使用手机或平板电脑访问网站。这使得网站的响应式设计变得非常重要,因为它可以使网站在不同设备上实现自适应显示,提高用户体验。...除此之外,许多网站也需要添加一些免责声明或隐私条款,以保护自己和用户的权益。这在一些特定的行业中尤为重要,例如金融、医疗和法律等领域。...本篇文章将探讨如何使用响应式设计来实现网站在不同设备上的自适应显示,以及如何添加免责声明弹窗以满足特定行业的规定。...本站免责声明代码分享 温馨提示:下面是讲解怎么写弹窗页面,代码未经过测试,请尝试前记住代码放置的位置,出错的话删掉添加的代码即可。...= disagree; 代码位置演示js: 第三步 将下面的css代码复制,然后去这个目录: /usr/themes/Joe/assets/css 下创建一个叫 popup.css 的文件
以下代码放到网站的footer就可以代码
进入网址并登录网址https://buy.cloud.tencent.com/ssl 2.登陆后选择自定义配置 image.png 3.如图选择点击快速申请 image.png 4.填写域名信息,选择自动添加...image.png 2.选择Nginx下载 image.png 3.开始部署 dabaicloud.top_bundle.pem //证书文件 dabaicloud.top.key //私钥文件 打开宝塔 选择网站
: #007bff; color: #fff; border-radius: 4px; font-size: 18px; cursor: pointer; } 4.在网站的全局设置中
今天终于是给网站加了个证书,现在要通过https访问了。关于加证书的好处就不多说了,大大提升网站安全性,而且SEO排名也是有点用的。现在基本上都是https了,算是顺应潮流。...--在这上面添加新配置--> 好了,配置好了,重启Tomcat。打开浏览器输入https://www......试试吧。
JS代码 你需要新建一个runtime.js的文件(在网站根目录),并且修改起始日期。.../** 修改日期 2021/12/12 **/ /** 作者 张凯强,大白熊修改 **/ /** 网站 blog.changrui.xyz **/ /** 作者网站 hexo.fluid-dev.com
如何给 WordPress 网站的 Gravatar 头像添加 alt 属性?图片ALT属性不仅有利于搜索引擎索引图片,而且当图片无法加载的时候,会显示图片的ALT信息。...3、如果你的主题调用评论模模块使用的函数是:wp_list_comments();4、暂时在官网上还没找到用该函数添加ALT属性的参数(貌似WordPress默认主题ALT也是空的),只能按下面的代码拆分这个函数...php }6、如果你的主题添加修改了默认的头像调用方式,比如使用CN或者SSl方式调用,该方法将无效。
通过各种高科技功能同步到Hajeekn 的博客 本文章为以前文章的重制版本,会详细说明 开始前言 首先,这篇文章所写的教程适用于大部分主题和网站 本篇文章会提供 HTML/YML 引用方法,可以将 HTML...cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css" media="defer" onload="this.media='all'"> - 在 bottom 部分粘贴以下内容 - HTML 引入方法: 在 head 添加 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer...type="playlist" id="3813658180" fixed="true" > 在/body 前添加 <script async src="https://
方式一:在定义对象时,直接添加属性和方法 function Person(name,age) { this.name = name; this.age = age; this.say = function...alert(name + ':::' + age); } } var person = new Person('张三', 24); person.say(); 方式二:通过”对象.属性名“的方式添加...person.name = '张三'; person.say = function() {alert(this.name)}; person.say(); 方式三:通过prototype(原型)属性添加...注:需要使用构造方法添加!
领取专属 10元无门槛券
手把手带您无忧上云