Por que blog, como usar GithubPages + hexo para construir un sitio de blog personal

Introducción

A menudo leemos blogs, muchas personas escriben blogs y muchas personas crean sus propios sitios de blogs, entonces, ¿por qué escribimos blogs? ¿Por qué crear un blog personal? ¿Cómo construir un blog personal?

Para hacer algo, necesitamos saber su significado, de lo contrario no obtendrás nada de ello. Entonces, primero tenemos que averiguar por qué queremos escribir un blog y luego por qué queremos crear un blog personal. A continuación, ampliaré mi contenido desde estos aspectos.

1. ¿Por qué escribir un blog?

1.1, una buena memoria no es tan buena como una mala pluma

Bloguear es escribir un evento o una pregunta, ya sea que lo escribas en tus propias notas en la nube o en una determinada plataforma de blogs. En resumen, cuando lo olvides, podrás encontrarlo y ver lo que escribiste antes. s cosas.

En muchos casos, podemos pensar que las respuestas a algunas preguntas o el proceso de pensamiento que hemos memorizado en realidad se descubren al cabo de un tiempo, pero hay rastros para memorizarlos, y podemos ahorrar mucho cuando nos encontremos con el mismo problema en el futuro. hora.

1.2 La enseñanza es el mejor aprendizaje

El proceso de escribir un blog es un proceso de explicar claramente un problema, un asunto y un punto de conocimiento. Si este blog está bien escrito y si tiene sentido depende de si el problema está claramente establecido y si se debe dejar que se lea La gente de tu blog lo entenderá después de leerlo.

Si no puede explicar una cosa con claridad, es probable que no la haya dominado. Cuando describimos un problema, primero debemos saber qué conceptos y puntos de conocimiento necesitan saber mis lectores si queremos explicar el problema con claridad, y luego debemos buscar estos puntos de conocimiento en nuestro sistema de conocimiento, y solo comprender uno completamente. Solo la persona con el problema puede aclararlo.
Mejore usted mismo en la discusión . Después de que las cosas que escribimos se publican en Internet, a menudo podemos ver algunos comentarios contrarios o diferentes soluciones o errores, y estas cosas pueden permitirnos ver lo que nos queda en el proceso de pensar sobre este problema. , Para seguir mejorando.

1.3, crea valor

Siga escribiendo un blog y registre algunos de sus procesos de pensamiento y los resultados de su investigación. Este será un blog valioso y sin duda agregará puntos a su currículum.
Puedes invertir en publicidad en tu blog y obtener ganancias.

2. Por qué crear un blog personal

Con tantas plataformas de blogs hoy en día, ¿por qué crear un blog personal? Aunque se necesita algo de tiempo para un sitio personal, todavía existen muchos beneficios.

  • Más libertad, mi sitio me escucha (estilo, contenido, publicidad)
  • No se preocupe por el cambio de contenido o la eliminación del blog, todos los derechos están en sus manos
  • Puede evitar que la empresa cambie su enfoque y ya no preste atención ni promueva el blog.
  • Conviértete en tu propia tarjeta de presentación y crea tu propia marca

3. Cómo crear un blog personal

3.1. Preparación

Para crear un sitio de blog, primero necesita espacio de almacenamiento para almacenar su contenido, segundo , necesita un nombre de dominio que se pueda vincular al sitio, y tercero, necesita un montón de páginas web estáticas y archivos de estilo . Esto es lo que muestra su sitio. Sin embargo, no todo el mundo puede crear un servidor, no todo el mundo puede escribir css y html en la interfaz, por lo que podemos usar algunas herramientas o marcos existentes para ayudarnos a crearlo.

3.1.1 、 GithubPages

Sitios web para ti y tus proyectos, alojados directamente desde tu repositorio de GitHub. Simplemente edite, presione y sus cambios estarán activos.

