Estoy participando en el "Plan Nuggets·Starting"
prefacio
Usé vuepress2 para crear un blog simple para tomar notas (consulte este artículo para ver la implementación específica ), pero no se implementó en línea. Hoy me tomé el tiempo para implementarlo en GitHub y registré el proceso de implementación.
Operación concreta
1. Crear un nuevo almacén
Primero inicie sesión en GitHub. Después de iniciar sesión, haga clic en el ícono más en el lado izquierdo del avatar y seleccione "Nuevo repositorio" en la ventana emergente para crear uno nuevo. Ingrese el nombre del almacén en la página de creación y haga clic en el botón de abajo para crear el valor predeterminado. Se construirá el almacén.
2. Configure la ruta base en el archivo config.ts del proyecto
module.exports = {
base: '/tqblogs/',
}
3. Empaquetar y cargar
Cree un script de implementación automática en el directorio raíz del proyecto deploy.sh
(este archivo se usa para implementar los archivos estáticos del proyecto en las páginas de Github, para que los usuarios puedan acceder a él a través de https://username.github.io/warehouse name )
# 生成静态文件,静态文件会被生成在docs/.vuepress/dist目录下
npm run build
# 进入docs/.vuepress/dist目录,初始化Git仓库
cd docs/.vuepress/dist
git init
# 将docs/.vuepress/dist目录下的所有文件添加到Git仓库中
git add -A
# 提交更改并添加提交信息
git commit -m 'deploy'
# 将本地生成的静态文件推送到Github Pages上(这里使用SSH连接,也可以换成https)
git push -f git@github.com:xxx/xxx.git master
echo "部署成功"
Nota: debe usar Git para ejecutar el archivo de script en el sistema Windows (primero debe instalar el software git), haga clic con el botón derecho en el archivo en el directorio raíz del proyecto y seleccione Git Bash Aquí, abra el comando en ejecución herramienta y ejecute el comando
sh deploy.sh
.
Después de que la carga sea exitosa, debe establecer el enlace de la página en el almacén, abrir la página de configuración y configurar las páginas.
El enlace de la página resultante
problemas encontrados
1. Al usar Git, la dirección de correo electrónico del usuario y la información del nombre de usuario no están configuradas
Solución: ingrese el siguiente comando para configurar la dirección de correo electrónico y la información del nombre de usuario
git config --global user.email "<[email protected]>"
git config --global user.name "Your Name"
Nota: use la dirección de correo electrónico y el nombre de usuario utilizados por su propia cuenta de github para configurar
2. Cuando Git usa el protocolo SSH para conectarse a Github, no encuentra una clave privada SSH válida para la autenticación
Github requiere que el usuario genere un par de claves SSH localmente y agregue la clave pública a la configuración de SSH de la cuenta de Github para facilitar la autenticación de identidad cuando se usa el protocolo SSH.
Solución:
- Haga clic con el botón derecho en la unidad C y seleccione Git Bash Here, abra la herramienta de ejecución de comandos e ingrese el comando:
ssh-keygen -t rsa -b 4096 -C "[email protected]"
generar archivos de clave pública y privada (los archivos se generan en C:/Users/your_username/.ssh/)
El nombre de archivo del archivo de clave pública suele ser
id_rsa.pub
, y el nombre de archivo del archivo de clave privada suele serid_rsa
- La clave pública se agrega a su cuenta de Github
Copie el contenido de la clave pública, en la página de configuración de GitHub, seleccione Claves SSH y GPG, luego haga clic en Nueva clave SSH, ingrese un nombre, luego pegue el contenido de la clave pública en el campo Clave y guárdelo.
- Después de completar los pasos anteriores, puede conectarse a través de SSH