一.准备条件 1.腾讯云账号 二.注册腾讯SSL证书并等待审核 1.进入网址并登录网址https://buy.cloud.tencent.com/ssl 2.登陆后选择自定义配置 image.png...3.如图选择点击快速申请 image.png 4.填写域名信息,选择自动添加DNS验证 直接点击查看域名验证状态 (此步骤仅支持腾讯云域名)等待证书签发 image.png image.png image.png...image.png 三.部署SSL到宝塔 1.下载证书 image.png 2.选择Nginx下载 image.png 3.开始部署 dabaicloud.top_bundle.pem //证书文件...dabaicloud.top.key //私钥文件 打开宝塔 选择网站 点击设置 SSL 其他证书 填写刚才打开文件的内容 密钥(KEY)填写私钥文件 证书(PEM格式)填写证书文件 完成后点击保存
今天终于是给网站加了个证书,现在要通过https访问了。关于加证书的好处就不多说了,大大提升网站安全性,而且SEO排名也是有点用的。现在基本上都是https了,算是顺应潮流。...证书申请 我是用的腾讯云,搜索ssl可以直接申请一个一年免费的证书。 选择这个免费的 名称随便填一个,邮箱和域名填写好,私钥可以不填。...然后就可以申请等待通过了,大概半天就能好,比域名备案快多了~ 审核通过后就可以下载证书进行配置了 证书配置 将证书下载下来,解压后可以看到有四个文件夹,代表了四种环境下的证书,根据自己需求选择。...,keystorePasss是证书里keystorePass.txt文件中的内容。...--在这上面添加新配置--> 好了,配置好了,重启Tomcat。打开浏览器输入https://www......试试吧。
申请证书: 可到阿里云、腾讯云申请免费证书。...安装证书: 下载证书后会看到如下几个文件夹,我们只需要用到nginx里面的.crt和.key文件 查看ngixn版本极其编译参数 /usr/local/nginx/sbin/nginx -V 若没有安装...objs/nginx /usr/local/nginx/sbin/nginx 测试新的nginx程序是否正确 /usr/local/nginx/sbin/nginx -t 修改nginx配置文件: 将证书上传到.../usr/local/nginx/ssl下,若没有自己建立一个ssl文件夹 在server模块中添加以下代码: listen 80; listen 443 ssl;...server_name www.51it.wang; # 证书(公钥.发送到客户端的)server.crt表示证书名字和后缀 ssl_certificate /usr/local/nginx
前由 自己在服务器上建了这个小博客,但是一直都是裸站,这正好有空就配置个 ssl 证书,显得更安全也更好看一点。下面显示的是未申请证书的网站。 ?...1.宝塔一键申请并配置 进入网站设置,点击 ssl 选项中的的 Let's Encrypt ,输入自己的邮箱,勾选域名之后,点击申请即可。完成之后,右上角开启强制 https 。 ?...2.开启全站 https 这时候访问我们的网站,发现并不是完全安全的,会提示并不是完全安全的。 ?...全部修改完成之后,再看我们的网站,就已经显示一把小绿锁,也就是完全安全的链接了。 ? Last modification:August 13th, 2019 at 08:52 pm
除此之外,许多网站也需要添加一些免责声明或隐私条款,以保护自己和用户的权益。这在一些特定的行业中尤为重要,例如金融、医疗和法律等领域。...本篇文章将探讨如何使用响应式设计来实现网站在不同设备上的自适应显示,以及如何添加免责声明弹窗以满足特定行业的规定。...---- 2.2 如何添加免责声明弹窗 添加免责声明弹窗的方法有很多,这里我们介绍一种使用 JavaScript 和 CSS 的方法: 在 HTML 中添加一个按钮或链接,用于打开免责声明弹窗: 免责声明...function(event) { event.preventDefault(); disclaimerOverlay.style.display = 'none'; }); ---- 现在,您就可以在网站中添加一个免责声明弹窗了...响应式设计能够让您的网站适应不同设备,提高用户体验和用户满意度;而添加免责声明则可以保护您和用户的权益。同时,好的主题也能让您的博客网站更具吸引力。
以下代码放到网站的footer就可以代码
: #007bff; color: #fff; border-radius: 4px; font-size: 18px; cursor: pointer; } 4.在网站的全局设置中
最近看到网上说 https 的网站 Google 会优先收录,所以就抽时间记录下配置博客的过程。.../Neilpang/acme.sh 主要步骤: 安装 acme.sh 生成证书 copy 证书到 nginx/apache 或者其他服务 更新证书 更新 acme.sh 测试 https 1....前面证书生成以后, 接下来需要把证书 copy 到真正需要用它的地方....最后说一点,由于博客使用了七牛云的 http 协议的 cdn 导致博客内的静态资源不可用,最后又把七牛云的静态资源配置了 https 配置步骤 点击菜单:融合CDN-->域名管理-->配置--> HTTPS...配置 点击 SSL证书管理 https://portal.qiniu.com/certificate/ssl#cert 您可以在SSL证书服务页面申请或上传自有证书。
JS代码 你需要新建一个runtime.js的文件(在网站根目录),并且修改起始日期。.../** 修改日期 2021/12/12 **/ /** 作者 张凯强,大白熊修改 **/ /** 网站 blog.changrui.xyz **/ /** 作者网站 hexo.fluid-dev.com
于是就想给自己的个人网站也生成一张值得分享的卡片,本篇文章用来记录总结我是如何给网站添加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时,会自动生成该网站的一些关键信息。...这里我们就需要使用OG协议来在网站中添加关键信息,其实也就是在meta标签中添加信息。 Open Graph Protocol 这里总结下比较常用的OG协议配置。...四个必须的配置分别是: og:title - 在卡片中显示的网站的标题。 og:type - 网站的类型,可以进行指定。 og:image - 图像的URL,用来在卡片中展示。
博客地址 https://www.mehaei.com 部署环境 已经可以正常访问的博客地址(当然包括域名和云服务器) 部署上宝塔服务(以下教程需要) 申请免费SSL证书 1....确认证书类型 -> 确认 3. 填写个人网站的一些信息 RSA 加密算法与 ECC 加密算法的区别?...等待验证:等待添加域名验证操作。 验证超时:系统进行验证检查超过30s未成功检查将显示验证超时。 已通过:已通过域名验证所有权认证。 验证失败:验证期内未完成验证域名显示验证失败。 6....下载证书 宝塔部署证书 1. 解压证书压缩包, 目录如下 2. 进入到Nginx文件夹 3. 登录宝塔控制台 -> 网站 -> 点击对应的网站[设置] 4....强制HTTPS: 可以在访问网站的时候, 自动转为HTTPS 到这里可以访问自己的网站测试一下了, 目前没有遇到其它的问题 域名型(DV)免费 SSL 证书申请流程 https://cloud.tencent.com
简单添加看版娘到自己的网站 我们先来看一下我们的网站会变成什么样吧! http://www.djyqxbc.vip (官网)注意左下角。...image.png 启动,并新增一个自己的网站,在网站目录下导入下面这些文件。 主要的文件我已经放在网盘了,文后有链接哦。...image.png 然后访问本地这个网站,我们就可以看见自己的看板娘了。 或者在当前文件夹中,我们已经有写好的网站页面,那我们只需要添加这段代码在我们当前的网站代码中,就能引入看版娘了。 <!...那要如何布置到我们自己的网站呢? 来看我们上一篇文章中提到的部署iis配置php环境的文章。...windows IIS+php配置教程 按照这篇文章所写配置php环境,新增一个网站,将网盘中的文件复制到你的网站下,便部署看版娘接口了。
HTml代码 <div ...93530给网站添加 Chatra 在线客服插件曾给大伙介绍过一款网页在线客服插件,叫做Crisp 给网站添加 crisp chat 在线客服插件 前言crisp chat是一款面向商务的在线客服插件,支持文本、视频聊天等方式使用这款插件挺久了,今天看到有人问...今天给大伙介绍另一款名叫Chatra的插件,两者使用差异并不算大,但个人更喜欢Crisp Chatra是一款功能强大且易于使用的聊天软件,可用于网站,使您的客户在离线时通过实时聊天或向您发送消息实时与您联系...可对离线访问者的进行回复,如果访问者返回您的网站,他们将看到新消息;如果留下电子邮件地址,则将收到您对收件箱的答复 提示:应该不止这些,大家可以自行看官网文档 获取代码 首先我们要注册一个Chatra的账号...chatra.js'; if (d.head) d.head.appendChild(s); })(document, window, 'Chatra'); 添加代码...以Handsome主题为例 将出现的代码复制至后台主题-->外观-->开发者设置-->自定义javascript 添加完成后,返回博客页面刷新右下角看到在线聊天的图标了。4.4K10如何给 GitHub Actions 添加自己的 Runner 主机添加主机 Runner 这里的 Runner 指的是 GitHub Actions 的运行环境,也就是 .github/workflows 文件夹下 yaml 中指令的运行环境。...这里主要添加主机 Runner,如果是添加容器或者 Kubernetes Runner ,需要将 actions-runner 打包到镜像中,然后运行接入 GitHub Actions,在其他方面没有差别...点击上图的 Add runner 进入下图的添加主机页面,同样支持三种操作系统,macOS、Linux、Windows。 ? 在页面选择操作系统和架构之后,按照安装提示操作即可。...plain-credential | `-- readme.md |-- _temp `-- _tool 从 workspaces 中的文件可以看到,Actions 将代码 checkout 到主机上...,然后在主机上执行了编排命令。6.7K00给emlog网站添加图片抖动效果给emlog网站添加图片抖动效果,效果可以看本站 把以下代码放入公用css文件中 img:hover { -webkit-animation:sucaijiayuan 1s .1s ease both1.1K60给网站添加”新年快乐”灯笼一、添加全局的CSS代码 /* 灯笼 */ .deng-box { position: fixed; /*top: -40px; */ top: 0px; right:...webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } } 二、添加全局的...class="shui shui-a"> 通过以上代码的添加40240如何给WordPress网站添加ICO图标?如何给WordPress网站添加ICO图标? ---- 今天突然发现,我的ico图标不捡了。...而很多网站都带有ico图标或favicon图标,这个的话方便用户记住你网站,同时便于用户在收藏夹上快速找到你网站。...今天我们谈谈如何给WordPress添加网站图标,方法很简单的,只需2步就可以实现。 步骤一:准备图片 准备一个图片,用于转换为IOC图片。网上很多转图片的网站,百度一下,不要太多。...然后将favicon图标命名为favicon.ico上传到网站根目录(图标大小16*16或48*48)。清除浏览器缓存文件,重启浏览器。重新打开主页你会发现网站图标更换完成了。...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。2.7K20给网站文字添加高逼格效果自己网站导航页一向比较“文静”,作为一个爱捣鼓的孩子,岂能任由其页面恶性发展,抖音看多了,想着是不是可以给自己的文字添加一下抖音效果,不料,网上资料是如此稀少,在借鉴了 沧水 大佬的代码后,分析其原理...transform: scale(1.1) } 100% { opacity: 1; transform: scale(1) } } 给自己的元素62120
曾给大伙介绍过一款网页在线客服插件,叫做Crisp 给网站添加 crisp chat 在线客服插件 前言crisp chat是一款面向商务的在线客服插件,支持文本、视频聊天等方式使用这款插件挺久了,今天看到有人问...今天给大伙介绍另一款名叫Chatra的插件,两者使用差异并不算大,但个人更喜欢Crisp Chatra是一款功能强大且易于使用的聊天软件,可用于网站,使您的客户在离线时通过实时聊天或向您发送消息实时与您联系...可对离线访问者的进行回复,如果访问者返回您的网站,他们将看到新消息;如果留下电子邮件地址,则将收到您对收件箱的答复 提示:应该不止这些,大家可以自行看官网文档 获取代码 首先我们要注册一个Chatra的账号...chatra.js'; if (d.head) d.head.appendChild(s); })(document, window, 'Chatra'); 添加代码...以Handsome主题为例 将出现的代码复制至后台主题-->外观-->开发者设置-->自定义javascript 添加完成后,返回博客页面刷新右下角看到在线聊天的图标了。
添加主机 Runner 这里的 Runner 指的是 GitHub Actions 的运行环境,也就是 .github/workflows 文件夹下 yaml 中指令的运行环境。...这里主要添加主机 Runner,如果是添加容器或者 Kubernetes Runner ,需要将 actions-runner 打包到镜像中,然后运行接入 GitHub Actions,在其他方面没有差别...点击上图的 Add runner 进入下图的添加主机页面,同样支持三种操作系统,macOS、Linux、Windows。 ? 在页面选择操作系统和架构之后,按照安装提示操作即可。...plain-credential | `-- readme.md |-- _temp `-- _tool 从 workspaces 中的文件可以看到,Actions 将代码 checkout 到主机上...,然后在主机上执行了编排命令。
给emlog网站添加图片抖动效果,效果可以看本站 把以下代码放入公用css文件中 img:hover { -webkit-animation:sucaijiayuan 1s .1s ease both
一、添加全局的CSS代码 /* 灯笼 */ .deng-box { position: fixed; /*top: -40px; */ top: 0px; right:...webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } } 二、添加全局的...class="shui shui-a"> 通过以上代码的添加
如何给WordPress网站添加ICO图标? ---- 今天突然发现,我的ico图标不捡了。...而很多网站都带有ico图标或favicon图标,这个的话方便用户记住你网站,同时便于用户在收藏夹上快速找到你网站。...今天我们谈谈如何给WordPress添加网站图标,方法很简单的,只需2步就可以实现。 步骤一:准备图片 准备一个图片,用于转换为IOC图片。网上很多转图片的网站,百度一下,不要太多。...然后将favicon图标命名为favicon.ico上传到网站根目录(图标大小16*16或48*48)。清除浏览器缓存文件,重启浏览器。重新打开主页你会发现网站图标更换完成了。...任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
自己网站导航页一向比较“文静”,作为一个爱捣鼓的孩子,岂能任由其页面恶性发展,抖音看多了,想着是不是可以给自己的文字添加一下抖音效果,不料,网上资料是如此稀少,在借鉴了 沧水 大佬的代码后,分析其原理...transform: scale(1.1) } 100% { opacity: 1; transform: scale(1) } } 给自己的元素
领取专属 10元无门槛券
手把手带您无忧上云