¡Bienvenido a Blowfish! :tada: on Blowfish

Bienvenido a Blowfish

Mon, 01 Jan 0001 00:00:00 +0000

Blowfish está repleto de funcionalidades.

El objetivo original de Blowfish era desarrollar un tema simple y ligero. El tema es un fork de Congo y expande su visión inicial.

n9o.xyz

Mon, 01 Jan 0001 00:00:00 +0000

Instalación

Mon, 01 Jan 0001 00:00:00 +0000

Simplemente sigue el procedimiento estándar de Hugo Inicio Rápido para ponerte en marcha rápidamente.

Las instrucciones de instalación detalladas se encuentran a continuación. También están disponibles instrucciones para actualizar el tema.

madoke.org

Mon, 01 Jan 0001 00:00:00 +0000

code-chimp.com

Mon, 01 Jan 0001 00:00:00 +0000

Primeros Pasos

Mon, 01 Jan 0001 00:00:00 +0000

Esta sección asume que ya has instalado el tema Blowfish.

Acabamos de lanzar una herramienta CLI para ayudarte a empezar con Blowfish. Te ayudará con la instalación y configuración. Instala la herramienta CLI globalmente usando:

Configuración

Mon, 01 Jan 0001 00:00:00 +0000

Blowfish es un tema altamente personalizable y utiliza algunas de las últimas características de Hugo para simplificar su configuración.

El tema viene con una configuración predeterminada que te permite empezar con un blog básico o sitio web estático.

mucahitkurtlar.github.io

Mon, 01 Jan 0001 00:00:00 +0000

brendanwallace.github.io

Mon, 01 Jan 0001 00:00:00 +0000

Diseño de página de inicio

Mon, 01 Jan 0001 00:00:00 +0000

Blowfish proporciona un diseño de página de inicio totalmente flexible. Hay dos plantillas principales para elegir con configuraciones adicionales para ajustar el diseño. Alternativamente, también puedes proporcionar tu propia plantilla y tener control total sobre el contenido de la página de inicio.

pmnxis.github.io

Mon, 01 Jan 0001 00:00:00 +0000

Shortcodes

Mon, 01 Jan 0001 00:00:00 +0000

Además de todos los shortcodes predeterminados de Hugo, Blowfish añade algunos adicionales para funcionalidad extra.

Alert
#

alert muestra su contenido como una caja de mensaje estilizada dentro de tu artículo. Es útil para llamar la atención sobre información importante que no quieres que el lector se pierda.

ciicadalab.github.io

Mon, 01 Jan 0001 00:00:00 +0000

Front Matter

Mon, 01 Jan 0001 00:00:00 +0000

Además de los parámetros de front matter predeterminados de Hugo, Blowfish añade varias opciones adicionales para personalizar la presentación de artículos individuales. Todos los parámetros de front matter del tema disponibles se enumeran a continuación.

georgiancodeclub.github.io

Mon, 01 Jan 0001 00:00:00 +0000

Múltiples autores

Mon, 01 Jan 0001 00:00:00 +0000

Algunos sitios web tienen más de un autor contribuyendo con contenido y por lo tanto requieren más de un único autor predeterminado para todo el sitio. Para esos casos de uso, Blowfish permite a los usuarios extender la lista de autores usando la función de múltiples autores.

fahru.my.id

Mon, 01 Jan 0001 00:00:00 +0000

Partials

Mon, 01 Jan 0001 00:00:00 +0000

Analytics
#

Blowfish proporciona soporte integrado para Fathom Analytics, Google Analytics y Umami Analytics. Fathom es una alternativa de pago a Google Analytics que respeta la privacidad del usuario.

loisvelasco.is-a.dev

Mon, 01 Jan 0001 00:00:00 +0000

Miniaturas

Mon, 01 Jan 0001 00:00:00 +0000

Miniaturas
#

Blowfish fue mejorado para facilitar añadir soporte visual a tus publicaciones. Para hacerlo, solo necesitas colocar un archivo de imagen (casi todos los formatos son soportados pero recomendamos .png o .jpg) que comience con feature* dentro del directorio principal de tu artículo, como se muestra en el ejemplo de abajo.

Ejemplos de contenido

Mon, 01 Jan 0001 00:00:00 +0000

Si has estado leyendo la documentación en orden, ahora deberías conocer todas las características y configuraciones disponibles en Blowfish. Esta página está diseñada para unir todo y ofrecer algunos ejemplos prácticos que podrías querer usar en tu proyecto Hugo.

insidemordecai.com

