Red de conocimiento informático - Aprendizaje de código fuente - Pon en línea tus propias páginas web estáticas

Pon en línea tus propias páginas web estáticas

Creo que la mayoría de los estudiantes han alcanzado la etapa HTML/CSS en este momento. En esta etapa implementaremos muchas páginas web, pero sólo se pueden ver en nuestras propias computadoras. ¿Quiere ponerlas en Internet para que otros las vean?

Si tú también quieres poner tu sitio web en Internet, sigue leyendo.

Puedes intentar hacer clic aquí para abrir una página web que escribí (mi sitio web usa algunas fuentes, el archivo es un poco más grande y la carga puede ser más lenta)

Este paso es relativamente simple, eso es Registre su propia cuenta en Code Cloud. Pero cabe señalar que debe vincular su número de teléfono móvil; de lo contrario, no podrá utilizar el servicio Gitee Pages, y este servicio es el paso más importante para que podamos publicar nuestras páginas web en Internet.

Cuando iniciamos sesión por primera vez en Code Cloud, probablemente veremos algo como esto:

Este paso requiere que transfiramos nuestros archivos relevantes.

Primero haga clic en el archivo en la imagen de arriba y aparecerá una opción para crear una nueva carpeta. Haga clic para crear una carpeta para su propia página web. El nombre puede ser el que desee según su proyecto. .

Si tu página web tiene una estructura de directorios (como css, imgs, etc.), primero crea carpetas según los nombres de cada directorio (los pasos son los mismos que arriba) y luego arrastra las carpetas correspondientes. en él. Todos los archivos en la carpeta se seleccionarán automáticamente para cargar, similar a la animación a continuación.

Si desea cargar su carpeta html, primero cree una carpeta html (créela debajo de la carpeta creada al comienzo del paso 3) y luego arrastre su carpeta html. Simplemente vaya allí.

Todas las rutas absolutas deben cambiarse a rutas relativas, porque otros no pueden acceder directamente a los archivos en su computadora, lo que hará que su página web esté incompleta (faltan componentes externos como archivos CSS, imágenes, etc.) ).

Si su archivo html y css están en las carpetas html y css respectivamente, la etiqueta de enlace en html debe escribirse así: lt; link rel="stylesheet" src=".. /css/ xxx.css"gt; así es como se escriben las rutas relativas, incluidas imágenes y otros recursos.

Este paso es el más importante de todos, y también es el último paso. Una vez completado, ¡listo!

Primero, haga clic en "Servicios" en la esquina superior derecha de su almacén y haga clic en las páginas de Gitee que se encuentran dentro.

Luego complete el nombre del directorio de implementación y haga clic en el botón en la parte inferior, luego espere un momento y ¡todo estará bien!