Primeros pasos con ScreenLaps

¡Bienvenido al blog de ScreenLaps! Esta primera publicación también sirve como recorrido por el propio motor del blog: cada encabezado, lista, bloque de código e imagen a continuación está aquí para demostrar una función real del pipeline de Markdown que impulsa esta página, no solo para ocupar espacio.

#Por qué ScreenLaps

ScreenLaps combina una extensión de navegador ligera con un panel en la nube construido sobre Laravel, para que cada captura de pantalla y grabación que hagas quede organizada, sea buscable y se pueda compartir desde un solo lugar. Si tienes alguna pregunta en el camino, nuestra página de contacto es la forma más rápida de comunicarte con el equipo.

"La mejor herramienta de capturas es aquella que olvidas que sigue funcionando en segundo plano." — todo usuario de ScreenLaps, tarde o temprano.

#Cómo tomar tu primera captura

Hay dos formas de llevar contenido a tu biblioteca:

#Usando la extensión del navegador

1. Instala la extensión desde la tienda de tu navegador.
2. Haz clic en el ícono de ScreenLaps y elige capturar área, página completa o grabar pantalla.
3. Tu captura se sube automáticamente y aparece en la biblioteca de tu panel en cuestión de segundos.

#Usando la carga por arrastrar y soltar

• Abre la página de Biblioteca en tu panel.
• Arrastra cualquier archivo .png, .jpg o .webm a la página.
• Organízalo en una carpeta una vez que termine la carga.

#Bloques de código y resaltado de sintaxis

Cada bloque de código de este blog se resalta en el servidor — no se necesita JavaScript del lado del cliente. Así es, a grandes rasgos, cómo están estructuradas las acciones del backend de este propio sitio:

 1final class ShowBlogPostAction
 2{
 3    public function execute(string $locale, string $slug): array
 4    {
 5        $document = Prezet::getDocumentModelFromSlug("{$locale}/{$slug}");
 6
 7        return [
 8            'document' => Prezet::getDocumentDataFromFile($document->filepath),
 9            'body' => Prezet::parseMarkdown(
10                Prezet::getMarkdown($document->filepath)
11            )->getContent(),
12        ];
13    }
14}

#Componentes Blade dentro de Markdown

Después de este párrafo hay un componente Blade real, renderizado en el servidor desde dentro de este archivo Markdown:

Eso completa el recorrido — desde el frontmatter y las etiquetas hasta las imágenes, el resaltado de código y Blade dentro de Markdown. ¡Feliz escritura!