Mon, 01 Jan 0001 00:00:00 +0000

blastomussa.dev

Mon, 01 Jan 0001 00:00:00 +0000

Series

Mon, 01 Jan 0001 00:00:00 +0000

Blowfish proporciona una función para agrupar un conjunto de artículos bajo una “serie”. Colocar un artículo en una serie mostrará el resto de los artículos de la serie en cada página individual y proporcionará una forma rápida de navegar entre ellos. Puedes ver un ejemplo de esto arriba.

jam.dsg.li

Mon, 01 Jan 0001 00:00:00 +0000

Personalización avanzada

Mon, 01 Jan 0001 00:00:00 +0000

Hay muchas formas de hacer cambios avanzados a Blowfish. Lee a continuación para aprender más sobre qué se puede personalizar y la mejor manera de lograr el resultado deseado.

Si necesitas más consejos, publica tus preguntas en GitHub Discussions.

Alojamiento y despliegue

Mon, 01 Jan 0001 00:00:00 +0000

Hay muchas formas de desplegar tu sitio web Hugo construido con Blowfish. El tema está diseñado para ser flexible en casi cualquier escenario de despliegue.

Blowfish usa URLs relativas en todo el tema. Esto permite que los sitios se desplieguen fácilmente en subcarpetas y hosts como GitHub Pages. Normalmente no se requiere ninguna configuración especial siempre que el parámetro baseURL haya sido configurado en el archivo hugo.toml.

priyakdey.com

Mon, 01 Jan 0001 00:00:00 +0000

Firebase: Vistas & Likes

Mon, 01 Jan 0001 00:00:00 +0000

Para poder soportar datos dinámicos en tu sitio web, hemos añadido soporte para integrar Firebase. Esto te permitirá usar la función de vistas en listas y publicaciones.

Ve al sitio web de Firebase y crea una cuenta gratis
Crea un nuevo proyecto
Selecciona la ubicación de analytics
Configura Firebase en Blowfish obteniendo las variables para tu proyecto y configurándolas en el archivo params.toml. Más detalles se pueden encontrar en esta página. Puedes encontrar un ejemplo del archivo que Firebase proporcionará abajo, observa los parámetros dentro del objeto FirebaseConfig.

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
 apiKey: "AIzaSyB5tqlqDky77Vb4Tc4apiHV4hRZI18KGiY",
 authDomain: "blowfish-21fff.firebaseapp.com",
 projectId: "blowfish-21fff",
 storageBucket: "blowfish-21fff.appspot.com",
 messagingSenderId: "60108104191",
 appId: "1:60108104191:web:039842ebe1370698b487ca",
 measurementId: "G-PEDMYR1V0K"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);

Configurar Firestore - Selecciona Build y abre Firestore. Crea una nueva base de datos y elige iniciar en modo producción. Selecciona la ubicación del servidor y espera. Una vez iniciado, necesitas configurar las reglas. Simplemente copia y pega el archivo de abajo y presiona publicar. Estas reglas aseguran que las vistas solo pueden incrementarse en 1, y los likes solo pueden cambiarse en +1 o -1 (y nunca bajar de 0).

rules_version = '2';
service cloud.firestore {
 match /databases/{database}/documents {
 // Views - read anyone, only increment by 1
 match /views/{document} {
 allow read: if request.auth != null;
 allow create: if request.auth != null
 && request.resource.data.keys().hasOnly(['views'])
 && request.resource.data.views == 1;
 allow update: if request.auth != null
 && request.resource.data.diff(resource.data).affectedKeys().hasOnly(['views'])
 && request.resource.data.views == resource.data.views + 1;
 }

 // Likes - read anyone, only +1 or -1
 match /likes/{document} {
 allow read: if request.auth != null;
 allow create: if request.auth != null
 && request.resource.data.keys().hasOnly(['likes'])
 && request.resource.data.likes == 1;
 allow update: if request.auth != null
 && request.resource.data.diff(resource.data).affectedKeys().hasOnly(['likes'])
 && (request.resource.data.likes == resource.data.likes + 1
 || request.resource.data.likes == resource.data.likes - 1)
 && request.resource.data.likes >= 0;
 }

 // Deny everything else
 match /{document=**} {
 allow read, write: if false;
 }
 }
}

Habilitar autorización anónima - Selecciona Build y abre Authentication. Selecciona comenzar, haz clic en Anónimo y actívalo, guarda.
Disfruta - ahora puedes activar vistas y likes en Blowfish para todos (o específicos) artículos.

sdehm.dev

Mon, 01 Jan 0001 00:00:00 +0000

