https://github.com/jaaronkot/picprose

Better cover image generator tool for Medium, YouTube, BiliBili, Blog and many others
https://github.com/jaaronkot/picprose

coverimage image nextjs nextui react tailwindcss tools

Last synced: 27 days ago
JSON representation

Better cover image generator tool for Medium, YouTube, BiliBili, Blog and many others

• Host: GitHub
• URL: https://github.com/jaaronkot/picprose
• Owner: jaaronkot
• License: mit
• Created: 2024-04-03T06:25:51.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-06T11:12:48.000Z (4 months ago)
• Last Synced: 2024-08-10T17:35:05.888Z (3 months ago)
• Topics: coverimage, image, nextjs, nextui, react, tailwindcss, tools
• Language: JavaScript
• Homepage: https://picprose.net
• Size: 17.4 MB
• Stars: 460
• Watchers: 4
• Forks: 64
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
PicProse




   

    

      

      



## Intro

PicProse is a article cover image generator tool for Medium, Wordpress, Wechat and other blog post

**Preview:** 

[https://picprose.net](https://picprose.net)

[https://picprose.pixpark.net/](https://picprose.pixpark.net/)(Chinese mainland)

**Showcase:**

[https://pixpark.net](https://pixpark.net)

![preview](./doc/screenshot.png)

## Getting Started

**Step 1:**

config Unsplash key

💡 create file `.env.local`, put in your unsplash key 

```

NEXT_PUBLIC_UNSPLASH_API_KEY = your_unsplash_api_key

```

Refer: [https://unsplash.com/documentation](https://unsplash.com/documentation)

**Step 2:**

Run the development server:

```bash

npm install

npm run dev

# or

yarn install

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Deploy Static

Run

 ```bash

npm run build

 ```

static file generate to `out` dir

## Deploy to Vercel

You can start by creating your own Nextra site and deploying to Vercel by clicking the link:

![](https://vercel.com/button)

## Deploy with Docker

```sh

docker run -d --name picprose -e NEXT_PUBLIC_UNSPLASH_API_KEY=xxx -p 3000:3000 hausen1012/picprose

```

## License

PicProse is open-source under the [MIT License](https://github.com/gezhaoyou/picprose/blob/main/LICENSE).