搜索到
14
篇与
杂货技术
的结果
-
页面加载代码 在footer.php文件最下面添加以下内容 <!-- 加载页面等待 --> <div class="Bg_Th"> <div class="Bg_Img"> <img src="https://cdn.jsdelivr.net/gh/LWANGYONG/cdn/img/luoxiaohei-load.gif"> </div> <p class="Bg_Text">院长正在为您加急渲染...</p> </div> <script> document.onreadystatechange = function() //当页面加载状态改变的时候执行function { if(document.readyState == "complete"){ var df = document.getElementsByClassName("Bg_Th")[0]; df.style.display="none"; } } </script>自定义css /**加载界面等待**/ .Bg_Th{ position:fixed; top:0; bottom:0; height:100%; width:100%; background-color:#fff; transition: all .3s; z-index:9999; } .Bg_Img > img{ display:block; position:absolute; transform:translate(-50%,-50%); top:45%; left:50%; border-radius:8px; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.3); } .Bg_Text{ position:relative; top:60%; text-align:center; font-size:1.4rem; letter-spacing:3px; z-index:9999; } -
主题头像呼吸灯 在主题后台全局css里添加 /*头像呼吸光环和鼠标悬停旋转放大*/ .avatar { border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s; } .avatar:hover { transform: scale(1.15) rotate(720deg); } @keyframes light { 0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;} }
-
网站编辑器详解 姓名网站技能院长https://myit.icu高级运维工程师科长https://bystart.cnJava开发工程师山鸡https://xmaven.cn微服务开发工程师`{dplayer src="https://myit.icu/usr/uploads/2021/01/3212272719.mp4"/}院长技术 ` | 表头 | 表头 | 表头 |表格表格表格表格表格表格表格表格表格code here...::(呵呵) {abtn icon="" color="#55aa1d" href="https://myit.icu" radius="17.75px" content="院长技术"/} {message type="success" content="成功"/}{card-default label="1" width="1"}卡片内容{/card-default}{progress percentage="60" color="#ff6c6c"/}{callout color="#f0ad4e"}标注内容{/callout}{tabs}{tabs-pane label="标签一"} 标签一内容{/tabs-pane}{tabs-pane label="标签二"} 标签二内容{/tabs-pane}{/tabs}{card-list}{card-list-item} 列表一内容{/card-list-item}{card-list-item} 列表二内容{/card-list-item}{/card-list}{timeline}{timeline-item color="#19be6b"} 正式上线{/timeline-item}{timeline-item color="#ed4014"} 删库跑路{/timeline-item}{/timeline}{copy showText="1" copyText="1"/}{card-describe title="卡片描述"}卡片内容{/card-describe}{lamp/}{collapse}{collapse-item label="折叠标题一" open} 折叠内容一{/collapse-item}{collapse-item label="折叠标题二"} 折叠内容二{/collapse-item}{/collapse}{alert type="info"}警告提示{/alert}{gird column="3" gap="15"}{gird-item} 宫格内容一{/gird-item}{gird-item} 宫格内容二{/gird-item}{gird-item} 宫格内容三{/gird-item}{/gird}[video] [video-item src="https://myit.icu/usr/uploads/2021/01/3212272719.mp4" poster="hhttps://myit.icu/usr/uploads/2021/01/3010642145.png" /] [video-item src="视频地址" poster="海报图（填写数字则表示截取视频帧）" /] [video-item src="视频地址" poster="海报图（填写数字则表示截取视频帧）" /][/video]这里写原生html代码使用 Markdown1可以效率的书写文档, 直接转换成 HTML2,。[music-list id="2920647537"/][music id="2920647537"/][photo] markdown的图片 markdown的图片[/photo][tag type="default"]标签一[/tag][tag type="success"]标签二[/tag][tag type="info"]标签三[/tag][tag type="warning"]标签四[/tag][tag type="danger"]标签五[/tag][btn href="跳转链接" type="default"]默认按钮[/btn][btn href="跳转链接" type="primary"]主要按钮[/btn][btn href="跳转链接" type="success"]成功按钮[/btn][btn href="跳转链接" type="info"]信息按钮[/btn][btn href="跳转链接" type="warning"]警告按钮[/btn][btn href="跳转链接" type="danger"]危险按钮[/btn][alt type="success"]成功提示的文案[/alt][alt type="info"]消息提示的文案[/alt][alt type="warning"]警告提示的文案[/alt][alt type="error"]错误提示的文案[/alt][line]带线的标题[/line][card-default width="卡片宽度" label="卡片标题"]卡片内容[/card-default]1 ↩2 ↩
-
-
Linux管理工具Cockpit安装及使用 基本介绍 Cockpit是一个免费且开源的基于web的管理工具，系统管理员可以执行诸如存储管理、网络配置、检查日志、管理容器等任务。通过Cockpit提供的友好的 Web 前端界面可以轻松地管理我们的 GNU/Linux 服务器，非常轻量级，Web 界面也非常简单易用。更重要的是通过Cockpit可以实现集中式管理。Cockpit的一些功能和特点：Cockpit使用systemd完成从运行守护进程到服务几乎所有的功能 集中式管理，通过一个会话窗口管理网络中的所有Linux服务器 创建和管理Docker容器 创建和管理KVM、oVirt虚拟机 包括 LVM 在内的存储配置 基本的网络配置管理 用户user account管理 基于web的 终端 图形化的系统性能展示 使用sosreport收集系统配置和诊断信息 支持Debian, Redhat, CentOS, Fedora, Atomic, Arch Linux, and UbuntuCockpit的一些软件模块，可以根据自己的需要选择性的安装Package Name Purpose cockpit-docker Managing Docker Containers cockpit-kubernetes Visualizing and Configuring Kubernetes Cluster cockpit-machines Manage KVM Virtual Machines cockpit-sosreport Create diagnostic report with the sosreport tool cockpit-selinux Troubleshoot SELinux Issues cockpit-kdump Configure Kernel Crash Dumps cockpit-subscriptions Manage System subscription cockpit-machines-ovirt Manage oVirt Virtual Machines cockpit-pcp Reading PCP metrics and Loading PCP archives开始安装,我这里直接安装所有yum -y install cockpit-*启动cockpit服务并开机自启systemctl enable cockpit.socket --now访问WEBhttps://IP:9090界面展示
院长正在为您加急渲染，请耐心等待......