Feng的 RSS 预览

Wordpress外链跳转到中间页

2024-12-18 15:56:23

记得之前还在Wordpress的时候，曾经捣鼓了一个跳转页(原文章链接)，后来换成Typecho后，用的是姜先森的主题，也就直接用着他的跳转方式。回到Wordpress(后简称WP)后，就一直没弄，刚好中午闲逛，又让我看到了其它博主的跳转页，感觉不错，那就赶紧“作业抄起来”。

这个跳转页参照了空白大佬的，太多技术性的咱就不说了，都是抄作业，下面就细说一下步骤：

在网站根目录下新建一个文件夹，例如 mygo ，再在里面新建几个文件如： go.js 、 go.html 、 go.css ，跳转页的图片自己抠一下吧。
go.js文件内容：

function checkParent(element, classNames) {
    while (element) {
        if (element.classList && classNames.some(cn => element.classList.contains(cn))) {
            return true;
        }
        element = element.parentElement;
    }
    return false;
}
var excludedClasses = ['card-link', 'friend-item', 'contact-item', 'footer-item']; // 排除的 a 标签类名
window.addEventListener('load', () => {
    document.body.addEventListener('click', function (e) {
        let target = e.target;

        // 确保点击的目标是 <a> 标签
        while (target && target.nodeName !== 'A') {
            target = target.parentNode;
        }

        // 如果是 <a> 标签并且满足以下条件才触发跳转逻辑
        if (target && target.nodeName === 'A' &&
            target.href && // 确保有 href 属性
            target.href !== '#' && // 排除返回顶部链接
            !checkParent(target, excludedClasses) && // 排除特定类名
            !target.href.startsWith('javascript:') && // 排除 javascript: 链接
            !target.href.includes('zfei.net') && // 排除特定域名
            !target.href.includes('057000.xyz') &&
            target.hostname !== window.location.hostname) { // 仅针对外部链接
            e.preventDefault();

            // Base64 编码目标链接
            let encodedUrl = btoa(target.href);
            let url = '/mygo/go.html?target=' + encodedUrl;

            // 在新窗口中打开跳转页面
            window.open(url, '_blank');
        }
    });
});

go.html文件内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="go.css">
    <title>即将离开知非博客</title>
</head>
<body>
<div class="tiaozhuan-all">
    <div class="tiaozhuan-nrong">
        <div class="tiaozhuan-title">您即将离开 『 知非博客 』 ，跳转到以下外部链接</div>
        <div id="tiaozhuan-link"></div>
        <div class="tiaozhuan-info">请自行识别该链接是否安全，并保管好个人信息。</div>
        <div class="tiaozhuan-button"><a href='' id='direct-link'>继续访问</a></div>
    </div>
</div>
<script>
    const params = new URLSearchParams(window.location.search);
    const encodedTarget = params.get('target');
    const target = atob(encodedTarget); // 使用 atob 进行 Base64 解码
    if (target) {
        document.getElementById('direct-link').href = target;
        document.getElementById('tiaozhuan-link').textContent = '' + target; // 直接显示目标地址    
    } else {
        console.error('未指定重定向目标。');
    }
</script>
</body>
</html>

go.css文件内容：

