RTheme

RTheme-v4

Eine neue Generation eines modernen multifunktionalen horizontalen Blogsystems im Geek-Stil – basierend auf Nextjs

// Modernes, vielseitiges horizontales Blogsystem der nächsten Generation – Unterstützt von Nextjs //

Merkmale

• Modern : Nutzen Sie moderne Webtechnologien wie React und Next.js, um ein schnelles und reaktionsfähiges Benutzererlebnis zu bieten.
• Multifunktional : Unterstützt eine Vielzahl von Blog-Funktionen wie Artikelklassifizierung, Tags, Suche, Kommentare, Verkehrsstatistiken (in Entwicklung) usw.
• Geek-Stil : Das Design ist einfach und elegant, geeignet für Geeks und Entwickler.
• Plattformübergreifend : Unterstützt die Ausführung auf mehreren Geräten, einschließlich Desktop, Mobilgeräten usw.
• Responsiv : Passt sich an unterschiedliche Bildschirmgrößen an, um ein einheitliches Benutzererlebnis zu bieten.
• Anpassbar : Bietet umfangreiche Anpassungsoptionen, um individuelle Anforderungen zu erfüllen.
• Einfach zu bedienen : Das Hinzufügen, Löschen, Ändern und Überprüfen täglicher Dokumente kann auf der Website erfolgen. Es ist nicht erforderlich, Code zu schreiben.
• Einfache Bereitstellung : Vercel kann für eine schnelle Bereitstellung verwendet werden, oder es können andere Cloud-Plattformen oder VPS verwendet werden.
• Kontinuierliche Updates : Das Thema wird ständig aktualisiert, um bessere Funktionen und ein besseres Erlebnis zu bieten.
• Verfügt über ein eigenes Backend : Dieser Blog verfügt über ein eigenes Verwaltungs-Backend, und Besucher können sich auch registrieren und bei ihrem Konto anmelden.
• Geringe Kosten : Kostenlose Bereitstellung mithilfe der kostenlosen Postgres-Datenbank von Vercel oder Neon.
• Natürlicher Übergang : Der Elementwechsel wird mithilfe selbst entwickelter Ein- und Ausblendfunktionen verarbeitet, wodurch der Übergang natürlich und reibungslos erfolgt.
• SEO-freundlich : Kommt mit RSS und Sitemap, SEO-freundlich.

Vorschau

Vorschau: RavelloHs Blog

Merkmal

hohe Leistung

Dank des neu gestalteten Theme-Frameworks ist das Theme nun leistungstechnisch auf dem Höhepunkt und erreicht im Google PageSpeed ​​Insights-Test eine Höchstpunktzahl von 400/400. Testergebnisse
In der Praxis verwendet RTheme Web Worker, um Aufgaben mit hoher Auslastung asynchron zu verarbeiten, das Rendern asynchron zu laden/durchzuführen und das Blockieren der Seite zu vermeiden. Außerdem wird durch das aktive Vorladen die Verzögerung beim Laden der Seite verringert. Im umfassenden Upgrade der v3-Version wurde das Theme in eine Single-Page-Anwendung umgewandelt und in Verbindung mit einem reibungslosen Inhaltsübergang wurde die Sprachverständlichkeit erheblich verbessert.

Automatisierung

RTheme verwendet Github-Aktionen zur automatischen Bereitstellung in der Cloud. Es kann automatisch Indexaktualisierungen, automatische Abonnementaktualisierungen, Sitemap-Aktualisierungen, Artikelumgehungsempfehlungen und andere Funktionen ohne lokalen Eingriff durchführen.
Darüber hinaus hat RTheme seine eigene Struktur optimiert, wodurch das Schreiben von Artikeln sehr einfach wird – Sie müssen lediglich die HTML-Syntax verstehen. Sie können sich auch für die Bearbeitung mit Markdown entscheiden. Anschließend werden seine Komponenten beim Rendern automatisch und stillschweigend hinzugefügt.

Reaktionsschnell

Das Thema verwendet ein responsives Design und die Grundelemente verwenden ein Flex-/Gitter-Layout, das auf Bildschirmen aller Größen gut funktioniert.

Reich an Funktionen

Das Thema verfügt über umfangreiche Funktionen, integrierte Einstellungen/Freigabe/Online-Musikwiedergabe/Geschwindigkeitstest für mehrere Websites/automatische Suche auf der gesamten Website/benutzerdefinierte Sortierung von Artikeln/automatische Indizierung von Artikel-Tags und -Kategorien/Sitemap/RSS/automatische Atom-Generierung /automatische Artikelempfehlung/integrierte erweiterte Downloads Es verfügt über eine Reihe von Funktionen wie Server/aktives Vorladen/Benutzeranmeldeschnittstelle/Screenshot-API für externe Links usw. und schafft so das ultimative Theme-Framework für Geeks.

Funktionalisierung

