Jekyll crea múltiples sitios web estáticos localmente ¿Cómo configurar las URL para acceder a diferentes sitios web locales?

🌈【Tutorial definitivo】Secretos de configuración de múltiples sitios web con Jekyll : ¡Domina el acceso desde diferentes sitios web y disfruta de diversión sin fin ! ✨🎈

🌈 ¿Quieres dominar fácilmente la configuración de sitios multisitio con Jekyll? ¡Aquí tienes el tutorial definitivo para crear un blog estático desde cero en tu ordenador ! Desde configurar diferentes URL hasta disfrutar de un sinfín de posibilidades, ¡esta guía lo tiene todo! ¡Conviértete en un experto en sitios web! 💥🚀

Jekyll múltiples métodos de configuración de sitios web estáticos

编辑 _config.yml archivo para configurar Jekyll.

Los elementos de configuración incluyen título del sitio, descripción, tema, URL, etc.

Cuando utiliza Jekyll para crear varios sitios web localmente, puede acceder a diferentes sitios web de las siguientes maneras:

Utilice un número de puerto diferente:

  • Cada sitio web puede ejecutarse en un número de puerto diferente.
  • Por ejemplo, puedes ejecutar tu blog personal en el puerto. 4001 encendido, ejecute el sitio web de visualización del proyecto en el puerto 4002 en.
  • En un navegador, puede acceder a diferentes sitios web especificando el número de puerto en la URL.
  • Por ejemplo, para acceder al puerto en ejecución 4001 En tu blog personal puedes entrar http://localhost:4001.

A continuación se muestran algunos ejemplos de configuración específicos:

Utilice un número de puerto diferente:

# _config.yml 文件
port: 4001

Utilice un nombre de dominio diferente:

# _config.yml 文件
url: "http:// blog.example. com"

Administre múltiples sitios web estáticos de Jekyll

Jekyll crea múltiples sitios web estáticos localmente ¿Cómo configurar las URL para acceder a diferentes sitios web locales?

Puede crear una carpeta separada para cada sitio web, personalizando cada sitio web con diferentes perfiles y contenido.

Ejemplo: digamos que desea crear un blog personal y un sitio web de presentación de proyectos.

blog personal:

  • Crea un archivo llamado blog carpeta.
  • 在 blog carpeta, crear _config.yml 和 index.md archivo.
  • 在 _config.yml En el archivo, configure el título del sitio, descripción, etc.
  • 在 _posts carpeta, agregue la publicación de su blog.

Sitio web de visualización del proyecto:

  • Crea un archivo llamado portfolio carpeta.
  • 在 portfolio carpeta, crear _config.yml 和 index.md archivo.
  • 在 _config.yml En el archivo, configure el título del sitio, descripción, etc.
  • 在 _posts carpeta, agregue la información de su proyecto.

Sitio web de la editorial:

  • 在 blog carpeta, ejecutar jekyll serve Orden para publicar un blog personal.
  • 在 portfolio carpeta, ejecutar jekyll serve Sitio web de visualización del proyecto de lanzamiento de comandos.
  • Usar Jekyll para crear varios sitios web es una forma sencilla y eficaz.

¿Cómo iniciar un sitio web Jekyll instalado localmente mediante un comando?

Para iniciarse a través de la línea de comando instalada localmente d:\Jekyll\site1\ Para el sitio web de Jekyll, puedes seguir estos pasos:

1. Navegue a la carpeta del sitio web de Jekyll:

  • Abra una línea de comando o terminal.
  • Navegue a la carpeta del sitio web usando el comando
cd /d d:\Jekyll\site1

2. Ejecute el comando jekyll save:

bundle exec jekyll serve
  • Este comando iniciará el servidor Jekyll y comenzará a alojar su sitio web localmente.

3. Puede ver su sitio web accediendo a la siguiente URL en su navegador:

http://localhost:4001

Aquí hay algunos consejos adicionales:

  • puedes usar--portLa opción especifica el número de puerto. Por ejemplo, para alojar su sitio web en el puerto 8080 , ejecute el siguiente comando:
bundle exec jekyll serve --port 8080
  • puedes usar--configLas opciones especifican el archivo de configuración. Por ejemplo, para utilizar un archivo llamadomyconfig.ymlarchivo de configuración, ejecute el siguiente comando:
bundle exec jekyll serve --config myconfig.yml
  • transferir--livereloadopciones paraserveActualiza automáticamente la página cada vez que se realiza un cambio en el archivo fuente:
bundle exec jekyll serve --livereload
  • Implemente su sitio web usando el siguiente comando:
bundle exec jekyll build

¿Cómo agregar contenido de artículo en Jekyll?

Cree un archivo .md para agregar contenido.

Jekyll admite la sintaxis Markdown , que se puede utilizar para dar formato al texto, insertar imágenes, crear enlaces y mucho más.

Si sigue el tutorial a continuación, podrá crear rápidamente un sitio web que se adapte a sus necesidades▼

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Ir al Inicio