更改memos的css

作者： -

第一种方案： 
/* === memos 强制宽屏 === */


/* 干掉所有 Tailwind max-w-* 限制 */

[class*="max-w-"] {

    max-width: 95vw !important;

}


/* 取消 mx-auto 居中 */

[class*="mx-auto"] {

    margin-left: 0 !important;

    margin-right: 0 !important;

}

第二种方案：
/* ===== memos 宽屏布局 ===== */

[class*="max-w-"] {
    max-width: 95vw !important;
}

[class*="mx-auto"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.memo-content {
    overflow-x: auto;
}

.memo-content table {
    min-width: 100%;
    white-space: nowrap;
}

第三种方案：
#root [class*="max-w-"] {
    max-width: 95vw !important;
}

#root [class*="mx-auto"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

最终方案：
/* ===== memos 宽屏布局（稳定方案） ===== */

/* 放宽 Tailwind 写作容器 */
[class*="max-w-"] {
    max-width: 96vw !important;
}

/* 取消居中，保留一点边距更耐看 */
[class*="mx-auto"] {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

/* ===== Memo 内容区 ===== */

.memo-content {
    overflow-x: auto;
    padding-bottom: 6px;
}

/* ===== 表格整体优化 ===== */

.memo-content table {
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    white-space: nowrap;
    font-size: 0.9rem;
}

/* 表头 */
.memo-content th {
    position: sticky;
    top: 0;
    background-color: var(--memo-bg, #f7f7f7);
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    z-index: 1;
}

/* 单元格 */
.memo-content td {
    padding: 6px 10px;
    vertical-align: middle;
}

/* 行 hover（非常重要，读表舒服） */
.memo-content tr:hover td {
    background-color: rgba(0, 0, 0, 0.03);
}

/* ===== 暗色模式适配 ===== */

.dark .memo-content th {
    background-color: #2a2a2a;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.dark .memo-content tr:hover td {
    background-color: rgba(255,255,255,0.05);
}




0ip

评论

发表评论

此博客中的热门博文

Clash Verge系列使用最佳实践

作者： -
图片
  首先我们先明白一个概念，Clash Verge(开源)、Clash for Windows、Clash X Pro这一类图形化的软件， 都是一个壳 ，用于对接核心的功能。 常见的核心 有Clash Premium、Clash Meta(开源) 因为Clash Verge和他能切换的内核Clash Meta 都是开源的 ，所以我们应该优先选这个搭配，下文中也会使用。 其次，作者如果不更新了，我们还能够继续使用他们吗? 当然可以 ，解释如下 就像你在使用一个收音机 (Clash Verge) ，你不会因为收音机的制造商 (作者) 倒闭了 (停止更新) ，而立刻扔掉你的收音机 收音机的所有零件图纸是公开 (开源) 的，你不用担心他可能植入一些不好的后台程序 收音机的外壳按钮 (Clash Verge) ，是让我们更轻松的控制收音机里面的主板元件 (Clash Meta核心) 去执行它们的任务，只要这个 外壳按钮 (Clash Verge) 控制 收音机主板 (Clash Meta核心) 的方式没有太大问题，那我们就可以用 外壳停止更新，意味着收音机外壳不会增加新的按钮 核心停止更新，意味着收音机主板不会更新功能，仅此而已 收音机能播放声音 (开启魔法) ，是因为你输入了正确的FM频率 (订阅链接)。 只要电台 (机场) 还在广播 (服务) ，只要你的壳和核还在，就不影响你播放声音 (开启魔法) 最后，我们要明确一点， 下文中涉及到隐私保护的操作并不是绝对的安全 ，就像是想要知道你在家里做什么，可以在楼下垃圾桶翻你的扔的垃圾进行推测，可以望远镜监视你，可以把你家天花板炸了或者用大炮强行冲进来看。网络监控也一样，就看你在网络上的行为，值不值得人家用那些高阶手段了，总不能因为挖掘机一铲子能把防盗门破了我就不装防盗门了。 目前可用的开源Clash Verge客户端 Clash Verge虽然暂时是归档停止维护状态，但是现在有不少基于Clash Verge继续开发维护的客户端 clash-verge-rev (推荐) Clash 喵帕斯 Clash Meta组织维护的Clash Verge Clash Verge 1.3.8原版 太长不看版本 订阅转换 (必做) 开TUN模式，关代理 (可选) 关闭浏览器安全DNS地址，设置TUN模式的DNS地址 (可选，如果操作...
Read more »

安卓/windows/linux非常好用的第三方telegram——ayugram

作者： -
图片
  1 前言 ayugram官方telegram频道： https://t.me/ayugramchat ayugram项目开源地址： https://github.com/AyuGram ayugram包括安卓/windows/linux版本  ，目前安卓版本汉化是最完全的，windows汉化差一点，但是 windows端可以自己换字体 ，我相信有不少人吐槽telegram官方的字体，使用ayugram换成微软雅黑之后好多了。 由于是 开源项目 ，所以大家可以放心使用，和以前推荐的nagram比起来，这个少了可以直接使用机场节点作为软件内部代理的功能（现在nagram也不能用机场节点做代理了）。但是多了很多的功能，相比于仅仅是方便一点的代理功能来说，下面这些功能相信大家都比较感兴趣。 有人问tg如何汉化，将这个链接复制到tg然后点击就可以啦  tg://setlanguage?lang=zhcncc 今天咱们就拿最好用的安卓端来讲讲这个软件的逻辑。 2 特色功能 下面是软件的特殊功能，只介绍最有特色的，很多普通的功能就不介绍了 幽灵模式 ，简单来说就是几个功能，1.  不显示消息已读 (看了消息但是没有双对号，别人以为你没看) 。2.  不显示动态已读 (和上面那个类似)。3.  不显示在线状态 (只显示最近在线，但是不显示在线) 。4.  不显示正在输入 (别人只能看到消息突然就收到了)。5.  在线后立即离线 (发送完消息以后自动进入离线也就是最近在线状态)。 可以说这个功能对于社恐以及每天有很多人找，有些消息不想回的人来说，是非常完美的功能。 动作后设置已读  ：在进行某些状态以后，别人发送的消息显示已读，默认是在你回复他和你查看了他的个人资料以后，消息会显示已读。这个功能也可以关掉，不然你回别人消息但是别人看到你没读那个消息就很诡异。 定时消息 ：你的所有消息都是定时发送，这个体验在手机端会好很多，电脑端发送消息自动进入定时界面，手机不会。 逻辑是你的消息都会在邻近的整数分钟发送，而不是立即发送。  但是这个功能 和上面的动作以后设置已读只能开一个 。所以一般来说都是开动作后设置已读的，后面解释一下为什么会有定时消息这个功能。 防撤回 ：没错，是很多人需要的防...
Read more »

最新11个可用的TG代理，请收藏！

作者： -
 ❗最新11个可用的TG代理，请收藏！ https://t.me/proxy?server=142.171.229.44&port=443&secret=eeb4db3444796117a2a7e8e7e09f5d043b617a7572652e6d6963726f736f66742e636f6d https://t.me/proxy?server=148.135.4.196&port=443&secret=eece2b1590f6659c07a10383eef1d994b8617a7572652e6d6963726f736f66742e636f6d https://t.me/proxy?server=142.171.136.39&port=443&secret=ee9767c39cc86067610092e1a567fcddd8617a7572652e6d6963726f736f66742e636f6d https://t.me/proxy?server=203.147.229.8&port=443&secret=eeb79b14fe09b924e477b39d46cfb92820617a7572652e6d6963726f736f66742e636f6d https://t.me/proxy?server=203.147.228.82&port=443&secret=eef803e4d0488eb470bc8b7f684c80cbd3617a7572652e6d6963726f736f66742e636f6d https://t.me/proxy?server=23.225.14.153&port=443&secret=eede0cd654c99ed9ad080abd8152c83803617a7572652e6d6963726f736f66742e636f6d https://t.me/proxy?server=142.171.255.43&port=443&secret=ee606271492fdb7fe64e7313bc4d9e2a9e617a7572652e6d6963726f736f66742e636f6d https://t.me/...
Read more »

使用一键脚本，部署 Hysteria 2（歇斯底里）协议节点-尚未完成小火煎的配置

作者： -
图片
  相信大家肯定对 Hysteria 协议应该也不陌生了。虽然 Hysteria 协议可以利用 UDP 协议进行暴力加速，带给我们相对其他协议来讲，比较快的网速体验。但是这个协议却对一些主机商的 VPS 不太友好，会违反他们的 TOS 协议。在 Hysteria 2 中，几乎完全重写了 Hysteria 原有的代码，包括新的协议、新的功能和各种改进。在其发布之后，我于是将博客项目的 Hysteria 脚本第一时间适配了 Hysteria 2。这篇文章就来和大家一起讲解如何使用 Hysteria 2 及一键脚本。 准备材料 一台 VPS，并确保没屏蔽 UDP 协议 部署步骤 SSH 进入 VPS，输入以下命令 SHELL 1 wget -N --no-check-certificate https://raw.githubusercontent.com/Misaka-blog/hysteria-install/main/hy2/hysteria.sh && bash hysteria.sh 输入 1 进行安装 选择证书申请方式、传输协议，设置连接端口以及密码。可以使用端口跳跃功能也可以不用，如需使用端口跳跃功能设置起始和结束端口即可。最后设置伪装网页地址即可 安装完成后，脚本将会提示 Hysteria 2 的节点文件配置内容 可以进入脚本，输入4选项，修改服务端和客户端配置文件 客户端配置 v2rayN 首先在此： https://github.com/apernet/hysteria/releases/  下载客户端。（Windows 的一般下载  hysteria-windows-amd64-avx.exe  或  hysteria-windows-amd64.exe ），解压至v2rayN的 bin/hysteria 目录中，并重命名为 hysteria-windows-amd64.exe 依次点击“服务器”→“添加自定义服务器” 输入别名、导入脚本生成的 json 文件，Core 类型选择  hysteria ，端口输入 5080 由于 Hysteria 在 V2rayN 为自定义配置节点，故不能使用平常用的真链接和测速进行测试节点连通性。所以说只能依靠链接来测试连通性 Nekoray ...
Read more »

X-UI 安装使用教程，支持多协议多用户的 Xray 可视化面板

作者： -
图片
  X-UI  面板非常方便，不仅能可视化搭建SS、V2ray、Xray、Trojan等热门的协议，并且还可以实时看到 VPS 的性能状态以及流量的使用情况。使用GO 语言开发的 X-UI 性能更好，内存占用也非常低。支持的协议：vmess、vless、trojan、shadowsocks、dokodemo-door、socks、http X-UI官网： https://github.com/vaxilu/x-ui X-UI 功能介绍 系统状态监控 支持多用户多协议，网页可视化操作 支持的协议：vmess、vless、trojan、shadowsocks、dokodemo-door、socks、http 支持配置更多传输配置 流量统计，限制流量，限制到时间 可自定义xray配置模板 支持https访问面板（自带域名+ssl证书） 支持一键SSL证书申请及自动续签 更多高级配置项，详见面板 X-UI 安装&升级 bash <( curl -Ls https: //raw.githubusercontent.com/vaxilu/x-ui/master/install.sh) 手动安装&升级 首先从 https://github.com/vaxilu/x-ui/releases 下载最新的压缩包，一般选择 amd64 框架 然后将这个压缩包上传到服务器的 /root/ 目录下，并使用 root 用户登录服务器 如果你的服务器 cpu 架构不是 amd64 ，将命令中的 amd64 替换为其他架构 cd /root/ rm x-ui/ /usr/local/x-ui/ /usr/bin/x-ui -rf tar zxvf x-ui-linux-amd64. tar . gz chmod +x x-ui/x-ui x-ui/bin/xray-linux-* x-ui/x-ui. sh cp x-ui/x-ui. sh /usr/bin/x-ui cp -f x-ui/x-ui. service /etc/systemd/system/ mv x-ui/ /usr/local/ systemctl daemon-reload systemctl enable x-ui systemctl restart x-ui 使用docker安...
Read more »

使用x-ui面板中转流量解锁流媒体-服务器端分流节点

作者： -
图片
  什么是中转 为了观看网剧我们经常会购买新加坡日本等地的服务器代理Netflix的流量，而拥有原生IP的服务器往往在线路上对国内用户并不是非常的友好。这时我们就可以通过中转的方式来加速以提升观看体验。 打个比方你有两台服务器，一台新加坡的可以解锁Netflix所有剧集（下称VPS1），但是直连速度并不理想。而另一台美国的CN2 gia的机器（下称VPS2）速度很快但是并不能看Netflix。这时我们就可以在美国的服务器做中转，属于 Netflix 的流量就转发到新加坡的机器，其他流量就直连。通常来说国外 VPS 之间的速度不会太差这个方法也可以起到给能解锁的节点加速的作用。 同时这个方法非常强大，你甚至可以配置多个中转服务器以及路由规则让一个节点的Netflix、HBO max和Disney+分别解锁不同区域。 具体操作方法 搭建x-ui面板并配置好入站点 X-ui面板项目地址： X-ui面板 我们先将两台服务器使用x-ui面板搭建代理，然后都创建好入站规则。 协议随意，在这里我的美国机器（VPS2）使用了vless协议并配置了ws+tls，新加坡机器（VPS1）由于不会经过墙所以直接使用vmess。x-ui面板以及入站配置相对简单这里就不展开说了。 找到Xray默认配置 我们在美国服务器（VPS2）的x-ui上找到Xray的默认配置。 修改Xray配置模板 可以先将完整配置复制到编辑器中方便修改。（推荐vscode） 观察默认配置 实在懒的话这部分不看也行，直接复制下面的抄作业模板然后把入站节点改好就行了。 我们可以先将其全选复制到编辑器上观察一下x-ui默认的配置。 配置文件关键信息 在配置文件中我们我们可以找到几个重要的键值对，分别为入站、出站和路由。对应的英文如下： inbounds 入站 outbounds 出站 routing 路由 修改配置 简单认识模板文件后我们便可以开始着手修改了。 入站 由于入站协议我们使用面板可视化生成，不用在配置文件里面手写，所以在这里我们不用去动  inbounds 的内容。 出站 我们要在  outbounds 中增加VPS1的出站配置。 找到  outbounds 的大括号  [] 在  ] 前面的花括号  } 后面打一个英文逗号  , 然后...
Read more »

非 root 用户自建 v2ray 梯子 (serv00-vmess)

作者： -
图片
  引子 刚领完免费服务器，准备自建个梯子，发现网上的教程都是一键搭建，都得需要 root 权限，不然就操作不了。 就准备自己写个教程供大家使用，手动安装 v2ray，步骤并不繁琐，跟着一步步做，保证没问题。以下教程中的服务器均为 serv00 提供的免费服务器，具体服务器略有不同，但基本大同小异，如有问题可在下方留言～ 一、登录 ssh ① 获取账密 首先拿到 serv00 给的服务器地址和账密，我这个是直接发到邮箱的 ② 登录 ssh 然后就可以用刚刚的账密登录 ssh 了，win10 以上自带 ssh 直接打开终端 (win+R 输入 powershell) POWERSHELL 1 2 ssh 用户名 @ 服务器地址 # 稍作等待，就会提示你输入密码，密码不会显示出来，输入完成回车 如果 windows 提示不支持 ssh 的话，可以下个 ssh 客户端 (windterm、xshell、putty 等) 当显示上面的界面的时候，就登陆成功了。 二、开通端口、额外服务 登录服务器管理后台  https://panel2.serv00.com/ ① 打开额外服务 首先按照步骤打开额外服务，让 status 处于 Enabled 状态 ② 创建端口 其次按照步骤创建端口，勾选随机端口号避免创建重复的端口导致失败 ③ 记住刚才创建的端口号 三、安装 v2ray ① 查看系统 回到之前登录的 ssh 界面 输入  uname -a  查看服务器系统 FreeBSD s2.serv00.com 13.2-RELEASE-p10 FreeBSD 13.2-RELEASE-p10 #4 releng/13.2-n254661-a839681443b6-dirty: Tue Feb 20 23:03:40 CET 2024 [email protected]:/usr/obj/usr/src/amd64.amd64/sys/devil amd64 我这儿返回的是这样的， FreeBSD amd64 ② 下载 v2ray 由于没有 root 权限，我们无法使用官方提供的一键安装脚本，只能自行手动安装。 前往  https://github.com/v2fly/v2ray-core/releases  找到你的...
Read more »

Telegram RSS机器人-Flowerss bot比较全面的安装教程

作者： -
  Flowerssr bot的简单介绍 RSS基于XML标准，在互联网上被广泛采用的内容包装和投递协议。 在博客、杂志等等的地方有广泛的应用，而Flowerssr bot就是一个支持应用内即时预览的 Telegram RSS Bot。 GitHub地址： https://github.com/indes/flowerss-bot 官方教程： https://flowerss-bot.now.sh/ 安装教程 准备安装前请先安装Docker，安装命令 #CentOS 6系统 rpm -iUvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm yum update -y yum -y install docker-io service docker start chkconfig docker on #CentOS 7、Debian、Ubuntu系统 curl -sSL https://get.docker.com/ | sh systemctl start docker systemctl enable docker 使用Putty或是Xshell等软件进入你的系列，执行以下命令 mkdir ~/flowerss &&\ wget -O ~/flowerss/config.yml \ https://raw.githubusercontent.com/indes/flowerss-bot/master/config.yml.sample 然后我们需要编辑一下config.yml文件，具体用WinSCP或是宝塔文件管理（docker也可以在宝塔面板里安装）都可以。 新手不建议使用vim命令直接编辑。 文件所在目录： /root/flowerss/config.yml 打开之后参考下面的配置，这里还有一个小坑，bot_token: xxxxx:xxxxxxxxxxxxxxxxxxxx 这个冒号后面是有一个空格的。 bot_token: xxxxx:xxxxxxxxxxxxxxxxxxxx #Telegram机器人的密钥 telegraph_token: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx...
Read more »

绕过付费墙Bypass Paywall详解

作者： -
图片
  浏览诸如WSJ、Bloomberg、财新等网站，会遇到付费会员才能观看的文章，或者是免费浏览几篇文章后需要付费才能观看更多，此类都可以称之为“付费墙”。 这里不讨论绕过付费墙的知识版权伦理方面的问题，只是单纯从技术角度描述一下原理、方案。 1、付费墙类型 付费墙主要有两大类： a、客户端付费墙 服务器端不对用户权限进行检查，付费内容提前下载到浏览器或APP，由客户端对用户权限进行检查。如果无权限，则将付费内容隐藏，弹出付费订阅提示。 b、服务器端付费墙 服务器端对每一篇付费内容都会检查用户权限，如果无权限，直接弹出付费订阅提示，付费内容不会下载到客户端。   2、绕过付费墙的技术原理 由于不同的网站对用户权限的检查策略不同，整体而言，绕过付费墙的机制主要有如下几类： a、禁用Javascript b、禁用或清除Cookie c、修改HTTP Header，通过修改 User-Agent、Referer、X-Forwarded-For等参数， 伪装为 ： Google Crawler Google AdsBot Twitter、Facebook等社交网站   d、伪装成移动端或Reader Mode或Incognito（无痕浏览模式），有一些付费墙对PC端和移动端或Reader mode的处理逻辑不同，因此可以通过伪装来绕过策略 如何用开发者工具绕过网站付费墙   作者介绍一种巧妙的方法，可以在开发者工具里面绕过付费墙提示的浮层。 3、工具方案类型 要绕过付费墙，在iOS、Android以及PC（macOS、Windows）上可用的工具方案不同，因此分类说明一下。 各种付费墙的工具主要以浏览器扩展、Userscript脚本、网站、浏览器Booklets几种形式。 3.1、iOS（iPhone、iPad等） iOS上支持扩展的浏览器推荐还是Safari。Safari 目前可以通过  Stay 2  ， Tampermonkey  ， Userscripts   ， Adguard  ， 拦截100  ， Hyperweb  ， Addons – Scripts & Adblock  ， Macaque  等APP来支持用户脚本。 推...
Read more »