RTheme
v3.0.0
A new generation of modern geek style multifunctional horizontal blog system - based on Nextjs
// Next-gen modern geeky versatile horizontal blog system - Powered by Nextjs. //
Preview: RavelloH's Blog
Thanks to the redesigned theme framework, the theme is now at its peak in terms of performance, achieving a perfect score of 400/400 in the Google PageSpeed Insights test. Test results
In actual experience, RTheme uses Web Worker to asynchronously handle high-load tasks, asynchronously load/perform rendering, and avoid blocking the page; its active preloading also reduces the page loading delay. In the comprehensive upgrade of the v3 version, the theme has been transformed into a single-page application, and coupled with smooth content transition, the fluency has been greatly improved.
RTheme uses Github Actions to automatically deploy in the cloud. It can automatically complete index updates, automatic subscription updates, site map updates, article bypass recommendations and other functions without local intervention.
In addition, RTheme has optimized its own structure, making it very simple to write articles - you only need to understand HTML syntax. You can also choose to edit using Markdown. Afterwards, its components will be automatically and silently added when rendering.
The theme uses responsive design, and the basic elements use flex/grid layout, which performs well on screens of all sizes.
The theme has rich functions, built-in settings/sharing/online music playback/multi-site speed test/automatic whole-site search/custom sorting of articles/automatic indexing of article tags & categories/site map/RSS/Atom automatic generation/automatic article recommendation/built-in advanced downloads It has a series of functions such as server/active preloading/user login interface/external link screenshot API, etc., creating the ultimate theme framework for geeks.
Except for loading.js , which is used to control initial loading, the other scripts in the theme wrap each function into a function to ensure its reusability and avoid dependence on out-of-order loading.
This makes secondary development very simple, and you can directly reuse the functions in the theme framework.
The theme automatically generates sitemap in two formats based on page content to optimize search engine crawling.
The theme is deeply integrated with the sustainably integrated RPageSearch to provide site-wide advanced search capabilities for static sites. See RavelloH/RPageSearch for details. High performance/real-time search/regular syntax support/asynchronous/web worker/automatic continuous construction/expandable data format, providing rich search functions.
The theme automatically generates subscription information in three formats: RSS , Atom , and JSON Feed based on page content.
The theme is initially supported by Chrome 58 (April 19, 2017), Firefox 52 (March 7, 2017), Opera 45 (May 10, 2017), and Safari, providing compatibility guarantees.
Note: IE is dead and is not supported.
The theme uses PJAX technology for page loading and adds transition animations between page loading switches.
In addition, the theme will also update the progress bar in the lower left corner when the page is loading to show different scenarios such as loading/loading timeout/loading completion/loading failure.
The theme has a built-in native music player that supports functions such as play/switch/jump/loop, and can be searched online to use online resources. 
The theme has a built-in smooth element switching function switchElementContext() to ensure smooth and natural element switching.
The theme body size is less than 600KB and does not have any framework, ensuring its high-speed loading performance.
The theme uses highlight.js code to highlight, and uses Web Worker to load in parallel to prevent page blocking.
The theme can automatically index articles with corresponding tags/categories based on article information without intervention.
The theme's language file package is a separate file. You can change the template according to your own needs, and you can also implement its internationalization.
Themes can be configured in various ways to provide a personalized experience.
Setting items are stored using cookies and can be quickly created using lists to ensure ease of use.
The theme can automatically generate a table of contents based on the titles within the article and highlight reading items to improve the reading experience.
The previous/next article is automatically recommended at the end of the article, no manual setting is required. See the picture above for the effect.
The theme has a built-in downloader to improve the overall feel. You can use it in your articles.
Read more#box下载box
You can directly use vercle deployment, or you can use vps and other deployment methods.
See https://ravelloh.top/posts/rthemev4-deployment-complete-guide
Improvements/fixes/increased functionality of the theme are welcome. You can view the changes locally using nodejs.
git clone https://github.com/RavelloH/RTheme
cd RTheme
pnpm install
pnpm devMIT