Esta es la introducción del sitio web oficial. No es difícil de entender. La traducción es: una página web que te pertenece a ti y a tu proyecto. Puede crear un sitio web directamente desde el repositorio de Github, y la página web cambiará dinámicamente con su edición y publicación.

Características de GithubPages:

  • Blog estático, configuración fuerte
  • Sistema de blogs liviano, configuración simple, no es necesario crear un servidor usted mismo
  • Cada sitio tiene 300M de espacio libre
  • Puede vincular su propio nombre de dominio.

3.1.2 、 hexagonal

Hexo es un marco de blog rápido, simple y poderoso. Escribes publicaciones en Markdown (u otros idiomas) y Hexo genera archivos estáticos con un hermoso tema en segundos.

Hexo es un marco de blog rápido, simple y poderoso basado en Node.js. Puede usar markdown u otros idiomas para escribir contenido, hexo usará algunos temas atractivos para generar rápidamente las páginas estáticas correspondientes.

Características de hexo:

  • Velocidad del viento: Hexo se basa en Node.js, admite múltiples procesos y se pueden generar cientos de artículos en segundos.
  • Escritura suave: admite GitHub Flavored Markdown y todos los complementos de Octopress.
  • Fuerte escalabilidad: Hexo es compatible con EJS, Swig y Stylus. Admite Haml, Jade y Less a través de complementos.

Por tanto, hexo es un framework que nos ayuda a aquellos de nosotros que no entendemos el front-end a construir páginas web estáticas .

3.2. Empiece a construir el sitio

3.2.1 、 Nuevo almacén de Github

No hace falta decir que el registro y el inicio de sesión de github son los mismos que los de los principales sitios web.
Cree un nuevo almacén, preste atención al formato fijo del nombre del almacén, xxx.github.io, donde xxx es el nombre que se completó cuando github se registró. Siga las instrucciones para completarlo paso a paso.
Escriba la descripción de la imagen aquí

3.2.2, entorno de configuración

Primero, debe instalar Git para cargar y descargar códigos y archivos.
Hexo se basa en Node.js , por lo que Node.js también debe instalarse. Ambos están para encontrar la versión correspondiente a su computadora en el sitio web oficial para descargar e instalar, las variables de entorno no necesitan ser configuradas, y ya están configuradas durante el proceso de instalación.

Finalmente, necesitamos instalar hexo . Haga clic derecho en cualquier lugar y seleccione gitBash para ingresar a la línea de comando git

Escriba la descripción de la imagen aquí

Ingrese el comando: npm install hexo-cli -g Una vez
completada la instalación, ingrese el comando: npm install hexo –save y
finalmente ingrese el comando -v para ver la información de la versión y verificar si la instalación es exitosa:

Escriba la descripción de la imagen aquí

3.2.3, inicializar hexo

Después de instalar y configurar estos entornos, puede usar hexo para comenzar a administrar nuestro blog. En primer lugar, necesitamos especificar una carpeta (es mejor crear una carpeta nueva, no tenemos una ruta china) para almacenar alguna configuración y contenido de hexo. Luego ingrese la línea de comando git en este directorio e ingrese el comando hexo init para comenzar a inicializar hexo.

El comando init puede tardar mucho, tenga paciencia.

ok, las cosas finalmente están haciendo un buen trabajo, esta vez, podemos ver el efecto en el local, la misma línea de comando git abierta, escriba el comando:
HEXO G : contenido generado
HEXO S : Encienda el servidor de la máquina
en la barra de direcciones del navegador ingrese: localhost: 4000, verá el estilo de sitio predeterminado.

Escriba la descripción de la imagen aquí

3.2.4, subir a github

Vi el efecto del sitio a nivel local, pero lo que quiero es que todos puedan verlo, no solo en la red de área local. No se preocupe, estará bien cuando lo publiquemos en github.
Primero configure el archivo del sitio (el archivo _config.yml en el directorio de inicio de hexo que acaba de crear) y configure la opción de implementación en su información de github.

