效果展示复制下面代码,将其放置在网站footer.php或者header.php任意底部位子即可 <!
GIF滚动优化版 接着,在网站顶部适当位置添加一个Div,自定义一个id,当然你用class问题也不大。我命名的id为top-png.
首先我们用css实现增加渐变背景,我们用css定位标签, 增加css代码就可以实现了全局渐变背景了。
好久没有写博文了,因为疫情的缘故,一直都是在家远程办公,碎片时间不定,再加上定制了两款主题,所以没抽出时间来写博客,今儿清闲所以手写一篇教程,教大家怎么给自己的网站添加一个夜间模式,当然代码不是我制作开发的...然后打开网站的“header.php”文件,我们需要给网站填写一个按钮,以此来手动开启和关闭夜间模式: 个大坑,哦对了,防止css样式重叠,建议在css样式表最底下适配夜间模式的代码。...这些都配置完成,前台查看首页,你会发现在夜间模式下会出现闪屏,就是,打开一个页面的瞬间是正常模式,然后在1秒(电脑速度慢的时候可不止1秒)后转换成夜间模式,哇塞,简直就是亮瞎眼有木有?...别急,教你一个办法,打开“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端口,我们现在配置反向代理将其转发到我们刚才创建的域名下...最让我垂涎的就是访客地图了,不过美中不足的是访客地图只支持国家的访问: 不过这个也并非刚需,如果和我一样只想要一个轻量简洁的统计数据,那么这个一定会让你满意的!
随着移动互联网的日益发展,越来越多的人开始使用手机或平板电脑访问网站。这使得网站的响应式设计变得非常重要,因为它可以使网站在不同设备上实现自适应显示,提高用户体验。...媒体查询:媒体查询是一个强大的 CSS 技术,可以让您根据不同设备的尺寸和方向来设置样式。例如,您可以针对移动设备使用不同的样式规则,以满足响应式设计的要求。...这是因为 Google 等搜索引擎更喜欢响应式网站,因为它们具有更好的用户体验和更快的页面加载速度。 减少维护成本:只需维护一个响应式网站,就足以适应不同的设备。...相比于单独维护一个桌面网站和一个移动网站,响应式设计可以减少维护成本和时间。 ---- 2....function(event) { event.preventDefault(); disclaimerOverlay.style.display = 'none'; }); ---- 现在,您就可以在网站中添加一个免责声明弹窗了
前言 随着移动互联网的日益发展,越来越多的人开始使用手机或平板电脑访问网站。这使得网站的响应式设计变得非常重要,因为它可以使网站在不同设备上实现自适应显示,提高用户体验。...除此之外,许多网站也需要添加一些免责声明或隐私条款,以保护自己和用户的权益。这在一些特定的行业中尤为重要,例如金融、医疗和法律等领域。...本篇文章将探讨如何使用响应式设计来实现网站在不同设备上的自适应显示,以及如何添加免责声明弹窗以满足特定行业的规定。...希望通过本文的介绍,您能够更好地应对网站设计和开发中所遇到的问题,并为您今后的互联网之路提供一些参考。...= disagree; 代码位置演示js: 第三步 将下面的css代码复制,然后去这个目录: /usr/themes/Joe/assets/css 下创建一个叫 popup.css 的文件
image.png 2.选择Nginx下载 image.png 3.开始部署 dabaicloud.top_bundle.pem //证书文件 dabaicloud.top.key //私钥文件 打开宝塔 选择网站
以下代码放到网站的footer就可以代码
index.php 文件的 标签之前,文件路径: /usr/themes/Joe 代码位置示例 3.将下面的css代码复制,然后去这个目录: /usr/themes/Joe/assets/css 下创建一个叫...: #007bff; color: #fff; border-radius: 4px; font-size: 18px; cursor: pointer; } 4.在网站的全局设置中
纯记录代码,另外一个主题官方演示网站的功能,所以我去找作者问了下,万一以后能用到呢,并不是什么新鲜玩意。 如果你是开发网站主题的,可以加上,让用户参考下颜色搭配。
关注小格子的应该都知道,前几年小格子做了一个导航网站并开源了。最近发现AI写文档和写代码很强大。...于是我用户腾讯CodeBuddy读取当前项目,写了个产品架构文档,方便大家快速了解项目,也方便后续使用AI写代码。以下是由AI生成的文档。...2.产品定位格姗导航是一个前后端分离的网站导航系统,核心目标是对网站分类、站点信息、用户自定义导航、分享、评论、友情链接、主题配置等内容进行统一管理和展示。...3.产品功能地图3.1前台导航能力功能域说明导航首页展示导航分类、网站列表、顶部链接、主题配置等内容。分类浏览按导航分类聚合展示网站。网站搜索支持站点检索,便于用户快速定位导航资源。...导航内容数据分类、网站、图片、顶部链接、主题配置、友情链接、网站配置。用户个性化数据用户分类、用户网站、收藏、分享、评论、第三方账号绑定。日志数据登录日志、操作日志、访问记录。
今天终于是给网站加了个证书,现在要通过https访问了。关于加证书的好处就不多说了,大大提升网站安全性,而且SEO排名也是有点用的。现在基本上都是https了,算是顺应潮流。...证书申请 我是用的腾讯云,搜索ssl可以直接申请一个一年免费的证书。 选择这个免费的 名称随便填一个,邮箱和域名填写好,私钥可以不填。...然后就可以申请等待通过了,大概半天就能好,比域名备案快多了~ 审核通过后就可以下载证书进行配置了 证书配置 将证书下载下来,解压后可以看到有四个文件夹,代表了四种环境下的证书,根据自己需求选择。
那么如何在自己的网站上实现PJAX呢?开源社区提供了多种解决方案,其中JQuery版本的PJAX因其流行性和丰富性备受关注。...只要是个网站,每次切换页面的时候,title 标签是必然得替换的。在我这个案例中,main 是每次切换页面之后会产生内容变化的容器。...[name=description]", // 如果是全部 meta 替换的话,只需要写 meta "main" ], cacheBust: false})这样,一个灰常简单的 PJAX 网站就做好了...像基于 Kico Style 编写的网站,图片灯箱组件就需要重新执行一次。...我们可以给网站添加一个加载动画,在 PJAX 开始的时候显示它,在完成的时候隐藏它。下面这个是我现在所使用的一个案例,你也可以自己设计一个加载动画,使用图片什么的都是一样的。 HTML:<!
JS代码 你需要新建一个runtime.js的文件(在网站根目录),并且修改起始日期。.../** 修改日期 2021/12/12 **/ /** 作者 张凯强,大白熊修改 **/ /** 网站 blog.changrui.xyz **/ /** 作者网站 hexo.fluid-dev.com
一个网站部署大致有三步骤:买服务器、买域名、进行相关配置。 域名购买看自己需求,企业级别的最好买.com等。个人blog看喜好和价位。 国内的话,阿里云或腾讯云都可以,看性价比。...注意 :域名注册成功后,需要在5个工作日内对域名完成实名认证,否则域名将被注册局设置暂停解析。 ②买好域名之后,打开域名服务 在这可以看见你刚买的域名记录。...image.png 其中A那俩个地址是服务器地址。配置完如下: image.png