"our dreams of freedom have changed the world everybody lives in"
28 sep 2023

How to write a blog post

Step cero: lee esto –> https://github.com/bastibe/org-static-blog

Step one: Install org-static-blog.
Step Two: Execute M-x org-static-blog-create-new-post and write the content.
Step Three: Execute M-x org-static-blog-publish and upload to your webhost.

Step Four: trucos:

¡¡OJO!! Para que "htmlize" de Emacs resalte la sintaxis siendo consciente de que estás trabajando sobre un fondo blanco, has de cargar un tema de Emacs que utilice dicho color de fondo para trabajar. El mejor que has encontrado, el que más te gusta, es este (añade estas líneas al init.el):

;; Para asegurar un tema claro en emacs, y que, segun la IA, htmlize genere buen coloreado sobre fondo blanco
(load-theme 'leuven t)  ; Reemplaza 'leuven' con el nombre de tu tema

Para utilizar estilos de letra haz esto:

Listas: comienza los elementos de la lista con guiones (signo menos) e identa los subniveles con TAB.

Listas numeradas: comienza cada uno de los elementos con 1. o 1). Y trabaja con la identación con TAB para crear sublistas. Ejemplo:

  1. Este es el primer elemento de la lista numerada.
  2. Este es el segundo elemento de la lista numerada.
    1. esta es una sublista dentro del punto 2.
    2. esta es una sublista dentro del punto 2.
  3. Este es el tercer elemento de la lista numerada.

Para citar texto en recuadro con fondo gris:

#+begin_quote
No le llamamos Godo porque tenga unos kilos de más o una 'r' de menos, no...
#+end_quote

Para insertar código lo vienes haciendo así:

#+begin_src sh :results output
[14:45:28(godo@surcopi:~/projects/blog/posts]
$ find . -type f ! -name "2025-01-26-buscar-en-godest.org" -exec touch {} \;
#+end_src

Para insertar código de forma genérica (sustituir LENGUAJE por el lenguaje apropiado, por ejemplo, para bash poner sh):

#+begin_src LENGUAJE
[14:45:28(godo@surcopi:~/projects/blog/posts]
$ find . -type f ! -name "2025-01-26-buscar-en-godest.org" -exec touch {} \;
#+end_src

Para insertar una imagen al lado derecho del texto lo haces así:

#+begin_export html
<figure style="float:right">
<img width="55" height="55" border="0" align="right" hspace="10" vspace="10" src="/static/2005/glider.png" alt="glider" />
</figure>
#+end_export

Para insertar una imagen centrada en el texto lo haces así:

#+begin_export html
<figure style="display: block; margin: 0 auto; text-align: center;">
<img width="640" height="480" border="0" align="center" hspace="10" vspace="10" src="/static/2015/la-seguridad-total-no-existe.jpg"
 alt="La seguridad total NO EXISTE" />
</figure>
#+end_export

Done.

Tags: blog org-static-blog org emacs