Pake x 微信读书 x 霞鹜文楷

利用 Pake 给「微信读书」网页版打包成了 App。

加上了「霞鹜文楷」在线字体；

覆盖了亮色主题背景色为淡米色；

隐藏右侧控制按钮；

下载地址：https://github.com/lmm214/Pake/releases

2024-06-20 更新：支持了双栏。

编译记录

Fork 项目
启用 Actions
修改 app.csv （留下一个）
进 Releases 打 tag（版本号必须以大写 V 开头）
然后等待 20 分钟左右，到 release 页面下载即可！

备1：自己新写一个需新上传图标，上传图标推荐用 https://icon-icons.com/zh/ ，生成 .icns、.ico、.png图标；上传 .icns 文件至/src-tauri/icons目录下（必须，打包mac应用）；上传.ico 和.png 文件至 /src-tauri/png目录下（打包windows/linux是需要的）。

备2：Pake 的高级用法

其实简单的加个 css ，插入个 js 代码，完全不用本地部署编译环境。因为编译出来的也仅是当下系统的 App。

比如我自个儿 npm run dev:debug 了半天也就在 .../src-tauri/src/inject/style.js 加了以下代码：

*{font-family: "LXGW WenKai Screen" !important;}
html body.wr_whiteTheme,
.wr_whiteTheme .navBar_home,
.wr_whiteTheme .app,
.wr_whiteTheme .navBar,
.wr_whiteTheme .readerTopBar,
.wr_whiteTheme .readerChapterContent_container,
.wr_whiteTheme .readerChapterContent,
.wr_whiteTheme .readerContent .app_content{
  background-color: #f9f3e8 !important;
}
.wr_whiteTheme .navBar_input,
.wr_whiteTheme .bookshelf_preview_item,
.wr_whiteTheme .recommend_preview_item,
.readerTopBar,
.readerControls_item,
.wr_whiteTheme .readerControls_fontSize{
    background-color:transparent !important;
}
.readerControls{
    width: 40px !important;
    transform: unset !important;
    bottom:0 !important;
    top: unset !important;
    right:-45px !important;
}
.readerControls_fontSize:not(:first-child), .readerControls_item:not(:first-child){
    margin-top:0 !important;
}
.readerControls_item,.readerControls_fontSize{opacity:0.1 !important;}
.readerControls_item:hover,.readerControls_fontSize:hover{opacity:0.7 !important;}
.wr_whiteTheme .readerControls_item,
.readerControls .readerControls_fontSize{
    box-shadow:none !important;
}
.shelf_download_app,
.readerTopBar_right{
    display:none !important;
}
.wr_bookCover_decor.wr_bookCover_gradientDecor{
    background-image:none !important;
}
.readerTopBar{height:50px !important;margin-bottom:-30px;}
.readerTopBar .readerTopBar_left{margin:0 0 0 26px;}
.wr_bookCover_decor.wr_bookCover_gradientDecor{
    background-image:none !important;
}

在 .../src-tauri/src/inject/custom.js 加了以下代码：

document.addEventListener('DOMContentLoaded', () => {
  const link = document.createElement("link");
  link.rel = "stylesheet";
  link.type = "text/css";
  link.href = "https://npm.elemecdn.com/lxgw-wenkai-screen-webfont/style.css";
  document.head.append(link);
})

其实用个浏览器插件丢入以上css代码即可，前提是本地安装过对应字体。 ✌️