Creación de un sitio web personal para ingenieros de front-end sin ninguna base

Hola a todos, soy ingeniero de front-end. Creo que la mayoría de los ingenieros de front-end están ansiosos por crear un sitio web personal de forma independiente, ya sea para aprender más y mejorar su competitividad principal o para presumir. Cree un blog personal usted mismo, o simplemente por curiosidad y desee crear un sitio web integral. De todos modos, debe crear un sitio web de forma independiente y ejecutarlo. Puedes decir que no tienes las ideas anteriores, pero yo sí, así que lo probé. Finalmente, ingresé mi URL maramlee.com y mostré "hola mundo" con éxito. Ah... jajaja...

Planeo escribir este artículo con la esperanza de que pueda dar alguna dirección a los estudiantes que quieren intentar construir su propio sitio web pero están confundidos acerca del front-end. Algunas personas pueden haber dicho que hay muchas formas de crear un sitio web sin conceptos básicos en Internet, así que no es necesario que escriba aquí. todavía es necesario. Creo que algunas personas se beneficiarán de este artículo mío.

Revisé mucha información al comienzo de la creación del sitio web. Hay mucha información en Internet y es muy complicada. Hay varias razones: por ejemplo, hay demasiada y. Es difícil de distinguir, algunos de ellos son relativamente antiguos y también hay muchos puntos básicos que son diferentes entre sí. Ru Geshan estaba confundido, etc., por lo que la operación real fue más difícil. Aquí comienzo desde la solicitud inicial de un nombre de dominio hasta la entrada final de la URL y "hola mundo". Todo el proceso está conectado en serie, con la esperanza de que sirva como punto de partida.

Espero que sea una persona con una base en el desarrollo front-end. Por supuesto, haré todo lo posible para presentar todos los puntos técnicos utilizados, con la esperanza de brindarles a las personas sin una base una forma de pensar. .

Utilizo Alibaba Cloud para nombres de dominio, servidores, etc. Los amigos que no usan esta plataforma pueden compararla con sus propias plataformas. Si tienen alguna pregunta, también pueden dejarme un comentario y discutirla. juntos. Si no sabe qué plataforma elegir para postularse, puede hacer lo mismo que yo y registrar una cuenta de Alibaba Cloud y luego seguirme.

Esta sección incluye los procesos de registro de nombre de dominio, autenticación de nombre real y registro de nombre de dominio.

Introduce el nombre de dominio deseado y regístralo si no está ocupado. Para operaciones específicas, consulte Registro de un nombre de dominio universal.

El sufijo del nombre de dominio suele ser .com o .cn. Básicamente, si puede registrar .com, simplemente registre .com. Para obtener más sufijos, consulte Diferencias de nombres de dominio.

Para conocer procedimientos específicos, consulte Descripción general de la autenticación de nombre real de nombres de dominio.

Nota: Cuando utilice un servidor en China continental para alojar su sitio web, es necesario registrarse. De lo contrario, no se requiere presentación.

Para ahorrar tiempo de presentación y aprobar la presentación con éxito, se recomienda que comprenda de antemano y haga los preparativos antes de presentar la presentación:

La información requerida por cada oficina de administración provincial es diferente , por favor siga los requisitos de cada administración regional. Prepare la información de acuerdo con las reglas de presentación del Negociado. Para obtener más detalles, consulte Descripción general de la preparación para la presentación del ICP.

Si sigues los pasos es que no lo has presentado antes, así que consulta: Primera Presentación.

Si se encuentra en otros escenarios de presentación, consulte Inicio rápido de presentación de ICP.

Primero vaya a la página de creación de instancias. Para operación y mantenimiento, esta sección es relativamente simple. Sin embargo, como principiante en operación y mantenimiento, al comprar un servidor, debe prestar atención a comprar de acuerdo con sus necesidades reales. Situación Consulte la documentación de Alibaba Cloud: utilice el asistente para crear una instancia, ¡muy detallado! Al mismo tiempo, lee más consejos, precauciones, etc. Los siguientes son los pasos que yo, un novato en operación y mantenimiento, resumí después de leer el documento. Si es un novato, también puede hacerlo. Si algún personal de operación y mantenimiento encuentra que hay algún problema con mi descripción, por favor infórmelo. un consejo.

