RTheme
v3.0.0
차세대 최신 괴짜 스타일 다기능 수평형 블로그 시스템 - Nextjs 기반
// 차세대 최신 괴짜 다재다능한 수평형 블로그 시스템 - Nextjs로 구동 //
미리보기: RavelloH의 블로그
새롭게 디자인된 테마 프레임워크 덕분에 테마는 이제 Google PageSpeed Insights 테스트에서 400/400이라는 만점을 달성하며 성능 면에서 최고조에 이르렀습니다. 테스트 결과
실제 경험에서 RTheme은 Web Worker를 사용하여 로드가 많은 작업을 비동기적으로 처리하고 렌더링을 비동기적으로 로드/수행하며 페이지 차단을 방지합니다. 또한 활성 사전 로드로 인해 페이지 로드 지연이 줄어듭니다. v3 버전의 포괄적인 업그레이드에서 테마는 단일 페이지 응용 프로그램으로 변환되었으며 원활한 콘텐츠 전환과 결합되어 유창성이 크게 향상되었습니다.
RTheme은 Github Actions를 사용하여 클라우드에 자동으로 배포합니다. 로컬 개입 없이 인덱스 업데이트, 자동 구독 업데이트, 사이트 맵 업데이트, 기사 우회 권장 사항 및 기타 기능을 자동으로 완료할 수 있습니다.
또한 RTheme은 자체 구조를 최적화하여 기사 작성을 매우 간단하게 만들었습니다. HTML 구문만 이해하면 됩니다. Markdown을 사용하여 편집하도록 선택할 수도 있습니다. 이후 렌더링 시 해당 구성 요소가 자동으로 자동 추가됩니다.
테마는 반응형 디자인을 사용하고 기본 요소는 모든 크기의 화면에서 잘 작동하는 플렉스/그리드 레이아웃을 사용합니다.
테마에는 풍부한 기능이 내장되어 있습니다. 설정/공유/온라인 음악 재생/다중 사이트 속도 테스트/전체 사이트 자동 검색/기사 사용자 정의 정렬/기사 태그 및 카테고리 자동 색인 생성/사이트 맵/RSS/Atom 자동 생성 /자동 기사 추천/고급 다운로드 내장 서버/액티브 프리로딩/사용자 로그인 인터페이스/외부 링크 스크린샷 API 등 일련의 기능을 갖추고 있어 괴짜를 위한 최고의 테마 프레임워크를 만듭니다.
초기 로딩을 제어하는 데 사용되는 loading.js 제외하고 테마의 다른 스크립트는 각 함수를 함수로 래핑하여 재사용성을 보장하고 순서가 잘못된 로딩에 대한 의존성을 방지합니다.
이를 통해 보조 개발이 매우 간단해지고 테마 프레임워크의 기능을 직접 재사용할 수 있습니다.
테마는 검색 엔진 크롤링을 최적화하기 위해 페이지 콘텐츠를 기반으로 두 가지 형식의 sitemap 자동으로 생성합니다.
테마는 지속 가능하게 통합된 RPageSearch와 긴밀하게 통합되어 정적 사이트에 대한 사이트 전체의 고급 검색 기능을 제공합니다. 자세한 내용은 RavelloH/RPageSearch를 참조하세요. 고성능/실시간 검색/정규 구문 지원/비동기/웹 워커/자동 연속 구축/확장 가능한 데이터 포맷 등 풍부한 검색 기능을 제공합니다.
테마는 페이지 콘텐츠를 기반으로 RSS , Atom 및 JSON Feed 세 가지 형식으로 구독 정보를 자동으로 생성합니다.
이 테마는 처음에 Chrome 58(2017년 4월 19일), Firefox 52(2017년 3월 7일), Opera 45(2017년 5월 10일) 및 Safari에서 지원되어 호환성을 보장합니다.
참고: IE는 종료되었으며 지원되지 않습니다.
테마는 페이지 로딩을 위해 PJAX 기술을 사용하고 페이지 로딩 스위치 사이에 전환 애니메이션을 추가합니다.
또한 테마는 페이지가 로드될 때 왼쪽 하단에 있는 진행률 표시줄을 업데이트하여 로딩/로딩 시간 초과/로딩 완료/로딩 실패와 같은 다양한 시나리오를 표시합니다.
테마에는 재생/전환/점프/루프 등의 기능을 지원하는 기본 음악 플레이어가 내장되어 있으며 온라인에서 검색하여 온라인 리소스를 사용할 수 있습니다. 
테마에는 부드럽고 자연스러운 요소 전환을 보장하기 위한 부드러운 요소 전환 기능인 switchElementContext() 가 내장되어 있습니다.
테마 본문 크기는 600KB 미만이며 프레임워크가 없어 고속 로딩 성능을 보장합니다.
테마는 highlight.js 코드를 사용하여 강조 표시하고 Web Worker를 사용하여 병렬로 로드하여 페이지 차단을 방지합니다.
테마는 개입 없이 기사 정보를 기반으로 해당 태그/카테고리로 기사를 자동으로 색인화할 수 있습니다.
테마의 언어 파일 패키지는 별도의 파일로, 필요에 따라 템플릿을 변경할 수 있으며 국제화도 구현할 수 있습니다.
테마는 개인화된 경험을 제공하기 위해 다양한 방식으로 구성될 수 있습니다.
설정 항목은 쿠키를 이용해 저장되며, 목록을 이용해 빠르게 생성할 수 있어 사용 편의성이 높습니다.
테마는 기사 내의 제목을 기반으로 목차를 자동으로 생성하고 읽기 항목을 강조 표시하여 읽기 경험을 향상시킬 수 있습니다.
이전/다음 기사는 기사 마지막 부분에 자동으로 추천되며, 수동 설정이 필요하지 않습니다. 효과는 위 사진을 참고하세요.
테마에는 전반적인 느낌을 향상시키기 위한 내장 다운로더가 있습니다. 귀하의 기사에 이를 사용할 수 있습니다.
자세히보기#box다운로드box
Vercle 배포를 직접 사용하거나 vps 및 기타 배포 방법을 사용할 수 있습니다.
https://ravelloh.top/posts/rthemev4-deployment-complete-guide를 참조하세요.
테마의 개선/수정/기능 증가를 환영합니다. nodejs를 사용하여 로컬에서 변경 사항을 볼 수 있습니다.
git clone https://github.com/RavelloH/RTheme
cd RTheme
pnpm install
pnpm devMIT
