🍃

Curs de LaTeX

Buscador ràpid

Aquesta és la pàgina oficial de símbols i ambients permesos en KaTeX (el LaTeX per web que utilitza el Notion).
Aquesta és la pàgina oficial de símbols i ambients permesos en KaTeX (el LaTeX per web que utilitza el Notion).

Referències Oficials

Llistat de Símbols

Clicar els blocs per veure el seu codi en LaTeX.
Clicar els blocs per veure el seu codi en LaTeX.

Àlgebra bàsica

Lletres gregues

Més símbols

Lògica formal

Conjunts

Vectors i tensors

Càlcul

Estadística

Format

Mida

Separadors horitzontals

Manera senzilla de procedir
\quad i \qquad com a separadors genèrics
~ per unitats —>
/, per separar el
en una integral
\hspace{3.7em} per una separació gran específica
\hspace{0.8pt} per una separació petita específica

Separador vertical

\\[0.7em] suma (o resta) separació extra a \\

Parèntesis i semblants

Dimensions fixes
\left i \right s’adapten a la mida necessària

Resultat integral avaluat a

Demostracions

\cancel \xcancel \sout
\underbrace \overbrace + \substack
\xrightarrow \leftrightarrow
\overset \underset + \substack + \mathclap
\boxed

Environments (ambients)

🪶
El LaTeX funciona amb el que s’anomenen environments, aquests permeten aplicar uns efectes de tipografia a una secció del codi.

Equation

Permet numerar les equacions.
A partir de
s’obté la identitat d’Euler.
\tag per triar el número arbitràriament.
o per afegir una anotació si es vol

Aligned

Permet alinear segons convingui.

Align

Permet numerar i alinear les equacions al mateix temps.

Matrix

Permet escriure matrius, vectors, determinants…

Array

Permet dissenyar taules
Nota sobre taules amb LaTeX i taules amb Notion
Si només ha d’incloure text, és més ràpid i pràctic fer una taula simple amb Notion
Dissabte
Diumenge
Matí
Muntanya
Dormir
Tarda
Estudiar
Peli
Nit
Festa major
Tren

Claudàtors

Combinació de \left, \right i \begin{aligned}
També es poden més fàcilment mitjançant \begin{cases}
Per mides personalitzades podem combinar-ho amb \substack

Subíndexs múltiples

\begin{subarray}

Bra-kets i spins

Conjunts


Altres comandaments útils

\displaystyle per inline equations
—>
—>
\textstyle o \scriptstyle per evitar expressions molt grans
—>
—>
—>
—>
\bm per negreta normal i \mathbf per negreta recta
\pmb o \bm per fer negreta els símbols
\cdots
\ldots
\vdots i \ddots per escriure matrius en el cas més general
\hdashline \hline per si volem posar separadors dins d’un array
\mathclap \mathllap \mathrlap per quan volem evitar espais en blanc
L’ambient aligned es pot utilitzar també per evitar un salt de línia al superar l’amplada del bloc de Notion
\vphantom serveix també per corregir espai verticals quan \\ genera un salt de línia
\def\arraystretch{1.5} permet modificar la separació entre elements dins els ambients align, aligned, matrix, array o cases. S’ha de posar fora (abans de) l’ambient.
\rm, \bf, \it, \sf i \tt són comandes globals que permeten canviar la font family utilitzada. \rm a vegades és útil com a substitut de \text{}.

Estils per majúscules

\mathcal
\mathbb
\mathscr
\mathfrak

Caixes de colors

