Descarga de abridge - Descarga del código fuente abridge

abridge

Datos del sitio web

Version 2.5.0

Descargar

Abridge Zola tema

Un tema Zola rápido, liviano y moderno que utiliza Abridge.CSS (un marco CSS semántico de clase HTML). Lighthouse perfecto, YellowLabTools y puntajes del observatorio. Aquí hay una página de puntos de referencia de temas de Zola.

El mantenimiento de este proyecto es posible gracias a todos los contribuyentes y patrocinadores. Si desea patrocinar este proyecto y hacer que su avatar o logotipo de la compañía aparezca a continuación, haga clic aquí. ?

Ver demostración de Abridge

Ver Abridge.CSS Demo [Abridge.css Framework]

La demostración de Abridge.CSS simplemente usa el tema Abridge como un submódulo: config.toml, sass/Abridge.scss

Características

Lighthouse perfecto, YellowLabTools y puntajes del observatorio.
Soporte PWA (aplicación web progresiva).
Todo JavaScript puede estar completamente deshabilitado.
Temas oscuros, claros, automáticos y conmutadores. (Los colores se pueden personalizar, variables CSS)
Destacación de sintaxis del código. (Los colores se pueden personalizar, variables CSS)
Bloques de código numerados con resaltado de línea.
Sitio completamente fuera de línea utilizando el PWA o configurando search_library = "offline" en config.toml (soporte de búsqueda completa).
Soporte de varios idiomas.
Soporte de búsqueda. (ElasticLunr, Pagefind, TinySearch)
Sugerencias de búsqueda claves de navegación, / enfoque, movimiento arrow , enter seleccionar, escape cierre.
Página de resultados de búsqueda, escriba la consulta de búsqueda y luego presione Enter Key o click el icono del botón de búsqueda.
Soporte de SEO. (Optimización del motor de búsqueda)
Paginación con paginador numerado en el índice.
Enlaces de artículo anteriores y siguientes basados en el título en la parte inferior del artículo.
Tabla de contenido en el índice de página (enlaces opcionales, clicables)
Bloque de publicaciones recientes. (Opcional)
Volver al botón superior. (usa solo CSS)
El botón de copia bloquea el código.
Enlace de correo electrónico en la ofuscación de los pies. (anti-spam)
Soporte de Katex.
Página de archivo.
Etiquetas.
Categorías. (Similar a las etiquetas, deshabilitado/comentado de forma predeterminada)
Enlaces de icono social en el pie de página.
Diseño receptivo. (Mobile primero)
Códigos cortos de video: YouTube, Vimeo, Streamable.
Códigos de medios: Video, IMG, IMGSWAP, Image, GIF, Audio.
Otros códigos cortos: ShowData, Katex.

La documentación completa está disponible aquí

Comienzo rápido

Este tema requiere la versión 0.19.1 o posterior de Zola

git clone https://github.com/jieiku/abridge.git
cd abridge
zola serve
# open http://127.0.0.1:1111/ in the browser

Instalación

El inicio rápido muestra cómo ejecutar el tema directamente. A continuación, usaremos Abridge como tema para un nuevo sitio.

1: crea un nuevo sitio de Zola

yes " " | zola init mysite
cd mysite

2: instalar Abridge

Agregue el tema como un submódulo Git:

git init  # if your project is a git repository already, ignore this command
git submodule add https://github.com/jieiku/abridge.git themes/abridge
git submodule update --init --recursive
git submodule update --remote --merge

O clonar el tema en el directorio de sus temas:

git clone https://github.com/jieiku/abridge.git themes/abridge

3: Configuración

Copie algunos archivos del directorio de temas al directorio raíz de su proyecto:

rsync themes/abridge/.gitignore .gitignore
rsync themes/abridge/config.toml config.toml
rsync themes/abridge/content/_index.md content/
rsync -r themes/abridge/COPY-TO-ROOT-SASS/ * sass/
rsync themes/abridge/netlify.toml netlify.toml
rsync themes/abridge/package_abridge.js package_abridge.js
rsync themes/abridge/package.json package.json

configuración base config.toml con todos los valores de configuración.
content/_index.md requerido para establecer paginación.
COPY-TO-ROOT-SASS/abridge.scss anula para personalizar las variables de Abridge.
netlify.toml Configuración para implementar su repositorio con Netlfiy.
script de nodo package_abridge.js a: Actualizar la lista de archivos de caché en PWA, Minify JS, Bundle JS
package.json para facilitar el uso de paquete_abridge.js

Descopment La línea de tema en la raíz de su proyecto. Toml:

sed -i ' s/^#theme = "abridge"/theme = "abridge"/ ' config.toml

4: Agregar contenido nuevo

Copie el contenido del directorio de temas a su proyecto o haga una nueva publicación:

rsync -r themes/abridge/content .

5: Ejecute el proyecto

Simplemente ejecute zola serve en la ruta raíz del proyecto:

zola serve

Zola iniciará el servidor web Dev, accesible de forma predeterminada en http://127.0.0.1:1111 .

Los cambios guardados se recargarán en el navegador. (Presione ctrl+f5 , o mientras se desarrolla pwa=false en config.toml )

Personalización

Para una mayor personalización, asegúrese de consultar los documentos.

Patrocinador

¿Te encanta este tema? ¿Fue útil para ti? Por favor, deje una estrella de GitHub, y si se siente inclinado a donar, puede hacerme una donación a través de los patrocinadores de GitHub.