reactpress

Ausgaben · Zuganfrage · Englisch · 中文

Content Management

Startseite

Navigation

Mobiltelefon

? Vergleich

Vergleich von Reactpress, WordPress und VuePress

Besonderheit	Reactpress	WordPress	VuePress
Technologiestapel	React + NextJs + Mysql + NestJs	PHP + MySQL	Vue.js
Typ	Open-Source Publishing Platform / CMS	Open-Source Publishing Platform / CMS	Statische Site -Generator- / Dokumentationstool
Front-End- und Back-End-Trennung	Unterstützt	Nicht unterstützt (traditioneller Ansatz)	Unterstützt
Komponentenbasierte Entwicklung	Unterstützt	Begrenzte Unterstützung (über Plugins und Themen)	Unterstützt
Leistungsoptimierung	Virtuelles DOM, Codeaufteilung, faules Laden	Plugin-abhängige Optimierung	Statische Seitengenerierung, ausgezeichnete Leistung
SEO -Leistung	Ausgezeichnet (SSR -Unterstützung)	Gut	Hervorragende (statische Seiten)
Anpassbarkeit	Hoch (vollständig anpassbare Themen und Stile)	Hoch (über Plugins und Themen)	Moderat (Thema und Komponentenanpassung)
Erweiterbarkeit	Starke (API-Schnittstellen, unabhängige Front-End- und Back-End-Erweiterungen)	Stark (Plugin -Erweiterungen)	Moderat (Plugin- und Themenerweiterungen)
Benutzeroberfläche	Modernes, komponentbasiertes Design basierend auf React	Benutzerfreundliche Backend-Schnittstelle	Minimalist, optimiert für technische Dokumentation
Sicherheit	Hängt von der Sicherheit des Frameworks und der Datenbank ab	Hängt von Plugin- und Themenaktualisierungen und Wartung ab	Statische Stelle, hohe Sicherheit
Anwendungsszenarien	Komplexe Funktionalität, hoher gleichzeitiger Zugriff, SEO -Optimierungsanforderungen	Schnelle Website -Setup, Content Publishing und Management	Technische Dokumentation, statische Blogs
Benutzergruppen	Entwickler, technische Teams, persönliche Blogs ， kleine Unternehmen	Persönliche Blogs, kleine Unternehmen, Startups	Technische Dokumentationsautoren, Entwickler
Unterstützung der Gemeinschaft	Aktiv und wachsen	Sehr aktiv, mit einer großen Benutzerbasis	Unterstützt von der Vue.js Community

Merkmale

• ? Technologiestack: Aufbau auf React+Mysql+NestJs+NextJs
• ? Komponentierung: Eine interaktive Sprache und ein visueller Stil basieren auf AntD
• ? Internationalisierung: Unterstützt das Wechsel zwischen Chinesisch und Englisch mit internationalen Konfigurationsmanagementfunktionen
• ? Schwarz -Weiß -Thema: Unterstützt kostenloses Wechsel zwischen hellen und dunklen Modus Themen
• ? ️ Erstellungsmanagement: Eingebauter "Markdown" -Ditedler, Unterstützung von Artikeln, Kategorie und Verzeichnismanagement sowie Tag -Management
• ? Seitenverwaltung: Unterstützt das Anpassen neuer Seiten
• Kommentarmanagement: Unterstützt Inhaltskommentarverwaltung
• ? Medienverwaltung: Unterstützt lokale Datei -Upload- und OSS -Datei -Upload
• ...

Live -Demo

Reactpress -Demo

⌨️ Entwicklung

Umfeld

$ git clone --depth=1 https://github.com/fecommunity/reactpress.git
$ cd reactpress
$ npm i -g pnpm
$ pnpm i

Konfiguration

Nach dem Start des Projekts wird die .env -Konfigurationsdatei im Stammverzeichnis geladen. Bitte stellen Sie sicher, dass der MySQL -Datenbankdienst mit der folgenden Konfiguration übereinstimmt, und erstellen Sie die reactpress -Datenbank im Voraus

 DB_HOST = 127.0 .0 .1 // Default Database Host
DB_PORT = 3306 // Default Database Port
DB_USER = reactpress // Default Username
DB_PASSWD = reactpress // Default Password
DB_DATABASE = reactpress // Default Database Name

Führen Sie nach dem Vorbereiten der Umgebung die Start -up -Shell aus:

$ pnpm run dev

Öffnen Sie Ihren Browser und besuchen Sie http://127.0.0.1:3001

? Links

• Heim
• Einfacher Blog
• Probleme
• Anfrage ziehen
• Weiter.js
• Nest.js

Beitragen

Wir laden alle Beiträge von allen ein. Bevor Sie anfangen, nehmen Sie sich bitte einen Moment Zeit, um unseren beitragenden Leitfaden zu überprüfen. Fühlen Sie sich frei, Ihre Ideen durch Pull -Anfragen oder Github -Probleme zu teilen. Wenn Sie unsere Codebasis verbessern möchten, erkunden Sie die Entwicklungsanweisungen und genießen Sie Ihre Codierungsreise!

1. Github -Diskussionen
2. Stapelüberlauf （Englisch）
3. Segmentfehler （Chinesisch）

Sie können mir auch eine E -Mail senden: [email protected]

❤️ Danksagungen

Das Reactpress-Projekt wurde durch die folgenden Open-Source-Projekte sehr inspiriert und unterstützt:

• [fantasticit] - [wipi] - [https://github.com/fantasticit/wipi]

• [Lrunlin] - [Blog] - [https://github.com/lrunlin/blog]

• [biaochenxuying] - [blog -react] - [https://github.com/biaochenxuying/blog-react]

• [Mrxujiang] - [Next -Admin] - [https://github.com/mrxujiang/next-admin]

• [lfb] - [nodejs-koa-blog] -[https://github.com/lfb/nodejs-koa-blog]

………

Wir danken den Autoren und Mitwirkenden dieser Projekte von Herzen!

Sterngeschichte