Por ejemplo, si solo quieres aprender y probarlo, elige "pagar por uso" (ten en cuenta que si pagas por uso, primero debes recargar, recuerda recargar 100-200 ), pero si deseas un mantenimiento a largo plazo, elige "Suscripción mensual anual".

Esto debe tenerse en cuenta. En general, elige el sitio web donde haya más personas viéndolo. Si tienes tu propio blog, también puedes elegir tu propia ubicación. será diferente.

Para obtener más información, consulta: Enséñame a elegir una región.

Como sitio web de Wanwan, simplemente haz clic en el más pequeño.

No sé cómo elegir. Se recomienda elegir CentOS 7.4 de 64 bits. Tenga en cuenta que si tiene una computadora con Windows, no lo dé por sentado y elija el sistema Windows Server. Aquí está la imagen de su servidor. Simplemente puede comprender que esta es la configuración de una computadora nueva y no tiene nada que ver con la computadora. sistema que utiliza localmente.

Esto depende de lo que almacene. Puede imaginar que compra una computadora nueva. El almacenamiento aquí puede considerarse como la memoria de la computadora. Se debe seleccionar el disco del sistema y puede considerarse como la unidad C del sistema Windows. En cuanto a los discos de datos y el almacenamiento NAS, no es necesario que los elija si no los comprende. Para aquellos que solo están jugando, pueden realizar el proceso directamente con el disco del sistema operativo. En cuanto a otros discos de datos, pueden obtener más información más adelante y luego expandirlo.

Existe una diferencia entre "red clásica" y "red privada". Ahora las cuentas recién abiertas solo tienen la opción de "red privada", solo elige esta. Quiero saber más. información por su cuenta.

De forma predeterminada, "Asignar dirección IPv4 pública" está marcado

Para fines de prueba, simplemente seleccione "Según el tráfico de uso"

Depende de la situación Seleccione , para juego general, el valor predeterminado es 5M

Si quieres conocer más detalles, puedes ver: Enséñame a elegir gt;. Grupo de seguridad Puede crear un nuevo grupo de seguridad de acuerdo con las indicaciones: Nuevo grupo de seguridad gt; Después de ingresar aquí, al crear uno nuevo, debe completar la información de acuerdo con las indicaciones. está bien.

Como principiante, las tarjetas de red elásticas restantes e IPv6 no son necesarias por el momento. Puede complementar sus conocimientos después de completar el proceso.

Esto depende de tu estado de ánimo. Puedes configurarlo después de iniciar sesión. Puedes "personalizar la contraseña" o usar "par de claves". Simplemente sigue las instrucciones del documento.

siguiente operación Se puede configurar según su situación, no es un gran problema, simplemente haga clic para comprar después de la confirmación. Para operaciones detalladas, recuerde leer la documentación ~

Solo después de que se resuelva el nombre de dominio, los usuarios externos pueden acceder al sitio web a través del nombre de dominio. Por ejemplo, ingrese baidu.com para acceder al sitio web de Baidu.

Para conocer la operación principal, simplemente lea este documento de Alibaba Cloud: Inicio rápido para configurar la resolución de nombres de dominio.

La implementación del sitio web implica la implementación del servidor. Es posible que no esté familiarizado con el frente. -end, y es posible que no esté familiarizado con el back-end. Es más fácil al final, pero no es difícil. Alibaba Cloud proporciona métodos de implementación: un resumen de los métodos de creación de sitios web de autoservicio, puede elegir el método que más le convenga. usted para el despliegue. Soy personal de front-end y el lenguaje con el que estoy más familiarizado es javascript, por lo que elijo usar node.js para la implementación. También hay documentos de operación correspondientes en la documentación de Alibaba Cloud: implementación de node.js

