搜索到
11
篇与
代码
的结果
-
修复Joe主题收录Bug 从使用Typecho开始就一直使用Joe主题，使用过程中遇到了极多问题，但我自己都不会修改，只有等开发者更新，包括大家可能都发现的文章收录检测问题，不管有没有秘钥、有没有收录均会显示已收录，通过各种搜索后找到了问题的解决办法，故而记录下来供大家参考。问题所在通过查询资料得知，该问题是由于百度针对附加参数进行了检测导致，去掉以后就可以获取校正后的结果。修改文件 文件路径： themes/Joe-master/core/route.php 修改位置： 打开后找到143行，在143行内容后另起一行插入下列代码。 {tabs-pane label="版本一"} /*第144行 修复Joe主题收录检测问题*/ $header[] = "X-FORWARDED-FOR:". $ip; $header[] = "Host: www.baidu.com "; $header[] = "Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9 "; $ch = curl_init(); {/tabs-pane}{tabs-pane label="版本二"} /**** 修改前内容 ****/ /*第135行*/ $site = $self->request->site; $encryption = md5(mt_rand(1655, 100860065) . time()); $baiduSite = "https://www.baidu.com/s?ie=utf-8 &newi=1 &mod=1 &isid={$encryption}&wd={$site}&rsv_spt=1 &rsv_iqid={$encryption}&issp=1 &f=8 &rsv_bp=1 &rsv_idx=2 &ie=utf-8 &tn=baiduhome_pg &rsv_enter=0 &rsv_dl=ib &rsv_sug3=2 &rsv_sug1=1 &rsv_sug7=001 &rsv_n=2 &rsv_btype=i &inputT=3083 &rsv_sug4=3220 &rsv_sug=9 &rsv_sid=32818_1460_33042_33060_31660_33099_33101_32961_26350_22159 &_ss=1 &clist=&hsug=&f4s=1 &csor=38 &_cr1=32951 "; /*第146行*/ curl_setopt($ch, CURLOPT_REFERER, "https://www.baidu.com/s?ie=UFP-8 &wd={$site}"); /*** 修改后内容 ***/ /*第135行*/ $site = urlencode($self->request->site); $baiduSite = "http://www.baidu.com/s?ie=utf-8 &wd={$site}"; /*第146行*/ curl_setopt($ch, CURLOPT_REFERER, "https://www.baidu.com/s?ie=utf-8 &wd={$site}"); {/tabs-pane} 参考图 最终结果修改后即可保存，然后打开你的文章，你就会发现没有收录的文章它检测出来的就是显示未收录的状态，快去试试吧。 -
哪吒监控面板v1安装 介绍哪吒监控 是一款轻量化的服务器监控和运维工具，提供实时性能监控与告警通知。作为开源项目，它支持企业自托管，保护数据隐私，并支持多语言。哪吒服务器监控安装简便，支持自定义监控项目，可满足不同服务器运维需求。 开始安装 安装 Dashboard ssh你的服务器运行下面的脚本curl -L https://raw.githubusercontent.com/nezhahq/scripts/refs/heads/main/install.sh -o nezha.sh && chmod +x nezha.sh && sudo ./nezha.sh如果你的服务器位于中国大陆可运行下面的脚本curl -L https://gitee.com/naibahq/scripts/raw/main/install.sh -o nezha.sh && chmod +x nezha.sh && sudo CN=true ./nezha.sh以 Docker 安装为例，安装完成后按提示输入以下信息： · 请输入站点标题: - 自定义站点标题。 · 请输入暴露端口: - 公开访问端口（默认 8008，可自定义，如果是云服务器记得在安全组开启8008端口）。 · 请指定后台语言: - 选择语言偏好。输入完成后，等待拉取 Docker 镜像。安装结束后，如果一切正常，你可以通过域名和端口号访问 Dashboard，例如：http://127.0.0.1:8008 如果需要再次运行安装脚本，可输入以下命令：./nezha.sh打开管理脚本。 登录到 Dashboard 配置界面 后台管理界面的路径为 /dashboard，你只需访问：http://127.0.0.1:8008/dashboard首次登录的默认用户名和密码均为 admin。 配置反向代理 以宝塔面板为例，在宝塔面板侧边栏网站，选择反向代理，添加反代，域名填写公开访问域名，如 http://dashboard.example.com，然后填写“代理地址”。在“目标”中填入：http://127.0.0.1:8008点击“确定”。 现在，你可以直接通过域名访问面板，例如：http://dashboard.example.com 安装 Agent 哪吒监控的被控端服务被称为 AgentAgent 二进制文件仓库地址为： https://github.com/nezhahq/agent/releases 一键安装 Agent哪吒监控支持在 Windows、macOS 和 Linux 上一键安装 Agent。遵循本文档的步骤，你可以轻松地在服务器上部署它。准备工作在安装前，需要提前在管理面板中设置通信域名，该域名不可以接入 CDN。本文档以示例通信域名 “data.example.com” 为例。在后台管理面板点击头像，进入“系统设置”页。在“仪表板服务器域名/IP（无 CDN）”项中填入通信域名。 点击“确认”保存设置。一键安装步骤在 服务器 页面中，点击 安装命令 并选择对应操作系统，安装命令将自动复制到你的剪贴板。在被控端服务器中运行安装命令，等待安装完成后返回到 服务器 页面查看是否上线。 如果安装成功，页面中将自动弹出新的服务器，你可以点击编辑按钮为其设置名称。 分享一个自用美化代码<!DOCTYPE html> <html lang=“zh-CN”> <head> <meta charset=“UTF-8” /> <meta name=“viewport” content=“width=device-width, initial-scale=1.0” /> <title>哪吒探针</title> <style> @font-face { font-family: "MyFont"; src: url("https://blog.ozzo.top/usr/uploads/1.ttf"); } /* 设置页面背景为一张图片，全屏覆盖 */ html, body { height: 100% !important; background: url("https://img.ozzo.top/images/2d") no-repeat center center fixed !important; background-size: cover !important; margin: 0; } #root{ background-color: transparent !important; } /* 卡片透明并带模糊效果 */ .rounded-lg{ backdrop-filter: blur(4px)!important; background-color: transparent !important; box-shadow: none !important; } .bg-white{ backdrop-filter: blur(4px)!important; background-color: transparent !important; box-shadow: none !important; } .flex { background-color: transparent !important; } .bg-card{ background-color: transparent !important; } /* 替换左上角 Logo 图标 */ img[src*="/apple-touch-icon.png"] { content: url("/apple-touch-icon.png") !important; } /* 去除页面底部页脚 */ footer { display: none !important; } /* 主内容容器设置为半透明背景 */ .el-container { background-color: rgba(255, 255, 255, 0.9) !important; } /* 卡片、弹窗等组件设置更高透明度的背景 */ .el-card, .el-message-box, .el-dialog { background-color: rgba(255, 255, 255, 0.9) !important; } /* 深色文字设置白色阴影增强对比度 */ .el-text, .el-button, .el-table, .el-form-item__label, .el-form-item__content, .el-menu-item, .el-submenu__title { color: #333 !important; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8); } /* 浅色文字设置黑色阴影提升可视性 */ .el-text-light, .el-button--text, .el-link { color: #fff !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } /* 碎玻璃特效碎片样式 */ .fragment { position: absolute; width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.8); clip-path: polygon(0 0, 100% 0, 100% 100%); transform-origin: center; animation: shatter 1.5s ease-out forwards; pointer-events: none; } /* 碎玻璃动画关键帧 */ @keyframes shatter { 0% { transform: translate(0, 0) scale(1); opacity: 1; } 100% { transform: translate(var(--dx), var(--dy)) rotate(var(--angle)) scale(0.5); opacity: 0; } } /* 返回顶部按钮样式 */ #backToTop { position: fixed; bottom: 30px; right: 30px; z-index: 1000; background-color: transparent; color: white; border: none; border-radius: 50%; width: 60px; height: 60px; font-size: 24px; cursor: pointer; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); transition: opacity 0.3s, transform 0.3s; display: none; } //覆写内容宽度 .w-full { max-width: 75rem !important; } #backToTop:hover { transform: scale(1.1); } #backToTop::before { content: "🚀"; font-size: 24px; display: block; line-height: 60px; text-align: center; } .mt-4.w-full.mx-auto > div { display: none; } </style> </head> <body> <!-- 返回顶部按钮 --> <button id=“backToTop”></button> <script> //禁用动画小人 window.DisableAnimatedMan = true; document.addEventListener('click', function(e) { createShatterEffect(e.pageX, e.pageY); }); //点击碎片特效 function createShatterEffect(x, y) { const fragmentCount = 20; for (let i = 0; i < fragmentCount; i++) { const fragment = document.createElement('div'); fragment.className = 'fragment'; const angle = Math.random() * 360; const distance = Math.random() * 200 + 50; const dx = Math.cos((angle * Math.PI) / 180) * distance; const dy = Math.sin((angle * Math.PI) / 180) * distance; fragment.style.left = `${x}px`; fragment.style.top = `${y}px`; fragment.style.setProperty('--dx', `${dx}px`); fragment.style.setProperty('--dy', `${dy}px`); fragment.style.setProperty('--angle', `${Math.random() * 720}deg`); document.body.appendChild(fragment); setTimeout(() => fragment.remove(), 1500); } } //隐藏数据 const observer = new MutationObserver(mutations => { document.querySelectorAll('span[data-current-value]').forEach(el => { if(!el.dataset.processed) { el.style.opacity = "0"; el.dataset.processed = true; } }); }); observer.observe(document.body, { childList: true, subtree: true }); /**/卡面添加流量统计 window.ShowNetTransfer = "true"; ; (function () { let trafficTimer = null; let trafficCache = null; const config = { showTrafficStats: true, insertPosition: 'replace', // 可选：'after', 'before', 'replace' interval: 60000, // 60秒刷新周期 style: 1 }; function formatFileSize(bytes) { if (bytes === 0) return { value: '0', unit: 'B' }; const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB']; let unitIndex = 0; let size = bytes; while (size >= 1024 && unitIndex < units.length - 1) { size /= 1024; unitIndex++; } return { value: size.toFixed(unitIndex === 0 ? 0 : 2), unit: units[unitIndex] }; } function calculatePercentage(used, total) { used = Number(used); total = Number(total); if (used > 1e15 || total > 1e15) { used /= 1e10; total /= 1e10; } return (used / total * 100).toFixed(1); } function formatDate(dateString) { const date = new Date(dateString); return date.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }); } function safeSetTextContent(parent, selector, text) { const el = parent.querySelector(selector); if (el) { el.textContent = text; } } **/ // 返回进度条颜色：绿色（0%）到红色（100%） function getGradientColor(percentage) { const clamp = (val, min, max) => Math.min(Math.max(val, min), max); const lerp = (start, end, t) => Math.round(start + (end - start) * t); const p = clamp(Number(percentage), 0, 100) / 100; const startColor = { r: 16, g: 185, b: 129 }; // #10b981 const endColor = { r: 239, g: 68, b: 68 }; // #ef4444 const r = lerp(startColor.r, endColor.r, p); const g = lerp(startColor.g, endColor.g, p); const b = lerp(startColor.b, endColor.b, p); return `rgb(${r}, ${g}, ${b})`; } function renderTrafficStats(trafficData) { const serverMap = new Map(); for (const cycleId in trafficData) { const cycle = trafficData[cycleId]; if (!cycle.server_name || !cycle.transfer) continue; for (const serverId in cycle.server_name) { const serverName = cycle.server_name[serverId]; const transfer = cycle.transfer[serverId]; const max = cycle.max; const from = cycle.from; const to = cycle.to; const next_update = cycle.next_update[serverId]; if (serverName && transfer !== undefined && max && from && to) { serverMap.set(serverName, { id: serverId, transfer: transfer, max: max, name: cycle.name, from: from, to: to, next_update: next_update }); } } } serverMap.forEach((serverData, serverName) => { const targetElement = Array.from(document.querySelectorAll('section.grid.items-center.gap-2')) .find(section => { const firstText = section.querySelector('p.break-all.font-bold.tracking-tight.text-xs')?.textContent.trim(); return firstText === serverName; }); if (!targetElement) { //console.warn(`[renderTrafficStats] 未找到服务器 "${serverName}" (ID: ${serverData.id}) 的元素`); return; } const usedFormatted = formatFileSize(serverData.transfer); const totalFormatted = formatFileSize(serverData.max); const percentage = calculatePercentage(serverData.transfer, serverData.max); const fromFormatted = formatDate(serverData.from); const toFormatted = formatDate(serverData.to); const next_update = new Date(serverData.next_update).toLocaleString("zh-CN", { timeZone: "Asia/Shanghai" }); const uniqueClassName = 'traffic-stats-for-server-' + serverData.id; const progressColor = getGradientColor(percentage); let insertPosition = config.insertPosition; const containerDiv = targetElement.closest('div'); if (!containerDiv) return; const existing = Array.from(containerDiv.querySelectorAll('.new-inserted-element')).find(el => el.classList.contains(uniqueClassName) ); if (!config.showTrafficStats) { if (existing) existing.remove(); return; } if (existing) { safeSetTextContent(existing, '.used-traffic', usedFormatted.value); safeSetTextContent(existing, '.used-unit', usedFormatted.unit); safeSetTextContent(existing, '.total-traffic', totalFormatted.value); safeSetTextContent(existing, '.total-unit', totalFormatted.unit); safeSetTextContent(existing, '.from-date', fromFormatted); safeSetTextContent(existing, '.to-date', toFormatted); safeSetTextContent(existing, '.percentage-value', percentage + '%'); safeSetTextContent(existing, '.next-update', `next update: ${next_update}`); const progressBar = existing.querySelector('.progress-bar'); if (progressBar) { progressBar.style.width = percentage + '%'; progressBar.style.backgroundColor = progressColor; } console.log(`[renderTrafficStats] 更新已存在的流量条目: ${serverName}`); } else { let oldSection = containerDiv.querySelector('section.flex.items-center.w-full.justify-between.gap-1'); if (!oldSection) { oldSection = containerDiv.querySelector('section.grid.items-center.gap-3'); insertPosition = 'after'; } if (!oldSection) return; const newElement = document.createElement('div'); newElement.classList.add('space-y-1.5', 'new-inserted-element', uniqueClassName); newElement.style.width = '100%'; if (config.style === 1) { newElement.innerHTML = ` <div class="flex items-center justify-between"> <div class="flex items-baseline gap-1"> <span class="text-[10px] font-medium text-neutral-800 dark:text-neutral-200 used-traffic">${usedFormatted.value}</span> <span class="text-[10px] font-medium text-neutral-800 dark:text-neutral-200 used-unit">${usedFormatted.unit}</span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400">/ </span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 total-traffic">${totalFormatted.value}</span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 total-unit">${totalFormatted.unit}</span> </div> <div class="text-[10px] font-medium text-neutral-600 dark:text-neutral-300"> <span class="from-date">${fromFormatted}</span> <span class="text-neutral-500 dark:text-neutral-400">-</span> <span class="to-date">${toFormatted}</span> </div> </div> <div class="relative h-1.5"> <div class="absolute inset-0 bg-neutral-100 dark:bg-neutral-800 rounded-full"></div> <div class="absolute inset-0 bg-emerald-500 rounded-full transition-all duration-300 progress-bar" style="width: ${percentage}%; background-color: ${progressColor};"></div> </div> `; } else if (config.style === 2) { newElement.innerHTML = ` <div class="flex items-center justify-between"> <div class="flex items-baseline gap-1"> <span class="text-[10px] font-medium text-neutral-800 dark:text-neutral-200 used-traffic">${usedFormatted.value}</span> <span class="text-[10px] font-medium text-neutral-800 dark:text-neutral-200 used-unit">${usedFormatted.unit}</span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400">/ </span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 total-traffic">${totalFormatted.value}</span> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 total-unit">${totalFormatted.unit}</span> </div> <span class="text-[10px] text-neutral-500 dark:text-neutral-400 percentage-value">${percentage}%</span> </div> <div class="relative h-1.5"> <div class="absolute inset-0 bg-neutral-100 dark:bg-neutral-800 rounded-full"></div> <div class="absolute inset-0 bg-emerald-500 rounded-full transition-all duration-300 progress-bar" style="width: ${percentage}%; background-color: ${progressColor};"></div> </div> <div class="flex items-center justify-between"> <div class="text-[10px] text-neutral-500 dark:text-neutral-400"> <span class="from-date">${fromFormatted}</span> <span class="text-neutral-500 dark:text-neutral-400">-</span> <span class="to-date">${toFormatted}</span> </div> <span class="text-[10px] text-neutral-500 dark:text-neutral-400">next update: ${next_update}</span> </div> `; } if (insertPosition === 'before') oldSection.before(newElement); else if (insertPosition === 'replace') oldSection.replaceWith(newElement); else oldSection.after(newElement); console.log(`[renderTrafficStats] 插入新流量条目: ${serverName}，插入方式: ${insertPosition}`); } }); } function updateTrafficStats(force = false) { const now = Date.now(); if (!force && trafficCache && (now - trafficCache.timestamp < config.interval)) { console.log('[updateTrafficStats] 使用缓存数据'); renderTrafficStats(trafficCache.data); return; } console.log('[updateTrafficStats] 正在请求新数据...'); fetch('/api/v1/service') .then(res => res.json()) .then(data => { if (!data.success) { console.warn('[updateTrafficStats] 请求成功但返回数据异常'); return; } console.log('[updateTrafficStats] 成功获取新数据'); const trafficData = data.data.cycle_transfer_stats; trafficCache = { timestamp: now, data: trafficData }; renderTrafficStats(trafficData); }) .catch(err => console.error('[updateTrafficStats] 获取失败:', err)); } function startPeriodicRefresh() { if (!trafficTimer) { console.log('[startPeriodicRefresh] 启动周期刷新任务'); trafficTimer = setInterval(() => { updateTrafficStats(); }, config.interval); } } function onDomChildListChange() { console.log('[onDomChildListChange] 检测到DOM变化, 立即刷新'); updateTrafficStats(); if (!trafficTimer) { console.log('[onDomChildListChange] 启动定时刷新'); startPeriodicRefresh(); } } const TARGET_SELECTOR = 'section.server-card-list, section.server-inline-list'; let currentSection = null; let childObserver = null; function observeSection(section) { if (childObserver) { childObserver.disconnect(); console.log('[监听] 断开旧的子节点监听'); } currentSection = section; console.log('[监听] 监听新的目标 section 子节点'); childObserver = new MutationObserver(mutations => { for (const m of mutations) { if (m.type === 'childList' && (m.addedNodes.length || m.removedNodes.length)) { console.log('[监听] section 子节点变化，触发刷新'); onDomChildListChange(); break; } } }); childObserver.observe(currentSection, { childList: true, subtree: false }); updateTrafficStats(); } const sectionDetector = new MutationObserver(() => { const section = document.querySelector(TARGET_SELECTOR); if (section && section !== currentSection) { observeSection(section); } }); const root = document.querySelector('main') || document.body; sectionDetector.observe(root, { childList: true, subtree: true }); console.log('[初始化] 启动 sectionDetector, 持续监听 section 切换'); startPeriodicRefresh(); window.addEventListener('beforeunload', () => { if (trafficTimer) clearInterval(trafficTimer); if (childObserver) childObserver.disconnect(); sectionDetector.disconnect(); console.log('[清理] 卸载监听器和定时器'); }); })(); window.CustomDesc=""; </script> </body> </html>将以上代码放入在后台管理面板点击头像，进入“系统设置”页，自定义代码（样式和脚本）
-
网站添加SweetAlert弹窗公告 SweetAlert 使弹出消息变得简单而漂亮。代码来了<script src="https://cdn.bootcss.com/sweetalert/2.1.0/sweetalert.min.js"></script> <script> // 页面加载后弹出提示 swal({ title: "本站状态：稳定运行中", text: "感谢您来到本站，祝您购物愉快！\n\n", icon: "success", button: "确定" }); function AddFavorite(title, url) { try { window.external.addFavorite(url, title); } catch (e) { try { window.sidebar.addPanel(title, url, ""); } catch (e) { alert("抱歉，您所使用的浏览器无法完成此操作。"); } } } </script>修改图标successerrorwarninginfo单页源码<!doctype html> <html> <head> <meta charset="utf-8"> <title>恭喜，站点创建成功！</title> <style> .container { width: 60%; margin: 10% auto 0; background-color: #f0f0f0; padding: 2% 5%; border-radius: 10px } ul { padding-left: 20px; } ul li { line-height: 2.3 } a { color: #20a53a } </style> </head> <body> <div class="container"> <h1>恭喜, 站点创建成功！</h1> <h3>这是默认index.html，本页面由系统自动生成</h3> <ul> <li>本页面在FTP根目录下的index.html</li> <li>您可以修改、删除或覆盖本页面</li> <li>FTP相关信息，请到“面板系统后台 > FTP” 查看</li> </ul> </div> <script src="https://cdn.bootcss.com/sweetalert/2.1.0/sweetalert.min.js"></script> <script> // 页面加载后弹出提示 swal({ title: "本站状态：稳定运行中", text: "感谢您来到本站，祝您愉快！\n\n", icon: "success", button: "确定" }); // 收藏夹添加函数 function AddFavorite(title, url) { try { // IE 浏览器 window.external.addFavorite(url, title); } catch (e) { try { // Firefox 浏览器 window.sidebar.addPanel(title, url, ""); } catch (e) { alert("抱歉，您所使用的浏览器无法完成此操作。"); } } } </script> </body> </html>
-
给Typecho的Joe主题隐藏/显示侧边栏模块 上上上上期给大家写了个侧边栏公告，但有个 缺点 ，后台编辑公告栏无文字时不会隐藏，这样很不美观修复教程开始1.将下列代码放入主题目录的functions.php文件里 // 侧边栏公告开关 $NoticeSwitch = new Typecho_Widget_Helper_Form_Element_Select( 'NoticeSwitch', array( 'off' => '关闭（默认）', 'on' => '开启' ), 'off', '是否开启侧边栏公告模块 - PC', '介绍：用于控制是否显示公告' ); $NoticeSwitch->setAttribute('class', 'joe_content joe_other'); $form->addInput($NoticeSwitch->multiMode());2.再将下列代码放入主题目录的public/aside.php文件里 <?php if ($this->options->NoticeSwitch === 'on') : ?> 包裹住你要隐藏的侧边栏模块的代码区域 <?php endif; ?>例如这里我包裹住了侧边栏公告懒人专用 适用于公告栏无文字时隐藏 把下面代码替换 3个方框 里的代码即可 <?php if ($this->options->NoticeSwitch === 'on') : ?> <section class="joe_aside__item hot"> <div class="joe_aside__item-title"> <svg t="1703481319577" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1547" width="200" height="200"><path d="M770.9 161.9H648.4v-30.4c0-17.4-14.3-31.7-31.7-31.7h-1.8c-17.4 0-31.7 14.3-31.7 31.7v30.4H414.8v-30.4c0-17.4-14.3-31.7-31.7-31.7h-1.8c-17.4 0-31.7 14.3-31.7 31.7v30.4H227.2c-36.6 0-66.3 29.7-66.3 66.3V886c0 36.6 29.7 66.3 66.3 66.3h543.7c36.6 0 66.3-29.7 66.3-66.3V228.2c0-36.6-29.8-66.3-66.3-66.3z m-421.2 65.4v18.3c0 17.4 14.2 31.7 31.7 31.7h1.8c17.4 0 31.7-14.3 31.7-31.7v-18.1l168.4 0.3v17.8c0 17.4 14.2 31.7 31.7 31.7h1.8c17.4 0 31.7-14.3 31.7-31.7V228l123.6 0.3v112.4H227l0.2-113.5 122.5 0.1z m421.2 659.8L226 886l0.8-480.2H772V886c0 0.6-0.5 1.1-1.1 1.1z" fill="#4A5FE2" p-id="1548"></path><path d="M630.7 532.7H367.3c-17.9 0-32.6 14.7-32.6 32.6s14.7 32.6 32.6 32.6h263.4c17.9 0 32.6-14.7 32.6-32.6s-14.7-32.6-32.6-32.6zM630.7 654.9H367.3c-17.9 0-32.6 14.7-32.6 32.6 0 17.9 14.7 32.6 32.6 32.6h263.4c17.9 0 32.6-14.7 32.6-32.6 0-17.9-14.7-32.6-32.6-32.6z" fill="#A1AFFF" p-id="1549"></path></svg> <span class="text">公告</span> </div> <?php $this->options->Notice() ?> </section>
-
给Typecho的Joe主题添加侧边栏公告 可能有人觉得Joe主题自带的公告不好用 因为字数多了会... 然后本人复制粘贴改代码写出了侧边栏公告 下图为侧边栏公告样式图 教程开始1 .将下列代码放入主题目录的functions.php文件里 // 侧边栏公告 $Notice = new Typecho_Widget_Helper_Form_Element_Textarea( 'Notice', NULL, NULL, '侧边栏公告 - PC', '介绍：侧边栏公告' ); $Notice->setAttribute('class', 'joe_content joe_aside');//添加后后台不显示把aside改成other $form->addInput($Notice);2 .再将下列代码放入主题目录public/aside.php文件里 <section class="joe_aside__item hot"> <div class="joe_aside__item-title"> <svg t="1703481319577" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1547" width="200" height="200"><path d="M770.9 161.9H648.4v-30.4c0-17.4-14.3-31.7-31.7-31.7h-1.8c-17.4 0-31.7 14.3-31.7 31.7v30.4H414.8v-30.4c0-17.4-14.3-31.7-31.7-31.7h-1.8c-17.4 0-31.7 14.3-31.7 31.7v30.4H227.2c-36.6 0-66.3 29.7-66.3 66.3V886c0 36.6 29.7 66.3 66.3 66.3h543.7c36.6 0 66.3-29.7 66.3-66.3V228.2c0-36.6-29.8-66.3-66.3-66.3z m-421.2 65.4v18.3c0 17.4 14.2 31.7 31.7 31.7h1.8c17.4 0 31.7-14.3 31.7-31.7v-18.1l168.4 0.3v17.8c0 17.4 14.2 31.7 31.7 31.7h1.8c17.4 0 31.7-14.3 31.7-31.7V228l123.6 0.3v112.4H227l0.2-113.5 122.5 0.1z m421.2 659.8L226 886l0.8-480.2H772V886c0 0.6-0.5 1.1-1.1 1.1z" fill="#4A5FE2" p-id="1548"></path><path d="M630.7 532.7H367.3c-17.9 0-32.6 14.7-32.6 32.6s14.7 32.6 32.6 32.6h263.4c17.9 0 32.6-14.7 32.6-32.6s-14.7-32.6-32.6-32.6zM630.7 654.9H367.3c-17.9 0-32.6 14.7-32.6 32.6 0 17.9 14.7 32.6 32.6 32.6h263.4c17.9 0 32.6-14.7 32.6-32.6 0-17.9-14.7-32.6-32.6-32.6z" fill="#A1AFFF" p-id="1549"></path></svg> <span class="text">公告</span> </div> <?php $this->options->Notice() ?> </section> <?php endif; ?>3 .在Typecho后台→外观→Joe后台→其他设置 修改公告内容<div class="card-widget card-announcement" style="padding: 20px 15px;color: var(--routine);"> 测试 </div>缺点：公告无文字时 侧边栏公告不会消失 如下图 解决缺点方法点我
-
给Typecho的Joe主题添加侧边栏现在时间 现在时间 1. 使用本站链接将下列代码放入 joe主题后台→侧栏设置→自定义侧边栏模块<section class="joe_aside__item today"> <div class="joe_aside__item-title"> <svg t="1679669686576" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2889" width="200" height="200"><path d="M511.913993 63.989249c-247.012263 0-447.924744 200.912481-447.924744 447.924744s200.912481 447.924744 447.924744 447.924744 447.924744-200.912481 447.924744-447.924744S758.926256 63.989249 511.913993 63.989249zM511.913993 895.677474c-211.577356 0-383.763481-172.186125-383.763481-383.763481 0-211.577356 172.014111-383.763481 383.763481-383.763481s383.763481 172.014111 383.763481 383.763481S723.491349 895.677474 511.913993 895.677474z" fill="#575B66" p-id="2890"></path><path d="M672.05913 511.913993l-159.973123 0L512.086007 288.123635c0-17.717453-14.277171-32.166639-31.994625-32.166639-17.717453 0-31.994625 14.449185-31.994625 32.166639l0 255.956996c0 17.717453 14.277171 31.994625 31.994625 31.994625l191.967747 0c17.717453 0 32.166639-14.277171 32.166639-31.994625C704.053754 526.191164 689.604569 511.913993 672.05913 511.913993z" fill="#575B66" p-id="2891"></path></svg> <span class="text">现在时间</span> <span class="line"></span> </div> <iframe style="max-width: 100%" frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height="245" src="https://blog.ozzo.top/html/zhong/"></iframe>2. 自建源码 {cloud title="单页html钟表.zip" type="lz" url="https://ruun.lanzn.com/izuOf34s72sd" password=""/}上传到服务器搭建好后 将这src="https://blog.ozzo.top/html/zhong/"修改成你的搭建目录<iframe style="max-width: 100%" frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height="245" src="https://blog.ozzo.top/html/zhong/"></iframe>
-
给Typecho的Joe主题添加在线人数统计 代码如下<?php //首先你要有读写文件的权限，首次访问不显示，正常情况刷新即可 $online_log = "slzxrs.dat"; //保存人数的文件到根目录, $timeout = 30;//30秒内没动作者,认为掉线 $entries = file($online_log); $temp = array(); for ($i=0;$i<count($entries);$i++){ $entry = explode(",",trim($entries[$i])); if(($entry[0] != getenv('REMOTE_ADDR')) && ($entry[1] > time())) { array_push($temp,$entry[0].",".$entry[1]."\n"); //取出其他浏览者的信息,并去掉超时者,保存进$temp } } array_push($temp,getenv('REMOTE_ADDR').",".(time() + ($timeout))."\n"); //更新浏览者的时间 $slzxrs = count($temp); //计算在线人数 $entries = implode("",$temp); //写入文件 $fp = fopen($online_log,"w"); flock($fp,LOCK_EX); //flock() 不能在NFS以及其他的一些网络文件系统中正常工作 fputs($fp,$entries); flock($fp,LOCK_UN); fclose($fp); $tj= "在线人数：".$slzxrs."人"; ?><?php echo $tj ?>使用方法1:先把第一串代码放在public/footer.php顶部 2:把第二 <?php echo $tj ?> 放在你想放的位置 例如 {dotted startColor="#ff6c6c" endColor="#1989fa"/} 其他主题也可以添加，原理一样
-
-
-
