picprose

Picprose

Intro

PICProse ist ein Artikel mit dem Titelbildgenerator für Mittel-, WordPress-, WeChat- und andere Blog -Beitrag

Vorschau:

https://picprose.net

https://picprose.pixpark.net/(chinesische Festland)

Showcase:

https://pixpark.net

Erste Schritte

Schritt 1:

Konfigurieren Sie den Taste Unsplash

Datei erstellen .env.local , geben

 NEXT_PUBLIC_UNSPLASH_API_KEY = your_unsplash_api_key

Siehe: https://unsplash.com/documentation

Schritt 2:

Führen Sie den Entwicklungsserver aus:

npm install
npm run dev
# or
yarn install
yarn dev

Öffnen Sie http: // localhost: 3000 mit Ihrem Browser, um das Ergebnis zu sehen.

Sie können mit der Bearbeitung der Seite beginnen, indem Sie app/page.tsx ändern. Die Seite Auto-Updates, während Sie die Datei bearbeiten.

In diesem Projekt optimieren und laden Sie next/font automatisch, eine benutzerdefinierte Google -Schriftart.

Statisch einsetzen

Laufen

npm run build

Statische Datei generieren, out Dir

Bereitstellung in Vercel

Sie können zunächst Ihre eigene Nextra -Site erstellen und in Vercel bereitstellen, indem Sie auf den Link klicken:

Mit Docker einsetzen

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

Lizenz

PicProse ist Open-Source im Rahmen der MIT-Lizenz.