一云博客 - 文章分享
type: channel
link: https://blog.yiyunt.cn/index.php/category/%E6%96%87%E7%AB%A0%E5%88%86%E4%BA%AB/
items: win10本机安装rabbitMQ
items: css选择器备忘录
items: 获取一张美国虚拟信用卡
items: 轻松搭建 VPN 服务器
items: 部署你自己的导航站-dashy
items: Godaddy购买.lol域名仅1.2元每年，可注册10年，能接入CF
items: 11个开源免费Web代码编辑器
items: 一款自动化渗透工具包 TscanPlus
items: 实战：一款实用炫酷的Linux系统Web管理平台
items: 建立一个从零开始到上线的网站通常需要以下步骤

win10本机安装rabbitMQ
type: item
date: 2024-09-10T17:38:51+08:00
description: 在win10环境下安装RabbitMQ的步骤第一步：下载并安装erlang原因：RabbitMQ服务端代码是使用并发式语言Erlang编写的，安装Rabbit MQ的前提是安装Erlang。下载地址：http://www.erlang.org/downloads由于我的电脑是64位系统，所以我选择是的64位下载。第二步、下载完成后开始安装点击install开始安装，完成后点击close第三步、配置环境变量ERLANG_HOME变量名：ERLANG_HOME变量值就是刚才erlang的安装地址，点击确定。然后双击系统变量path，点击“新建”，将%ERLANG_HOME%\bin加入到path中。最后windows键+R键，输入cmd，再输入erl，看到版本号就说明erlang安装成功了。第四步、下载安装rabbitMq下载地址：http://www.rabbitmq.com/download.html下载完成后双击安装RabbitMQ安装好后接下来安装RabbitMQ-Plugins。打开命令行cd，输入RabbitMQ的sbin目录然后在后面输入rabbitmq-plugins enable rabbitmq_management命令进行安装出现上图代表安装成功，打开sbin目录，双击rabbitmq-server.bat访问 http://localhost:15672默认用户名和密码都是guest登陆即可。原文出处：https://www.cnblogs.com/count-mjb/p/10939117.html

