Diferencias

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

--- informatica:software:aplicaciones_web:memos [2023/12/14 12:57] – tempwin
+++ informatica:software:aplicaciones_web:memos [2025/10/17 13:12] (actual) – [Soporte Markdown y otros] 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]]
   * [[https://github.com/usememos/memos|Repositorio de código oficial]]
+  * [[https://www.usememos.com/docs|Documentación]]
 <WRAP center round todo 60%>
@@ Línea 17: / 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 23: / Línea 24: @@
   * Gratis para siempre.
   * Publicación desde [[informatica:software:aplicaciones_web:memos#telegram|Telegram]]
+  * API RESTful para integración de terceros
+  * Diseñado para autoalojarlo con [[informatica:sistemas_operativos:virtualizacion:docker|Docker]] fácilmente.
 ===== Instalación =====
@@ Línea 36: / Línea 38: @@
 services:
   memos:
-    image: ghcr.io/usememos/memos:latest
+    image: neosmemo/memos:stable
     container_name: memos
     volumes:
@@ Línea 57: / 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 74: / Línea 131: @@
   * 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 241: / Línea 306: @@
 CREATE INDEX idx_webhook_creator_id ON webhook (creator_id);
 </code>