Yande.re/Konachan Masonry(Waterfall) Layout. Yande.re/Konachan 中文标签 & 缩略图放大 & 双击翻页 & 瀑布流浏览
MIT License
中文 | English
Yande.re/Konachan Thumbnail Zoom & Double Click to Next Page & Waterfall Browsing
Modified from zhzwz/yande-re-chinese-patch
Changelog see CHANGELOG.md
For questions or suggestions please go to GitHub Issues
Build with vite & vite-plugin-tm-userscript
How to install the userscript manager plugin is not repeated, you can refer to Greasy Fork homepage tips to install the browser plugin.
Greasy Fork: Click to install
Sleazy Fork: Click to install
GitHub Raw:Click to install
Web Preview:Click to view
Enlarge the thumbnail of the list page, currently compatible with yande.re and Konachan
Double-click any area on the left side of the page to enter the previous page, double-click any area on the right side of the page to enter the next page, currently compatible with yande.re and Konachan
A horizontal line will be marked below the image that has been clicked on the details page, using the :visited feature of the <a>
tag, which will expire after clearing the browser cache, currently compatible with yande.re and Konachan
Click the upper right button to enter waterfall mode
In waterfall mode, you can use the Output download links
function to save the image address TXT and then use Thunder, IDM, wget, etc. to download in batches, see https://github.com/FoXZilla/Pxer/issues/8
Click on the thumbnail to view the details, and the following actions can be performed
⚠ Notice
Main support sites are Yande.re and Konachan, other sites are basic support, not tested in detail
This script is mainly for the convenience of image browsing. Other functions such as downloading are simply supported, and are not guaranteed to be fully available. In addition, there is a situation where the image list of the origin site page is inconsistent with the list returned by the API, please be aware
The supported sites for thumbnail enlargement and double-click page flip are as follows:
The supported booru sites for waterfall layout are as follows:
http://behoimi.org (3dbooru)
https://booru.allthefallen.moe
Other supported sites:
https://sankaku.app (https://chan.sankakucomplex.com)
https://idol.sankakucomplex.com
Thanks for TSUKYU's support
git clone https://github.com/asadahimeka/yandere-masonry.git
cd yandere-masonry
yarn install
yarn dev
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup>
SFCs, check out the [script setup docs](https://v3.vuejs.org/api/ sfc-script-setup.html#sfc-script-setup) to learn more.
.vue
Imports in TSSince TypeScript cannot handle type information for .vue
imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in .vue
imports (for example to get props validation when using manual h(...)
calls), you can enable Volar's Take Over mode by following these steps:
Extensions: Show Built-in Extensions
from VS Code's command palette, look for TypeScript and JavaScript Language Features
, then right click and select Disable (Workspace)
. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.Developer: Reload Window
from the command palette.You can learn more about Take Over mode here.
Booru Search API modified from AtoraSuunva/booru
Licensed under the MIT license
Copyright © 2022 Yumine Sakura