原标题 CFW魔改主题教程
转载自 Telegraph 原文作者 つつ
第一章 asar解包&打包教程
前言:Clash For Windows 作为electron应用,其主要运行文件在/resourse/app.asar这个文件里面,因此我们需要进行解包
第一步,安装nodejs,自己谷歌搜下能够解决
https://nodejs.org/en/download
第二步,如果你家终端可以搭梯子我就不说啥了哈哈,其他的终端可以用淘宝的镜像cnpm来安装解包程序,在终端中执行:
npm install -g cnpm –registry=https://registry.npm.taobao.org
第三步,安装asar(需要node版本≥10)
前面安装了cnpm的可以:
cnpm install –engine-strict asar
前面没有cnpm的可以:
npm install –engine-strict asar
第四步,把你cfw/resourse/app.asar复制到一个工作文件夹,例如work(随便一个文件夹即可),在文件夹work中执行如下命令,得到app文件夹:
asar extract app.asar app
附命令用法:asar extract <asar文件名> <解包后的文件夹名>
第五步,更改完之后可以再次用asar打包,为了避免覆盖原app.asar,请将原app.asar重命名为“appbak.asar”,然后同样在文件夹work中执行下面的命令:
asar pack app app.asar
附命令用法:asar pack <你解包之后的文件夹名> <设置打包成的asar名>
第二章 做好事前准备
必须要有CSS基础!
必须要有CSS基础!
必须要有CSS基础!
第一步
点击下载DesignTool_0.14.8_v01
先解包(详见第一章),然后打开/dist/electron,里面有两个js文件,main.js和renderer.js,我们主要更改renderer.js,打开两个js文件后,用JS美化工具美化一下:https://tool.lu/js/
(注:两个js文件中出现相对路径,其运行目录是/dist/electron)
第二步,打开renderer.js(建议使用Visual Studio)
并给大家分析一下每个自定义选项都代表什么,以辉夜大小姐主题为例:
如何替换?使用visual Studio
先替换前前9个:
1-9详解
10-11详解
12-17详解
18-20详解
这里背景图片放到包里面的/dist/electron/static/imgs中,替换包中文字为:
static/imgs/图片名字.png
背景图片到窗口底部的距离
40px为默认——logo到底部有40个px,而0px即为无缝隙
背景图片透明度
透明度取值0~1
魔改版适用版本
魔改补丁版本号
最后几步
最后,保存文件,按照第一章的压包教程,完成主题的制作。
替换之后截几张图,发给 つつ 即可投稿到 Telegram频道。
各位大佬们!期待有更多的主题能够问世!
忘了说了,再给大家几个示例:
Fuck It! 主题 作者:つつ
Fuck It! : https://t.me/Clash_For_Windows_Reform_GGB/3
辉夜大小姐-书记 作者:つつ
辉夜大小姐-书记: https://t.me/Clash_For_Windows_Reform_GGB/24
つつ,
敬上
2021年3月13日凌晨