css选择器备忘录
type: item
date: 2024-04-18T16:32:05+08:00
description: {mtitle title="目录信息"/}啥是CSS选择器通用选择器 - *元素选择器 - element类名选择器 - .classID 选择器 - #id多选择器 - .class.class-2逗号组合 - .class, .class-2后代选择器 - .class .class-2相邻兄弟选择器 - .class + .class-2子选择器 - .class > .class-2兄弟选择器 - .class ~ .class-2脑残猫头鹰选择器 - + 属性选择器 - []链接伪类选择器input相关第N个孩子指定类型的第N个孩子伪类选择器伪元素0. 啥是CSS选择器CSS选择器 是用于选择 HTML 元素并为其应用样式的一种机制。选择器允许我们根据元素的 类型 、 属性 、 位置 以及其他特征来选择要样式化的元素，从而实现对网页样式的精确控制。以下是一些常见的 CSS 选择器及其用途：「元素选择器（Element Selector）」 ：选择指定类型的 HTML 元素。例如， p 选择所有段落元素。「类选择器（Class Selector）」 ：选择具有指定类名的元素。以点号（ . ）开头，后跟类名。例如， .button 选择所有类名为 button 的元素。「ID 选择器（ID Selector）」 ：选择具有指定 ID 的元素。以井号（ # ）开头，后跟 ID 名称。例如， #header 选择 ID 为 header 的元素。「后代选择器（Descendant Selector）」 ：选择指定元素的后代元素。使用 空格 分隔两个选择器，其中第一个选择器表示 父元素第二个选择器表示 后代元素例如， div p 选择所有 元素内部的所有段落 元素。「相邻兄弟选择器（Adjacent Sibling Selector）」 ：选择紧接在另一个元素后面的元素。使用加号（ + ）符号连接两个选择器，其中第一个选择器表示 第一个元素第二个选择器表示其 紧邻的兄弟元素例如， h2 + p 选择所有紧接在 元素后面的 元素。「通用选择器（Universal Selector）」 ：选择页面中的 「所有元素」 。使用星号（ * ）表示。例如， * 选择页面中的所有元素。除了这些基本的选择器外，CSS 还提供了许多其他类型的选择器，如 伪类选择器 （例如 :hover 、 :active ）、 伪元素选择器 （例如 ::before 、 ::after ）、 属性选择器 （例如 [type="text"] ）等，可以根据具体的需求选择合适的选择器来对页面元素进行样式化。{dotted startColor="#ff6c6c" endColor="#1989fa"/}1. 通用选择器 - *CSS的 通用选择器 是一个星号（ * ），它匹配文档中的 「任何元素」 。使用通用选择器，我们可以选择页面上的 「所有元素」 ，并为它们应用相同的样式。例如，如果我们想为页面上的所有元素设置相同的字体样式，我们可以使用通用选择器来实现。{callout color="#2bff00"}但要注意，过度使用通用选择器可能会导致 「性能问题」 ，因为它会匹配页面上的所有元素，包括嵌套元素，这可能会增加浏览器的渲染负担。因此，建议在必要时谨慎使用通用选择器。{/callout}{dotted startColor="#ff6c6c" endColor="#1989fa"/}2. 元素选择器 - element元素选择器 是 CSS 中最简单的选择器之一，它通过指定 HTML 元素的名称来选择元素。例如，要选择所有段落元素 ，我们可以使用以下选择器：p { /* CSS 样式 */ }这将选择页面中的所有段落元素，并应用所指定的 CSS 样式。{dotted startColor="#ff6c6c" endColor="#1989fa"/}3. 类名选择器 - .class类选择器 用于选择具有特定类名的 HTML 元素。类选择器以点号（ . ）开头，后跟类名。例如，如果我们有一个类名为 button 的按钮元素，我们可以使用类选择器来选择它：.button { /* CSS 样式 */ }这将选择页面中所有具有类名 button 的元素，并应用所指定的 CSS 样式。类选择器使我们可以为页面中的 「多个元素定义相同的样式」 ，而不必重复定义。此外，一个元素可以同时具有多个类，这样就可以轻松地将多个样式应用于同一个元素。{dotted startColor="#ff6c6c" endColor="#1989fa"/}4. ID 选择器 - #idID 选择器 是 CSS 中用于选择具有特定 ID 属性的 HTML 元素的选择器。ID 选择器以井号（…