dizzytech.de

Mon, 01 Jan 0001 00:00:00 +0000

alejandro-ao.com

Mon, 01 Jan 0001 00:00:00 +0000

adir1.com

Mon, 01 Jan 0001 00:00:00 +0000

blog.muffn.io

Mon, 01 Jan 0001 00:00:00 +0000

nick.bouwhuis.net

Mon, 01 Jan 0001 00:00:00 +0000

vividscc.com

Mon, 01 Jan 0001 00:00:00 +0000

technicat.com

Mon, 01 Jan 0001 00:00:00 +0000

fugugames.com

Mon, 01 Jan 0001 00:00:00 +0000

hyperbowl3d.com

Mon, 01 Jan 0001 00:00:00 +0000

talkdimsum.com

Mon, 01 Jan 0001 00:00:00 +0000

alanctanner.com

Mon, 01 Jan 0001 00:00:00 +0000

rdgo.dev

Mon, 01 Jan 0001 00:00:00 +0000

clemsau.com

Mon, 01 Jan 0001 00:00:00 +0000

weaxsey.org

Mon, 01 Jan 0001 00:00:00 +0000

nikarashihatsu.github.io

Mon, 01 Jan 0001 00:00:00 +0000

halcyonstraits.com

Mon, 01 Jan 0001 00:00:00 +0000

50-nuances-octets.fr

Mon, 01 Jan 0001 00:00:00 +0000

marupanda.art/marucomics

Mon, 01 Jan 0001 00:00:00 +0000

m3upt.com

Mon, 01 Jan 0001 00:00:00 +0000

pacochan.net

Mon, 01 Jan 0001 00:00:00 +0000

vkmki001.github.io

Mon, 01 Jan 0001 00:00:00 +0000

bbagwang.com

Mon, 01 Jan 0001 00:00:00 +0000

jamiemoxon.tech

Mon, 01 Jan 0001 00:00:00 +0000

theindiecoder.cloud

Mon, 01 Jan 0001 00:00:00 +0000

gma.name

Mon, 01 Jan 0001 00:00:00 +0000

mayer.life

Mon, 01 Jan 0001 00:00:00 +0000

scottmckendry.tech

Mon, 01 Jan 0001 00:00:00 +0000

ohdmire.github.io

Mon, 01 Jan 0001 00:00:00 +0000

ricklan.photography

Mon, 01 Jan 0001 00:00:00 +0000

deepumohan.com/tech

Mon, 01 Jan 0001 00:00:00 +0000

joush007.github.io

Mon, 01 Jan 0001 00:00:00 +0000

blog.stonegarden.dev

Mon, 01 Jan 0001 00:00:00 +0000

renaud.warnotte.be

Mon, 01 Jan 0001 00:00:00 +0000

BoringTech.net

Mon, 01 Jan 0001 00:00:00 +0000

technicaldc.github.io

Mon, 01 Jan 0001 00:00:00 +0000

alxhslm.github.io

Mon, 01 Jan 0001 00:00:00 +0000

the-maze.net

Mon, 01 Jan 0001 00:00:00 +0000

DXPetti.com

Mon, 01 Jan 0001 00:00:00 +0000

asterisk.lol

Mon, 01 Jan 0001 00:00:00 +0000

ekwska.com

Mon, 01 Jan 0001 00:00:00 +0000

aakashnand.com

Mon, 01 Jan 0001 00:00:00 +0000

karlukle.site

Mon, 01 Jan 0001 00:00:00 +0000

Adam Madej - Gameplay Animator

Mon, 01 Jan 0001 00:00:00 +0000

eallion.com

Mon, 01 Jan 0001 00:00:00 +0000

Synaptic Sugar

Mon, 01 Jan 0001 00:00:00 +0000

michaeldorner.de

Mon, 01 Jan 0001 00:00:00 +0000

Ignacio Conde

Mon, 01 Jan 0001 00:00:00 +0000

UmmIt - Blog

Mon, 01 Jan 0001 00:00:00 +0000

nveshaan

Mon, 01 Jan 0001 00:00:00 +0000

kumacat.pages.dev

Mon, 01 Jan 0001 00:00:00 +0000

andrealucchini.com

Mon, 01 Jan 0001 00:00:00 +0000

glomyer.dev

Mon, 01 Jan 0001 00:00:00 +0000

utrodus.com

Mon, 01 Jan 0001 00:00:00 +0000

lazarusoverlook.com

Mon, 01 Jan 0001 00:00:00 +0000

p3rception.github.io

Mon, 01 Jan 0001 00:00:00 +0000

