0x1-修改预览图

这只是简单的修改了一下，没有添加什么太多的功能，只是一个简单的示范

0x2-LiteLoaderQQNT

这个是做什么的？前几天 NT_QQ 不是发布了嘛~ 而且使用的使用的是Electron我们就可以愉快的改改改啦~

Windows QQ_NT v9.9.0.14619 正式版(小版本更新)

https://blog.zytllt.cn/278

1. LiteLoaderQQNT是一个QQNT的插件加载器
2. 它可以让你自由地为QQNT添加各种插件
3. 比如：美化主题，增加新功能 等...

0x3-注意事项

• 目前仍在开发当中，可能会存在一些问题和不足
• 目前没有插件商店系统（后续会上线），暂时只能自行寻找插件
• 仅为个人兴趣而制作，开发目的在于学习和探索
• 仅于学习为目的，请24小时内删除
• 如果被官方封号/冻结等其他问题，与本插件无关，自行承担

0x4-安装教程 - 前置需要

1. 前往 GitHub Releases下载

   • 使用GitHub下载更新的时候也方便 直接在文件夹内 使用git pull命令就可以更新
   • GitHub打不开下载不了的有云盘分流下载（后面不保证时效性，建议在GitHub下载）

2. 找到我们NT_QQ安装目录

   • 放到 --> /resources/app，然后把文件夹名字改成LiteLoader（此教程为Windows教程）

     • Windows：QQNT的根目录/resources/app
     • Linux：QQNT的根目录/resources/app
     • MacOS：/Applications/QQ.app/Contents/Resources/app

3. 修改package.json文件内的内容，就是/resources/app/package.json