获取一张美国虚拟信用卡
type: item
date: 2024-04-10T16:28:42+08:00
description: 拥有一张海外信用卡可以非常方便的使用很多的国外服务或购买国外软件等等，其中子凡我目前觉得最方便的就是能都定于 ChatGPT Plus 会员以及 OpenAI API 账单的支付，当然还能够方便的购买一些国外服务器。但是身在国内的我来说，几乎不太可能直接申请得到一张实体海外信用卡，所有这个时候子凡我就找到了一个能够提供美国虚拟信用卡的平台。下面子凡就简单的分享一下如何选择和获取一张美国虚拟信用卡。如何选择虚拟信用卡其实海外虚拟信用卡平台还是挺多，例如 Dupay（原 Depay）就是一个比较不错的虚拟信用卡平台，但是由于该平台的充值只能使用虚拟货币，所有对于国内很多用户实在是门槛太高了。所有子凡我找到了“WildCard 虚拟信用卡”一个可以直接通过手机号码注册登录，支付宝实名认证，使用云闪付/微信/支付宝等多种方法进行充值，开卡费和手续费也更低，并且提供美国远程环境，可以轻松用于绑定 OpenAI 和 ChatGPT 的付费使用，WildCard 还支持多卡模式，可以方便公司或有多个账户的用户轻松管理多个卡片，开卡金额更加优惠。WildCard 官方网址 ：https://zhangzifan.com/go/wildcard （使用邀请码“LEIXUE”可以享受开卡 88 折优惠，注册时提示填写邀请码就可以填写，否则通过链接直接享受 88 折优惠）如果担心自己不会注册和开卡的可以继续往后查看子凡分享的详细操作步骤，否则直接通过链接（zhangzifan.com/go/wildcard）直接进入官网开始注册账号，根据提示验证和充值开卡即可。如何申请 WildCard 美国虚拟信用卡1.打开 WildCard 官方网站地址 zhangzifan.com/go/wildcard 直接进行账号注册和开卡；2.输入手机号码，点击“获取”并输入验证码，然后点击“继续”按钮。（如果有“输入邀请码”的框，可以输入“LEIXUE”享受开卡费 88 折优惠，没有输入框的直接就是 88 折开卡优惠）；3.继续点击页面的“开始验证”按钮进入信息填写，便于账户的开通和实名验证；4.根据页面提示需要输入完整的姓名和身份证号码等信息，注意拼音不要写错了，填写完成后点击“继续”按钮，可能会提示你确认您的姓名全称；5.打开手机的支付宝扫描页面中的二维码进行人脸验证，手机支付宝上验证成功后点击页面的“已验证”即可进入到“支付费用”进行开户操作；6.注意看清楚页面所有的权益和注销政策以及收费等明细，没问题就可以点击“去支付”进行开卡费用的支付，支付成功后即可成功开通美国虚拟信用卡。如果你通过 zhangzifan.com/go/wildcard 开始注册或输入了“LEIXUE”邀请码，页面就会显示“已享受邀请 88 折”。虚拟信用卡使用注意事项WildCard 本质上是其实就是一种虚拟借记卡，开卡后余额为 0，如果不充值是无法扣费使用的，所有需要在充值后再进行订阅/支付。为了成功把绑定 OpenAI 或开通 ChatGPT Plus 会员可以使用 WildCard 提供的“远程环境”登录和绑定账号，切记未充值不要去绑定，因为绑定信用卡时平台会进行扣费验证，如果余额为零就会照成绑卡失败和增加消费失败率。声明 ：WildCard 虚拟信用卡平台也是我在网上找到的一个平台，除了邀请奖励外没有任何经济利益，也只是一个普通用户，我也无法向大家承诺和担保关于该平台的运行情况，所以请大家理性对待和慎重的选择，每次使用不要充值过多的余额，任何关于该平台的使用和操作，或者绑定失败的都可以联系 WildCard 网页上的在线客服，我也试过人工客服，除了有点慢以为暂时没有发现其他问题。原文出处：https://zhangzifan.com/how-get-us-virtual-credit-card.html

轻松搭建 VPN 服务器
type: item
date: 2024-04-10T16:13:00+08:00
description: 前言 随着工作的多样化，办公场地也不局限于公司或家里，有些时候我们需要访问内网资源，而互联网不能直接访问到内网资源，常见的就是部署VPN服务器。 今天给搭建介绍一款开源的 VPN 软件： OpenVPN步骤准备工作 通过安装脚本即可进行安装，可使用以下任意一种方式下载到安装脚本⭕ 直接通过官网的脚本进行安装 在 Linux 系统下，执行以下命令wget https://git.io/vpn -O openvpn-install.sh && bash openvpn-install.sh⭕ 直接访问 github ，复制脚本的内容到本地，生成一个安装脚本https://github.com/Nyr/openvpn-install/blob/master/openvpn-install.sh⭕ 这里提供了一个下载地址，可以直接下载到安装脚本，扫码进行下载安装 如果是下载脚本的方式，先把脚本上传到 Linux 服务器，并授予执行权限chmod +x openvpn-install.sh执行安装脚本之后，根据提示进行设置./openvpn-install.sh选择服务器的IP地址设置公网能访问到的 IP 地址，如果有自己的域名，建议输入域名地址为了安全性，不被端口探测，我们选择推荐的 UDP 协议输入 VPN 服务的端口，一般使用默认的即可选择 DNS 服务器，一般使用本机的配置即可安装过程会生成一个客户端账号，我们输入一个并回车按下回车开始安装当出现以下信息时，说明是安装成功了日志的倒数第二行提示生成的客户端账号配置文件保存在/root/pande.ovpn客户端程序在连接VPN时需要有这个配置文件客户端程序扫码下载或者从 百度网盘 下载{mtitle title="提取码： knef"/}配置服务器 服务的配置信息存储在以下文件/etc/openvpn/server/server.conf服务脚本为systemctl status openvpn-server@server.service客户端 安装过程生成的账号对应的配置文件，是不带有密码的/root/pande.ovpn客户端连接安装 安装客户端程序。安装过程比较简单，只需要几步就能安装好提示客户端账号的配置文件需要放在其中一个目录下把客户端配置文件放入安装目录下的配置目录。在这个例子中，把服务器上生成的 /root/pande.ovpn 文件放到以上其中一个目录下。启动 双击桌面上的快捷方式打开客户端程序右键点击任务栏上的图标，选择【连接】这样就能连接上VPN服务器了。更多的介绍请访问官网进行查看：https://github.com/Nyr/openvpn-install写在最后经过简单的几步操作，我们就成功搭建了一个VPN服务器。更多的配置和使用请参考官网的介绍。原文出处：https://mp.weixin.qq.com/s/xxUhtKBSjoLiEeR6EdiYjg

