Cómo usar Hugo para crear un blog personal y usar las páginas de GitHub para obtener una vista previa de HTML

Ir directamente al tema y comenzar a construir un blog

Tutorial oficial [https://gohugo.io/getting-started/installing]

Método de instalación de Mac

1. brew install hugo
2. versión de hugo

Método de instalación de Windows

1. Ir a la página de lanzamientos de Hugo [https://github.com/gohugoio/hugo/releases] descargar hugo_xx_Windows-64bit.zip

2. Descomprima y coloque hugo.exe en D: /Software/hugo/hugo.exe

3. Agregue D: / Software / hugo / a PATH, reinicie el terminal, ejecute la versión de hugo para ver la versión

Cree una nueva carpeta de proyecto, por ejemplo, el nombre es HelloHugo

Comando de ejecución

1. cd HelloHugo & hugo nuevo sitio [email protected]
2. Ejecute el siguiente comando

        2.1 cd  [email protected]
		2.2 git init
		2.3  git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke
		2.4 echo theme = "ananke" >> config.toml

3. hugo new posts / 开 博大 吉 .md (PD, puedes entrar aquí para modificar tu contenido)
   
4. Modificar idioma

config.toml 未修改的时候:

    baseURL = "https://example.org/"
    languageCode = "en-us"
    title = "My New Hugo Site"
    theme = "ananke"
    
Ctrl + P 打开 config.toml 修改为下方

    baseURL = "http://example.org/"
    languageCode = "zh-Hans"
    title = "梦楠的博客"
    theme = "ananke"
     
将语言设置成中文

6. servidor de hugo -D

Una vez completada la ejecución del comando anterior, el último comando de inicio del servicio le enviará una dirección. Abra esta dirección y podrá ver su blog.

7. hugo

最后执行这个命令，这个命令会生成一个public文件，这个文件夹里包含的就是就是最终给你上传到github上使用的页面。

A continuación, inserte el código en su github y luego obtenga una vista previa en github

1. Primero cree un repositorio en github. Recuerde que el nombre del prefijo de este repositorio debe ser el mismo que el nombre de usuario de github, que es xxx.github.io. Debe escribirse de acuerdo con esta especificación. Después de eso, debe hacer una vista previa.

8. Ejecute el comando git a continuación

cd public
    
    git init
    
    git add .
    
    git commit 
    
    git remote add origin [email protected]:qiaomengnan16/qiaomengnan16.github.io.git
    
    git push -u origin master

El código está cargado.

9. Configure su interfaz de vista previa de github
   

Siga los pasos de la figura para encontrar la página de páginas de GitHub. El autor ya lo configuró, por lo que lo mostraremos de manera diferente. No hay configuración. Hay un botón desplegable. Seleccione Maestro y luego visite la dirección de la flecha de arriba para ver su Blog ~!