我想问一下怎么识别到 "js"

开源 Discourse
1

image
image761×717 24.9 KB

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 右下角卡片 -->
		<div class="guigui_xfkp" id="guigui_xfxkp" style="background-image: url(https://mms0.baidu.com/it/u=1094456095,3224255275&amp;fm=253&amp;app=138&amp;f=JPEG?w=500&amp;h=500);">
		    <div class="guigui_biaoti" data-typeit-id="4846635">
		    笒鬼鬼api<span class="ti-cursor with-delay" style="display: inline; color: rgb(0, 0, 0); font: 700 20px GuiguiFontStyle; margin: 0px -4.67188px 0px -0.671875px;">|</span></div>
		    <div id="guigui_jzsc">本站已安全运行1年296天4时2分12秒</div>
		    <div class="guigui_text" data-typeit-id="8524720">你好陌生人<span class="ti-cursor with-delay" style="display: inline; color: rgb(255, 127, 227); font: 14px GuiguiFontStyle;">|</span></div>
		    <div class="guigui_zanzhu" onclick="guigui_skmkq()">
		        <p>
		            赞助一下
		        </p>
		    </div>
		    <div class="guigui_xfkpgb" onclick="guanbi()">
		        <svg class="icon" aria-hidden="true">
		            <use xlink:href="#icon-guanbi">
		            </use>
		        </svg>
		    </div>
		</div>
		<!-- 右下角卡片 end-->
		<!-- 赞赏码 -->
		<div class="guigui_skm_box" id="guigui_skmqk" style="display: none;">
		    <div class="guigui_skm">
		        <div class="guigui_skm_img_p">
		            <!-- QQ收款码 -->
		            <img data-src="https://cache.cenguigui.cn/images/ds/qqskm.jpg" alt="" src="./笒鬼鬼api_files/qqskm.jpg">
		            <p>
		                QQ收款码
		            </p>
		        </div>
		        <div class="guigui_skm_img_p">
		            <!-- 微信收款码 -->
		            <img data-src="https://cache.cenguigui.cn/images/ds/wxskm.jpg" alt="" src="./笒鬼鬼api_files/wxskm.jpg">
		            <p>
		                微信收款码
		            </p>
		        </div>
		        <div class="guigui_skm_img_p">
		            <!-- 支付宝收款码 -->
		            <img data-src="https://cache.cenguigui.cn/images/ds/zfbskm.jpg" alt="" src="./笒鬼鬼api_files/zfbskm.jpg">
		            <p>
		                支付宝收款码
		            </p>
		        </div>
		        <span onclick="guigui_guanbi_skm()">
		            <svg class="guigui_icon" aria-hidden="true">
		                <use xlink:href="#icon-guanbi">
		                </use>
		            </svg>
		        </span>
		    </div>
		</div>
		<!-- 手机端赞赏码 -->
		<div class="guigui_reward">
		    <button id="rewardButton" disable="enable" onclick="var qr = document.getElementById(&#39;QR&#39;); if (qr.style.display === &#39;none&#39;) {qr.style.display=&#39;block&#39;;} else {qr.style.display=&#39;none&#39;}">
		        <span>
		            打赏
		        </span>
		    </button>
		    <div id="QR" style="display: none;">
		        <div id="wechat" style="display: inline-block">
		            <a class="fancybox" rel="group">
		                <img id="wechat_qr" src="./笒鬼鬼api_files/wxskm.jpg" alt="微信打赏">
		            </a>
		            <p>
		                微信
		            </p>
		        </div>
		        <div id="alipay" style="display: inline-block">
		            <a class="fancybox" rel="group">
		                <img id="alipay_qr" src="./笒鬼鬼api_files/zfbskm.jpg" alt="还是支付宝打赏">
		            </a>
		            <p>
		                支付宝
		            </p>
		        </div>
		    </div>
		</div>
		<!-- 加载打字js -->
		<script src="3.js"></script>
		<script src="2.js" type="text/javascript" charset="utf-8"></script>
		<script src="1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		    // 计算本站安全运行时长的函数
		    // 获取id为guigui_jzsc的div元素
		    var div = document.getElementById('guigui_jzsc');
		
		    function getRunningTime() {
		        var now = new Date();
		        var startDate = new Date('2022-08-15'); // 假设站点开始运行的日期
		        var diff = now - startDate; // 相差的毫秒数
		        // 计算完整年份
		        var years = now.getFullYear() - startDate.getFullYear();
		        // 检查是否需要调整年份（如果今年的当前日期还没到开始日期，则减去一年）
		        if (now.getMonth() < startDate.getMonth() || (now.getMonth() === startDate.getMonth() && now.getDate() < startDate.getDate())) {
		            years--;
		        }
		        // 调整startDate到当前年份的相同月日，以计算剩余的天数
		        startDate.setFullYear(now.getFullYear());
		        // 如果经过调整后的startDate大于当前日期，则需要将startDate再往前调整一年
		        if (startDate > now) {
		            startDate.setFullYear(now.getFullYear() - 1);
		        }
		        diff = now - startDate; // 重新计算相差的毫秒数
		        var days = Math.floor(diff / (1000 * 60 * 60 * 24)); // 计算天数
		        var hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // 计算小时数
		        var minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); // 计算分钟数
		        var seconds = Math.floor((diff % (1000 * 60)) / 1000); // 计算秒数
		        // 将结果赋值给div的innerText属性
		        div.innerText = "本站已安全运行" + years + "年" + days + "天" + hours + "时" + minutes + "分" + seconds + "秒";
		    }
		    // 每秒更新一次运行时长
		    setInterval(getRunningTime, 1000);
		    // 初始显示一次
		    getRunningTime();
		    // 打字机
		    // 打印标题
		    new TypeIt(".guigui_biaoti", {
		            speed: 100,
		            waitUntilVisible: true
		        }).type("笒鬼鬼api")
		        // .pause(500) // 在两段文本之间暂停500毫秒。
		        // .type("欢迎来到我的api接口站！")
		        .go();
		    // 打印欢迎
		    new TypeIt(".guigui_text", {
		        loop: true,
		        cursorSpeed: 1000,
		        speed: 100
		    }).type("你好陌生人").pause(2000).delete(null, {
		        delay: 500
		    }).type("欢迎来到笒鬼鬼api！").pause(3000).go();
		</script>
	</body>
	
