Bash를 사용하여 웹에 안전한 색상 만들기
컴퓨터 모니터의 색상 팔레트가 제한되어 있는 경우 웹 디자이너는 웹 사이트를 만들기 위해 웹에 적합한 색상 세트를 사용하는 경우가 많습니다. 최신 장치에 표시되는 최신 웹 사이트는 원래의 웹 안전 팔레트보다 더 많은 색상을 표시할 수 있지만 웹 페이지를 만들 때 웹 안전 색상을 참조하는 경우가 있습니다. 이렇게 하면 내 페이지가 어디에서나 잘 보일 것이라는 것을 알 수 있습니다.
웹 안전 팔레트는 온라인에서 찾을 수 있지만 쉽게 참조할 수 있도록 나만의 사본을 갖고 싶었습니다. Bash 디스플레이에서 for 루프를 생성합니다. for 循环创建一个。
Bash for 循环
Bash 中的 for 循环 的语法如下所示：
for 变量 in 集合 ; do 语句 ; done
例如，假设你想打印从 1 到 3 的所有数字。你可以快速在 Bash 命令行上编写一个 for 循环来为你完成这项工作：
$ for n in 1 2 3 ; do echo $n ; done123
分号是标准的 Bash 语句分隔符。它们允许你在一行中编写多个命令。如果你要在 Bash 脚本文件中包含这个 for 循环，你可以用换行符替换分号并像这样写出 for 循环：
for n in 1 2 3doecho $ndone
我喜欢将 do 和 for 放在同一行，这样我更容易阅读：
for n in 1 2 3 ; doecho $ndone
一次多个 for 循环
你可以将一个循环放在另一个循环中。这可以帮助你迭代多个变量，一次做不止一件事。假设你想打印出字母 A、B 和 C 与数字 1、2 和 3 的所有组合。你可以在 Bash 中使用两个 for 循环来实现，如下所示：
#!/bin/bashfor number in 1 2 3 ; dofor letter in A B C ; doecho $letter$numberdonedone
如果将这些行放在名为 for.bash 的 Bash 脚本文件中并运行它，你会看到九行显示了所有字母与每个数字配对的组合：
$ bash for.bashA1B1C1A2B2C2A3B3C3
遍历 Web 安全颜色
Web 安全颜色是从十六进制颜色 #000（黑色，即红色、绿色和蓝色值均为零）到 #fff（白色，即红色、绿色和蓝色均为最高），每个十六进制值的步进为 0、3、6、9、c 和 f。
你可以在 Bash 中使用三个 for 循环生成 Web 安全颜色的所有组合的列表，其中循环遍历红色、绿色和蓝色值。
#!/bin/bashfor r in 0 3 6 9 c f ; dofor g in 0 3 6 9 c f ; dofor b in 0 3 6 9 c f ; doecho "#$r$g$b"donedonedone
如果将其保存在名为 websafe.bash
Bash for 루프
Bash의 for 루프 구문은 다음과 같습니다: 🎜$ bash websafe.bash | head#000#003#006#009#00c#00f#030#033#036#039
for 루프가 작업을 수행합니다. 🎜#!/bin/bashfor r in 0 3 6 9 c f ; dofor g in 0 3 6 9 c f ; dofor b in 0 3 6 9 c f ; doecho "<div style='background-color:#$r$g$b'><code>#$r$g$b</code></div>"donedonedone
for 루프에서는 세미콜론을 개행 문자로 바꾸고 다음과 같이 작성할 수 있습니다. : 1px 3px; border-radius: 4px; Overflow-wrap: break-word; text-indent: 0px; for inline-block;">for 루프: 🎜$ bash websafe.bash > websafe.html
for를 같은 줄에 추가하면 더 쉽게 읽을 수 있습니다. 🎜#!/bin/bashcat<<EOF<!DOCTYPE html><html lang="en"><head><title>Web-safe colors</title><meta name="viewport" content="width=device-width, initial-scale=1"><style>div {padding-bottom: 1em;}code {background-color: black;color: white;}@media only screen and (min-width:600px) {body {display: grid;grid-template-columns: repeat(6,1fr);column-gap: 1em;row-gap: 1em;}div {padding-bottom: 3em;}}</style></head></body>EOFfor r in 0 3 6 9 c f ; dofor g in 0 3 6 9 c f ; dofor b in 0 3 6 9 c f ; doecho "<divstyle='background-color:#$r$g$b'><code>#$r$g$b</code></div>"donedonedonecat<<EOF</body></html>EOF한 번에 여러 for 루프
🎜하나의 루프를 다른 루프 안에 넣을 수 있습니다. 이는 여러 변수를 반복하고 한 번에 두 가지 이상의 작업을 수행하는 데 도움이 됩니다. 문자 A, B, C와 숫자 1, 2, 3의 모든 조합을 인쇄한다고 가정해 보겠습니다. Bash에서 두 개를 사용할 수 있습니다for 루프를 사용하면 아래와 같이 됩니다. 🎜$ bash websafe.bash > websafe.html
for.bash를 Bash 스크립트 파일에서 실행합니다. 각 숫자와 짝을 이루는 문자의 모든 조합을 보여주는 9개의 줄이 표시됩니다. 🎜rrreee웹 안전 색상 트래버스
🎜웹 안전 색상은 16진수 색상에서 파생됩니다.#000（ 검정색(예: 빨간색) , 녹색 및 파란색 값은 모두 0입니다) ~ #fff (흰색, 즉 빨간색, 녹색, 파란색이 가장 높음), 각 16진수 값은 0, 3, 6, 9, c 및 에프. 🎜🎜세 가지 for 빨간색, 녹색 및 파란색 값을 반복하면서 웹에 적합한 색상의 모든 조합 목록을 생성하는 루프입니다. 🎜rrreee🎜 websafe.bash를 새 Bash 스크립트에서 실행하면 모든 웹 안전 색상에 대한 16진수 값의 반복이 표시됩니다. 🎜$ bash websafe.bash | head#000#003#006#009#00c#00f#030#033#036#039
要制作可用作 Web 安全颜色参考的 HTML 页面，你需要使每个条目成为一个单独的 HTML 元素。将每种颜色放在一个 <div> 元素中，并将背景设置为 Web 安全颜色。为了使十六进制值更易于阅读，将其放在单独的 <code> 元素中。将 Bash 脚本更新为如下：
#!/bin/bashfor r in 0 3 6 9 c f ; dofor g in 0 3 6 9 c f ; dofor b in 0 3 6 9 c f ; doecho "<div style='background-color:#$r$g$b'><code>#$r$g$b</code></div>"donedonedone
当你运行新的 Bash 脚本并将结果保存到 HTML 文件时，你可以在浏览器中查看所有 Web 安全颜色的输出：
$ bash websafe.bash > websafe.html
Colour gradient.
这个网页不是很好看。深色背景上的黑色文字无法阅读。我喜欢使用HTML样式，以确保在颜色矩形上以白色文本显示十六进制值，并且背景为黑色。我使用了HTML网格样式将每行六个框进行排列，并为了美观效果，在框之间留有适当的间距。
你需要在循环之前和之后包含其他的HTML元素来添加额外的样式。在顶部的HTML代码中定义样式，并在底部的HTML代码中关闭所有已打开的HTML标签
#!/bin/bashcat<<EOF<!DOCTYPE html><html lang="en"><head><title>Web-safe colors</title><meta name="viewport" content="width=device-width, initial-scale=1"><style>div {padding-bottom: 1em;}code {background-color: black;color: white;}@media only screen and (min-width:600px) {body {display: grid;grid-template-columns: repeat(6,1fr);column-gap: 1em;row-gap: 1em;}div {padding-bottom: 3em;}}</style></head></body>EOFfor r in 0 3 6 9 c f ; dofor g in 0 3 6 9 c f ; dofor b in 0 3 6 9 c f ; doecho "<divstyle='background-color:#$r$g$b'><code>#$r$g$b</code></div>"donedonedonecat<<EOF</body></html>EOF这个完整的Bash脚本生成了一个用HTML格式制作的Web安全颜色指南。当需要引用网络安全颜色时，运行脚本并将结果保存至 HTML 页面。你可以在浏览器中查看 Web 安全颜色演示，以作为你下一个 Web 项目的简单参考
$ bash websafe.bash > websafe.html
（题图：MJ/abf9daf2-b72f-4929-8dd8-b77fb5b9d39b）
위 내용은 Bash를 사용하여 웹에 안전한 색상 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7518
15
1378
52
81
11
53
19
21
68
Windows에서 쉘 스크립트 파일을 실행하는 다양한 방법
Apr 13, 2023 am 11:58 AM
Linux용 Windows 하위 시스템 첫 번째 옵션은 Windows 시스템에서 기본적으로 Linux 바이너리 실행 파일을 실행하기 위한 호환성 계층인 Linux용 Windows 하위 시스템 또는 WSL을 사용하는 것입니다. 대부분의 시나리오에서 작동하며 Windows 11/10에서 셸 스크립트를 실행할 수 있습니다. WSL은 자동으로 사용할 수 없으므로 Windows 장치의 개발자 설정을 통해 활성화해야 합니다. 설정 > 업데이트 및 보안 > 개발자용으로 이동하여 이 작업을 수행할 수 있습니다. 개발자 모드로 전환하고 예를 선택하여 메시지를 확인합니다. 다음으로 W를 찾아보세요
Ubuntu Bash 성능 비교: Ubuntu와 Win10 Anniversary Edition
Jan 04, 2024 pm 09:36 PM
올해 초 Microsoft와 Canonical이 Windows 10 Bash 및 Ubuntu 사용자 공간을 출시했을 때 저는 기본 Ubuntu와 비교하여 Windows 10에서 Ubuntu에 대한 몇 가지 예비 성능 테스트를 시도했습니다. 우분투와 윈도우 10. Windows용 Linux 하위 시스템 테스트는 모든 테스트를 완료했으며 Windows 10 1주년 업데이트와 함께 출시되었습니다. 기본 Ubuntu 사용자 공간은 여전히 Ubuntu14.04이지만 16.04로 업그레이드할 수 있습니다. 따라서 14.04에 1차 테스트를 진행하고, 완료 후 16.04로 시스템을 업그레이드할 예정입니다.
잘 알려지지 않은 최신 Bash 스크립팅 기술 5가지
Jun 26, 2023 pm 08:36 PM
프로그래머는 Bash 명령 언어를 사용하여 수동 작업을 자동화하는 셸 스크립트를 만드는 경우가 많습니다. 예를 들어 다양한 구성, 파일 작업, 빌드 결과 생성 및 다양한 DevOps 관련 활동을 위한 Bash 스크립트를 생성합니다. 거의 모든 Unix 계열 또는 Unix 기반 운영 체제는 사용자에게 사전 설치된 Bash 해석기를 제공하므로 Bash를 사용하여 더 이식 가능한 자동화 스크립트를 작성할 수 있습니다. 우리가 이미 알고 있듯이 Bash 스크립팅은 Bash 명령 언어, 내장 Bash 명령 및 GNU Core Tools와 같은 핵심 운영 체제 CLI 프로그램의 구문을 사용하여 일련의 명령을 작성하는 것을 의미합니다. 표준 및 구식 Bash 스크립트는 일반적으로 일부 명령을 실행하고 터미널에 일반 텍스트를 표시합니다.
A의 B승을 찾는 Bash 프로그램이요?
Aug 30, 2023 pm 09:01 PM
여기에서는 bash 스크립트를 사용하여 숫자 A를 B로 거듭제곱하는 방법을 살펴보겠습니다. 논리는 간단합니다. 이를 위해서는 "**" 연산자나 거듭제곱 연산자를 사용해야 합니다. 이 개념을 명확하게 이해하기 위해 다음 프로그램을 살펴보겠습니다. 예#!/bin/bash#GNUbashScripta=5b=6echo "$(($a**$b))" 출력 15625
Bash 취약점 재발 분석 예시
May 19, 2023 am 11:13 AM
BourneAgainShell(줄여서 BASH)은 1980년에 탄생한 GNU/Linux에서 가장 인기 있는 SHELL 구현입니다. 수십 년의 발전 끝에 단순한 터미널 명령줄 해석기에서 GNU 시스템과 깊이 통합된 다기능 인터페이스로 발전했습니다. . 유닉스 쉘의 일종인 Bash. 최초의 공식 버전은 1989년에 출시되었습니다. 원래는 GNU 운영 체제에서 사용하도록 계획되었지만 이를 기본 셸로 사용하는 Linux 및 MacOSXv10.4를 포함한 대부분의 Unix 계열 운영 체제에서 실행될 수 있습니다. 또한 Microsoft Windows의 Cygwin 및 MinGW로 포팅되었거나 MS-
오늘이 Windows 11 Bug Bash 스티커를 받을 수 있는 마지막 날입니다.
May 13, 2023 pm 08:25 PM
지난주 Microsoft는 Windows 내부자들을 장기적 및 단기적으로 Windows 11 개발을 개선하기 위한 작업에 참여하도록 설계된 캠페인인 BugBash를 발표했습니다. 원래 3월 16일에는 완료할 수 있는 임무가 약 26개였지만 지금은 75개로 늘어났습니다. 하지만 핵심은 다음과 같습니다. BugBash는 3월 22일에 종료되며 피드백 허브에 표시되는 BugBash 전용 스티커를 얻을 수 있는 기회도 제공됩니다. Windows11 BugBash에 참여하려면 Dev 채널(build2)에서 최신 Windows 11 Preview 빌드를 가져와야 합니다.
Bash를 사용하여 웹에 안전한 색상 만들기
Jul 07, 2023 pm 06:54 PM
컴퓨터 모니터의 색상 팔레트가 제한되어 있는 경우 웹 디자이너는 웹 사이트를 만들기 위해 웹에 적합한 색상 세트를 사용하는 경우가 많습니다. 최신 장치에 표시되는 최신 웹 사이트는 원래의 웹 안전 팔레트보다 더 많은 색상을 표시할 수 있지만 웹 페이지를 만들 때 웹 안전 색상을 참조하는 경우가 있습니다. 이렇게 하면 내 페이지가 어디에서나 잘 보일 것이라는 것을 알 수 있습니다. Web Safe Palette는 온라인에서 찾을 수 있지만 쉽게 참조할 수 있도록 나만의 사본을 갖고 싶었습니다. Bash에서 for 루프를 사용하여 만들 수도 있습니다. Bashfor 루프 Bash의 for 루프 구문은 다음과 같습니다: forvariable in collection; done; 예를 들어 1부터 3까지의 모든 숫자를 인쇄한다고 가정합니다. Bas를 빠르게 사용할 수 있습니다
당신을 Linux 명령줄 마스터로 즉시 만들어주는 8가지 셸 명령
Jun 17, 2023 am 09:38 AM
프로그래밍에 대한 탄탄한 기초를 갖추는 것은 분명히 훌륭한 소프트웨어 엔지니어에게 필수적인 자질입니다. Python과 같은 해석 언어이든 C++와 같은 컴파일 언어이든 적어도 하나의 프로그래밍 언어를 마스터하는 것이 중요합니다. 그러나 이는 진정으로 다재다능한 엔지니어가 되기 위한 한 가지 측면일 뿐입니다. 쉘 환경에서 길을 잃으면 이러한 기본 지식은 쓸모가 없게 됩니다. Bash에서 명령을 유연하게 사용하면 기존 프로그래밍 언어가 도달할 수 없는 영역으로 이동할 수 있습니다. 때로는 실제로 더 강력한 프로그래밍 언어를 사용할 필요가 없는 경우도 있습니다. 셸만 사용하면 추가 종속성 없이 필요한 작업을 더 빠르고 쉽게 수행할 수 있습니다. 이 기사에서는 매우 유용한 Bash 명령을 살펴보겠습니다.
