Code Monkey home page Code Monkey logo

yandere-masonry's Introduction

Yande.re Masonry

中文 | English

Yande.re/Konachan 中文标签 & 缩略图放大 & 双击翻页 & 瀑布流浏览

Modified from zhzwz/yande-re-chinese-patch

有问题或建议请到 GitHub 反馈

更新日志见 CHANGELOG.md

Build with vite & vite-plugin-tm-userscript

Install

如何安装用户脚本管理器插件不再赘述,可以参照 Greasy Fork 首页 提示安装浏览器插件

Greasy Fork: 点击安装

Sleazy Fork: 点击安装

GitHub 仓库文件:点击安装

Web 端预览版本:点击查看

Tips

Moebooru 站点(Y 站、K 站)可通过设置查询参数 locale 或者设置 cookie 里的 locale 项来指定界面语言

如: https://yande.re/post?locale=zh_CN

本脚本在访问 Y 站或 K 站时已默认指定语言为 zh_CN

Features

缩略图放大

对列表页的缩略图进行放大 [Y 站 / K 站]

双击翻页

双击页面左侧任意区域进入上一页,双击页面右侧任意区域进入下一页 [Y 站 / K 站]

访问标记

会在点击过详情页面的图片下方标注一条横线,利用的是 a 标签 :visited 特性,清除缓存后失效 [Y 站 / K 站]

标签中文翻译

瀑布流模式

点击右上角按钮进入瀑布流模式

输出下载地址

瀑布流模式下可使用 输出下载地址 功能保存图片地址 TXT 后使用迅雷、IDM、wget 等批量下载,见 FoXZilla/Pxer#8

顶部操作

  • 打开侧栏
  • 加载指定页数
  • 加载收藏夹、人气、随机作品(Y 站/K 站)
  • 加载图集(Pool)列表(Y 站/K 站)
  • 按标签搜索作品
  • 批量选择
  • 查看下载列表
  • 深色模式切换
  • 退出瀑布流模式

侧栏操作

  • 站点切换,支持站点见下方所述
  • 进入收藏夹、人气、随机作品页面(Y 站/K 站)
  • 进入图集(Pool)页面(Y 站/K 站)
  • 本地标签黑名单
  • 设置站点 API Credentials
  • 切换 NSFW 内容显示
  • 瀑布流显示列数切换,列数选择非自动且列数小于 6 时图片会以 sample_url (即点击详情的大小) 展示。
  • 设置图片信息流布局
    • Masonry (等宽不等高)
    • Grid (等宽等高)
    • Justified (适高不等宽)

详情查看

点击缩略图可查看详情,可进行以下操作

  • 收藏(Y 站/K 站)
  • 打开详情页面
  • 打开来源地址
  • 查看原图
  • 下载/加入下载列表
  • 打开标签页面
  • 点击图片控制按钮与标签显示
  • 查看原图时可使用鼠标拖拽图片本身移动

站点支持

⚠ Notice

主要支持站点为 Yande.re 和 Konachan,其他站点为基本支持。

存在站点页面图片列表与 API 返回列表不一致的情况,请悉知。

缩略图放大与双击翻页支持的站点如下:

https://yande.re

https://konachan.com

https://konachan.net

瀑布流支持的 Booru 站如下:

https://yande.re

https://konachan.com

https://konachan.net

https://danbooru.donmai.us

https://gelbooru.com

https://rule34.xxx

https://lolibooru.moe

https://www.sakugabooru.com

http://behoimi.org (3dbooru)

https://safebooru.org

https://tbib.org

https://xbooru.com

https://rule34.paheal.net

https://realbooru.com

https://booru.allthefallen.moe

https://aibooru.online

Screenshots

Sponsors

感谢 TSUKYU 的支持

Developing

$ git clone https://github.com/asadahimeka/yandere-masonry.git
$ cd yandere-masonry
$ yarn install
$ yarn dev

Vue 3 + TypeScript + Vite

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 to learn more.

Recommended IDE Setup

Type Support For .vue Imports in TS

Since 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:

  1. Run 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.
  2. Reload the VS Code window by running Developer: Reload Window from the command palette.

