Diferencias

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

--- informatica:software:aplicaciones_web:memos [2024/04/28 12:34] – [Características] tempwin
+++ informatica:software:aplicaciones_web:memos [2025/12/27 19:50] (actual) – [Docker] tempwin
@@ Línea 1: / Línea 1: @@
 ====== Memos ======
-Aplicación web para registrar notas.
+[[informatica:software:aplicaciones_web|Aplicación web]] para registrar notas.
   * [[https://usememos.com/|Web oficial]]
@@ 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 34: / Línea 34: @@
 <code yaml>
 ---
-version: '3.0'
 services:
   memos:
-    image: ghcr.io/usememos/memos:latest
+    image: neosmemo/memos:stable
     container_name: memos
-    volumes:
-      - ./app/:/var/opt/memos
     ports:
-      - 5230:5230
+      - "5230:5230"
+    volumes:
+      - ./app:/var/opt/memos
+    environment:
+      - MEMOS_MODE=prod
+      - MEMOS_ADDR=0.0.0.0
+      - MEMOS_PORT=5230
+      - MEMOS_DATA=/var/opt/memos
+    restart: unless-stopped
 </code>
@@ Línea 59: / Línea 63: @@
 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 76: / Línea 135: @@
   * Tachado
   * Lista de tareas
+  * Código HTML personalizado
+  * Tablas
+Otros:
+  * Diagramas [[https://mermaid.js.org/|mermaid]]
+  * LaTeX
+  * Subíndice y superíndice (como en H₂O y 5⁵)
+  * //Spoiler//
 ===== Estructura de la base de datos =====
@@ Línea 243: / Línea 310: @@
 CREATE INDEX idx_webhook_creator_id ON webhook (creator_id);
 </code>