Saltar a contenido

Componentes

Header y barra anuncios

Header automático

Header - Ocultamiento automatico
# "mkdocs.yml"
theme:
  features:
    - header.autohide

Barra anuncios con cierre

Header - Cierre de anuncios
# "mkdocs.yml"
theme:
  features:
    - announce.dismiss

Habilitación

Footer - Botones navegación
# "mkdocs.yml"
theme:
  features:
    - navigation.footer

Redes sociales

Agrega al footer enlaces a redes sociales. El formato es el siguiente:

Footer - Enlaces a redes sociales
# "mkdocs.yml"
extra:
  social:
    # enlace a Mastodon
    - icon: fontawesome/brands/mastodon 
      link: https://fosstodon.org/
      name: Ir a Mastodon
    #  enlace al correo
    - icon: fontawesome/solid/paper-plane
      link: mailto:<email-address>
      name: Enviar correo

Los enlaces aceptan URLs y direcciones de correo.

Anular banner de MkDocs Material

El banner 'Made with Material for MkDocs' se puede ocultar fácilmente:

Footer - Sin promoción
# "mkdocs.yml"
extra:
  generator: false

Por supuesto, los creadores del framework piden dejarlo a modo de promoción del proyecto.

El copyright se asigna con la propiedad copyright:

Footer - Copyright
# "mkdocs.yml"
copyright: Copyright &copy; 2030 Aquiles Brinco

Repositorio del proyecto

Ruta y nombre

El repositorio se habilita configurando su URL y su nombre.

En el caso de este proyecto, el repositorio usado es:

Repositorio - Ruta y nombre
# "mkdocs.yml"
repo_url: https://alejrot.github.io/markdown-mkdocs/
repo_name: markdown-mkdocs

URL real

Para que el botón del repositorio aparezca debe asignársele una dirección real.

Icono

Repositorio - Icono
# "mkdocs.yml"
theme:
  icon:
    repo: fontawesome/brands/github

Iconos habituales:

Símbolo Texto
fontawesome/brands/git
fontawesome/brands/git-alt
fontawesome/brands/github
fontawesome/brands/github-alt
fontawesome/brands/gitlab
fontawesome/brands/gitkraken
fontawesome/brands/bitbucket
fontawesome/solid/trash

Acciones de código

El primer paso es configurar la ruta

Repositorio - Branch
# "mkdocs.yml"
edit_uri: edit/master/docs/   # caso rama 'master'
edit_uri: edit/main/docs/     # caso rama 'main'

GitHub reconoce dos acciones : view y edit. MkDocs proporciona botones para ambos al comienzo de la página, los cuales se habilitan en la página de configuración:

Repositorio - Branch
# "mkdocs.yml"
theme:
  features:
    - content.action.edit
    - content.action.view

Los íconos de ambos son reemplazables:

Repositorio - Iconos de acciones
# "mkdocs.yml"
theme:
  icon:
    edit: material/pencil 
    view: material/eye

Fecha de revisión

Se hace uso de un plugin extra llmamado mkdocs-git-revision-date-localized-plugin que agrega información de la fecha de creación y de modificación de páginas. El resultado se muestra en forma de botones cerca del pie de página.

Este plugin no está incorporado en el paquete PIP ni en la imagen de Docker, por ello debe ser instalado para su uso:

git-revision - Instalacion
pip install mkdocs-git-revision-date-localized-plugin

Este plugin se habilita desde la sección plugins del archivo YAML:

Repositorio - Iconos de acciones
# "mkdocs.yml"
plugins:
  - git-revision-date-localized:
      enabled: true               # fecha de modificación de página
      enable_creation_date: true  # fecha de creación de página
      type: date                  # formato de presentación    
      fallback_to_build_date: true

Las fechas se pueden mostrar en varios formatos:

Opción Explicación
date fecha - meses por nombre
datetime fecha y hora - meses por nombre
iso_date fecha ISO (meses por número)
iso_datetime fecha ISO (meses por número) y hora
timeago tiempo desde publicación

Autores y Colaboradores

Mkdocs es compatible con dos plugins externos llamados git-committers(mkdocs-git-committers-plugin-2) y git-authors (mkdocs-git-authors-plugin):

  • git-committers agrega enlaces al perfil de GitHub de los contribuyentes del repositorio en el footer de la página;
  • git-authors agrega enlaces al correo del autor del repositorio en el footer de la página.

Ambos plugins son independientes uno del otro. Para usarlos deben ser instalados:

Instalar plugins de autores
pip install mkdocs-git-committers-plugin-2
pip install mkdocs-git-authors-plugin

Para habilitarlos a ambos agregar al archivo de configuración:

Habilitar plugins de autores
# "mkdocs.yml"
plugins:
  # contribuyentes
  - git-committers:
      repository: nombre_usuario/nombre_repositorio
      branch: master      # rama a seguir
      enabled: true
  #  autores
  - git-authors

Debe tenerse en cuenta que git-committers ralentiza significativamente la puesta en marcha del sitio debido al seguimiento de contribuyentes que el plugin hace sobre cada página del proyecto.

Ver más información.

Uso

Dentro de las páginas MD se puede ordenar el ocultamiento del footer.

Pagina actual - Excluir footer
---
hide:
  - footer
---

Referencias

Material for MkDocs - Setting up the header

Material for MkDocs - Setting up the footer

Material for MkDocs - Adding a git repository