Escriba la descripción de la imagen aquí

Después de la configuración, guarde y luego ingrese el comando en la línea de comando:
hexo g
hexo d : publicar y cargar en github

Este proceso consiste en cargar el código en github a través de git, por lo que una ventana emergente le pedirá que ingrese el nombre de usuario y la contraseña de github, y la entrada está bien. Si no quiere ser tan problemático cada vez, puede configurar SSH, que es una digresión.
Después de que la carga sea exitosa, el navegador ingresa: xxx.github.io , ¡puede ver que su sitio de blog tiene contenido predeterminado! ¡Casi lo conseguimos!

3.2.5, establecer tema

Una vez que la compilación es exitosa, es nuestra configuración. Si no le gusta el tema predeterminado de hexo, puede descargar el tema que le gusta y ponerlo en la carpeta de temas en el directorio raíz de hexo (habrá un paisaje predeterminado), y luego editar el sitio Archivo de configuración, reemplace el tema con el tema que acaba de descargar.

Puede ir a la wiki de hexo para ver algunos de los temas disponibles:
https://hexo.io/themes/

Escriba la descripción de la imagen aquí

3.2.6, configuración del blog

En primer lugar, necesitamos conocer dos archivos de configuración, uno es _config.yml en el directorio raíz de hexo, lo llamamos el archivo de configuración del sitio, y el otro es el archivo _config.yml en un tema en la carpeta de temas, lo llamamos Es el archivo de configuración del tema. Modifique el título, avatar, tema, idioma, dirección de github y otras configuraciones de su sitio de blog en el archivo de configuración del sitio . Modifique el estilo del contenido, la barra de menú, la clasificación de la página y otras configuraciones que se muestran en el sitio en el archivo de configuración del tema .
Tome el siguiente tema más utilizado como ejemplo. La configuración detallada se puede ver en el sitio web oficial:
Getting started-NexT documentation

Las operaciones de bloguear y agregar páginas se pueden encontrar en el documento, que es relativamente simple.

La función necesaria para compartir comentarios del blog , el siguiente tema también está preparado para nosotros, simplemente regístrese en el sitio web correspondiente y complete el valor clave para aceptar.

Además, si desea conocer el estado de acceso del sitio , puede agregar estadísticas como estadísticas de Baidu , estadísticas de Tencent , análisis de Google, etc., registrar el nombre de dominio en el sitio web correspondiente y configurar la identificación o clave en el archivo de configuración del tema.

3.2.7, vinculación de nombre de dominio

Esta es una operación opcional, si desea utilizar su propio nombre de dominio para visitar el sitio, por supuesto, se requiere alguna configuración.

La primera es comprar un nombre de dominio, que se puede comprar en Alibaba Cloud o Godaddy (compatible con el pago de Alipay). Simplemente elija un nombre de dominio que le guste y no haya sido registrado, y no sea demasiado caro.

Configure la resolución del nombre de dominio, puede usar el DNSPod nacional para resolver el nombre de dominio, la velocidad es relativamente rápida, consulte la introducción oficial del sitio web para obtener configuraciones específicas.

Finalmente, se establece en el almacén de github. Cree un nuevo archivo CNAME en el directorio raíz de nuestro almacén recién construido. No se requiere sufijo. El contenido es el nombre de dominio que solicitó.

Escriba la descripción de la imagen aquí

3.3. Empiece el viaje del blog

En este punto, la configuración del blog está bien, abra el navegador, ingrese el nombre de dominio que solicitó, como http://lizebin.info , y puede comenzar su viaje de blog personal ~

Por último, gracias a todos por su paciencia y les invitamos a visitar mi sitio de blog personal:
Moore’s Android Road.

Escriba la descripción de la imagen aquí

¡Gracias de nuevo!
Por favor indique la fuente

Supongo que te gusta

Origin blog.csdn.net/lizebin_bin/article/details/54318314
Recomendado
Clasificación