linkinmark - npm explorer

a markdown link extractor

Descripción

Linkin' Mark es un extractor de links desde formato Markdown. Puedes instalarlo como módulo en Node.js o implementarlo en tu página web.

Instalación

$3

Desde la consola, posiciónate en la carpeta raíz de tu proyecto e instala el paquete npm:

$ npm install linkinmark --save

$3

Utiliza el CDN de Linkin' Mark para no añadir peso a tu proyecto. Agrega este


    
$3

1. Descarga Linkin' Mark y extrae los archivos en tu computador.
2. Incorpora la carpeta lib, conteniendo el archivo md-link-extractor.js, en  la carpeta raíz de tu proyecto.
3. Asocia tu html con md-link-extractor.js, escribiendo el siguiente script al final de :
	
	
Uso

$3

1. En la carpeta raíz de tu proyecto, crea un archivo index.js , conteniendo el siguiente código, indicando la ruta del archivo markdown (*.md) a analizar:
	``
    'use strict';
    const fs = require('fs');
    const linkinmark = require('linkinkmark');
    linkinmark.extract('./');
2. En tu consola, posiciónate en la carpeta raíz de tu proyecto y ejecuta index.js:
	`
	$ node index.js
	`
3. El resultado será un objeto JSON, conteniendo cada link del archivo markdown seleccionado. Éste quedará guardado en un archivo en la carpeta ./data/mylinks.json:
	
	`
    [
      {
        "text":"labore",
        "href":"https://en.wiktionary.org/wiki/labore"
      },
      {
        "text":"dolore",
        "href":"https://en.wiktionary.org/wiki/dolore"
      },
      {
        "text":"foo",
        "href":"http://foo.com"
      }
    ]
    `
$3

La versión para páginas web, requiere sólo de unas cuantas líneas de código. Al efectuar la búsqueda, Linkin' Mark devolverá los resultados en un objeto JSON. Para incorporar esta herramienta en tu página, sigue los siguientes pasos:
1. Descarga Linkin' Mark o sigue las instrucciones más arriba para utilizar el enlace CDN en tu html.
2. Incorpora la carpeta lib, conteniendo el archivo md-link-extractor.js, en la carpeta raíz de tu proyecto.
3. Agrega el script al final del body de tu archivo html:
	`
	
	
#### Ejemplo HTML
Puedes seguir este ejemplo:
1. Crea un elemento  o <code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> con </code>id="markdown"<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> en tu html. <br />2. Agrega un botón con el </code>id="extract"<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono">.<br />3. Por último, para poder visualizar el resultado de la búsqueda, incorpora un elemento </code><pre></pre><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> y un elemento </code><code></code><code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> con </code>id="result"<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"> anidado en su interior. <br />	</code>`<code class="bg-muted px-1 py-0.5 rounded text-sm font-mono"><br />	<body><br />	  <h1>Extractor de Links Markdown</h1><br />	  <h3>Ingresa un texto en formato markdown para analizar:</h3><br />	  <textarea id="markdown" cols="100" rows="10">
	  
	  Resultado:

``
Si decides modificar los nombres de id sugeridas, recuerda verificar que coincidan con el script.

El resultado se verá así:

Autoras

Makarena Fernández, Visaka Devi y Viviana Marcelo.

Licencia

MIT