\colorbox per triar el color de la caixa
També es pot combinar amb \textcolor
Relacionat
Conjunt de colors permesos a KaTeX
Com hem vist podem utilitzar un color hexadecimal, per ex: #afde20, #54191e, etc.
Però també podem utilitzar un color definit pel nom. A continuació els noms de colors permesos. Es poden posar tan en majúscules com en minúscules.
notion image
Alguns exemples a continuació…
Paleta de colors de Notion
A vegades per algunes explicacions és útil utilitzar els mateixos colors en les equacions que en el text. Així doncs pot ser útil conéixer el codi hexadecimal de la paleta de colors de Notion.
Text de Notion
Gris, Marró, Taronja, Groc, Verd, Blau, Lila, Rosa, Vermell
Gris, Marró, Taronja, Groc, Verd, Blau, Lila, Rosa, Vermell
KaTeX replicant el mode clar de Notion
KaTeX replicant el mode fosc de Notion
[Pendent]
Nota
Els colors del text entre el mode fosc i el clar no canvien gaire, principalment canvia el color del fons i aquest normalment no s’utilitza. Així doncs es pot optar per utilitzar sempre el del mode clar (o un color entremig).
Exemples
Algunes pàgines on s’utilitza aquesta paleta de colors
Definir el que no és tan important fent-ho gris
Moltes vegades tenim una explicació on diem alguna cosa important.
I també fem alguna anotació secundària.
Res ens impedeix agafar un bloc (ja sigui text normal, una cita, un títol, etc.) i canviar-li el color a gris.
Res d’això és gaire important.
Més informació
Molts cops volem convertir tots els blocs dins un desplegable en gris, per a fer-ho només cal que canviem el color del propi desplegable.
Els blocs fills (com aquest) canvien el color automàticament.
Però quan l’equació no és un bloc fill, no li podem assignar un color i cal que ho fem dins del KaTeX.
Però pels blocs d’equacions no existeix l’opció de triar-ne el color. Si volem fer el mateix amb les equacions cal que ho fem dins el propi codi LaTeX. La opció més personalizable és fer-ho amb \textcolor però la més ràpida és fer-ho amb \gray{ ... }.
Nota: Els colors com a comandaments funcionen únicament pels colors primaris.
Extra: Si posem una equació dins un bloc pare com ara un desplegable, una cita, un callout, etc. Aleshores canviant el color del bloc pare l’equació canvia de color automàticament.
Utilitzar caràcters Unicode dins de \text{}
A Overleaf no ens deixaria però a KaTeX (LaTeX per web) res ens impedeix utilitzar caràcters Unicode (i fins i tot emojis) dins les nostres equacions.
A continuació alguns exemples…
Podeu trobar emojis utilitzant el selector de Notion (escriu :e i s’obrirà un emoji picker). Podeu trobar caràcters Unicode amb Shapecatcher o en aquesta subpàgina.

Química

Més informació i exemples

Diagrames Commutatius

Més informació i exemples

Combinar arrays

Podem combinar diferents entorns per crear estructures més avançades

Comandaments personalitzats

\newcommand permet configurar comandaments propis
Exemple 1 —> Escriure un diferencial inexacte (el qual depèn del camí recorregut)
Exemple 2 - Definir un nou operador
Exemple 3 - Utilitzar la ela geminada del català
Exemple 4 —> Enquadrar un resultat

Webs útils

El compilador i editor online per excel·lència: l’Overleaf

Aquí és on segurament tindràs tots els teus treballs (quasi ningú compila offline).

El copiador de fórmules, taules i equacions: Mathpix

Molt útil pels informes de pràctiques, permet trobar les expressions en LaTeX a partir de captures de pantalla.
Nota: S’ha de descarregar a l’ordinador, no és cap web.
Recomanació 1: Registrar-se amb el correu de la uni per tenir més Free Snips mensuals disponibles.
Recomanació 2: Utilitzar la drecera de teclat Ctrl+Alt+M per més comoditat
Recomanació 3: No només serveix per copiar taules i equacions, també permet copiar paràgrafs sencers de text, amb i sense expressions matemàtiques.

Una alternativa gratuïta a MathPix: Pix2Text

Per quan s’acaben els snips és la clau, funciona realment molt bé, sobretot per fórmules individuals. Versió online:
També és una llibreria de Python de codi obert: .

El generador de taules per defecte: Table Generator

Un es pot estalviar molt de temps gràcies a aquest generador. Després el format de la taula ja és qüestió de fer-lo manualment perquè quedi com vulguem.
Recomanació: Fixar-se que hi ha un desplegable que et permet canviar de Default Table Style a Booktabs Table Style.

El buscador de símbols ràpid: Detextify

Permet dibuixar a mà un símbol (una integral per exemple) i obtenir la expressió (\int) a LaTeX.