</html>

image
image695×533 27.1 KB

这样就是没有加载 js 我已经用了链接js版本

本地打开是没问题的

但是如果在论坛 使用就无法加载js

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 右下角卡片 -->
		<link rel="stylesheet" href="https://zanzhu.justnainai.com/css/card.css">
	</head>
	<body>
		<div class="guigui_xfkp" id="guigui_xfxkp" style="background-image: url(https://mms0.baidu.com/it/u=1094456095,3224255275&amp;fm=253&amp;app=138&amp;f=JPEG?w=500&amp;h=500);">
		    <div class="guigui_biaoti" data-typeit-id="4846635">
		    笒鬼鬼api<span class="ti-cursor with-delay" style="display: inline; color: rgb(0, 0, 0); font: 700 20px GuiguiFontStyle; margin: 0px -4.67188px 0px -0.671875px;">|</span></div>
		    <div id="guigui_jzsc">本站已安全运行1年296天4时2分12秒</div>
		    <div class="guigui_text" data-typeit-id="8524720">你好陌生人<span class="ti-cursor with-delay" style="display: inline; color: rgb(255, 127, 227); font: 14px GuiguiFontStyle;">|</span></div>
		    <div class="guigui_zanzhu" onclick="guigui_skmkq()">
		        <p>
		            赞助一下
		        </p>
		    </div>
		    <div class="guigui_xfkpgb" onclick="guanbi()">
		        <svg class="icon" aria-hidden="true">
		            <use xlink:href="#icon-guanbi">
		            </use>
		        </svg>
		    </div>
		</div>
		<!-- 右下角卡片 end-->
		<!-- 赞赏码 -->
		<div class="guigui_skm_box" id="guigui_skmqk" style="display: none;">
		    <div class="guigui_skm">
		        <div class="guigui_skm_img_p">
		            <!-- QQ收款码 -->
		            <img data-src="https://cache.cenguigui.cn/images/ds/qqskm.jpg" alt="" src="./笒鬼鬼api_files/qqskm.jpg">
		            <p>
		                QQ收款码
		            </p>
		        </div>
		        <div class="guigui_skm_img_p">
		            <!-- 微信收款码 -->
		            <img data-src="https://cache.cenguigui.cn/images/ds/wxskm.jpg" alt="" src="./笒鬼鬼api_files/wxskm.jpg">
		            <p>
		                微信收款码
		            </p>
		        </div>
		        <div class="guigui_skm_img_p">
		            <!-- 支付宝收款码 -->
		            <img data-src="https://cache.cenguigui.cn/images/ds/zfbskm.jpg" alt="" src="./笒鬼鬼api_files/zfbskm.jpg">
		            <p>
		                支付宝收款码
		            </p>
		        </div>
		        <span onclick="guigui_guanbi_skm()">
		            <svg class="guigui_icon" aria-hidden="true">
		                <use xlink:href="#icon-guanbi">
		                </use>
		            </svg>
		        </span>
		    </div>
		</div>
		<!-- 手机端赞赏码 -->
		<div class="guigui_reward">
		    <button id="rewardButton" disable="enable" onclick="var qr = document.getElementById(&#39;QR&#39;); if (qr.style.display === &#39;none&#39;) {qr.style.display=&#39;block&#39;;} else {qr.style.display=&#39;none&#39;}">
		        <span>
		            打赏
		        </span>
		    </button>
		    <div id="QR" style="display: none;">
		        <div id="wechat" style="display: inline-block">
		            <a class="fancybox" rel="group">
		                <img id="wechat_qr" src="./笒鬼鬼api_files/wxskm.jpg" alt="微信打赏">
		            </a>
		            <p>
		                微信
		            </p>
		        </div>
		        <div id="alipay" style="display: inline-block">
		            <a class="fancybox" rel="group">
		                <img id="alipay_qr" src="./笒鬼鬼api_files/zfbskm.jpg" alt="还是支付宝打赏">
		            </a>
		            <p>
		                支付宝
		            </p>
		        </div>
		    </div>
		</div>
		<!-- 加载打字js -->
		<script src="https://zanzhu.justnainai.com/js/3.js"></script>
		<script src="https://zanzhu.justnainai.com/js/2.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://zanzhu.justnainai.com/js/1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		    // 计算本站安全运行时长的函数
		    // 获取id为guigui_jzsc的div元素
		    var div = document.getElementById('guigui_jzsc');
		
		    function getRunningTime() {
		        var now = new Date();
		        var startDate = new Date('2022-08-15'); // 假设站点开始运行的日期
		        var diff = now - startDate; // 相差的毫秒数
		        // 计算完整年份
		        var years = now.getFullYear() - startDate.getFullYear();
		        // 检查是否需要调整年份（如果今年的当前日期还没到开始日期，则减去一年）
		        if (now.getMonth() < startDate.getMonth() || (now.getMonth() === startDate.getMonth() && now.getDate() < startDate.getDate())) {
		            years--;
		        }
		        // 调整startDate到当前年份的相同月日，以计算剩余的天数
		        startDate.setFullYear(now.getFullYear());
		        // 如果经过调整后的startDate大于当前日期，则需要将startDate再往前调整一年
		        if (startDate > now) {
		            startDate.setFullYear(now.getFullYear() - 1);
		        }
		        diff = now - startDate; // 重新计
2

https://zanzhu.justnainai.com/

这个是我用宝塔开的副本

我使用过链接的js没效果

但是链接的css是没问题

现在我不知道如何使用上传的本地 js

3

官方没有说能使用上传的js

上传的默认是asset，你看看这个贴

可以试一试能不能行

4

你用的AD插件能推荐一下吗

5

最最简单的就是用 Google 的 AD 插件吧。

在没有什么流量的情况下，AD 的收入很少。

6

看了下你的测试网站副本。

2024-06-06_08-20-13
2024-06-06_08-20-131375×1099 90.7 KB

上面的 JS 和图片资源的载入是从本地服务器上载入的。

你的 JS 是不是没有上传到本地服务器上？

参考下 @Rick_Jing 的帖子看能不能先把这些资源给上传上去？

7

真实，以及接近一年了，Google ad我只收入8美刀，好奇本站的访问量

8

说实话，就现在这个访问量也没啥好藏着掖着的。

这样说吧，每个月的收入都不超过 2 块钱的，就点广告费，连服务器的费用都不够呢。

2024-06-06_12-06-00
2024-06-06_12-06-001687×788 85.5 KB

Discourse 有个情况就是当管理员访问的时候默认是不显示广告的。

如果要自己刷下广告的话，可以考虑给另外一个号刷一下吧。

9

这个代码丢论坛里面直接不识别链接js

10

我论坛广告一个月200

11

最简单的方式：把它们用<script>包起来然后全部丢到head标签里

困难的方式：自己去学怎么做discourse插件，其实我觉得也不难，不就是多看文档吗:face_savoring_food:

Split up theme Javascript into multiple files - Documentation / Developer Guides - Discourse Meta