mirror of
https://github.com/BewlyBewly/BewlyBewly.git
synced 2025-04-14 13:15:29 +00:00
73 lines
2.6 KiB
Markdown
73 lines
2.6 KiB
Markdown
# BewlyBewly
|
|
|
|
<p align="center">
|
|
<img width="150" src="https://user-images.githubusercontent.com/33394391/160250512-410b71fc-7f25-4caf-b850-429227ff082a.png"><br/>
|
|
</p>
|
|
|
|
Bringing you the suggested videos on the bilibili homepage, clean and simple.
|
|
|
|
<p align="center">
|
|
<sub>Inject Vue App into bilibili homepage</sub><br/>
|
|
<img width="655" src="https://user-images.githubusercontent.com/33394391/160250313-6a3db903-53c5-431a-8ddd-80a50725087a.png"><br/>
|
|
</p>
|
|
|
|
## Installation
|
|
|
|
> Ensure you installed [bewlybewly-extension.zip](https://github.com/hakadao/BewlyBewly/releases) and decompress this file.
|
|
|
|
### Chrome
|
|
|
|
1. Type in `chrome://extensions/` in the address bar and press Enter
|
|
2. Turn on `Developer mode` then press `Load unpacked` <br/> <img width="655" alt="Snipaste_2022-03-27_18-17-04" src="https://user-images.githubusercontent.com/33394391/160276882-13da0484-92c1-47dd-add8-7655c5c2bf1c.png">
|
|
3. Load decompressed exetension folder in your browser <br/> <img width="655" alt="Snipaste_2022-03-27_18-44-20" src="https://user-images.githubusercontent.com/33394391/160277821-a950074f-cc2f-4bd2-94b6-48c3d2dc851a.png">
|
|
|
|
### Edge
|
|
|
|
1. Type in `edge://extensions/` in the address bar and press Enter
|
|
2. Turn on `Developer mode` then press `Load unpacked` <br/> <img width="655" alt="image" src="https://user-images.githubusercontent.com/33394391/160278008-37899cd2-e12f-4153-91e9-7ad72a11457e.png">
|
|
3. Load decompressed exetension folder in your browser
|
|
|
|
## Getting started
|
|
|
|
To get suggested videos on the homepage, click on the `Settings` button in the bottom right corner.
|
|
|
|
<img width="200" src="https://user-images.githubusercontent.com/33394391/160269696-265fbe8f-00fb-4cb6-bd86-b9c0a385253c.png">
|
|
|
|
Make sure you log in to bilibili first and then click on the `Authorize` button.
|
|
|
|
<img width="655" src="https://user-images.githubusercontent.com/33394391/160272991-1351ec1d-32a6-4faf-8cd7-4d12a2445958.png">
|
|
|
|
When the `Authorize` button changes to the `Revoke` button, you can get suggested videos based on what you watch.
|
|
|
|
## Authorization & Access Key
|
|
|
|
https://github.com/indefined/UserScripts/tree/master/bilibiliHome#%E6%8E%88%E6%9D%83%E8%AF%B4%E6%98%8E
|
|
|
|
## Development & build
|
|
|
|
### Development
|
|
|
|
```bash
|
|
pnpm dev
|
|
```
|
|
|
|
Then **load extension in browser with the `extension/` folder**.
|
|
|
|
### Build
|
|
|
|
To build the extension, run
|
|
|
|
```bash
|
|
pnpm build
|
|
```
|
|
|
|
And then pack files under `extension`
|
|
|
|
# Credits
|
|
|
|
[vitesse-webext](https://github.com/antfu/vitesse-webext)
|
|
|
|
[UserScripts/bilibiliHome](https://github.com/indefined/UserScripts/tree/master/bilibiliHome)
|
|
|
|
[bilibili-API-collect](https://github.com/SocialSisterYi/bilibili-API-collect)
|