涅槃博客 - 主题
type: channel
link: https://niepan.org/tag/%E4%B8%BB%E9%A2%98/
items: 超级漂亮哪吒面板最新版透明主题
items: 哪吒面板透明自定义主题
items: 新版JOE主题自动更新
items: Joe主题美化修改记录
items: wordpress免费获取Richwp的所有商业主题

超级漂亮哪吒面板最新版透明主题
type: item
date: 2023-04-17T00:35:00+08:00
description: [cards css="info" type="图标无法加载问题的解决方法"]由于StaticFile国内CDN缓存策略的变更，低于v0.15.20的面板前端可能会出现图标无法加载的问题(CORS问题)，请及时更新至最新版。使用自定义主题的面板也请及时将StaticFile切换至其他CDN源。自定义主题面板可在你主题文件夹内执行 快速替换sed -i 's|https://cdn.staticfile.org/|https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/|g' *不过可能因为字节CDN同步缓慢的问题，某些依赖或者版本不存在。[/cards]前言前面给大家分享过一个非常漂亮的哪吒面板透明主题，最近又发现有大佬对这个主题进行了更进一步的修改，增加了下面的主机基本信息显示，修改了进度条的颜色，现在看起来更直观更漂亮了。废话不多说，下面就给大家分享下修改过程。（以下修改内容来自这里：https://blog.zmyos.com/nezha-theme.html）哪吒面板：https://github.com/naiba/nezhaDEMO：https://vvps.eu.org截图：https://cdn2.imgbed.top/images/2023/04/16/c51c2290e82df013dd99d19fc5fc6b6d.webp查看下面内容前，首先你要有一个哪吒面板，如果没有，看到上面的DMEO后，难道还不能让你心动搭建一个吗？搭建的方法可以查看以前的图文教程。[post]2182[/post]主题安装1、查找哪吒面板主题文件夹这次的修改并不是简单的后台添加自定义CSS，需要替换几个模板文件，而哪吒面板是docker方式部署的，所以就需要你找到你的面板文件夹，由于Linux查找文件并不是很友好，这里就简单说一下查找的方法（大佬请跳过）。宝塔面板就直接在文件管理器中 /var/lib/docker/overlay2 目录搜索 theme-default ，记得勾选 包含子文件夹。SSH请使用下面命令查找：cd /var/lib/docker/overlay2 find -name theme-default -type d在搜索结果中列出类似下面的路径，其中 xxxxxxxxxxxxxxxxxx/merged/dashboard/resource/template/ 就是我们要找的哪吒面板文件夹。2、修改主题文件一共需要修改两个文件，请根据自己的习惯进行修改，或者把下面代码直接另存为文件替换也行。a. xxxxxxxxxxxxxxxxxx/merged/dashboard/resource/template/common/header.html在 前插入以下代码 b. xxxxxxxxxxxxxxxxxx/merged/dashboard/resource/template/theme-default/home.html 这个文件修改较多，所以贴上所有代码直接替换即可。{{define "theme-default/home"}} {{template "common/header" .}} {{if ts .CustomCode}} {{.CustomCode|safe}} {{end}} {{template "common/menu" .}} @#(group.Tag!==''?group.Tag:'{{tr "Default"}}')#@ @#server.Name + (server.live?'':'[{{tr "Offline"}}]')#@ {{tr "Platform"}}: @#server.Host.Platform#@-@#server.Host.PlatformVersion#@ [@#server.Host.Virtualization#@:@#server.Host.Arch#@] CPU: @#server.Host.CPU#@ {{tr "DiskUsed"}}: @#formatByteSize(server.State.DiskUsed)#@/@#formatByteSize(server.Host.DiskTotal)#@ {{tr "MemUsed"}}: @#formatByteSize(server.State.MemUsed)#@/@#formatByteSize(server.Host.MemTotal)#@ {{tr "SwapUsed"}}: @#formatByteSize(server.State.SwapUsed)#@/@#formatByteSize(server.Host.SwapTotal)#@ {{tr …

哪吒面板透明自定义主题
type: item
date: 2022-10-19T13:50:00+08:00
description: 前言[nbtext type="rainbow-text"]最近京东的公共图床403了，好多图要转移，麻烦啊,所以说免费的就是最贵的！[/nbtext]言归正传，有好多朋友要那款非常漂亮的哪吒监控透明主题，正好今天就能水一篇了，话不多说，直接上代码！截图演示主题截图使用方法自定义项登录哪吒面板后台，然后进入 设置 ，将主题设为 Default ，然后在下面可以看到 自定义代码 一栏，把下面deCSS代码粘贴到里面就好了。下面的代码里53行是背景图片，186行是页头logo图片，193行是页面favicon图标，其他的颜色可以根据自己喜好修改，所有的代码都有注释，非常简单，差不多就这么多，快去折腾吧。CSS代码 后记这里说一下，本主题非本人原创，来源于这里，后面的修改favicon是我自己加上的，就是这样。[scode type="tips"]发现作者也加上了自定义favicon的代码[/scode]

