原创作者：
Fengjiajun
发布日期：2024年6月5日
CSS修改SVG图像的颜色
如果想要修改一个svg图像的颜色，用传统的CSS属性color或background都是无效的，需要用到fill或stroke属性，如下所示：
svg {
fill: red; /* 修改填充颜色 */
stroke: blue; /* 修改边框颜色 */
}
相关文章
063 月
网站测速神器-谷歌PageSpeed Insights 入门指南
Google PageSpeed Insights 【https://pagespeed.web.dev】 是 Google 提供的一个在线工具，用于分析和优化网页的性能。它基于 Lighthouse，能够评估网页的加载速度、用户体验、SEO 等多个方面，并提供详细的报告和改进建议。下面是一份测试界面报告：那么问题来了，对于新手来说，看到上面报告中的指标数据可能会一头雾水，接下来我将用最通俗易懂的方式解读上面的指标，新手一看就懂：首先我们搞清楚这个测试报告的四大板块： - Performance（速度性能）：衡量网页的加载速度与运行效率。 - Accessibility（无障碍访问）：评估网页对残障用户的友好程度。 - Best Practices（最佳实践）：检查代码的规范程度。 - SEO（搜索引擎优化）：这个大家都不陌生了，评估网页对搜索引擎的友好程度。在这四大板块中，我们着重讲一下performance性能指标：1，First Contentful Paint (FCP) – 首次内容绘制 通俗解释：这是你打开网页后，第一次看到任何内容（比如文字或图片，不包括iframe）的时间。 意义：它告诉你页面开始显示内容的速度。越快越好，因为用户会觉得页面加载得快。 电脑端评分标准：0-0.9秒为优秀，0.9-1.6秒为良好，超过1.6秒为较差。 移动端评分标准：0-1.8秒为优秀，1.8-3秒为良好，超过3秒为较差。2，Largest Contentful... read more
041 月
2025粉丝福利 🎉：领取【终身免费版】阿里云企业邮箱！
在搭建WordPress独立站时，企业邮箱是不可或缺的工具之一，一个稳定可靠的企业邮箱不仅能提升品牌形象，还能确保邮件发送功能的正常运行，比如订单通知、用户注册验证邮件、询盘邮件通知等。国内的企业邮箱服务商当属阿里云最为稳定和高效，作为阿里云的老用户可能都知道，阿里云之前一直在官网上提供免费版企业邮箱，但近几年，这项服务已从官网悄然下架，取而代之的是各种收费版本，如今，想要领取免费版企业邮箱只能通过特殊链接才能申请。作为2025年的特别粉丝福利，今天为大家找到了这一特殊链接，让你的独立站专业又高效，同时还能省下一笔开支。通过下面这个链接，你仍然可以轻松申请阿里云的终身免费版企业邮箱，功能完全够用，非常适合个人站长和小型企业。如何领取免费版阿里云企业邮箱？领取流程非常简单，按照以下步骤操作即可：1. 准备一个域名：免费版企业邮箱需要绑定域名才能使用。如果你还没有域名，可以在阿里云等域名服务商处购买。 2. 点击特殊链接：通过下面提供的链接，进入阿里云企业邮箱申请页面。 3. 填写申请信息：按页面提示填写域名等信息并提交申请。 4. 配置域名解析：完成申请后，根据阿里云提供的教程，将你的域名解析到企业邮箱服务器。 5. 开始使用：解析完成后，你的企业邮箱即可正常使用！👉 领取链接： [阿里云免费版企业邮箱申请入口]（该链接后续可能存在失效的可能，所以请尽早领取！！！）免费版企业邮箱的配置如何？ - 每个账户最多支持50个用户 - 账号容量5G - 个人网盘容量2G如果你对邮箱容量和功能需求较高，未来可以随时升级到付费版本。对于正在搭建独立站的站长来说，一个企业邮箱是必备的基础设施。通过阿里云免费版企业邮箱，你可以零成本获得一个专业的邮件服务，不仅提升网站的整体形象，还能保证邮件正常发送和接收。机会难得，赶紧去领取吧！ read more
174 月
谷歌是如何衡量一个网站的速度？
当我们的网站上线后，【网站速度】是绕不开的一个重要问题，它已成为决定用户体验和搜索引擎排名的关键因素。为什么网站速度如此重要？在深入探讨技术细节之前，我们先了解一下为什么要如此重视网站速度： 1，用户体验：研究显示，40%的用户会放弃加载时间超过3秒的网站； 2，转化率：每提高1秒的加载速度，转化率可能提升2%； 3，SEO排名：网站速度已成为谷歌搜索排名因素之一； 4，移动优先：随着移动设备使用量激增，移动端的速度性能指标变得尤为关键；那么回到我们的主题，谷歌是如何衡量一个网站的速度？谷歌采用一种标准化指标【PageSpeed Insights】来评估网站速度性能，这些指标统称为"Core Web Vitals"（核心网页指标）。让我们详细了解这些关键指标： 【关于PageSpeed Insights，之前有写过一篇文章介绍，详细请参考https://fengjiajun.com/5418.html】1. Largest Contentful Paint (LCP) - 最大内容绘制：测量页面主要内容加载完成的时间。 2. First Input Delay (FID) - 首次输入延迟：测量从用户首次与页面交互到浏览器实际响应的时间，即使页面看起来已加载完成，如果JavaScript仍在执行，用户可能会遇到延迟。 3. Cumulative Layout Shift... read more
124 月
谷歌云服务器开启SSH并设置root密码
当我们在谷歌云购买了服务器后，默认情况下，系统是禁用了第三方客户端的SSH功能，并且不提供管理员root账户的密码。本教程将会展示谷歌云服务器如何开启SSH并设置密码。首先从浏览器打开服务器默认的ssh网页客户端链接到服务器。一、设置root密码： //切换到root账号 sudo -i//设置root密码 passwd 输入了passwd命令后，直接输入新密码，按回车后再重复一次密码，【输入密码的时候不会显示出来】；二、开启SSH： //编辑ssh配置文件 vi /etc/ssh/sshd_config//然后再输”i”进入编辑模式 i//找到以下内容并修改 PermitRootLogin yes //默认为no，改为yes PasswordAuthentication yes //默认为no，改为yes//修改完成后，按... read more