Diferencia entre revisiones de «Usuario:ManuelRomero/DesarrolloWeb/Estatico»

sudo apt-get install hugo

• Esto nos creará una carpeta con dicho nombre, dentro de la cual tendremos una estructura de ficheros como mostramos en el siguiente apartado
• Después de crear el proyecto nos muestra un mensaje de cómo podemos proceder para poder ver nuestro sitio en el navegador

• Vemos la siguiente estructura de ficheros

• Posteriormente iremos viendo el significado y utilidad de cada carpeta y ficheros.

• Por tema vamos a entender el formato o estilo de nuestra página
• Por supuesto podemos crear uno nuestro o modificar uno que esté disponible
• Los temas disponibles, los podemos ver en

https://themes.gohugo.io/

• Para instalar un tema procedemos de la siguiente manera:

Lo podemos descargar la web (opción download de la página del tema) Lo podemos instalar directamente con git en la carpeta correspondiente o especificándolo en la descarga

 git init #Inicializamos git en el directorio actual
 git submodule init  #Inicializamos git para instalar submódulos en el directorio actual
 git submodule add https://git.okkur.org/syna themes/syna #Instala este tema en la carpeta thems

• Una vez realizada esta acción, ya tendremos el tema instalado (ver contenido del directorio themes
• Podríamos instalar todos los temas y luego ir seleccionando uno u otro

 git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

• Una vez instalado el tema, hay que especificar en el fichero de configuración qué tema vamos a usar
• La configuración del sitio se establece en el fichero config.toml

Lo abrimos y añadimos el tema en este caso syna o el que queramos establecer

theme="syna"

• Ahora vamos a escribir el contenido de nuestras páginas de nuestro sitio web
• Para ellos escribiremos en texto plano en ficheros md (con sintaxis Markdonw https://markdown.es/sintaxis-markdown/)
• Podremos añadir tantos ficheros como contenido queremos crear y cada fichero de la extensión que necesitemos.
• Es importante organizar bien los contenidos, de momento vamos a crear un fichero
• Se puede hacer directamente en el editor o usar comandos de hugo

 hugo new index.md

• Esto nos creará un fichero index.md en la carpeta de content

Archivo:Creando contenido hugo 1.md

• El contenido del fichero es mínimo