Cómo usar github para crear un sitio web personal
1
En primer lugar, debe tener un nombre de dominio propio. A continuación se utiliza GoDaddy como ejemplo para explicar cómo comprar un nombre de dominio personal. . Abra el sitio web oficial chino de GoDaddy, como se muestra a continuación:
2
Inicie sesión en el sitio web si no tiene una cuenta, primero cree una y luego inicie sesión. Busque el nombre de dominio que desee, como se muestra en la siguiente imagen:
3
El nombre de dominio que compré cuesta 7 yuanes. Me divierto con él. No es necesario. para comprar un nombre de dominio tan bueno, como se muestra en la imagen a continuación:
4
Para el tiempo de pago, simplemente elija Alipay, que es relativamente popular en China, como se muestra en. la siguiente figura:
5
¡Pago exitoso en tres minutos! Aproximadamente en este momento, se completó el trabajo de preparación del nombre de dominio. Ahora puede administrar nombres de dominio. Puedes configurarlo siguiendo estos pasos:
END
Tener una cuenta de GitHub
1
El propósito de Internet es Libertad y uso compartido. GitHub es el lugar donde programadores de todo el mundo se reúnen para compartir código, mejorarse unos a otros y mejorarse a sí mismos. Todo el mundo está trabajando duro para la comunidad de código abierto. Como he aprendido mucho trabajando en proyectos de código abierto, estoy más que dispuesto a compartir lo que he visto.
Si no tienes una cuenta de GitHub, regístrate para obtener una. Si es así, simplemente inicie sesión, todas las operaciones posteriores requieren GitHub.
Fin
Crear un nuevo proyecto de sitio web personal en GitHub
1
Crear un nuevo almacén
Después Al iniciar sesión en GitHub, haga clic en el botón + más en la esquina superior derecha de la página y luego haga clic en Nuevo almacén, como se muestra a continuación:
2
Ya que estamos creando un nuevo Proyecto de sitio web personal. Debe instalar las reglas del proyecto de sitio web personal de GitHub para escribir los nombres de todos los repositorios. La regla es:
TU-NOMBRE DE USUARIO-GITHUB.github.io
Por ejemplo, mi nombre de usuario de GitHub es ganecheng, entonces debo completar ganecheng.github.io. Luego seleccione el modo público y luego haga clic en el botón Crear repositorio, como se muestra a continuación:
3
Después de crear exitosamente el repositorio, ingresará a la página principal del proyecto. Haga clic en el botón Configuración como se muestra a continuación:
4
Una vez que llegue a la página, desplácese hacia abajo. Haga clic en el botón Page Automator, como se muestra en la siguiente figura:
5
Haga clic en el botón Continuar con el diseño en la parte inferior derecha, como se muestra en la siguiente figura:
6
Seleccione una plantilla y haga clic en el botón Publicar página.
En este momento, puedes acceder a la página a través de TU-NOMBRE DE USUARIO-GITHUB.github.io, como se muestra a continuación:
END
Sube tu página web personal Ir a GitHub
1
La generación automática de páginas definitivamente no es lo que queremos. Esperamos poder diseñar nuestro propio sitio web personal. Podemos escribir nuestro propio archivo de página web llamado index.html y luego cargarlo en el proyecto del sitio web personal de GitHub. Para ahorrar tiempo, primero puede descargar el código del proyecto de mi sitio web personal, luego modificarlo y cargar su página web en GitHub.
Los pasos específicos son los siguientes.
Entra en el proyecto y descarga el código fuente. Después de la descompresión, obtenga el archivo index.html, como se muestra a continuación:
2
Luego visite la página de inicio del proyecto del sitio web personal YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME github. yo. Haga clic en el botón "Cargar archivo" para ingresar a la página "Cargar archivo", arrastre el archivo index.html al área del círculo azul y haga clic en el botón "Enviar" para enviarlo correctamente.
En este momento, abra la URL SU-GITHUB-USERNAME.github.io y podrá ver que la página de inicio se ha cambiado a nuestra propia página web, como se muestra a continuación:
END
El nombre de dominio CNAME es Proyecto de sitio web personal
La página web se ha cargado correctamente. No queremos cargar archivos a través de YOUR-GITHUB-USERNAME.github.io todo el tiempo. USERNAME.github.io accede a nuestro sitio web personal, pero a través de nuestro propio nombre de dominio.
Los pasos detallados son los siguientes.
Haga clic en la pestaña Configuración del proyecto de sitio web personal y desplácese hacia abajo para encontrar la tarjeta de nombre de dominio personalizada. Ingrese el nombre de dominio que compramos previamente en GoDaddy y haga clic en Guardar, como se muestra en la imagen a continuación:
A continuación, debemos resolver el nombre de dominio de este proyecto de sitio web personal. Abra la página de administración de dominios de GoDaddy. Haga clic en el ícono de configuración en la esquina superior derecha, luego haga clic en el botón Administrar DNS. Ingrese a la página de administración de DNS, como se muestra en la siguiente figura:
Luego, haga clic para agregar un registro de resolución de nombre de dominio. Las resoluciones inútiles agregadas automáticamente por GoDaddy antes se pueden eliminar. lo que significa que está accediendo al nombre de dominio de primer nivel. Indique SU -GITHUB-USERNAME.github.io y haga clic en el botón Guardar. Después de un tiempo, la resolución del nombre de dominio entrará en vigor, como se muestra en la siguiente figura:
END
Acceda al nombre de dominio
1
Se completan todos estos pasos. Después de eso, puede ingresar el nombre de dominio en el navegador y presionar la tecla Intro para regresar a la página index.html que acabamos de cargar en GitHub.
Lo anterior es solo una guía introductoria sobre el uso de GitHub para crear un sitio web personal. GitHub recomienda oficialmente usar el sistema de blogs Jekyll para publicar sus propias páginas. En el futuro, cuando se actualicen los datos, todo el sitio web se podrá volver a compilar a través de Jekyll, como se muestra a continuación