适用于typecho的joe主题统计页面的Uptime_status
侧边栏壁纸
  • 累计撰写 12 篇文章
  • 累计收到 7 条评论
    已存活 146231316

适用于typecho的joe主题统计页面的Uptime_status

jacksen168
2023-08-26 / 0 评论 / 29 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2023年08月28日,已超过180天没有更新,若内容或图片失效,请留言反馈。

uptime_Joe

开头

joe主题是默认带有统计页面的,但是里面没有uptime-status,我不是很满意。于是我就自己改了改joe的文件。这并不难。
这是一个根据uptime-status 修改而来,适用于typecho-Joe主题统计页面的拓展,没什么技术门槛。

说明

在我电脑的一次次升级中dev原文件已经没了,就剩下已经build好的文件了。由于这是uptime-status修改而来,很容易复刻。因此我这里就只给出构建完成的文件了。

展示

适用于typecho的joe主题统计页面的Uptime_status-1.png

安装

  1. 下载文件
  2. 将该项目文件 census.php 替换 Joe 原有 census.php文件,并填写好相对应你的js/css文件路径
  3. 修改配置文件 config.js 即可

手动实现(进阶版)

  1. 将代码添加到 joe/census.php<head> 标签里:

    <!-- Uptime Status -->
      <script src="<?php _getAssets('你的config.js路径'); ?>"></script>
      <script defer="defer" src="<?php _getAssets('你的Uptime_Status.js路径'); ?>"></script>
      <link href="<?php _getAssets('你的Uptime_Status.css路径'); ?>" rel="stylesheet">

    适用于typecho的joe主题统计页面的Uptime_status-2.png

  2. 将代码复制到 joe/census.php 如图展示区域:

    <div id="Uptime_Status"></div>

    适用于typecho的joe主题统计页面的Uptime_status-3.png

  3. config.js里填写好apikey就好了(可多个api):

    window.Config = {
    
      // 显示标题
      footerText: '© 2023 ',
      // 链接名称
      footerLinkName: 'jacksen168.top',
      // 链接地址
      footerLinkUrl: 'https://jacksen168.top',
    
      // UptimeRobot Api Keys
      // 支持 Monitor-Specific 和 Read-Only
      ApiKeys: [
     'm792457160-e66818a9b41a1068298d62b6',
      ],
    
      // 日志天数
      CountDays: 90,
    
      // 是否显示检测站点的链接
      ShowLink: true,
    };
    

成品

我这里有写好了的census.php放在压缩包里了,就不用自己去复制子类的了。(文件路径记得要改)
github项目地址: uptime_Joe github仓库

下载

0

评论 (0)

取消