body {
    background: #ececec;
}
.tiaozhuan-all {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -10px;
    border-radius: 10px;
    background-image: url('go.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #666;
    word-break: break-all;
    max-width: 700px;
    height: 350px;
    text-align: center;
    font-size: 0.85rem;
    overflow: hidden;
    margin: 100px auto 0;
    @include breakpoint('small') {
        aspect-ratio: 2 / 1;
        height: auto;
    }
}
.tiaozhuan-nrong {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 20px 30px 20px;
}
.tiaozhuan-title {
    font-size: 1.3rem;
    color: #222;
    line-height: 1.4;
    margin-bottom: 4px;
}
.tiaozhuan-info {
    margin-top: 6px;
}
.tiaozhuan-button {
    margin-top: 20px;
}
.tiaozhuan-button a {
    color: #fc9151;
    border-radius: 4px;
    padding: 10px 30px;
    font-size: .85rem;
    border: 0.5px solid #fc9151;
    display: inline-block;
    text-decoration: none;
}

最后在主题的 footer.php 中添加一段代码：
```
<script src="/mygo/go.js"></script>
```
其实，对于我们浏览体验来说，这样子操作等于多了一步跳转，体验上总归是不好，但为了愉快的玩耍博客，稳妥一点还是需要的。如果觉得跳转中间页很烦人，浏览器可以装个 Skip Redirect 插件，告别所有网站的中间页跳转，直接抵达目标地址。
哈哈，跳转功能只运行了几个小时让我撤掉了，正如Jeffer.Z大佬说的：

有备案加是对的，如果不需要备案就无所谓了，我反正是不加，影响大家跳转流畅度感觉

所以说作为一个没有备案的网站，这种影响大家畅游网络的事宜，确实就不需要了，如果是备案网站的话，建议还是加一个跳转，虽然不太友好，但碍于现实也没什么好办法。

没事敲打一下自己的博客

2024-12-14 22:34:06

从Typecho转回Wordpress也有段时间了，也算是各种折腾吧，以往的习惯都是用Debian+LNMP（或者有时懒了，直接就整BT了），Typecho用着轻巧、访问也快，但耐不住俺们这爱折腾的心理，所以这不就又整上Wordpress了呗，既然来了，那就再重新开始折腾一下吧。

这次回到WP，大部分是因为林海草原大佬的一句评论：

我看你说wp运行卡卡的，我推荐你用openlitespeed替代nginx或Apache，运行wp绝对流畅。如果你用宝塔，可以安装openlitespeed。如果想换成其他面板，推荐你用cyberpanel面板，安装好以后它自带openlitespeed。在有openlitespeed存在的情况下，再安装wp以后速度飞快，不比typecho逊色，甚至比typecho还快。

就是因为这一句评论，俺们又耐不住……，所以这不就整起来了，主题选的是设计笔记的Wing，上一次用的也是这家的Adams主题（也是非常喜欢），至于后端当然是林海大佬推荐的Cyberpanel+Litespeed了，自我感觉还是不错的（也有可能是主题作者本身设计的就很优秀，因为在我另外一个测试站点跑起来速度也不错，用的是Docker装的WP）。

边刷剧边写，确实抖不出多少水了，当然就咱这点水准，真让我专业写，估计也好不到哪里去，哈哈。《深潜》这部剧是冲着成毅来的，这帅哥只要不暴雷，他的剧我还是蛮喜欢的，比如说《莲花楼》，不啰嗦了，我还是先刷剧吧。

世界，您好！

2024-11-27 23:31:30

欢迎使用 WordPress。这是您的第一篇文章。编辑或删除它，然后开始写作吧！

Memos添加评论及样式美化

2024-10-20 05:20:00

这个标题的文章，估计在网上一搜一大把，之所以要写，只是为了日后自己再折腾时方便一些，不用再去找了，没办法，谁叫俺懒呀（从另一方面来讲，我这也是为我的博客水了一篇，计数器上又可以加1了），开始为博客除草了……

为Memos加上Bing随机壁纸、顺便换个字体，这个只要在“设置”--“系统”--“自定义样式”和“自定义脚本”加入相应的代码就可以了，先在“自定义样式”加入：

.status-text{font-size:10px !important;border:none;color:rgb(156,163,175) !important;}
.tag-span,.dark .tag-span{border: 1px solid;border-radius:6px;padding:0px 6px;color:rgb(22,163,74) !important;font-size:12px !important;-webkit-transform: scale(calc(10 / 12));transform-origin: left center;}
.memo-content-text .link{color:rgb(22,163,74) !important;margin-right:-6px;}
header .bg-blue-600{display:none !important;}
.text-lg {font-size: 1rem !important;}
.header-wrapper,.sidebar-wrapper{width: 11rem !important;}
.filter-query-container{padding-bottom:0.5rem;}
html{background-image:url('https://bing.immmmm.com/img/bing?region=zh-CN&type=image');width:100%;height:100vh;background-position:center;background-size:cover;background-attachment:fixed;}
.w-full.bg-zinc-100,.bg-white,.hover\:bg-white:hover,.dark .dark\:bg-zinc-700,.dark .dark\:hover\:bg-zinc-700:hover,.memo-wrapper,.bg-gray-200,.dark .memo-wrapper,.memo-editor-container{--tw-bg-opacity:0.66 !important;}
.dark header.dark\:bg-zinc-800,aside.dark\:bg-zinc-800,.bg-gray-100,.dark html,.dark body{--tw-bg-opacity:0 !important;}
.memo-editor-container>.memo-editor{background-color: transparent !important;}

然后在“自定义脚本”加入相关脚本：

var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreen.min.css';
link.media = 'print';
link.onload = function() {
  this.media = 'all';
};
var style = document.createElement('style');
style.innerHTML = '* { font-family: -apple-system,BlinkMacSystemFont,"LXGW WenKai Screen",PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei UI,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"; }';
var head = document.head || document.getElementsByTagName('head')[0];
head.appendChild(link);
head.appendChild(style);

为Memos添加Twikoo评论，这会只要在“自定义脚本”加入相关脚本：

// Memos插入 Twikoo 评论
var twikooENV = 'https://twikoo.057000.xyz/'  // Twikoo 评论地址
function addTwikooJS() {
  var memosTwikoo = document.createElement("script");
  memosTwikoo.src = `https://cdn.staticfile.org/twikoo/1.6.39/twikoo.all.min.js`;
  var tws = document.getElementsByTagName("script")[0];
  tws.parentNode.insertBefore(memosTwikoo, tws);
};
function startTwikoo() {
  startTW = setInterval(function(){
    var nowHref = window.location.href;
    var twikooDom = document.querySelector('#twikoo') || '';
    if( nowHref.replace(/^.*\/(m)\/.*$/,'$1') == "m"){
      if(!twikooDom){
        addTwikooJS()
        setTimeout(function() {
          var memoTw = document.querySelector('.gap-2') || '';
          memoTw.insertAdjacentHTML('afterend', '<div id="mtcomment"></div>');
          twikoo.init({
            envId: twikooENV,
            el: '#mtcomment',
            path: nowHref.replace(/^.*=?(http.*\/m\/[0-9]+).*$/,'$1'),
            onCommentLoaded: function () {
              startTwikoo();
            }
          })
        }, 1500)
      }else{
        clearInterval(startTW)
      }
    }
  }, 2000)
}
startTwikoo();

至此Memos样式改了，评论也添加好了，水水一篇到手。其实之前也有折腾过Artalk评论，不过最新版本的Artalk版本，不过怎么折腾，就是加载不出来，再后来看到有些博主反映说是最新版有些问题，那好吧，我就不折腾了，直接用Twikoo，反正不就是一个评论嘛，用啥不是用呀。

最后说明一下，这个添加评论及样式美化，在0.18.1和0.18.0版本上测试没问题，高版本的不一定都好用，还需自个测试哈。

又一次折腾Memos

2024-10-19 03:48:00

Memos这好东西一直很喜欢，也倒腾过几次，诸如样式、加评论之类的，之前还是用Wordpress时，按照Jack大佬的教程添加过，用着也还不错。后来因为“软云事件”之后，就没折腾了，这不现在换成Typecho后，又想给博客加一个说说页面，按其他大佬的教程很快就搭建好，不过总感觉不太好看，木木大佬的哔哔广场挺好的，样式也挺喜欢，不过感觉加载有点慢，遂想要不要把诸如js、css这些本地化会不会快一点，本以为可以一气而成，结果……芭比Q

翻车的原因很“简单”，就是这个CSS样式不起效，查看源文件中的css链接可以正常访问看到内容，但就是感觉没有加载，用回木木大佬的，又感觉字体和图标等小了些，看到老张和夕格树洞的样式，都比较喜欢，那就先挑个试试看，“盗用”了grid.css和memos.css文件到本地，结果也是样式全无的感觉，但直接调用确是好的，这点东西算是把我折腾晕了，能力有限直接调用了夕格的css文件，然后稍加修改就成了目前的说说页面，比我之前的说说页面好看，当然跟夕格的比起来，就有点磕碜了。

写到这我还是很好奇，为啥把这两个css放到本地调用，就是不生效，感觉以前抄作业也没这么难呀，放到博客主题目录下，查看源文件点击链接也是可以查看内容的，可就是没用，我都麻了，先暂时这么用着，有路过的大佬再来指点指点，先行谢过了！

国庆假期结束，准备开干

2024-10-08 05:53:14

这玩的时间过的是真快呀，感觉都还没玩嗨，这假期就over了，这不明天该开学的开学，该上班的就得上班了……

回头想想，这7天假期也没跑太远，基本上都是在市区里，主要集中在两家新开的商场，反正娃玩的是非常开心，咱这做爹的也就满足了，当然这玩嗨了，钱嘛，估计也花了不少，大家高兴就好，生活嘛不就为了乐一乐嘛。

Feng修改

Feng的 RSS 预览

Feng 修改