Handbook on Teaching Empirical Software Engineering: Online Materials

Mon, 01 Jan 0001 00:00:00 +0000

blog.lofibean.cc

Mon, 01 Jan 0001 00:00:00 +0000

Academy Customize

Mon, 01 Jan 0001 00:00:00 +0000

mrtruongvu.com

Mon, 01 Jan 0001 00:00:00 +0000

StepaniaH

Mon, 01 Jan 0001 00:00:00 +0000

Laterre Dev

Mon, 01 Jan 0001 00:00:00 +0000

Lazy Product Reviews

Mon, 01 Jan 0001 00:00:00 +0000

zzzhome

Mon, 01 Jan 0001 00:00:00 +0000

Bootleg Coal Rebellion

Mon, 01 Jan 0001 00:00:00 +0000

Chill-Try

Mon, 01 Jan 0001 00:00:00 +0000

Hudson McNamara

Mon, 01 Jan 0001 00:00:00 +0000

Weg um Weg

Mon, 01 Jan 0001 00:00:00 +0000

The Space 🌍

Mon, 01 Jan 0001 00:00:00 +0000

blog.francescopapini.com

Mon, 01 Jan 0001 00:00:00 +0000

Adri Antunez's Cloud Site

Mon, 01 Jan 0001 00:00:00 +0000

irusukan

Mon, 01 Jan 0001 00:00:00 +0000

FEEC/UNICAMP IA382 - Seminar in Computer Engineering

Mon, 01 Jan 0001 00:00:00 +0000

blog.francescopapini.com

Mon, 01 Jan 0001 00:00:00 +0000

Kyo's Garden

Mon, 01 Jan 0001 00:00:00 +0000

abantikabhuti.github.io

Mon, 01 Jan 0001 00:00:00 +0000

yag0x1.github.io

Mon, 01 Jan 0001 00:00:00 +0000

Learn-Software.com

Mon, 01 Jan 0001 00:00:00 +0000

mitri.lol

Mon, 01 Jan 0001 00:00:00 +0000

kieranlowe.io

Mon, 01 Jan 0001 00:00:00 +0000

eike.in

Mon, 01 Jan 0001 00:00:00 +0000

tbsch.de | Smart Home, Technik, Kram

Mon, 01 Jan 0001 00:00:00 +0000

metalhearf.fr

Mon, 01 Jan 0001 00:00:00 +0000

encelo.github.io

Mon, 01 Jan 0001 00:00:00 +0000

ncine.github.io

Mon, 01 Jan 0001 00:00:00 +0000

István Merza

Mon, 01 Jan 0001 00:00:00 +0000

daytaur.com

Mon, 01 Jan 0001 00:00:00 +0000

zzamboni.org

Mon, 01 Jan 0001 00:00:00 +0000

Tower of Kubes

Mon, 01 Jan 0001 00:00:00 +0000

monpetitdev.fr

Mon, 01 Jan 0001 00:00:00 +0000

Noor Khafidzin

Mon, 01 Jan 0001 00:00:00 +0000

Reyneese on WoW

Mon, 01 Jan 0001 00:00:00 +0000

David Writes

Mon, 01 Jan 0001 00:00:00 +0000

GOODJINC

Mon, 01 Jan 0001 00:00:00 +0000

Artur Tyloch

Mon, 01 Jan 0001 00:00:00 +0000

Tats Shibata

Mon, 01 Jan 0001 00:00:00 +0000

Radek Průša

Mon, 01 Jan 0001 00:00:00 +0000

jbetzen.net

Mon, 01 Jan 0001 00:00:00 +0000

alst.ovh

Mon, 01 Jan 0001 00:00:00 +0000

Zarvelion Zynji

Mon, 01 Jan 0001 00:00:00 +0000

Airika

Mon, 01 Jan 0001 00:00:00 +0000

Cook Like A Nerd

Mon, 01 Jan 0001 00:00:00 +0000

Cintia Ching

Mon, 01 Jan 0001 00:00:00 +0000

luizcarloscf.github.io

Mon, 01 Jan 0001 00:00:00 +0000

Robin Fairchild

Mon, 01 Jan 0001 00:00:00 +0000

Paraguay4Life

Mon, 01 Jan 0001 00:00:00 +0000

www.gsking.co.uk

Mon, 01 Jan 0001 00:00:00 +0000

Construye tu página de inicio usando Blowfish y Hugo

Wed, 04 Oct 2023 00:00:00 +0000