......
  "sideEffects": true,
  "main": "./app_launcher/index.js",
  "resolutions": {
......

将 "main": "./app_launcher/index.js", 改成 "main": "LiteLoader",

......
  "sideEffects": true,
  "main": "LiteLoader",
  "resolutions": {
......

4. 我们就可以愉快的去的登录NT_QQ啦，登录一下NT_QQ将插件目录释放一下

   • 第一次登录我们要去改下插件文件夹存储的位置，默认是存储在C盘了，如果你不修改这个位置可以忽略修改目录这一步

5. 修改好插件路径后我们就可以在插件文件夹里面安装插件了

   • 插件我们在下面能看到

     • 打不开的可以用分流的链接我把上述的都打包了一份按照排序编写了序号
     • 分流下载 https://www.aliyundrive.com/s/uM7bwMwCvoG （后面不保证时效性，建议在GitHub下载）
     • 使用GitHub下载更新的时候也方便 直接在文件夹内 使用git pull命令就可以更新

下面的扩展和主题会慢慢增多或者减少，随着时间也可能会不维护

扩展

主题

6. 插件使用也很简单，将插件下载好解压出文件夹后直接丢进plugins文件夹内即可

   • 如果你第一次还没加载插件打开插件文件夹只会看到plugins这个文件夹其他的暂时没有

7. 插件都丢进去后，我们可以去登录NT_QQ然后愉快的去使用了

   • 如果你要安装新的插件那得退出QQ重新登录才会生效

8. 安装插件教程到这里就结束了~~ 下面说下如何美化你的QQ吧

0x5-修改教程

美化这里我使用的这两个插件,一个是Chii DevTools打开开发者模式进行调试，另一个是MSpring-Theme的主题，可以修改CSS进行注入

• 克隆/下载本项目，并将其放到插件目录下
• 进入本插件的目录内，执行命令npm install chii --save进行安装
• 重启QQNT，按F12会在新窗口打开DevTools

插件丢进plugins文件夹后我们重新登录NT_QQ，就可以在设置里面看到

MSpring-Theme主题本身自带一些修改，可以使用这个来调色

不过MSpring-Theme主题也还可以，如果不喜欢或者想着新增，那么我们也可以借用MSpring-Theme主题的style.css来新增注入

我们打开插件里面的MSpring-Theme主题文件夹，能看到style.css我们打开 直接拉到最底新增我们的CSS样式就可以

最终 我们使用 MSpring-Theme 或者 自定义 CSS 样式 两个插件都一样都是启用后修改 style.css文件然后保存就行

0x6-自己随便调试期间瞎改的样式

里面的颜色是在调试期间瞎改的，大家可以自己改 或者自己添加新的~

在使用 开发者工具调试的时候 崩了 可以按 Ctrl+R 刷新然后按F12重新打开开发者工具

开发者调试工具就不用说怎么用了吧？？？应该会改的都知道怎么用，不会改的可以了解下自然就懂了~

• 如果不会使用调试工具来自己修改，可以用大佬分享的也可以~

/* 自己新增 */

    /* 消息列表动画渐变 */
    .list-item {
        transition: background-color 0.2s ease;
    }
    
    /* 别人消息的背景 */
    .message-content__wrapper .container--others {
        background: #409EFF !important;
    }

    /* 自己消息的背景 */
    .message-content__wrapper .container--self {
        background: #4683DE !important;
    }
    /* 禁止选中消息变暗 */
    .q-theme-tokens-light {
        --overlay_pressed: inherit;
    }

    /* 发送按钮颜色 */
    .send-btn-wrap {
       /* background-color: #F100FF !important;*/
        background-color: #4683DE !important;    
    }
    
    /* 未发送按钮高亮 */
    .send--disabled {
        opacity: 1 !important;
    }

    /* 消息侧边栏的侧边栏 */
    .sidebar .sidebar-wrapper {
        background-color: #B1CDF9 !important;
    }
    
    /*消息多选后的选中消息颜色*/
    .message-container--active{
        background-color: #b9f3da !important;
    }
    
    /* 点击引用消息后 高亮提醒*/
    .message-container--focus{
        background-color: #b9f3da !important;
    }
    
    /* images 消息列表栏 img */
    .list-toggler{ 
    /*.two-col-layout__aside{  */
        background-image: url(https://down.onmicrosoft.cn/qiniu/u202210176ba36766_1675496187937_17911737_file.svg) !important;
    }
    
    /* 管理员/群主 头衔背景颜色 */
    div.q-tag.member-role-tag{
        background-color: #FFFFFD !important;
    }
    
    /* 聊天窗口文字样式 */
    .text-normal{
        font-family: 'JetBrains Mono','树颜' !important;
        font-size: 15px;
    }
    
    /* 回复消息内文字 */
    span.text{
        color:yellow;
        font-family: 'JetBrains Mono','树颜' !important;
        font-size: 15px;
    }
    
    /* 回复艾特高亮 */
    .message-content__wrapper .reply-message__container .text-element--at{
        color: red;
        /*font-family: 'JetBrains Mono','树颜' !important;*/
        font-size: 15px;
        font-weight: bold;
    }
    
    /* 正常艾特高亮 */
    .message-content__wrapper .mix-message__container .text-element--at{
        color: #00ff08;
        /*font-family: 'JetBrains Mono','树颜' !important;*/
        font-size: 15px;
        font-weight: bold;
    }

0x7 小脚本 更新插件和 LiteLoaderQQNT 本体

用于批量更新插件用的 git pull

#!/bin/bash

# 设置代理 / 代理端口号自行设置自己需要的
export https_proxy=http://127.0.0.1:10809
export http_proxy=http://127.0.0.1:10809
export all_proxy=socks5://127.0.0.1:10809

# 定义日志文件路径和名称，日志路径自己换
log_file="C:\Users\Administrator\Desktop\pulllog.txt"

# 记录执行时间
current_time=$(date "+%Y-%m-%d %H:%M:%S")

# 将执行时间写入日志文件
echo "更新时间: $current_time" >> "$log_file"

# 定义需要更新的文件夹列,路径自己更换
folders=(
  "E:\QQ2\resources\app\LiteLoader"
  "E:\LiteLoader\plugins\chii-devtools-呼出开发者调试工具"
  "E:\LiteLoader\plugins\LiteLoaderQQNT-Anti-Recall - 防撤回"
  "E:\LiteLoader\plugins\LiteLoaderQQNT-Custom-CSS - 自定义CSS"
  "E:\LiteLoader\plugins\LiteLoaderQQNT-Kill-Update - 去除更新"
  "E:\LiteLoader\plugins\LiteLoaderQQNT-MSpring-Theme - 美化"
  "E:\LiteLoader\plugins\LiteLoaderQQNT-Plugin-Demo-mode - 演示"
  "E:\LiteLoader\plugins\window-on-top - 窗口置顶"
)

# 循环遍历文件夹列表，并执行 git pull 操作
for folder in "${folders[@]}"
do
    echo "Updating $folder"
    cd "$folder" || continue
    git pull &>> "$log_file"
    cd ..
done

0x8 结束

• 仅于学习为目的，请24小时内删除
• 如果被封号/冻结等其他问题，与本插件无关，自行承担