部署你自己的导航站-dashy
type: item
date: 2024-04-10T16:02:18+08:00
description: 现在我们每天要访问的网页都太多了，尽管chrome非常好用，有强大的标签系统。但是总觉得少了点什么。今天我就来分享一个开源的导航网站系统 dashy。这是一个国外的大佬的开源项目 github上面搜索 Lissy93/dashy来简单说一下为什么来分享这个项目支持多页面管理完全免费和开源安装简单，支持docker页面支持中文！那么接下来我们采用docker的方式进行安装，一条命令即可。ssh连接到你的终端输入命令 docker run -d -p 4000:80 lissy93/dashy 来拉去并且启动容器前台访问 http://ip:4000 就可以看到前台页面已经启动了。我们首先把语言改成中文点击右上角编辑页面，然后新增section我在这里新建了一个section。名字为搜索网站，你可以设置这个分区的图标（需要图片地址），以及排序方式，还有行和列等配置。新建好分区之后，我们就可以新建item了。我这里以百度举例子。创建好之后我们保存看看效果。然后又添加了google 和bing。他们的icon我随便添加的。所以看起来不美观。 这里再说一下它的其他功能把。大家可以自行探索主题和布局支持修改，而且主题支持编辑，主题很丰富支持云端备份和同步12.支持搜索和 自定义样式总体来看，这个导航站还是不错的，很多东西都支持自定义。感兴趣的可以自己去装一下。然后也是设置反向代理后绑定域名（这个在之前有多次写过怎么配置了），就可以拥有自己的导航站了。 原文出处:https://mp.weixin.qq.com/s/3EO6tlkz2IhI9IHxD6uLAg

Godaddy购买.lol域名仅1.2元每年，可注册10年，能接入CF
type: item
date: 2024-04-10T15:55:27+08:00
description: GoDaddy是从事互联网域名注册及网站托管的上市公司。截至2016年1月，据称GoDaddy管理的域名超过6,100万个，成为获得ICANN认证的全球最大注册商，服务逾1,300万客户，员工总数超过4,000。博主的第一个域名就是从GoDaddy购买的！老牌服务商了！值得信赖！注册地址https://www.godaddy.com/zh-sg/domainsearch/find?domainToCheck=1ol.lol左下角可切换语言，支持中文！域名管理面板：https://dcc.godaddy.com/control/portfolio简要步骤1，选择自己心仪的域名，添加到购物车2，不选择附属产品，直接结账3，选择注册年限，点击【我已准备好支付】或者直接使用PayPal支付4，点击其他支付后需要维护地址信息，可以正常填写中国地址5，选择支付方式，支持支付宝支付6，支付成功后，可见域名！接入CF1，登录cloudflare，添加要接入的域名2，然后登录域名管理面板修改DNS3，稍等一会域名接入成功！最后总结1，前不久godaddy官网疑似被墙，如果不能访问，请自备工具2，godaddy 貌似不提供免费的隐私保护3，其他后缀域名价格不算便宜4，lol存在很多短域名，2-3位5，该域名国内还不能备案，国内使用需谨慎6，结算金额选择RMB，10年大概12元多7，活动结束时间未知！需要的童鞋抓紧了！消息来源：https://hostloc.com/thread-1216824-1-1.html原文出处:https://mp.weixin.qq.com/s/seHDcObT12_yMktPoA1rNQ