De esta manera, tu primera página web estará disponible ~~~

Como novato, he pasado por muchos obstáculos. ¿Qué debo hacer si no conozco el backend? ? Aprenda node.js. ¿Qué debo hacer si no sé cómo operar el sistema Linux? Verifique las operaciones comunes de Linux. De todos modos, solo estoy buscando documentos y materiales de aprendizaje. Aquí mencionaré brevemente los errores básicos, con la esperanza de ser útil para otros principiantes.

Hay muchas formas de conectarse a una instancia ECS:

Tenga en cuenta que una vez vinculado el par de claves, los dos métodos de conexión anteriores ya no están disponibles.

Para obtener información más detallada, consulta la documentación.

El documento del disco de datos formateado de Linux establece que para formatear un disco de datos es necesario montarlo. Además, el servidor en la nube ECS solo admite operaciones de partición de disco de datos y no admite operaciones de partición de disco del sistema. No me di cuenta antes de que el disco del sistema es el disco de datos comprado con la instancia. Solo tengo este disco. Cuando leí la documentación, seguí las instrucciones y las particioné muchas veces. para ver las particiones con éxito, sin embargo, cuando ejecuto el comando mkfs.ext4 /dev/vda1p1 para crear un sistema de archivos en una nueva partición, sigo recibiendo un mensaje de error: El dispositivo aparentemente no existe; ? No se puede encontrar el sistema de archivos. Finalmente, después de buscar durante mucho tiempo, descubrí que había cometido un error de bajo nivel en la partición del disco del sistema.

Como no soy experto en informática, no sé mucho sobre direcciones IP. Cuando creé las reglas en el grupo de seguridad, estaba confundido acerca de la columna de objetos autorizados, así que busqué el conocimiento. sobre direcciones IP.

Cualquiera con un poco de conocimiento sabe que la dirección impresa al ingresar ifconfig en la consola es la misma que la dirección IP que se muestra en la interfaz gráfica de la computadora. Sin embargo, esta dirección es una dirección de red interna. no una dirección de red externa.

Cuando estaba probando aquí, configuré la IP de la intranet, pero nunca tuvo el efecto esperado.

Para la dirección de red externa, puede abrir Baidu y buscar directamente ip para ver su dirección de red externa.

También compensé la dirección IP. Los amigos que no entiendan pueden consultar esta dirección: Representación de dirección IP CIDR y método de división. Para este ejemplo, también hice una referencia para todos.

Los ID de host todos 0 y los ID de host todos 1 son direcciones IP ilegales

Aquellos con el mismo ID de red pertenecen al mismo segmento de red

Clase C: Clase Dirección IP C:

dirección de red de 3 bytes (el bit más alto debe ser 110) dirección de host de 1 byte

CIDR: enrutamiento entre dominios sin clase

Número de bits en la dirección IP/ID de red 0.0.0.0/0

Submáscara: Los bits de red en el formato binario de la máscara de subred son todos unos. De esta forma, los bits de red de la dirección IP se pueden obtener realizando una operación AND sobre la máscara de subred en formato binario y la dirección IP binaria.

La tecnología CIDR utiliza la parte 1 continua en la máscara de subred para representar la ID de la red y la parte 0 continua para representar la ID del host.

Por ejemplo: 192.168.23.35/21, calcule el ID de red, la máscara de subred y las direcciones IP inicial y final de la subred

Máscara de subred: 255.255.248.0

ID de red: 192.168.16.0

Dirección IP inicial: 192.168.16.1

Dirección IP final: 192.168.23.254

Ya que estoy usando la plataforma Alibaba Cloud Muchos extractos de este artículo son de Alibaba Cloud. Si desea obtener más información, consulte la documentación de Alibaba Cloud.

Escribí el artículo en retrospectiva, por lo que puede haber algunas omisiones. Si encuentra algún problema después de leerlo, déjeme un comentario o un mensaje y continuaré mejorando este artículo.