win10 construye blog hexo y despliega en github

Los pasos principales son los siguientes:

  1. Descargar node.js
    • hexo blog es un blog estático basado en node.js, por lo que node.js debe estar instalado. Vale la pena mencionar que al instalar node.js, npm se instalará de manera predeterminada. El nombre completo de npm es Node Package Manager, que se usa para administrar (instalar o desinstalar) paquetes relacionados de node.js, lo que simplifica enormemente nuestra operación de paquetes, por lo que usaremos npm para instalar hexo más tarde.
    • Node.js está instalado hasta el siguiente, la opción predeterminada es suficiente. Una vez completada la instalación, abra cmd, ingrese node -v, si se muestra el número de versión, la instalación es exitosa
  2. Use npm para instalar hexo
    • Debido a la existencia de npm, nuestra instalación de hexo es muy simple. Simplemente ingrese el npm i -g hexo-clicomando para completar la instalación de hexo. Sin embargo, debido a las limitaciones de velocidad de la red doméstica, PlanB se puede usar si la instalación no se realiza correctamente.
    • PlanB: Use la curva de fuente espejo doméstica de Taobao para salvar el país, instale cnpm primero y el comando cmd es npm i -g cnpm --registry=https://registry.npm.taobao.org. Luego use cnpm para instalar hexo, el comando es similar a npm cnpm -i -g hexo-cli(se recomienda instalar el hexo-cli oficial recomendado en lugar de hexo)
    • Se puede usar hexo -vpara determinar si la instalación fue exitosa
  3. Crea un blog con hexo
    • Primero cree una carpeta para almacenar futuros blogs. Luego cdingrese la carpeta y use el hexo initcomando para inicializar. Si todo va bien, se le preguntará: la
      Inserte la descripción de la imagen aquí
      estructura del directorio debe ser así:
      Inserte la descripción de la imagen aquí
      e ingrese al hexo sservicio de inicio, después de finalizar, el navegador visita http: // localhost: 4000, puede ver la página de inicio generada por hexo. Los cuatro comandos en la página de inicio se usarán con frecuencia en la creación posterior del blog, y los significados que representan son los siguientes:

        hexo new "My New Post"  // 创建博客,可简写为 hexo n
        hexo server   // 启动本地服务,可简写为 hexo s
        hexo generate   //生成静态文件,可简写为 hexo g
        hexo depoly    //部署到远端,可简写为 hexo d
      
    • Luego, escriba un blog en combate real, primero hexo ncree un blog con comandos (aquí se crea un archivo de reducción): el
      Inserte la descripción de la imagen aquí
      blog creado se almacena en la dirección / source / _posts /
      y luego puede usar el comando vim u otras formas de editar el blog (uso el editor Typora aquí, principalmente para ver en los resultados)
      después de la edición, el uso hexo cleande caché db.json clara (no necesariamente, si las anormalidades de los shows del sitio, trate de usar), y luego hexo ggenerar el archivo estático, y finalmente iniciar el servicio hexo s, introduzca la dirección URL de acceso, se puede ver a los amigos acaba de escribir en el blog .
      Inserte la descripción de la imagen aquí

  4. Empujar a github
    • En primer lugar, necesitamos tener una cuenta de github y configurar la clave SSH , y luego podemos crear un nuevo almacén . Tenga en cuenta que el nombre del almacén debe ser username.github.io, este nombre del almacén es la dirección URL del futuro blog de la visita.
    • A continuación, debemos enviar el blog local a github, por lo que debemos configurar el archivo "_config.yml" después de init. Este archivo es muy importante. Después de eso, debemos usar este archivo de configuración para modificar el tema y agregar imágenes al blog. Encontramos la implementación y la modificamos a la siguiente figura: repo es nuestra dirección de almacén. Tenga en cuenta que hay un espacio después de los dos puntos.
      Inserte la descripción de la imagen aquí
    • También es necesario descargar un plug-in de despliegue: cnpm install hexo-deployer-git --save. Después de la instalación, se hexo dpuede implementar en github siempre que se use . En el medio, es posible que debamos ingresar el nombre de usuario y la contraseña de github.
    • Si todo va bien, ingrese la dirección del almacén en el navegador username.github.iopara ver nuestro blog implementado en github.
      Inserte la descripción de la imagen aquí
consejos:

  En este proceso, es inevitable que falle debido a factores como la velocidad de la red. Si hay un problema, simplemente elimine la carpeta de blog recién creada e intente nuevamente, porque todas nuestras operaciones se realizan en esta carpeta, por lo que es un gran problema.
  Por supuesto, si tiene éxito, también puede intentar cambiar el tema de su blog favorito. Recomiendo temas con más estrellas en github , como next y yilia . Yo mismo uso el siguiente tema, que es muy conciso y atmosférico.
  Elijamos un tema atractivo y blogueemos juntos ~

Publicado 2 artículos originales · recibido 2 · vistas 259

Supongo que te gusta

Origin blog.csdn.net/weixin_44386939/article/details/105623302
Recomendado
Clasificación