Requisito: NPM debe estar instalado
Como desarrollador front-end, creamos muchos diseños geniales y queremos mostrárselos a los demás. Pero como estudiantes, es posible que no queramos comprar dominios para que el sitio esté activo en la web. Hay algunas herramientas gratuitas disponibles como github y Heroku, pero la configuración es un poco complicada cuando se trata de publicar solo el front-end.
Hay una herramienta más llamada Surge disponible que está desarrollada especialmente para desarrolladores front-end y es bastante fácil de usar. Siga los pasos a continuación para publicar sus páginas en menos de 2 minutos.
índice.html
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.navbar {
text-align: center;
background-color: rgb(0, 90, 121);
color: white;
}
body {
background-color: lightblue;
}
</style>
</head>
<body>
<div class="navbar">
This is the navbar
</div>
<div class="body">
This is the body of my website
<br> Content goes here.
</div>
</body>
</html>
- Debe tener npm instalado en su sistema para este paso. Abra la terminal en el mismo directorio donde se encuentra index.html. Ejecute el siguiente comando:
npm install -g surge
- Ahora tiene ‘surge’ instalado globalmente en su sistema para que pueda usarlo tantas veces como quiera en el futuro. Ejecute el siguiente comando:
surge
- Ahora le pedirá su ID de correo electrónico y una contraseña. Aquí debe ingresar su identificación de correo electrónico y una nueva contraseña para su cuenta de aumento.
- Después de eso, debe dar ubicación a sus archivos estáticos. Si abrió la terminal en la misma carpeta que se indica, presione enter.
- Ahora le pedirá un nombre de dominio con un nombre de dominio de ejemplo. Continúe y edite la parte anterior a ‘.surge.sh’ y, si ese dominio está disponible, se le asignará.
- Ahora presione enter y obtendrá el enlace a su sitio publicado en la web.
Como vimos, el proceso es bastante fácil y toma menos de dos minutos usando algunos comandos simples. Podemos usarlo para diseñar páginas web, hacer currículum para entrevistas y muchas otras tareas sin costo alguno.
Publicación traducida automáticamente
Artículo escrito por mukulbindal170299 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA