Directorio de artículos
🌈 【Tutorial definitivo】JekyllMúltiples trucos de configuración de sitios web, juegue con diferentes visitas a sitios web y disfrute无限¡placer! ✨🎈
🌈 ¿Quiere dominar fácilmente las habilidades de configuración multisitio de Jekyll? aquí tieneCree un sitio web de blog estático desde cero en su computadora local¡El tutorial definitivo! Desde configurar diferentes accesos a sitios web hasta disfrutar de diversión ilimitada, ¡esta guía lo hará todo! ¡Permítete convertirte en un maestro de 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 puerto4002
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 entrarhttp://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
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, ejecutarjekyll serve
Orden para publicar un blog personal. - 在
portfolio
carpeta, ejecutarjekyll 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
d:
cd d:\Jekyll\site1\
2. Ejecute el comando jekyll save:
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
--port
La opción especifica el número de puerto. Por ejemplo, para alojar su sitio web en el puerto8080
, ejecute el siguiente comando:
jekyll serve --port 8080
- puedes usar
--config
Las opciones especifican el archivo de configuración. Por ejemplo, para utilizar un archivo llamadomyconfig.yml
archivo de configuración, ejecute el siguiente comando:
jekyll serve --config myconfig.yml
- puedes usar
--watch
Opción para reiniciar automáticamente el servidor cuando realiza cambios. Por ejemplo, para habilitar el modo monitor, ejecute el siguiente comando:
jekyll serve --watch
- Implemente su sitio web usando el siguiente comando:
jekyll build
¿Cómo agregar contenido de artículo en Jekyll?
Cree un archivo .md para agregar contenido.
soporte jekyll Reducción Gramática, que se puede utilizar para formatear texto, insertar imágenes, crear enlaces, etc...
Si sigue el tutorial a continuación, podrá crear rápidamente un sitio web que se adapte a sus necesidades▼
Esperanza Chen Weiliang Blog ( https://www.chenweiliang.com/ ) compartió "Jekyll crea múltiples sitios web estáticos localmente. ¿Cómo configurar las URL para acceder a diferentes sitios web locales?" 》, útil para ti.
Bienvenido a compartir el enlace de este artículo:https://www.chenweiliang.com/cwl-31561.html
¡Bienvenido al canal de Telegram del blog de Chen Weiliang para obtener las últimas actualizaciones!
📚 Esta guía contiene un gran valor. 🌟Esta es una oportunidad única, ¡no la pierdas! ⏰⌛💨
¡Comparte y dale me gusta si te gusta!
¡Su compartir y Me gusta son nuestra motivación continua!