# Ramotion Blog Beautification

[README](README.md) | [中文文档](README_zh-CN.md)

---

[GitHub](https://github.com/qixing-jk/ramotion-beautification) | [Greasy Fork](https://greasyfork.org/scripts/546325)

![Greasy Fork Version](https://img.shields.io/greasyfork/v/546325)
![Greasy Fork Downloads](https://img.shields.io/greasyfork/dt/546325)

A browser userscript (Tampermonkey) project to improve reading experience on Ramotion's blog by removing distracting elements and optimizing layout.

## Features

- Remove subscription sidebar that obstructs reading
- Expand article container to utilize full screen width
- Toggle script on/off through Tampermonkey menu
- Clean and focused reading experience
- Lightweight and fast

## Quick Start

1. Install the userscript in your browser:

   | GitHub Source (Recommended, optimized) | Greasy Fork (Alternative) |
   | -------------------------------------- | ------------------------- |
   | [Install](https://raw.githubusercontent.com/qixing-jk/ramotion-beautification/main/dist/ramotion-beautification.optimized.user.js) | [Install](https://greasyfork.org/scripts/) |

2. Navigate to [Ramotion blog](https://ramotion.com/blog)
3. Toggle the script on/off through Tampermonkey menu

## Local Development

1. Clone this repo
2. Run `pnpm install`
3. Run `pnpm dev` for development, `pnpm build` for production
4. For optimized build, run `pnpm build:optimize`

## Tech Stack

- TypeScript
- Vite 7
- [vite-plugin-monkey](https://github.com/lisonge/vite-plugin-monkey)
- Tampermonkey API