11个开源免费Web代码编辑器
type: item
date: 2024-04-10T15:32:21+08:00
description: 基于Web的代码编辑器是一种用于直接在Web浏览器中编写代码的应用，无需在本地安装任何软件。 它提供了一个在线开发环境，开发人员可以在其中编写代码、预览效果、更改代码并与团队成员实时协作。基于Web的代码编辑器对于团队之间的协作非常重要， 有许多优势 ：可访问性：基于Web的代码编辑器可以从任何具有互联网连接的设备访问，使团队成员可以轻松地远程协同工作。这种可访问性具备更大的灵活性，并支持跨地区和跨时区的协作。实时团队协作：基于Web的代码编辑器通常支持实时协作功能，允许多个团队成员同时处理同一代码。开发人员能够在项目上进行协作，一起编辑和审查代码，并即时反馈。版本控制集成：与Git等版本控制系统集成，使团队能够管理和跟踪代码库的变更。通过两者集成，以提供集中的代码存储库，促进工作流的顺畅协作，从而简化协作。代码共享和审查：基于Web的代码编辑器提供了与团队成员共享代码片段或整个项目的简单方法。这简化了代码评审的过程，团队成员可以直接在编辑器中留下评论、提出更改建议、提供反馈。跨平台兼容性：基于Web的代码编辑器一般独立于平台，允许开发人员使用不同的操作系统（Windows、macOS、Linux）进行协作，而不会出现兼容性问题。具备较高包容性，不管团队成员的开发环境如何都能够为项目做贡献。本文主要推荐一些比较好的开源Web代码编辑器，以直接体验或嵌入到你的产品中。01 Monaco Editor https://github.com/microsoft/monaco-editorMonaco编辑器是微软开发的基于Web的代码编辑器，由VS Code提供功能支持。体验地址：https://microsoft.github.io/monaco-editor/playground.html优点：具有语法突出显示、代码完成和调试功能的丰富功能集。高度可定制和可扩展。性能出色，即使是大型代码库。支持多种编程语言。与其他工具和框架的集成。缺点：与更简单的代码编辑器相比，学习曲线更陡峭。由于其功能丰富的性质，需要更多的资源来运行。有限的离线功能，因为它主要在网络环境中运行。02 OpenVSCode Server https://github.com/gitpod-io/openvscode-server这个项目提供了一个可以在远处服务器上运行的VS Code，允许通过Web浏览器进行访问。它基于Gitpod和GitHub Codespaces 的技术架构 。VS Code团队对其架构进行重构，以支持基于浏览器的工作模式，并且该项目共享了使用最新版本的VS Code所需的最小更改集，具有简单的升级路径和低维护工作量。03 ecode https://github.com/SpartanJ/ecodeecode是为现代硬件设计的轻量级代码编辑器，专注于响应性和性能。它利用硬件加速的eepp GUI，并改进eepp GUI库。功能特征：轻巧便携极简的GUI，可定制的配色方案支持50多种语言的文本高亮显示和LSP语义高亮显示多光标支持，实现高效编辑终端集成，实现无缝命令执行用于快速访问编辑器功能的命令行自动完成和可定制的键盘绑定04 Code Server https://github.com/coder/code-server Code-Server是一个支持在浏览器中运行VS Code的开源项目，能够在任何设备上提供一致的开发环境。它还支持使用云服务器以获得更快的执行效率，并为移动的用户保留电池寿命。05 Tabby https://github.com/TabbyML/tabbyTabby是一个可以私有化部署的AI编码助手，提供了GitHub Copilot的开源和本地部署方案。它是独立的，不需要DBMS或云服务，具有易于集成的OpenAPI接口，并支持消费级GPU。另外，Tabby可以使用Docker轻松安装。06 Neko Code Editor https://github.com/flyingcatdeveloper/nceNeko Code Editor是一个简单的代码编辑器，具有Monaco Editor类似的功能，包括：控制台、在新选项卡中打开代码、多文件功能、项目管理、DevLog更新、本地数据保存、可自定义设置等功能。 功能特征：Monaco编辑器功能： 具有代码自动完成、 MDN 应 用 等功能。控制台：只需单击一个按钮即可轻松查看控制台。在新选项卡中打开代码：查看代码时，它看起来就像一个网页。多文件功能：拥有尽可能多的文件，支持HTML，CSS，文件夹和JS文件。仪表板：在一个位置查看所有编辑器，沿着显示上次打开它们的时间。项目导入：开始在新设备上工作或通过导入项目恢复已删除的数据。项目下载：安全下载整个项目，以防止…