Hace apenas un año, creé Blowfish, un tema de Hugo diseñado para construir mi visión única de mi página de inicio personal. También decidí convertirlo en un proyecto de código abierto. Hoy, Blowfish se ha transformado en un próspero proyecto de código abierto con más de 600 estrellas en GitHub y cientos de usuarios. En este tutorial, te mostraré cómo empezar y tener tu sitio web funcionando en un par de minutos.

Múltiples autores

Wed, 12 Oct 2022 00:00:00 +0000

Un ejemplo rápido de cómo se podrían usar múltiples autores.

Miniaturas

Mon, 26 Sep 2022 00:00:00 +0000

Un ejemplo rápido de cómo empezar a usar miniaturas en tus artículos.

Iconos

Fri, 14 Aug 2020 00:00:00 +0000

Blowfish tiene soporte integrado para varios iconos de FontAwesome 6. Estos pueden incluirse en tu sitio web a través del partial icon o el shortcode icon.

Además, los iconos personalizados también son totalmente compatibles. Simplemente proporciona tus propios assets de iconos SVG colocándolos en el directorio assets/icons/ en la raíz de tu proyecto. Todos los iconos en el directorio de iconos estarán disponibles en todo el tema. Para lograr el relleno automático de color, cada ruta SVG necesita el atributo XML fill="currentColor".

Markdown

Mon, 11 Mar 2019 00:00:00 +0000

Este artículo ofrece una muestra del formato básico de Markdown que se puede usar en Blowfish, también muestra cómo se decoran algunos elementos HTML básicos.

Contenido enriquecido

Sun, 10 Mar 2019 00:00:00 +0000

Este es un ejemplo de un resumen de contenido enriquecido.

Texto de relleno

Sat, 09 Mar 2019 00:00:00 +0000

Lorem est tota propiore conpellat pectoribus de pectora summo.

Notación matemática

Fri, 08 Mar 2019 00:00:00 +0000

KaTeX se puede usar para renderizar notación matemática dentro de los artículos.

Diagramas y diagramas de flujo

Wed, 06 Mar 2019 00:00:00 +0000

Es fácil agregar diagramas y diagramas de flujo a los artículos usando Mermaid.

Gráficos

Wed, 06 Mar 2019 00:00:00 +0000

Blowfish incluye Chart.js para gráficos y visualizaciones de datos potentes.

Emoji :parachute:

Tue, 05 Mar 2019 00:00:00 +0000

📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸

Plantilla de receta

Tue, 22 Dec 1987 00:00:00 +0000

Gracias por querer contribuir a la comunidad de Blowfish.

¿Cómo empezar?
#

Este es un artículo plantilla que explicará cómo crear un nuevo artículo para la sección de guías de Blowfish.

¡Bienvenido a Blowfish! :tada: on Blowfish

Bienvenido a Blowfish

n9o.xyz

Instalación

madoke.org

code-chimp.com

Primeros Pasos

Configuración

mucahitkurtlar.github.io

brendanwallace.github.io

Diseño de página de inicio

pmnxis.github.io

Shortcodes

Alert #

ciicadalab.github.io

Front Matter

georgiancodeclub.github.io

Múltiples autores

fahru.my.id

Partials

Analytics #

loisvelasco.is-a.dev

Miniaturas

Miniaturas #

Ejemplos de contenido

insidemordecai.com

blastomussa.dev

Series

jam.dsg.li

Personalización avanzada

Alojamiento y despliegue

priyakdey.com

Firebase: Vistas & Likes

sdehm.dev

dizzytech.de

alejandro-ao.com

adir1.com

blog.muffn.io

nick.bouwhuis.net

vividscc.com

technicat.com

fugugames.com

hyperbowl3d.com

talkdimsum.com

alanctanner.com

rdgo.dev

clemsau.com

weaxsey.org

nikarashihatsu.github.io

halcyonstraits.com

50-nuances-octets.fr

marupanda.art/marucomics

m3upt.com

pacochan.net

vkmki001.github.io

bbagwang.com

jamiemoxon.tech

theindiecoder.cloud

gma.name

mayer.life

scottmckendry.tech

ohdmire.github.io

ricklan.photography

deepumohan.com/tech

joush007.github.io

blog.stonegarden.dev

renaud.warnotte.be

BoringTech.net

technicaldc.github.io

alxhslm.github.io

the-maze.net

DXPetti.com

asterisk.lol

ekwska.com

aakashnand.com

karlukle.site

Adam Madej - Gameplay Animator

eallion.com

Synaptic Sugar

michaeldorner.de

Alert
#

Analytics
#

Miniaturas
#