jekyll theme consulting
1.0.0
Una plantilla jekyll sobria y sin complicaciones para empresas.
Puedes obtener una vista previa del tema aquí.
Responsive : soporte listo para usar para todos los tamaños de pantalla, ya sean teléfonos inteligentes, portátiles, tabletas...
Multilingüe : administre fácilmente páginas, menú, URL, fechas y mapa del sitio en varios idiomas.
Personalizable : los colores del tema, el menú y los elementos sociales se pueden cambiar desde un archivo de configuración central
Muchos widgets : pestañas, mini publicaciones, focos, listas de funciones y más se pueden insertar fácilmente sin preocuparse por sus componentes internos.
Muchas plantillas : formularios de contacto, menús de navegación y otros se pueden insertar fácilmente gracias a las funciones personalizadas de Jekyll.
Imágenes vectoriales : las imágenes del tema están vectorizadas, se reproducen sin problemas en cualquier pantalla y se les puede aplicar estilo dinámicamente.
Listo para GDPR : incluido con un complemento de consentimiento de cookies y una política de privacidad estándar que cumple con GDPR
Listo para SEO : el mapa del sitio, el archivo robots.txt y las etiquetas se generan automáticamente para el sitio web.
Ligero : imágenes svg, pulgares y carga diferida para imágenes rasterizadas, pocas bibliotecas
Rendimiento : carga y ejecución paralela de activos, soporte de carga diferida, activos minimizados, ruta crítica comprimida
Reforzado : validación de formularios, recaptcha, bibliotecas verificadas
Agregue esta línea al Gemfile de su sitio Jekyll:
gem "jekyll-theme-consulting" Y agregue esta línea al _config.yml de su sitio Jekyll:
theme : jekyll-theme-consultingY luego ejecuta:
$ bundle
O instálelo usted mismo como:
$ gem install jekyll-theme-consulting
Para aquellos que no están familiarizados con el funcionamiento de Jekyll, visite jekyllrb.com para obtener todos los detalles o lea solo los conceptos básicos de la portada, la redacción de publicaciones y la creación de páginas.
Copie el archivo _config.yml del repositorio de temas a la raíz del árbol de carpetas de su sitio web. La siguiente sección explica cuál es el impacto de la configuración y cómo configurar _config.yml correctamente.
Puede utilizar los siguientes parámetros personalizados en _config.yml .
Tanto title como subtitle se muestran uno al lado del otro:
Aparecerán íconos sociales para cada URL que complete, entre facebook_url , etc.
Su información de contacto se puede utilizar en formularios de contacto, el pie de página o en cualquier otro lugar.
El formulario de contacto se valida mediante el complemento recaptcha de Google. Primero, debe [registrar su sitio web] para habilitar el complemento. Google le proporcionará una clave de integración del lado del cliente : cópiela en _config.yml en recaptcha.sitekey .
La descarga y renderización de imágenes se pueden aplazar hasta que entren en la ventana gráfica. Esto acorta la carga de la página web, sin consecuencias en el contenido mostrado ya que las imágenes están fuera de pantalla.
Hay 2 posibilidades:
La compatibilidad del navegador con la carga diferida varía, por lo que se recomienda optar por la primera solución.
class="lazy-loading"src con la ruta al archivo de marcador de posicióndata-src con la ruta al archivo de contenidoAntes:
< img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />Después:
< img class =" lazy-loading " src =" {{ 'assets/images/placeholder.jpg' | absolute_url }} " data-src =" {{ 'assets/images/content.jpg' | absolute_url }} " /> loading="lazy"Antes:
< img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />Después:
< img loading =" lazy " src =" {{ 'assets/images/content.jpg' | absolute_url }} " />¡Esta funcionalidad no es compatible con todos los navegadores!
Se recomienda utilizar el formato webp .
En una dimensión y nivel de compresión (calidad) determinados, los archivos webp tienen al menos la mitad del tamaño y se sienten más suaves.
En el repositorio de su propio sitio web, edite el archivo _config.yml :
url : " https://<github-account-name>.github.io/<repository-name> "Construya el sitio web con:
$ JEKYLL_ENV=production bundle exec jekyll build
Compromete todo tu trabajo a la rama actual.
Crea una rama llamada gh-pages :
$ git checkout -b gh-pages
Y finalmente reemplace el contenido del repositorio con las páginas web generadas:
$ mkdir ~/backup
$ mv ./* ~/backup/
$ mv ~/backup/.git ./
$ mv ~/backup/_site/* ./
$ git add .
$ git commit -m "First draft"
El contenido del repositorio está respaldado en el directorio de inicio del usuario.
Y finalmente pasar a github
$ git push --u origin gh-pages
En el directorio de su propio sitio web, edite el archivo _config.yml :
url : " https:<domain-name> "Construya el sitio web con:
$ JEKYLL_ENV=production bundle exec jekyll build
Copie el contenido de la carpeta _site a su servidor, probablemente en www .
Si es necesario, configure su servidor para servir este directorio.
Los informes de errores y las solicitudes de extracción son bienvenidos en GitHub en https://github.com/apehex/jekyll-theme-consulting. Este proyecto pretende ser un espacio seguro y acogedor para la colaboración, y se espera que los contribuyentes cumplan con el código de conducta del Pacto de Colaboradores.
Para configurar su entorno para desarrollar este tema, ejecute bundle install .
Para probar el tema, ejecute bundle exec jekyll serve y abra su navegador en http://localhost:4000 . Esto inicia un servidor Jekyll usando el tema. Agregue páginas, documentos, datos, etc. como de costumbre para probar el contenido del tema. A medida que realiza modificaciones en el tema y en su contenido, su sitio se regenerará y debería ver los cambios en el navegador después de una actualización, como de costumbre.
Cuando se lance el tema, solo se agruparán los archivos en _layouts , _includes , _sass y assets rastreados con Git. Para agregar un directorio personalizado a theme-gem, edite la expresión regular en jekyll-theme-consulting.gemspec en consecuencia.
Inspirada en el trabajo de @ajlkn.
Utiliza la plantilla básica del complemento de consentimiento de cookies.
Utiliza el sencillo complemento de búsqueda Jekyll.
Imagen espacial en el banner: los Pilares de la Creación, cortesía de la NASA.
El tema está disponible como código abierto según los términos de CC-BY-NC-SA-4.0.
