Diferencias

Muestra las diferencias entre dos versiones de la página.

--- informatica:software:aplicaciones_web:memos [2024/04/28 12:50] – [Soporte Markdown] tempwin
+++ informatica:software:aplicaciones_web:memos [2025/10/17 13:12] (actual) – [Soporte Markdown y otros] tempwin
@@ Línea 18: / Línea 18: @@
   * Texto plano con Markdown.
   * Soporte de varios idiomas (Inglés, español, francés, italiano...)
-  * Ligero, pero potente. La aplicación se compone de Go + React.js + SQLite
+  * Ligero, pero potente. La aplicación se compone de Go + React.js + SQLite (en últimas versiones ya soporta MySQL y PostgreSQL)
   * Personalizable. Puedes configurar el nombre del servidor, icono, descripción...
   * Multi usuario
@@ Línea 59: / Línea 59: @@
 A partir de ese momento, todos los mensajes que le enviemos a nuestro bot, serán publicadas como notas privadas en nuestra instancia de **memos**.
-===== Soporte Markdown =====
-Memos soporta sintaxis [[informatica:markdown|Markdown]] para los siguientes elementos:
+==== Personalización de estilos ====
+Desde //Configuración// -> //Sistema// -> **Estilos adicionales**, podemos añadir reglas CSS para personalizar la apariencia de nuestra instancia de Memos. Por ejemplo:
+<code css>
+p {
+    margin-bottom: 1rem !important;
+    line-heigth: 1.5;
+}
+ul.list-inside {
+    margin-left: 1rem;
+    margin-bottom: 1rem!important;
+}
+br {
+    display: none;
+}
+.text-5xl {
+    font-size: 1.5rem;
+}
+.text-3xl {
+    font-size: 1.3rem;
+}
+.text-xl {
+    font-size: 1.1rem;
+}
+.text-xl span {
+    font-weight: bold;
+}
+h1 {
+    margin-bottom: 1rem !important;
+}
+h2 {
+    border-bottom: 1px solid #d7d7d7;
+    margin-top: 1.5rem !important;
+    margin-bottom: 1.5rem !important;
+    padding-bottom: 1rem;
+}
+h3 {
+    padding-top: 0.5rem;
+}
+.leading-normal {
+  line-height: 1.1;
+}
+</code>
+===== Soporte Markdown y otros =====
+Memos soporta sintaxis [[informatica:markdown|Markdown]] y [[https://usememos.com/docs/guides/content-syntax|más]] para los siguientes elementos:
   * Encabezados
@@ Línea 77: / Línea 132: @@
   * Lista de tareas
   * Código HTML personalizado
+  * Tablas
 Otros:
@@ Línea 82: / Línea 138: @@
   * Diagramas [[https://mermaid.js.org/|mermaid]]
   * LaTeX
+  * Subíndice y superíndice (como en H₂O y 5⁵)
-  * [[https://www.usememos.com/docs/getting-started/content-syntax|Sintaxis en memos]]
+  * //Spoiler//
 ===== Estructura de la base de datos =====
@@ Línea 250: / Línea 306: @@
 CREATE INDEX idx_webhook_creator_id ON webhook (creator_id);
 </code>