新版JOE主题自动更新
type: item
date: 2021-07-01T12:48:00+08:00
description: Joe主题更新到5.0.0版本后，因为属于重构版本，所以很多功能没有加上，需要频繁更新，但是每次更新都需要下载，然后删除老版本，在上传新版本，今天群里有个人分享的自动更新教程写的很好，于是我把补充的详细点[jline]START[/jline]第一步，克隆主题1、首先进入博客的 themes 文件夹下2、点击 终端 按钮，出现一个黑色的窗口3、 在这个窗口内输入以下指令并回车git clone https://github.com/HaoOuBa/Joe.git出现下图的样子，表示成功4、刷新当前页面，会发现多出一个叫 Joe 的目录第二步，设置自动更新主题1、进入宝塔 计划任务 页面2、任务类型选择 Shell 脚本3、任务名称，可以随便写一个，例如我写的是：Joe主题更新4、执行周期，就是多久更新一次，这个可以随便写，例如我设置的是每30分钟检测一次更新5、脚本内容，填写如下，注意需要将网站目录替换成你的#!/bin/sh cd /www/wwwroot/网站目录/usr/themes/Joe git pull完整的设置内容如下第四步，判断是否正常1、上面步骤都完成后，点击这里的 执行2、然后点击 执行 右侧的 日志 按钮，如果内容显示如下，则代表没有任何问题[jline]END[/jline]https://78.al/post/52.html

Joe主题美化修改记录
type: item
date: 2021-02-05T16:21:00+08:00
description: 主题修改记录[jline]添加页脚代码[/jline]1、直接在footer.php中插入 了解我们 关于本站 订阅本站 投稿本站 年度归档 友情链接 热门标签 友情链接 友情链接 友情链接 友情链接 友情链接 友情链接 <!-- 关注我们 --> 我的微信 我的公众号 官方微博 本站简介 本站是一群志同道合的小伙们发起并成立的一个致力于EPUB电子书排版制作的平台，我们的宗旨是让每个人都能读到精致、美观的电子书，让阅读成为一种享受，欢迎广大书友加入我们。 2、footer.php引入模板文件foot.about.php（文件内容为上面的代码）<?php $this->need('component/foot.about.php'); ?>3、后台自定义CSS添加//页尾三栏 .j-footer { background: #ffffff; color:#222; } .j-footer .container a, .banquan-links a, .info { color:#222; } #footer-widget-box { line-height: 180%; background: #555; position: relative; padding: 10px 10%; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); } .footer-widget, .footer-widget a { color: #ccc; } .footer-widget { width: 100%; margin: 0 auto; } .footer-widget h3 { font-size: 16px; color: #ccc; margin: 10px 0 0 0; } .footer-widget .widget { background: #555; float: left; width: 33.33333333333%; padding: 0 20px; border: none; box-shadow: none; } .footer-widget, .footer-widget a { color: #ccc; } .footer-widget a:hover { color: #fff; } .footer-widget .widget ul { padding: 8px 0 15px; } .footer-widget .menu li { float: left; width: 50%; } #footer-widget-box .add-widgets, #footer-widget-box .add-widgets a { color: #fff; text-align: center; } .widget .textwidget { padding: 18px; } .clear { clear: both; display: block; } .wp-block-table.has-fixed-layout { table-layout: fixed; width: 100%; }[jline]添加侧边栏社交图标[/jline]1、aside.php中查找 <?php $this->widget('Widget_Contents_Post_Recent@aside565', 'pageSize=' . $this->options->JAuthorStatus)->to($hot); ?>替换为 <?php $this->need('component/post.social.php'); ?> <?php $this->widget('Widget_Contents_Post_Recent@aside565', 'pageSize=' . $this->options->JAuthorStatus)->to($hot); ?>2、CSS// 侧栏社交css .sidebar-box-two{ min-height:unset; } .social{ display: flex; justify-content: space-around; border-bottom: 1px solid var(--classC);} .social img { width: 20px; height: auto; margin: 15px 0; border-radius: 50px; } .social svg { width: 28px; height: auto; margin: 15px 0; border-radius: 5px; } .texiao:hover{ tr…

wordpress免费获取Richwp的所有商业主题
type: item
date: 2010-06-06T21:35:00+08:00
description: 今天给各位使用wordpress的朋友们一个好消息！richwp打算将他们所有的商业主题免费送给大家！不要怀疑，这是真的哟,下面给大家介绍一番！！！richwp免费发布商业主题richwp出品过很多优秀的主题，以前普通人想得到这些，可是要花费好多美刀才行哦。现在好了，只要在六月底以前任何人都可以不花一分钱得到这些价值普通版$69.90、进阶版$127.00、完整版$467.00的商业主题。免费获取的方法 方法很简单，你只要进入richwp就可以看到下图所示的输入框，只要输入昵称和邮箱，等收到richwp发来的确认信按照信里的确认地址确认邮箱后就会收到他们发来的一封包括所有主题所有版本的下载链接的邮件，接下来，嘿嘿，还等什么，下载呀！ 说在后面的话这些主题目前都不支持wordpress3.0的新函数，如果你不幸在用3.0，那就自己改改吧！如果你的邮箱收不到他们发来的邮件请换其他的邮箱，推荐使用Gmail!