一款自动化渗透工具包 TscanPlus
type: item
date: 2024-04-10T14:39:59+08:00
description: 对于刚入门网络安全的小伙伴而言，对于各种工具的使用算是头疼的了。不是工具的运行环境有问题，就是工具的使用命令记不住。故而为大家介绍一款综合渗透扫描工具。关于TscanPlus 是一款综合性网络安全检测和运维工具，旨在快速资产发现、识别、检测，构建基础资产信息库，协助甲方安全团队或者安全运维人员有效侦察和检索资产，发现存在的薄弱点和攻击面。安装本我们直接在Windows平台下运行。双击exe文件即可，无需安装。我们在作者的 项目地址 ： https://github.com/TideSec/TscanPlus/releases 下载对应的包即可。主要功能端口扫描 端口扫描是前期信息收集的重要手段。为了简单明了，作者提供了常见的web端口、top100、常见RCE端口等等。并且在扫描结果中，从Banner信息中可以得到相关服务的名称。URL探测 这个功能主要检测该站长都是利用了哪些框架，如WP Typecho DZ php mysql等常见的程序类型和系统服务。子域名查找 子域名查找也是我们在信息收集中重要的环节之一。以通过旁站漏洞来获取系统Shell。漏洞检测 作者提供了约400多个已知漏洞。输入目标后可快速检测常见的漏洞。密码破解 支持常见的SSH PDP MYSQL FTP等常见服务的密码破解。目录扫描 通过目录扫描，可以发现站点的一些敏感目录，如站点后台地址等。辅助功能作者为了方便初学者学习，在里面集成了常见的 CS MSF NC等工具上线的命令。原文出处：https://mp.weixin.qq.com/s/U3Hm5DoqWdTOUS8GSabRdw

实战：一款实用炫酷的Linux系统Web管理平台
type: item
date: 2024-04-10T11:06:31+08:00
description: {mtitle title="院长简介"/}作者：院长职位：运维开发工程师官网：https://deanit.cn博客：https://blog.deanit.cn擅长：{callout color="#bfbfbf"}【虚拟化，容器化，自动化运维，CICD，监控，日志，中间件，双机热备，分布式存储，数据库，认证，组网隧道，Kali 安全渗透，网络攻击，负载均衡，Html，Css，Js，Jq，Vue3，Shell，Python，Go，前后端框架】{/callout}项目简介{callout color="#bfbfbf"}Webmin 是用于Linux / UNIX系统管理的开源Web控制面板。Webmin允许您管理用户，组，磁盘配额以及配置最受欢迎的服务，包括Web，FTP，电子邮件和数据库服务器。{/callout}项目官网https://webmin.com/项目GitHubhttps://github.com/webmin/webminWebmin特点易于使用 ：Webmin提供了直观的界面和友好的用户体验，使得系统管理员能够轻松地完成各种管理任务。支持多种操作系统 ：Webmin支持多种Linux发行版以及其他UNIX系统，如FreeBSD和Solaris等。全面的管理功能 ：Webmin集成了众多常见的服务器管理任务，包括系统配置、软件包管理、用户管理等。安全性高 ：Webmin具有访问控制和SSL支持，为远程管理提供了足够的安全性。可扩展性强 ：Webmin采用插件式结构，可以轻松地添加或删除功能模块，使其具有很强的扩展性和伸缩性。多语言支持 ：Webmin提供多国语言版本，包括中文，能够满足不同地区和语言习惯的用户需求。灵活的配置 ：Webmin的配置非常灵活，可以根据用户的需求进行定制，满足不同规模和服务器的管理需求。实时监控与日志分析 ：Webmin能够实时监控服务器的状态，提供实时的日志分析功能，帮助管理员及时发现并解决潜在问题。支持自动化任务 ：Webmin可以配置自动化任务，使得管理员能够定时执行特定的管理任务，提高管理效率。集成度高 ：Webmin可以与其他常见的服务器软件进行集成，如Apache、Nginx、MySQL等，方便管理员进行统一的管理和维护。{mtitle title="部署安装"/}设置repo源vim /etc/yum.repos.d/webmin.repo [Webmin] name=Webmin Distribution Neutral #baseurl=https://download.webmin.com/download/yum mirrorlist=https://download.webmin.com/download/yum/mirrorlist enabled=1下载Webmin GPG密钥[root@Dean ~]# wget http://www.webmin.com/jcameron-key.asc --no-check-certificate --2024-01-21 18:23:41-- http://www.webmin.com/jcameron-key.asc 正在解析主机 www.webmin.com (www.webmin.com)... 216.105.38.11 ...... 长度：1320 (1.3K) [text/plain] 正在保存至: “jcameron-key.asc” jcameron-key.asc 100%[=======================================================================================>] 1.29K --.-KB/s 用时 0s 2024-01-21 18:23:44 (37.0 MB/s) - 已保存 “jcameron-key.asc” [1320/1320])导入Webmin GPG密钥[root@Dean ~]# rpm --import jcameron-key.asc重新生成缓存yum clean all yum makecahe安装webmin[root@Dean ~]# yum install webmin -y Webmin Distribution Neutral 3.6 MB/s | 20 MB 00:05 上次元数据过期检查：0:00:06 前，执行于 2024年01月21日 星期日 18时26分18秒。 依赖关系解决。 =============================================================================================…

