Sitio estatico con Hugo+Github+linux

by abdias — on

les comparto este pequeño tutorial que me hice para que tengan su blog o sitio funcionando con hugo, github y linux, en este caso utilice archlinux, pero puede ser cualquier distro que conozcan, yo en lo particular recomendaria alguna basada en arch

github nos permite crear repositorios para nuestros proyectos y en este caso lo usaremos para alojar nuestra web o blog creado con hugo

hugo nos permite crear sitios web estaticos y nos aporta plantillas o temas

github y hugo soportan el codigo en markdown para las entradas o posts

INSTRUCCIONES

1.-instalar paquetes a usar

sudo pacman -S git
sudo pacman -S hugo
sudo pacman -S openssh
sudo pacman -S tree
sudo pacman -S xclip

2.-configurar github

mi nombre_usuario es abdiasriver en github

git config --global user.name "nombre_usuario"
git config --global user.email "email_id"

3.- CREAR FIRMA SSH PARA GITHUB y linux con el email de github

ls -al ~/.ssh
ssh-keygen -t rsa -b 4096 -C "[email protected]"

eval $(ssh-agent -s)

eval (ssh-agent -c)

ssh-add ~/.ssh/id_rsa

xclip -sel clip < ~/.ssh/id_rsa.pub

3.1 nos vamos a github.com y en ssh agregamos la clave con un titulo cualquiera

4.- en la terminal creamos nuestro sitio (el nombre que uds quieran)

hugo new site abdiasriver

5.-instalar tema desde https://themes.gohugo.io

cd themes
git clone https://github.com/laozhu/hugo-nuo

6.-copiar datos de ejemplo del tema a la raiz del sitio, eliminamos los anteriores y pegamos los del tema de la carpeta sitexample etc

7.- generar el sitio con  contenido estatico (generamos la carpeta public)

hugo buildDrafts

hugo

8.- iniciamos el servidor localhost para ver como vamos con el sitio

hugo server --watch --buildDrafts

hugo

y en el explorador web vamos a checar en localhost:1313

detenemos con ctrl + c , elimina carpeta public

9.- creamos un nuevo repositorio con nuestro nombre de usuario   usuario.github.io  y seleccionamos el readme.md

10.- en la carpeta del sitio encontraremos un archivo de configuracion, dentro cambiamos localhotst:1313 por el sitio de github     https://usuario.github.io

10.1 volver a generar carpeta public del sitio con

hugo

10.2 conectar a github y clonar repo dentro del sitio

git clone [email protected]:abdiasriver/abdiasriver.github.io.git

10.3 copiamos la carpeta public al repositorio y lo enviamos a la red

cp -r public/* abdiasriver.github.io/
cd abdiasriver.github.io
git add .
git commit -m 'First commit'
git push -U origin master