{"id":13455686,"url":"https://github.com/RavelloH/RTheme","last_synced_at":"2025-03-24T08:34:23.716Z","repository":{"id":39908479,"uuid":"387802502","full_name":"RavelloH/RTheme","owner":"RavelloH","description":"新一代现代化极客风多功能横版博客系统 - 基于Nextjs  // Next-gen modern geeky versatile horizontal blog system - Powered by Nextjs. //","archived":false,"fork":false,"pushed_at":"2025-02-26T02:37:08.000Z","size":23996,"stargazers_count":247,"open_issues_count":0,"forks_count":12,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-26T03:28:10.592Z","etag":null,"topics":["animation","auto-feeder","automation","codehighlight","compatibility","customizable","functionalization","html5-framework","javascipt","javascript-applications","music-player","native","native-base","nodejs","seo-friendly","single-page-app","spa","static-site","themes"],"latest_commit_sha":null,"homepage":"https://ravelloh.top/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RavelloH.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"custom":"https://afdian.net/@RavelloH"}},"created_at":"2021-07-20T13:33:51.000Z","updated_at":"2025-02-26T02:37:12.000Z","dependencies_parsed_at":"2024-10-28T13:05:40.997Z","dependency_job_id":"6cb26329-ba0f-42bf-9de4-32ae8f991757","html_url":"https://github.com/RavelloH/RTheme","commit_stats":null,"previous_names":[],"tags_count":5,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RavelloH%2FRTheme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RavelloH%2FRTheme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RavelloH%2FRTheme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RavelloH%2FRTheme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RavelloH","download_url":"https://codeload.github.com/RavelloH/RTheme/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245236117,"owners_count":20582366,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","auto-feeder","automation","codehighlight","compatibility","customizable","functionalization","html5-framework","javascipt","javascript-applications","music-player","native","native-base","nodejs","seo-friendly","single-page-app","spa","static-site","themes"],"created_at":"2024-07-31T08:01:09.355Z","updated_at":"2025-03-24T08:34:23.705Z","avatar_url":"https://github.com/RavelloH.png","language":"JavaScript","funding_links":["https://afdian.net/@RavelloH"],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# RTheme - v4\n\n新一代现代化极客风多功能横版博客系统 - 基于Nextjs\n\n// Next-gen modern geeky versatile horizontal blog system - Powered by Nextjs. //  \n\n![GitHub last commit](https://img.shields.io/github/last-commit/RavelloH/RTheme?style=for-the-badge)\n![GitHub repo size](https://img.shields.io/github/repo-size/RavelloH/RTheme?style=for-the-badge)\n![GitHub Repo stars](https://img.shields.io/github/stars/RavelloH/RTheme?style=for-the-badge)\n\u003c/div\u003e\n\n## 特点\n- **现代化**：采用现代Web技术，如React、Next.js，提供快速、响应式的用户体验。\n- **多功能**：支持多种博客功能，如文章分类、标签、搜索、评论、访问量统计（正在开发）等。\n- **极客风格**：设计简洁、优雅，适合极客和开发者。\n- **跨平台**：支持在多种设备上运行，包括桌面、移动设备等。\n- **响应式**：自适应不同屏幕尺寸，提供一致的用户体验。\n- **可定制**：提供丰富的自定义选项，满足个性化需求。\n- **易于操作**：日常文稿增删改查均在站点内操作即可，无需写代码，自带Markdown编辑器。\n- **易于部署**：可使用vercel快速部署，也可使用其他云平台或VPS。\n- **持续更新**：主题将不断更新，以提供更好的功能和体验。\n- **自带后台**：此博客自带管理后台，游客也可注册并登录账户。\n- **低成本**：使用vercel或neon提供的免费postgres数据库可免费部署。\n- **过渡自然**：元素切换使用自研淡入淡出函数处理，过渡自然流畅。\n- **SEO友好**：自带RSS与Sitemap，SEO友好。\n- **消息中心**: 自带消息中心，显示各类通知(评论/回复/站内信)\n- **自带评论系统**: 无需其他任何第三方评论系统，自带markdown语法支持\n- **AES-128加密的即时聊天**: 自带加密，接入博客消息系统\n  \n## 预览  \n\n预览: [RavelloH's Blog](https://ravelloh.top/)  \n\n![homepage](https://raw.ravelloh.top/rtheme/homepage.webp)\n![signin](https://raw.ravelloh.top/rtheme/signin.webp)\n![editor](https://raw.ravelloh.top/rtheme/editor.webp)\n![menu](https://raw.ravelloh.top/rtheme/menu.webp)\n![categories](https://raw.ravelloh.top/rtheme/categories.webp)\n![user-dashboard](https://raw.ravelloh.top/rtheme/user-dashboard.webp)\n![user](https://raw.ravelloh.top/rtheme/user.webp)\n![post-index](https://raw.ravelloh.top/rtheme/post-index.webp)\n\n![Screenshot_20230819_163309_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/b83fe77d-82ad-4d96-a1ba-c26e69f4eb1f)\n![Screenshot_20230819_163340_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/8dda9083-2096-47f7-a868-565fc53a8ece)\n![Screenshot_20230819_163447_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/d96d3c0d-c98a-4fc3-835a-57f2020e7bf7)\n![Screenshot_20230819_163646_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/293cb420-25a7-4b34-8900-b137f107c196)\n![Screenshot_20230819_163712_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/ee264ec0-58c4-4169-a7c0-2febfabf5f93)\n![Screenshot_20230819_163426_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/b38705ad-945e-4fd7-8ec6-93537ff52153)\n![image](https://github.com/user-attachments/assets/a5e3b8ec-4f66-42be-949a-b168f6d0ad3c)\n![image](https://github.com/user-attachments/assets/700f7a20-592f-4199-b84f-62331a2c9303)\n![image](https://github.com/user-attachments/assets/8a4959ff-9c2d-4291-ae99-c40d2d83179b)\n![image](https://github.com/user-attachments/assets/df934b22-aca5-4dd2-a7f1-c4d11699fcc1)\n\n\n\n\n\n## 特性  \n### 高性能  \n得益于重新设计的主题框架，主题现在在性能方面已经登峰造极，在Google PageSpeed Insights测试中取得了400/400的满分成绩。[测试结果](https://pagespeed.web.dev/analysis/https-ravelloh-top/ojuiwt9vbw?form_factor=desktop)\n![Screenshot_20230819_162842_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/a3e71d29-29ef-4a48-b8f8-ad52f9df8240)  \n在实际体验中，RTheme使用Web Worker异步处理高负载任务，异步加载/执行渲染，避免阻塞页面；其主动预加载也降低了页面的加载延迟。\n在v3版本的全面升级中，主题已经改造为单页应用程序，加之顺畅的内容过渡，流畅性大大提升。\n\n### 自动化  \nRTheme使用Github Actions在云端自动部署，无需本地干预，即可自动完成索引更新、自动订阅更新、站点地图更新、文章旁路推荐等功能。  \n此外，RTheme优化了自身的架构，使得其编写文章十分简单----仅需要了解HTML语法即可。你也可以选择使用Markdown编辑。之后，其组件将在渲染时自动无感添加。  \n![Screenshot_20230817_200552_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/6e554c22-5a2f-45be-bc94-82ed845775a3)  \n\n\n### 响应式  \n主题使用响应式设计，基准元素均使用flex/grid布局，在各尺寸屏幕上表现出色。\n![Screenshot_20230819_165401_com kiwibrowser browser](https://github.com/RavelloH/RTheme/assets/68409330/ba0071fb-8e4d-4c90-8834-203cb478a880)\n![Screenshot_20230819_165820_com android chrome_edit_386275673794257](https://github.com/RavelloH/RTheme/assets/68409330/2dc5f1ee-9d84-4a7b-8aa9-d7cd6f6bdef8)\n\n\n### 功能丰富  \n主题功能丰富，内置设置/分享/在线音乐播放/多站点测速/自动全站搜索/文章自定义排序/文章标签\u0026分类自动索引/站点地图/RSS/Atom自动生成/文章自动推荐/内置高级下载器/主动型预加载/用户登录接口/外链截图API等等一系列功能，创造出属于极客的极致主题框架。  \n\n### 函数化  \n主题中除了用于管控初始化加载的`loading.js`，其余脚本均将各功能包装为函数，以保证其可复用性及可免依赖乱序加载。  \n![Screenshot_20230819_170439_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/2ffb3784-11ab-4326-9bd1-078d1ef17563)  \n这使得二次开发十分简单，可直接复用主题框架中的功能。\n\n### SEO友好  \n主题自动根据页面内容生成两种格式的`sitemap`，优化搜索引擎抓取。  \n\n### 全站搜索  \n主题与可持续集成的RPageSearch深度集成，以提供静态站的全站高级搜索功能。\n详见[RavelloH/RPageSearch](https://github.com/RavelloH/RPageSearch)。高性能/实时搜索/正则语法支持/异步/web worker/自动持续构建/可拓展数据格式，提供丰富的搜索功能。  \n![Screenshot_20230812_214218_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/8244541c-c2c2-4893-a094-b49f2ac3d4fb)\n\n### 自动订阅更新  \n主题基于页面内容自动生成`RSS`、`Atom`、`JSON Feed`三种格式的订阅信息。\n\n### 高兼容性  \n主题最早支持到Chrome58(2017年4月19日),Firefox52(2017年3月7日),Opera45(2017年5月10日)，Safari，能够提供兼容性的保障。  \n注：IE已死，不支持IE。\n\n### 单页应用程序  \n主题使用PJAX技术进行页面加载，并在页面加载切换之间加入过渡动画。  \n另外，主题也会在页面加载时更新左下角的进度条，以展示正在加载/加载超时/加载完成/加载失败等不同场景。\n![Screenshot_20230819_175635_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/160277fb-e8c1-4af9-9b3c-48c7bd23e9f0)\n\n### 原生音乐播放器\n主题内置原生音乐播放器，支持播放/切换/跳转/循环等功能，且可进行在线搜索以使用在线资源。  \n![Screenshot_20230819_163646_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/293cb420-25a7-4b34-8900-b137f107c196)\n也支持在文章内部加入音乐播放器，来调用主题的播放器进行播放。  \n![Screenshot_20230819_180221_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/b8535362-58ad-4f37-8b44-2f3f206396c3)\n\n### 过渡自然  \n主题内置顺滑的元素切换函数`switchElementContext()`，以保证元素切换的顺滑自然。\n\n### 轻量化\u0026原生实现  \n主题本体大小小于600KB，无任何框架，保证了其高速的加载性能。\n![Screenshot_20230819_182143_com kiwibrowser browser](https://github.com/RavelloH/RTheme/assets/68409330/172c2488-40f4-4f4c-9f27-0ee93448c2ef)\n\n### 代码高亮  \n主题使用`highlight.js`代码高亮，并在其基础上使用Web Worker并行加载，防止页面阻塞。  \n![Screenshot_20230819_182502_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/3c71231d-dd54-4b85-9fcf-4f1eb01097d8)\n\n### 标签\u0026分类自动索引\n主题能自动根据文章信息索引具有相应标签/分类的文章，无需干预。\n![Screenshot_20230819_182651_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/564e86cf-686b-4f05-9ebf-44f7d45e0af9)\n\n### 语言自定义\n主题的语言文件包单独成文件，你可以根据自己的需要更改模板，也可实现其国际化。\n![Screenshot_20230819_182834_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/52fde86d-8136-4191-b90b-1a28653fb9bb)\n\n### 设置自定义  \n主题可进行各式设置，以提供个性化体验。  \n设置项使用cookie存储，并且使用列表快速创建，保证其易用性。  \n![Screenshot_20230819_183116_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/834ceb8e-fcdf-4404-b8df-76a6594f61ae)\n![Screenshot_20230819_183151_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/4bf9efab-5b84-4777-a6e6-55af41c64ecd)\n\n### 自动目录索引\n主题可根据文章内标题自动生成目录，并高亮阅读项，以提高阅读体验。\n![Screenshot_20230819_183406_com android chrome](https://github.com/RavelloH/RTheme/assets/68409330/33954e5b-c1e8-4e9a-a7d3-e4378e3b6b59)\n\n### 文章旁路推荐\n文章结尾自动推荐上一篇/下一篇文章，无需手动设置。效果见上方图片。\n\n### 内置高级下载器\n主题内置下载器，提高整体感。你可以在文章中使用。  \n详阅[#箱式下载盒](https://ravelloh.top/articles/20230815/#%E7%AE%B1%E5%BC%8F%E4%B8%8B%E8%BD%BD%E7%9B%92)\n![Screenshot_20230819_183617_com kiwibrowser browser](https://github.com/RavelloH/RTheme/assets/68409330/5d32c6bf-2b41-46b1-b898-09cb185e8ccd)\n\n---\n\n## 使用  \n你可以直接使用vercle部署，也可以使用vps等部署方式。\n\n\u003e 参阅[https://ravelloh.top/posts/rthemev4-deployment-complete-guide](https://ravelloh.top/posts/rthemev4-deployment-complete-guide)  \n\n## 开发  \n欢迎改进/修复/增加主题的功能。你可以使用nodejs在本地查看更改。\n```shell\ngit clone https://github.com/RavelloH/RTheme\ncd RTheme\npnpm install\npnpm dev\n```\n\n## Licence\nMIT\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRavelloH%2FRTheme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FRavelloH%2FRTheme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRavelloH%2FRTheme/lists"}