El fòrum que resoldrà quasi tots els teus dubtes: Stack Exchange - TeX

(Aquesta web no cal que te la guardis, simplement quan tinguis un dubte específic, busca’l a google però en anglès, i ja veuràs que segurament hi ha una entrada de Stack Exchange d’algú preguntant-se exactament el mateix)

Una alternativa a Overleaf

Un avantatge és que no cal iniciar la sessió si no vols. Un altre avantatges és que el pots connectar directament a GitHub. Un altre és que té una IA prou decent que permet vibe coding i et permet solucionar errors molt fàcilment. Una guia sobre com utilitzar-lo aquí.
Més alternatives
Si no cal guardar res, només provar coses, es pot utilitzar la següent Playground que és open source i es basa en un build LaTeX fet per WebAssembly (tot funciona en el navegador així que l’edició és en temps real però pot anar més lent).

Document Tex

En general el LaTeX no s’escriu en blocs, sinó en un sol document que es compila i genera un PDF.
A aquest document té una extensió ‘.tex’ i pot ser compilat de manera online (amb Overleaf per exemple) o amb un editor de text + un compilador offline.

Aconseguir poder editar i compilar documents Tex

Online (Overleaf i opcions similars)

Opció Principal - Overleaf: Un compilador i editor còmode on guardar tots els teus projectes
Opció Avançada - CoCalc: Avantatges - Permet editar col·laborativament a un nombre il·limitat d’usuaris. - Està integrat dins d’un entorn més complert
LaTeX Base: Té l’avantatge que no cal necessàriament registrar-se.

Offline (Com un Overleaf però en local)

Explica’t a .

Teoria una mica de tot

📌
Pendent de redactar…

Forma estàndard d’un document

Environments

Package amsmath

Templates Avançats (copiar i enganxar a l’Overleaf)

Article estàndard

