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

De WikiEducator
Saltar a: navegación, buscar
Línea 51: Línea 51:
 
  git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes
 
  git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes
 
</source>
 
</source>
*Una vez instalado el tema, hay que especificar en el fichero de configuración qué tema vamos a user
+
*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
 +
<source lang=bash>
 +
theme="syna"
 +
</source>
  
 
}}
 
}}

Revisión de 03:52 21 sep 2021

Desarrollo de páginas estáticas

  • Está desarrollado en lenguaje Go




Icon inter.gif
Aplicaciones para desarrollar sitios estáticos
https://jamstack.org/generators/

https://gohugo.io/





Icon activity.jpg
Instalación
sudo apt-get install hugo






Icon activity.jpg
Crear un nuevo proyecto
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
Creando nuevo sitio hugo 1.png





Icon activity.jpg
Estructura de ficheros creados
  • Vemos la siguiente estructura de ficheros
Ficheros proyecto hugo 1.png
  • Posteriormente iremos viendo el significado y utilidad de cada carpeta y ficheros.





Icon activity.jpg
Selecconar un tema
  • 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"