Mit Ausnahme von loading.js , das zum Steuern des anfänglichen Ladens verwendet wird, packen die anderen Skripte im Thema jede Funktion in eine Funktion ein, um ihre Wiederverwendbarkeit sicherzustellen und die Abhängigkeit vom Laden außerhalb der Reihenfolge zu vermeiden.

Dies macht die Sekundärentwicklung sehr einfach und Sie können die Funktionen direkt im Theme-Framework wiederverwenden.

SEO-freundlich

Das Theme generiert automatisch sitemap in zwei Formaten basierend auf dem Seiteninhalt, um das Crawlen durch Suchmaschinen zu optimieren.

Durchsuchen Sie die gesamte Website

Das Theme ist tief in die nachhaltig integrierte RPageSearch integriert, um Site-weite erweiterte Suchfunktionen für statische Sites bereitzustellen. Weitere Informationen finden Sie unter RavelloH/RPageSearch. Hohe Leistung/Echtzeitsuche/Unterstützung für reguläre Syntax/asynchron/Web-Worker/automatische kontinuierliche Konstruktion/erweiterbares Datenformat, bietet umfangreiche Suchfunktionen.

Automatische Abonnementaktualisierungen

Das Theme generiert automatisch Abonnementinformationen in drei Formaten: RSS , Atom und JSON Feed basierend auf dem Seiteninhalt.

Hohe Kompatibilität

Das Theme wird zunächst von Chrome 58 (19. April 2017), Firefox 52 (7. März 2017), Opera 45 (10. Mai 2017) und Safari unterstützt und bietet Kompatibilitätsgarantien.
Hinweis: IE ist tot und wird nicht unterstützt.

Einzelseitenanwendung

Das Thema nutzt die PJAX-Technologie zum Laden von Seiten und fügt Übergangsanimationen zwischen Seitenladeschaltern hinzu.
Darüber hinaus aktualisiert das Design auch den Fortschrittsbalken in der unteren linken Ecke, wenn die Seite geladen wird, um verschiedene Szenarien wie Laden/Ladezeitüberschreitung/Ladeabschluss/Ladefehler anzuzeigen.

Nativer Musikplayer

Das Theme verfügt über einen integrierten nativen Musikplayer, der Funktionen wie Abspielen/Umschalten/Springen/Loop unterstützt und online durchsucht werden kann, um Online-Ressourcen zu nutzen.
Es unterstützt auch das Hinzufügen eines Musikplayers innerhalb des Artikels, um den Themenplayer zur Wiedergabe aufzurufen.

Übergang natürlich

Das Theme verfügt über eine integrierte reibungslose Elementwechselfunktion switchElementContext() um einen reibungslosen und natürlichen Elementwechsel zu gewährleisten.

Leichte und native Implementierung

Die Größe des Theme-Körpers beträgt weniger als 600 KB und es gibt kein Framework, was eine schnelle Ladeleistung gewährleistet.

Code-Hervorhebung

Das Thema verwendet highlight.js -Code zum Hervorheben und Web Worker zum parallelen Laden, um ein Blockieren der Seite zu verhindern.

Automatische Indizierung von Tags und Kategorien

Das Theme kann Artikel automatisch mit entsprechenden Tags/Kategorien basierend auf Artikelinformationen ohne Eingriff indizieren.

Sprachanpassung

Das Sprachdateipaket des Themes ist eine separate Datei. Sie können die Vorlage nach Ihren eigenen Bedürfnissen ändern und auch deren Internationalisierung implementieren.

Benutzerdefiniert festlegen

Themen können auf verschiedene Arten konfiguriert werden, um ein personalisiertes Erlebnis zu bieten.
Einstellungselemente werden mithilfe von Cookies gespeichert und können mithilfe von Listen schnell erstellt werden, um eine einfache Bedienung zu gewährleisten.

automatische Verzeichnisindizierung

Das Theme kann automatisch ein Inhaltsverzeichnis basierend auf den Titeln im Artikel erstellen und Leseelemente hervorheben, um das Leseerlebnis zu verbessern.

Empfehlung zur Artikelumgehung

Der vorherige/nächste Artikel wird am Ende des Artikels automatisch empfohlen, eine manuelle Einstellung ist nicht erforderlich. Den Effekt sehen Sie im Bild oben.

Integrierter erweiterter Downloader

Das Theme verfügt über einen integrierten Downloader, um das Gesamtgefühl zu verbessern. Sie können es in Ihren Artikeln verwenden.
Weiterlesen#box下载box

---

verwenden

Sie können die Vercle-Bereitstellung direkt verwenden oder VPS und andere Bereitstellungsmethoden verwenden.

Siehe https://ravelloh.top/posts/rthemev4-deployment-complete-guide

entwickeln

Verbesserungen/Korrekturen/erweiterte Funktionalität des Themes sind willkommen. Sie können die Änderungen lokal mit nodejs anzeigen.

git clone https://github.com/RavelloH/RTheme
cd RTheme
pnpm install
pnpm dev

Lizenz

MIT