\documentclass[a4paper,11pt]{article} %%%%%%%%%%%%%%%%%%% PACKAGES %%%%%%%%%%%%%%%%%%%%%%%% % BÀSICS \usepackage[utf8]{inputenc} \usepackage[catalan]{babel} \usepackage{amsmath,amssymb} \usepackage[catalan, capitalise]{cleveref} \usepackage[a4paper, total={6.35in, 8in}]{geometry} % SENSE IDENTACIÓ PER DEFECTE \setlength{\parskip}{1em} \setlength{\parindent}{0pt} \setlength{\footskip}{120pt} % PER TAULES I GRÀFICS \usepackage{graphicx,epsfig} \usepackage{booktabs} \usepackage{float} \usepackage{array} \usepackage{multirow} % NS MOLT BÉ PQ \usepackage{bm} \usepackage{enumitem} \usepackage{authblk} % PER FORMATS DE LA PÀGINA \usepackage{changepage} \usepackage{caption} \usepackage{subcaption} %%%%%%%%%%%%%%% HEADER %%%%%%%%%%%%%%%%%%%% \title{El perquè de tot plegat} \author{Quim Monzó} \date{\vspace{-2em}23 de Juny 1993} %%%%%%%%%%%%%%% DOCUMENT %%%%%%%%%%%%%%%%%% \begin{document} \maketitle \begin{abstract} L'objectiu d'aquest document és proporcionar una visualització orientativa de com seria un document \LaTeX \end{abstract} \section*{Introducció} Bla Bla Bla $2+2=4$ % Línia de codi que simplement és un comentari \section{Primer Apartat} Bla Bla Bla \begin{figure}[H] \centering \includegraphics[scale = 0.6]{example-image-a} %\caption{} \end{figure} Tal com veiem a la gràfica bla bla bla. I així doncs obtenim la següent equació. \begin{equation} V=IR \end{equation} Bla bla en concordança amb valors experimentals recollits. \begin{table}[H] \centering \begin{tabular}{|c|c|c|c|} \hline V(V) $\pm 0,001$ & I(mA) $\pm 0,001$ & f $\pm \delta$ f (Hz) & $Z_R$($\Omega$) $\pm 0,001$ \\ \hline 2,029 & 2,049 & 99,7 $\pm 0,1$ & 0,990 \\ \hline 2,025 & 2,038 & 201,0 $\pm 0,1$ & 0,994 \\ \hline 2,032 & 2,047 & 503 $\pm 1$ & 0,993 \\ \hline 2,029 & 2,046 & 1006 $\pm 1$ & 0,992 \\ \hline 2,024 & 2,046 & 2003 $\pm 1$ & 0,989 \\ \hline 2,018 & 2,048 & 4970 $\pm 10$ & 0,985 \\ \hline 2,021 & 2,048 & 10040 $\pm 10$ & 0,987 \\ \hline 2,039 & 2,052 & 20030 $\pm 10$ & 0,994 \\ \hline \end{tabular} \caption{Els valors del voltatge (en V) i de la intensitat (en mA) mesurats per una resistència en funció de la freqüència (en Hz). Es càlcula la impedància ($Z_R$ en $\Omega$. Totes les magnituds amb el seu corresponent error.} \end{table} \end{document}

Document a doble columna

Útil per fer formularis (per exemple).
\documentclass[a4paper]{article} \usepackage{multicol} % PACKAGES OPCIONALS \usepackage{lmodern} \usepackage{amssymb,amsmath} \usepackage{ifxetex,ifluatex} \usepackage[dvipsnames]{xcolor} \usepackage[T1]{fontenc} \usepackage[utf8]{inputenc} \usepackage[catalan]{babel} \usepackage[a4paper,bindingoffset=0.2in,% left=0.4in,right=0.4in,top=0.625in,bottom=0.625in,% footskip=.25in]{geometry} \usepackage{graphicx} \setlength{\parindent}{0em} \setlength{\parskip}{0em} \usepackage{blindtext} \usepackage{hyperref} \pagestyle{empty} % INICI DOCUMENT \begin{document} \begin{multicols}{2} % Per exemple \subsection*{Tema 1} \subsubsection*{Apartat 1.1} $$\text{Equacions}$$ % Bla bla (resta del document) \end{multicols} \end{document}

Extra

Com posar Latex al teclat del mòbil

Video preview

Com generar gràfics amb LaTeX

Hi ha una llibreria anomenada Tikz (la qual es basa en una altra anomenada PGF) que permet fer gràfics com els següents.
Gràfics d’exemple
notion image
Codi LaTeX
\begin{tikzpicture} \begin{axis} \addplot3[patch,patch refines=3, shader=faceted interp, patch type=biquadratic] table[z expr=x^2-y^2] { x y -2 -2 2 -2 2 2 -2 2 0 -2 2 0 0 2 -2 0 0 0 }; \end{axis} \end{tikzpicture}
notion image
Codi LaTeX
\begin{tikzpicture} \def\XSTART{0} \def\YSTART{3} \def\YDIAONE{2.5} \def\YDIATWO{2} \def\YCURVE{2} \def\XCURVE{2} \def\XEND{15} \def\XONESTART{2} \def\XONEDELTA{2} \def\DD{0.5} \def\YEND{\YSTART+\YCURVE+\YDIATWO} \def\XCURVESTART{\XEND/2-\XSTART/2-\XCURVE/2} \def\XCURVESTARTUP{\XEND/2-\XSTART/2-\XCURVE} \def\XCURVEEND{\XEND/2-\XSTART/2 + \XCURVE/2} \def\XONEEND{\XONESTART+\XONEDELTA} \def\XTWOSTART{\XCURVEEND+\XONESTART} \def\XTWODELTA{\XONEDELTA*\YDIAONE*\YDIAONE/\YDIATWO/\YDIATWO} \def\XTWOEND{\XTWOSTART+\XTWODELTA} \def\YTWOMIDDLE{\YSTART+\YCURVE+\YDIATWO/2} \def\YONEMIDDLE{\YSTART+\YDIAONE/2} \def\GROUND{\YSTART/4} \tikzset{ partial ellipse/.style args={#1:#2:#3}{ insert path={+ (#1:#3) arc (#1:#2:#3)} }, dimen/.style={<->,>=latex,thin, every rectangle node/.style={fill=white,midway,font=\sffamily}}, } \draw (\XSTART,\YSTART) -- (\XCURVESTART,\YSTART) to[out=0, in=180, looseness=0.75] (\XCURVEEND,{\YSTART+\YCURVE}) -- (\XEND,{\YSTART+\YCURVE}); \draw (\XSTART,{\YSTART+\YDIAONE}) -- (\XCURVESTARTUP,{\YSTART+\YDIAONE}) to[out=0, in=180, looseness=0.75] (\XCURVEEND,\YEND) -- (\XEND,\YEND); \draw [fill=gray] (\XONESTART,\YSTART) coordinate (BA) rectangle (\XONEEND,{\YSTART+\YDIAONE}) coordinate (BB); \draw [fill=lightgray](\XONESTART,\YONEMIDDLE) node [below] {$A_1$} ellipse ({\YDIAONE/6} and {\YDIAONE/2}); \draw [fill=gray,dashed](\XONEEND,\YONEMIDDLE) ellipse ({\YDIAONE/6} and {\YDIAONE/2}); \draw (\XONEEND,\YONEMIDDLE) [partial ellipse=-90:90:{\YDIAONE/6} and {\YDIAONE/2}]; \draw [fill=gray] (\XTWOSTART,{\YSTART+\YCURVE}) coordinate (CA) rectangle (\XTWOEND,{\YSTART+\YCURVE+\YDIATWO}) coordinate (CB); \draw [fill=lightgray] (\XTWOSTART,\YTWOMIDDLE) node [below] {$A_2$} ellipse ({\YDIATWO/6} and {\YDIATWO/2}); \draw [fill=gray,dashed](\XTWOEND,\YTWOMIDDLE) ellipse ({\YDIATWO/6} and {\YDIATWO/2}); \draw (\XTWOEND,{\YSTART+\YCURVE+\YDIATWO/2}) [partial ellipse=-90:90:{\YDIATWO/6} and {\YDIATWO/2}]; \draw [fill=gray] (0,0) rectangle (\XEND,\GROUND); \draw ($(BA)+(0,\YDIAONE)$) -- ++(0,\DD) coordinate (D1) -- +(0,5pt); \draw (BB) -- ++(0,\DD) coordinate (D2) -- +(0,5pt); \draw [dimen] (D1) -- (D2) node {$v_1dt$}; \draw ($(BA)!0.5!(BB)$) -- ++(5pt,0) coordinate (E) -- +(5pt,0); \draw [dimen] let \p{E}=(E) in (\x{E},\GROUND) -- (E) node {$h_1$}; \draw [style=->](\XSTART,\YONEMIDDLE) -- (\XONESTART,\YONEMIDDLE) node [midway,above] {$p_1$}; \draw ($(CA)+(0,\YDIATWO)$) -- ++(0,\DD) coordinate (D1) -- +(0,5pt); \draw (CB) -- ++(0,\DD) coordinate (D2) -- +(0,5pt); \draw [dimen] (D1) -- (D2) node {$v_2dt$}; \draw ($(CA)!0.5!(CB)$) -- ++(5pt,0) coordinate (D) -- +(5pt,0); \draw [dimen] let \p{D}=(D) in (\x{D},\GROUND) -- (D) node {$h_2$}; \draw [style=->](\XCURVEEND,\YTWOMIDDLE) -- (\XTWOSTART,\YTWOMIDDLE) node [midway,above] {$p_2$}; \end{tikzpicture}
notion image
Codi LaTeX
\begin{tikzpicture} \matrix (m) [matrix of math nodes, row sep=3em, column sep=3em]{ & f^\ast E_V& & \vphantom{f^\ast}E_V \\ f^\ast E & & \vphantom{f^\ast}E & \\ & U & & V \\ M & & N & \\}; \path[-stealth] (m-1-2) edge (m-1-4) edge (m-2-1) edge [densely dotted] (m-3-2) (m-1-4) edge (m-3-4) edge (m-2-3) (m-2-1) edge [-,line width=6pt,draw=white] (m-2-3) edge (m-2-3) edge (m-4-1) (m-3-2) edge [densely dotted] (m-3-4) edge [densely dotted] (m-4-1) (m-4-1) edge (m-4-3) (m-3-4) edge (m-4-3) (m-2-3) edge [-,line width=6pt,draw=white] (m-4-3) edge (m-4-3); \end{tikzpicture}
Per més informació entrar a .
Ara bé, en general no és gaire útil, ja que per fer un gràfic decent solen ser necessàries moltes línies de codi. Està bé saber que hi ha molts altres .

Altres packages útils

Química

\usepackage{chemfig}
Un altre dia ho completo —> tmp és tant important
I també \ce i \pu de mhchem

Més coses

Copiar LaTeX de pàgines web

Equació d’exemple
Anem a veure com copiar-ne el codi LaTeX fàcilment
Firefox
Amb una extensió (feta x nosaltres)
De manera manual
  1. Botó dret, Inspecciona l’element | (Fn) + F12
  1. Utilitzar el selector de dalt a l’esquerra | Ctrl + Shift + C
    1. notion image
      per clicar l’equació desitjada (encara que només es seleccioni una part)
  1. Fixar-se uns desplegables més endalt en “katex-mathml”
    1. notion image
  1. Entrar dins de “katex-mathml”>”math xmlns”>”semantics”>”mrow”>“annotation”
    1. notion image
  1. Clicar dues vegades en la casella que conté el codi i copiar-lo (Ctrl+C)
Chrome
Amb una extensió (feta x nosaltres)
Hem creat una extensió de Chrome per poder copiar fàcilment el LaTeX de pàgines web com ara Stack Exchange, ChatGPT, DeepSeek, ProofWiki, Wikipedia, etc.
notion image
Link Chrome Extensions:
El script és molt senzill i de codi obert, el podeu trobar aquí:
copy-latex-chrome-extension
MapaorUpdated Aug 26, 2025
De manera manual
És exactament igual que amb Firefox (instruccions).
Viquipèdia
A la Viquipèdia són imatges, però el títol de les imatges és el codi en LaTeX
Com obtenir-lo
Manualment
  1. Obrir la imatge en una pestanya nova
  1. Inspeccionar
  1. Obrir l’etiqueta <title> i copiar-ne el contingut
    1. notion image
A partir de l’extensió
La mateixa extensió feta per Chrome i Firefox (que serveix per llocs web amb KaTeX o MathJax) hem fet que també funcioni per les imatges de la Wikipèdia o Wikiwand.
notion image
Link extensió per Firefox
Link extensió per Chrome

Consells per fer documents avançats en LaTeX

  • Input (arxiu .tex amb codi latex a incrustar)
  • Include (poses tots els capítols)
    • \includeonly{cap1, cap2, cap3} per compilar només aquests però en el format correcte.
  • Arxius .sty (definir estils per separat)
  • tcolorbox per requadres amb explicacions, exemples, demostracions…

Curiositats

KaTeX i Khan Academy

La llibreria sobre la que funciona tota la part de matemàtiques del Notion, és KaTeX, un projecte de codi obert que es pot trobar a GitHub.
Hi han dues grans llibreries per renderitzar LaTeX en la web (mitjançant javascript) i aquestes són MathJax i KaTeX, i malgrat tenir algunes limitacions, KaTeX és la més ràpida.
Doncs resulta que els que principals desenvolupadors de la llibreria KaTeX van ser justament els de Khan Academy.
Que van ser en bona part la inspiració per crear aquest projecte “Física UB Wikiblog”.

Typst (alternativa)

Introducció


Hi ha una alternativa molt nova i prometedora al LaTeX. Es diu Typst, va començar el 2023 i està encara en versió beta 0.13, però està feta en Rust, compila molt més ràpid, té una versió web (amb Web Assembly) i és molt més escalable i fàcil d’aprendre.

Guies


Per si vens de LaTeX

Resum Sintaxis

Exemples i Templates


Exemples avançats

Tesis completa

Més templates

Packages útils


Escriure LaTeX dins de Typst

Fer gràfiques xules estil Matplotlib

Equivalent a tcolorbox

QR-generador

Importar notebooks

Webs externes útils


Detipify

LaTeX a Typst

MathCheap (alternativa a MathPix)

Imatge a Typst (OCR)