建立一个从零开始到上线的网站通常需要以下步骤
type: item
date: 2024-04-09T16:36:00+08:00
description: 建立一个从零开始到上线的网站通常需要以下步骤需求分析：与客户或团队讨论网站的目标、功能和设计要求。确定网站需要包含的页面，功能和用户交互。市场调研和竞争分析：了解目标受众和竞争对手的网站，掌握行业最佳实践和趋势。制定网站结构：根据需求分析和调研结果，制定网站的结构和内容架构，包括页面布局、导航和功能模块。设计网站：包括视觉设计和用户体验设计，创建网站的外观和感觉，以及用户与网站的交互方式。开发：根据设计和结构，进行前端开发（HTML、CSS、JavaScript）和后端开发（服务器端语言、数据库等）。内容创建：准备网站内容，包括文本、图片、视频等。测试：对网站进行功能测试、兼容性测试和性能测试，确保网站的质量和稳定性。部署：将网站部署到服务器，并配置域名和相关服务。优化：根据实际使用情况和用户反馈，对网站进行优化和改进。上线：发布网站，并确保其正常运行。以上是一个简单的从0到上线的网站方案大纲，具体的实施过程会因项目大小、团队组成和技术选型而有所不同。网站设计是一个综合性的工作，包括视觉设计和用户体验设计两个方面。以下是网站设计的详细说明：视觉设计：色彩搭配：选择符合品牌形象和目标受众的色彩，确保页面整体的美感和舒适度。页面布局：设计页面的结构和布局，包括头部、导航、内容区域、侧边栏和页脚，确保页面信息的合理排布和视觉吸引力。图形和图标：选择合适的图形和图标，提升页面的美感和辨识度。多媒体内容：如图片、视频等的处理和展示，确保视觉效果和页面加载速度的平衡。响应式设计：设计适应不同屏幕尺寸的布局，确保在各种设备上都有良好的显示效果。用户体验设计：导航设计：设计易用的导航结构，确保用户能够轻松找到他们需要的信息。页面交互：设计用户与页面之间的交互方式，包括按钮、表单、链接等，以提升用户的操作便捷性。信息架构：设计清晰的信息组织架构，确保用户能够快速准确地找到他们需要的信息。用户参与：设计用户参与的机制，如评论、分享、反馈等，增加用户粘性和互动性。可用性测试：通过原型测试和用户测试，不断优化用户体验，确保网站的易用性和用户满意度。综合来说，网站设计旨在创造一个吸引用户、易于使用、功能完善、美观大方的网站，以满足用户需求并达到项目的商业目标。