You can learn more about Take Over mode here.

Credits

zhzwz/yande-re-chinese-patch

Booru Search modified from AtoraSuunva/booru

License

Licensed under the MIT license

Copyright © 2022 Yumine Sakura

yandere-masonry

yandere-masonry's People

Contributors

asadahimeka avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

yandere-masonry's Issues

Keyboard shortcut support

Hi there, thanks for your amazing work! It optimized my booru-viewing experience greatly, and here I'd like to propose a new feature: keyboard shortcuts.
Now when I want to download or add an image to the download list, I have to either click->enter the full-screen mode->click the buttons on the top-right corner, or right click->click download/add to list, which is still a bit bulky. If there could be a function that when the mouse hovers over an image, the user can press A to add to list, and D to download this image, this tool will truly be super fluent and efficient. Thanks again for your contribution!

Looping is not ideal

It would be better if it didn't show the play button and all these notifications.

new.mp4

Issues when using rule34.xxx

When viewing on the waterfall mode it seems to pull the search and shows the results. however when doing the same on some ones favorites' there is no search and shows the same as if the search was blank.

Favorites url:
rule34.xxx/index.php?page=favorites&s=view&id=342018&pid=42

normal url:
https://rule34.xxx/index.php?page=post&s=list&tags=all

Would be good if this code worked for favorites too.

Thanks !

下载列表选择大图和原图选择失效

前几天还能正常使用 自由切换大图和原图输出地址下载 现在只能下载原图了 (点了大图选项输出地址还是原图的)
Chrome 版本 121.0.6167.185(正式版本) (64 位) 篡改猴 v5.0.1

有变动的操作: 修改了yandere的host (之前都用的魔法
浏览器新增了IDM

不知道是不是和gelbooru冲突然后bug了 发现g站的瀑布贴下载列表是没有大图原图选择的 y站才有

不太会发lssue 大佬见谅 请求回复 谢谢!!

下载按钮在很多情况下不见

在以下情况下,批量导出下载链接的按钮不可见:
1、浏览器窗口没有最大化
2、浏览器使用垂直标签栏
3、窗口变窄(如平板竖着)
实际上顶栏的空间足够显示所有按钮,但它不显示

Rule34 is not working with FireFox

Hello,

rule34.xxx is not working with yandere masonry in FireFox. I have visited the site before and install Masonry after and any image is present with the software.

image

Can you help me ?

Thanks in advance.

使用键盘按键切换图片

首先,对不起,我不会说中文,我正在使用翻译设备。

你能实现一种用 A/D 或键盘箭头等键切换图片的方法吗? 有时您可能只想使用键盘进行导航。

感谢这个惊人的脚本!

Gelbooru图片下载无法识别下载是否完成

image
点击下载键后,即使浏览器已经完成了下载,插件仍然会认为下载没有完成,无法继续下载其他图片。使用批量下载功能时则只能下载第一张图片。在yande.re和danbooru测试了一下,可以正常下载。

No next button on videos

You can't press the keyboard keys to switch the media either, that will just fast forward/rewind (if you click on the video, otherwise it'll do nothing)

Sidebar tags translation broken in yande.re

  • Bugs appearence: It's not adding translation before the oringinal tags in the sidebar as it should in yande.re, but function running well in other sites.

I think the seletcor that pushed into setTagText returns a empty set. But I am not major in js so not very sure about it. But, remove the "?tags=" in the selector nailed it.

CHS:

  • BUG: yandere的左侧列表没有翻译成功,在其他站没问题。

捣鼓了一会儿后感觉选择器可能有问题?返回的似乎是空集。我没有用过js所以不太确定,但去掉 ?tags= 后倒是正常了

下载图片高清度问题

希望能提取次高清的图片地址,也就是JPG,现在只能批量提取PNG超大的原文件图片地址

Option to select locale

By default the script sets the locale to zh_CN (which makes every website chinese) and you have to modify the code every time it updates to set it to another locale like en_US. Can you an option somewhere on the interface? Maybe you can just detect the browser language instead.

默认瀑布流模式

怎么设置浏览yande.re时自动启用瀑布流模式?
image
每次都要点一下

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.