Code Monkey home page Code Monkey logo

Comments (10)

andoresuperesu avatar andoresuperesu commented on July 29, 2024 2

@pyjavo Yo sería partidario de agregar un campo booleano al modelo que se llame TOC o TDC y que cada quien marque si lo quiere agregar o no. También creería que este PR es super sencillo y mejor si se mantiene así. Puedo crear otro issue citando esta conversación en el que sea mas explicito.
En este issue:

  • Activar el plugin

Nuevo Issue:

  • Modificar modelo de BlogPost agregando nuevo campo booleano de TDC (Tabla de Contenido).
  • Agregar una TDC a la plantilla usando el ejemplo mostrado en este link
  • Crear maqueta de articulo con TDC.
  • Modificar plantilla de articulo de blog para incluir TDC opcional.
  • Crear CSS de TDC para artículos del Blog

La condición que tu mencionas @Scot3004 no es parte de este plugin, quizá podría darse con JavaScript. Pero si se menciona en el PR #12, para lograrla tendria que agregarse el plugin como un paquete ¿Quieres que lo intente?

from website.

pyjavo avatar pyjavo commented on July 29, 2024

Excelente sugerencia
¿Visualmente como se vería esto? ¿De casualidad conoces una página que ya lo implemente para poder ver como quedaría?

Mi duda surge porque @Scot3004 en el PR #422 habla de una tabla (como en la documentación) o enlaces

from website.

andoresuperesu avatar andoresuperesu commented on July 29, 2024

@pyjavo @Scot3004 Esto no crea tablas, sino que crea un id en los titulos de markdown con el slug del titulo.

HTML generado ahora:
image

HTML generado con el plugin:
image

Sin embargo, podria en la plantilla crearse una tabla de contenido si se quisiera porque el plugin tambien expone la propiedad .toc:

image

Esta propiedad permitiría incluir una tabla de contenido. Pero el objetivo es que permita citar con mayor precisión otros articulos en la pagina. Links del tipo: https://deploy-preview-422--vigilant-neumann-d109b9.netlify.app/blog/contribuir-blog-python-barranquilla/#creacion-de-entrada-en-lektor

Esta necesidad la descubrí al intentar citar una parte de un articulo del blog.

from website.

Scot3004 avatar Scot3004 commented on July 29, 2024

Y por eso mencioné los enlaces estilo GitHub o una tabla de contenido, sino nadie va a saber de estos enlaces

from website.

andoresuperesu avatar andoresuperesu commented on July 29, 2024

El PR se trata solo de agregar el plugin, no tiene ningún otro alcance más allá de habilitar el atributo id con el correspondiente slug. Dentro del repositorio del plugin hay un PR que busca añadir esa funcionalidad al mismo, pero está fuera de los alcances. A menos que se quiera agregar al repositorio como un paquete .

from website.

pyjavo avatar pyjavo commented on July 29, 2024

@andresperezcera ¡Super! Entonces por cada artículo que queramos, colocamos la tabla o agregamos eso un archivo "base" y que todos los artículos tengan esa tabla

@Scot3004 podriamos agregar la tabla de contenido algunos artículos para probar.
Aún no entiendo a que te refieres con enlaces estilo github 😅

from website.

Scot3004 avatar Scot3004 commented on July 29, 2024

image
me refiero a cuando colocas el mouse sobre un titulo te aparece un botón para copiar el enlace

from website.

pyjavo avatar pyjavo commented on July 29, 2024

Ok. De acuerdo 👍
Vayamos paso a paso (issue por issue)

from website.

andoresuperesu avatar andoresuperesu commented on July 29, 2024

@pyjavo @Scot3004 La pregunta es:
Aceptan el PR como está o quieren que se intente agregar como paquete el plugin con el PR#13 de ese repo que incluye links del tipo github? Es para saber si hay alguna tarea que agregar al #422.

Si se acepta como está, no se podrían agregar links tipo GitHub, sino que sería un PR aparte.

En cualquier caso tendria que haber otro issue que se trate de la implementación de TDC usando la propiedad .toc.

from website.

Scot3004 avatar Scot3004 commented on July 29, 2024

Así está bien

from website.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.