安全人人有责 - 第一部分 - DevSecOps

本文是DevSecOps主题系列的第一篇博客文章。文章探讨了如何将安全高效融入DevOps流程,并阐述了安全是每个人的责任的理念。文章还定义了DevOps、“三大路径”、应用安全(AppSec)和DevSecOps的概念。文章旨在强调在DevOps环境中调整安全活动时,必须确保能够可靠地创建和发布安全软件。同时提到其他篇章的内容和观看相关视频的链接。最后提到作者的书籍《Alice and Bob Learn Application Security》和她的在线培训学院We Hack Purple。

博客文章能起到什么作用?

博客文章可以产生多种影响和作用。首先,它们可以启发思考并引起反思,引发读者对于自身生活的意义和价值进行深思。其次,博客文章能够通过激发积极改变的动力来改善现实生活中的问题,无论大小,这些改变都有价值。此外,博客文章也能促使作者更加务实地感同身受,理解他人的处境并产生影响。最后,通过发挥自身优势,博客文章可以提供一种帮助他人的途径,尤其是作者热爱的领域如无障碍设计等。总之,博客文章能够在许多方面发挥积极作用,产生涟漪效应并对读者产生深远影响。

使用 TailwindCSS 的 background-filter 和 background-blur 构建一个玻璃质感的导航栏

摘要: 本文介绍了如何使用 TailwindCSS 的 background-filter 和 background-blur 功能,构建一个具有玻璃质感的导航栏。文章首先概述了玻璃变形设计趋势的兴起和背景模糊技术的概念。接着,详细描述了安装和设置 TailwindCSS v2.1 的步骤,并展示了如何使用新的背景实用类如 `backdrop-filter` 和 `backdrop-blur` 来创建玻璃质感的导航栏。文章还涵盖了导航栏的基本结构和样式设置,并解释了如何通过应用 z-index 属性确保导航栏的视觉表现。最后,文章提供了如何应用背景滤镜和背景模糊实用程序类的具体步骤,并展示了最终效果。

Javascript Sock Merchant 挑战 - 解决方案 1

文章介绍了如何解决“袜子商人”挑战的问题,提供了一种基于JavaScript的解决方案。该方案首先对输入的数组进行排序,然后逐个比较元素以找到配对的袜子,并统计找到的袜子对的数量。文章还提供了代码示例和视频文字稿,详细解释了解决方案的实现过程。最后,文章鼓励读者提出改进意见,并提供了文章来源链接。

使用 Next.js 重建我的博客

摘要: 本文将介绍如何使用Next.js重建个人博客的过程,探讨了为什么选择Next.js的原因以及如何一步步完成搭建的过程。在实现过程中,遇到了一些技术挑战,如使用babel-plugin-preval/macro创建博客文章集、添加语法高亮显示以及添加RSS源等。同时,作者通过深入研究Unified.js以及语法树的工作原理,解决了语法高亮的难题。最终成功实现了使用Next.js构建的博客网站。

向 GitHub 自述文件页面添加深色/浅色模式专用图片

本文介绍了如何向 GitHub 自述文件页面添加深色和浅色模式专用图片。作者首先展示了如何在 GitHub 文档中使用特定代码为深色和浅色模式指定不同的图像链接。接着,提供了实际的操作示例和图像展示。最后,文章还介绍了如何将图像居中显示,并强调了 div 标签开始和结束之前需要添加换行符的重要性。整体内容旨在帮助读者为 GitHub 个人或开源项目自述文件增加特色,提升视觉效果。

使用 HTML、CSS 和 Javascript 构建音乐播放器 DEV 的全球展示挑战赛,由 Mux 呈现:展示你的项目!

摘要: 这篇文章介绍了如何使用HTML、CSS和JavaScript构建一个音乐播放器,并参加了由Mux呈现的DEV全球展示挑战赛。文章详细描述了项目的文件夹结构,包括HTML布局、CSS样式和JavaScript代码的编写。项目包括创建一个音频容器类,添加音频信息、进度容器和音频标签,并创建一个导航类包含播放、上一曲和下一曲按钮。文章还解释了CSS样式的重要部分,并分享了完整的代码GitHub链接。

使用 Cloudflare 构建速度超快的无服务器应用程序🏃

摘要: 本文介绍了使用Cloudflare构建速度超快的无服务器应用程序的方法和流程。文章首先强调了Cloudflare Workers作为解决方案的优势,并简要描述了其CDN服务和其他服务的特点。接着,文章详细阐述了创建第一个Cloudflare Worker的步骤,包括先决条件、项目设置、代码编写等。最后,通过示例展示了如何创建一个简单的worker,该worker可以将名言保存在键值存储中并返回保存的名言中的随机名言。整篇文章突出了Cloudflare Workers的易用性和高效性,适用于构建速度超快的无服务器应用程序。

使用 Hugo 构建静态网站并使用 Netlify 进行部署

摘要: 本文介绍了如何使用Hugo构建静态网站并使用Netlify进行部署的详细步骤。首先,简要介绍了Hugo和Netlify是什么及其受欢迎的原因。然后,详细阐述了安装Hugo、创建新的Hugo站点、选择主题、运行主题以及部署到Netlify的步骤。最后,通过简单的语言和清晰的截图,解释了每个步骤的具体操作。文章来源于Dev.to,作者是Laura Gift。 关键词:Hugo、Netlify、静态网站、构建、部署

CSS游戏真好玩!

文章介绍了作者对于CSS游戏的看法和体验。作者认为虽然CSS游戏常被看作是一种时间浪费,但它实际上是一项很酷的挑战和绝佳的学习经历,能够迫使开发者在分析设计上停下来思考,并使用更复杂的选择器、处理具体性冲突和练习组合器和伪类等。作者还分享了自己使用CSS和HTML开发井字棋游戏的经历,并提到通过添加一些逻辑和“人工智能”使游戏更具趣味性。文章鼓励读者分享他们在CSS游戏方面的经验。