效果展示复制下面代码，将其放置在网站footer.php或者header.php任意底部位子即可 <!
GIF滚动优化版 接着，在网站顶部适当位置添加一个Div，自定义一个id，当然你用class问题也不大。我命名的id为top-png.
好久没有写博文了，因为疫情的缘故，一直都是在家远程办公，碎片时间不定，再加上定制了两款主题，所以没抽出时间来写博客，今儿清闲所以手写一篇教程，教大家怎么给自己的网站添加一个夜间模式，当然代码不是我制作开发的...然后打开网站的“header.php”文件，我们需要给网站填写一个按钮，以此来手动开启和关闭夜间模式： 上添加如下代码：（此代码仅限Z-Blog） <body class="{if GetVars('night','COOKIE') }
之所以想着要给自己倒腾一个导航网站，主要有几个原因： 购买了一个域名，且也备案成功了，总想折腾点跟它有关的事情。...经常在公司、家里（有时候还有其他的临时场所）更换电脑，每次同步书签（或者登陆一些导航网站）需要各种登陆，麻烦。...最后，最重要的，秉承 WebStack 的宗旨，这是一个开源的公益项目，你可以拿来制作自己的网址导航，也可以做与导航无关的网站。
有时候会遇到自己的一个网页不想让别人访问，或者仅限于某些人访问，这个时候可以给自己的网站添加一个管理员验证的方式，输入密码才可以继续访问你的网站。
通常网站管理者都想通过网站分析来得到一定的效果，但不知道怎么做才好。实际上能否灵活的使用网站分析很大程度上取决于你如何利用网站分析。这里给大家介绍一下网站分析师应该注意的五点内容。...在使用网站分析工具的公司中，有的公司能够熟练的使用网站分析工具反复优化自己的网站，随之业绩也有所增长，而有的公司虽然使用了网站分析工具但是效果不是很明显。究竟为什么会存在这样的差异呢？...下面我举一个实际的例子，为了提高认知度，仅仅改变了资料申请按钮的颜色，跳转率就提高了10个百分点，仅仅将两个按钮的位置调换了一下转化率就提高了20个百分点，为了使访问者继续留在网站中，仅仅是配置了一些链接就大幅度的提高了网站内的跳转...不能分析所有的数据 很多营业人员为了增加关键字广告的效果，会去关注所有的关键字的点击数，CPC，跳出率，转化率和CPA，甚至仅仅是抱着想了解的心态，去查看一个50多页网站的每个页面的浏览数和浏览时间。...好不容易才抽出时间进行网站分析，所以尽量避免把时间花费在微不足道的地方，把时间花在对于优化效果很明显的地方吧。 以上给大家介绍了一些网站分析师应该注意的东西。希望大家借鉴，总结出适合自己的分析方法。
博客前几篇文章也分享了在 WEB 服务器上安装 SSL 证书，为网站开启 https 协议的教程，感兴趣的童鞋可以前往查看相关文章： ?...说干就干，于是跟上次给公司申请免费 SSL 证书一样，到景安提交了我 2 个网站的 SSL 证书申请。过了 2 小时，显示已颁发证书！可是，我却没有收到任何证书邮件！！！...（之前给公司申请证书的时候，会将证书的下载地址发送到我提供的邮箱） 和客服交涉，结果被踢皮球了！SSL 客服要我找售后客服，售后客服要我找售前客服，联系售前客服没反应！！...大爷的，爱给不给，不用了就是！ 气恼归气恼，冷静一下，想起了之前公司收到的证书下载邮件，于是顺藤摸瓜就找到了今天的主角：沃通！...既然 2 个网站都拿到了证书，那就稍微折腾下，将部分页面开启了 https 访问。 比如有偿服务下单页面、中国博客联盟会员中心和后台管理，是不是一下子就显得“高大上”了？哈哈！ ? ?
碎碎念 前两天网站被打了，导致服务器很多的东西都好像有损坏无法重新运行，于是重新部署了一遍反正也不麻烦，顺带着部署了一个网站监控系统，Umami，页面也还挺好看，功能对我来说足够了哈哈哈，并且重点是部署很简单...一个功能正常的数据库，Umami 支持 MySQL 和 Postgresql 数据库。...部署过程 首先我们创建一个网站，这里我使用的是宝塔面板，点击网站，创建网站，输入你的域名，页面选择纯静态，注意创建页面之前，先将对应DNS解析添加到域名中，指向位置为你的服务器外网IP。...出现后，命令运行完毕，此时去宝塔面板的Docker管理器可以看到我们创建的两个容器，一个是postgresSQL数据库，还有一个是Umami主程序： 此时他已经运行到了我们的默认的3000端口，我们现在配置反向代理将其转发到我们刚才创建的域名下...最让我垂涎的就是访客地图了，不过美中不足的是访客地图只支持国家的访问： 不过这个也并非刚需，如果和我一样只想要一个轻量简洁的统计数据，那么这个一定会让你满意的！
以下代码放到网站的footer就可以代码
image.png 2.选择Nginx下载 image.png 3.开始部署 dabaicloud.top_bundle.pem //证书文件 dabaicloud.top.key //私钥文件 打开宝塔 选择网站
随着移动互联网的日益发展，越来越多的人开始使用手机或平板电脑访问网站。这使得网站的响应式设计变得非常重要，因为它可以使网站在不同设备上实现自适应显示，提高用户体验。...媒体查询：媒体查询是一个强大的 CSS 技术，可以让您根据不同设备的尺寸和方向来设置样式。例如，您可以针对移动设备使用不同的样式规则，以满足响应式设计的要求。...这是因为 Google 等搜索引擎更喜欢响应式网站，因为它们具有更好的用户体验和更快的页面加载速度。 减少维护成本：只需维护一个响应式网站，就足以适应不同的设备。...相比于单独维护一个桌面网站和一个移动网站，响应式设计可以减少维护成本和时间。 ---- 2....function(event) { event.preventDefault(); disclaimerOverlay.style.display = 'none'; }); ---- 现在，您就可以在网站中添加一个免责声明弹窗了
index.php 文件的 标签之前，文件路径： /usr/themes/Joe 代码位置示例 3.将下面的css代码复制，然后去这个目录： /usr/themes/Joe/assets/css 下创建一个叫...: #007bff; color: #fff; border-radius: 4px; font-size: 18px; cursor: pointer; } 4.在网站的全局设置中
纯记录代码，另外一个主题官方演示网站的功能，所以我去找作者问了下，万一以后能用到呢，并不是什么新鲜玩意。 如果你是开发网站主题的，可以加上，让用户参考下颜色搭配。
有些网站标签停留时显示正常的网站标题，标签切换时就显示不同的标题。 实现方法很简单利用JS动态改变浏览器标题，涉及JavaScript页面元素结合时间函数动态操作。
今天终于是给网站加了个证书，现在要通过https访问了。关于加证书的好处就不多说了，大大提升网站安全性，而且SEO排名也是有点用的。现在基本上都是https了，算是顺应潮流。...证书申请 我是用的腾讯云，搜索ssl可以直接申请一个一年免费的证书。 选择这个免费的 名称随便填一个，邮箱和域名填写好，私钥可以不填。...然后就可以申请等待通过了，大概半天就能好，比域名备案快多了~ 审核通过后就可以下载证书进行配置了 证书配置 将证书下载下来，解压后可以看到有四个文件夹，代表了四种环境下的证书，根据自己需求选择。
JS代码 你需要新建一个runtime.js的文件(在网站根目录)，并且修改起始日期。.../** 修改日期 2021/12/12 **/ /** 作者 张凯强，大白熊修改 **/ /** 网站 blog.changrui.xyz **/ /** 作者网站 hexo.fluid-dev.com
一、备份数据库 做好网站的备份，备份好网站数据库和网站文件。尤其是数据库，一定要做好备份，以防操作过程中出现错误，我们可以使用备份的数据库重新进行操作。...二、把新域名解析到当前地址 解析新域名，就是将域名指向服务器的IP地址，通常在域名商那里进行操作；绑定新域名，通常在空间商那里进行操作，就是在服务器上添加新域名，并确保网站目录和旧域名的网站目录一致。
于是就想给自己的个人网站也生成一张值得分享的卡片，本篇文章用来记录总结我是如何给网站添加Web Bookmark的。 什么是web bookmark bookmark的中文翻译是书签。...顾名思义，这里就是根据网站的URL来生成一个卡片或者书签，只不过这里的卡片和书签是存在于web上的。目的是方便分享某些URL时，会自动生成该网站的一些关键信息。...最基本的配置共有四个，也是每个页面所需的。四个必须的配置分别是： og:title - 在卡片中显示的网站的标题。 og:type - 网站的类型，可以进行指定。...将代码推送至github，这里给仓库配置了github Action，会自动构建并将打包好的文件远程传输到指定的服务器。...我个人的网站通过上述设置后的卡片是这样子的： web-visual-bookmark.png 总结 以上就是生成Web Bookmark的全部流程，重点在于给网站设置meta标签。
前言 在查看阮一峰老师最新的周刊时，发现了一个很好玩的工具bookmark.style/，作用就是输入网站，会根据网站上的信息生成精美的分享卡片，可以保存成图片并进行分享。...于是就想给自己的个人网站也生成一张值得分享的卡片，本篇文章用来记录总结我是如何给网站添加Web Bookmark的。 什么是web bookmark bookmark的中文翻译是书签。...顾名思义，这里就是根据网站的URL来生成一个卡片或者书签，只不过这里的卡片和书签是存在于web上的。目的是方便分享某些URL时，会自动生成该网站的一些关键信息。...常见的场景有： 比如说发推特时，输入一个链接，就会自动生成一个卡片。 使用Notion写文章时，粘贴一个URL就会提示是否创建bookmark。 在即刻上面发送动态时，粘贴的URL也会生成一个卡片。...最基本的配置共有四个，也是每个页面所需的。四个必须的配置分别是： og:title - 在卡片中显示的网站的标题。 og:type - 网站的类型，可以进行指定。
我们经常访问别人的网站。当我们离开这个页面浏览其他页面时，我们会在离开的页面上看到，比如这个网站的不要去Σ(っ °Д °;)っ当我们点击这样的单词时，页面上会看到(/≧▽≦你又回来了！字样。...///网站动态标题开始 var OriginTitile = document.title, titleTime; document.addEventListener("visibilitychange
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
