cd moonwalk
bin/bootstrap
publish_token
en el archivo _config.yml
.Si está instalando MoonWalk en Windows, tenga en cuenta que es posible que tenga que usar Ruby 3.0.x en lugar de Ruby 3.1.x: puede ver las instrucciones de instalación específicas de Windows aquí
bin/start
- el servidor de desarrollo comenzará en http://127.0.0.1:4000
Moonwalk se puede implementar fácilmente en todos los proveedores de la nube (AWS, etc.), y en servicios de alojamiento de sitios web estáticos como Netlify & Vercel. También puede usar este botón para hacer un clic implementar
Si desea usar MoonWalk como gema o usar páginas de GitHub, consulte esta página
Puede editar el archivo _config.yml
para personalizar su blog. Puede cambiar cosas como el nombre del blog, el autor, la apariencia del tema (Light, Dark o Auto), cómo se formatean las fechas, etc. Los campos personalizables deben ser sencillos de entender. Aún así, _config.yml
contiene algunos comentarios para ayudarlo a comprender lo que hace cada campo.
Para una mayor personalización (por ejemplo, diseño, CSS), consulte la documentación oficial de Jekyll sobre la personalización de temas basados en gemas.
Para agregar/editar/eliminar entradas en la página de inicio, puede copiar el archivo home.yml
dentro de la carpeta _data
. A través de ese archivo, puede definir la estructura del menú y agregar datos para Navbar, pie de página, cartera o simplemente eliminar todo eso y usar un diseño de blog simple. Eche un vistazo a la configuración predeterminada para tener una idea de cómo funciona y siga leyendo para obtener una explicación más completa.
El archivo home.yml
acepta los siguientes campos:
entries
definen una nueva lista desordenada que contenga entradas de menú-
al comienzo de la líneatitle
, que define el texto para renderizar para esa entrada de menúurl
, que puede ser una URL o false
. Si es false
, la entrada se representará como texto plano; De lo contrario, la entrada se representará como un enlace que apunta a la URL especificada. Tenga en cuenta que la URL puede ser relativa o absoluta.post_list
, que puede ser true
o false
. Si es cierto, la entrada tendrá todas las publicaciones en el sitio como subentrías. Esto se usa para representar su lista de publicaciones.entries
, sí, puedes tener entradas dentro de entradas. ¡De esta manera puedes crear sublistas anidados!project_entries
en el archivo _data/home.yml
-
al comienzo de la líneatitle
define el encabezado de la tarjetadesc
es el cuerpo de la tarjetaurl
es un enlace relativo o absoluto al que esta tarjeta puede señalar.highlight
en caso de que desee resaltar algo, aunque mantenga el texto cortonavbar_entries
y footer_entries
en el archivo data/home.yml
-
al comienzo de la líneatitle
define el encabezado de la tarjetaurl
es un enlace relativo o absoluto al que esta tarjeta puede señalar.index.md
para usar el diseño de inicio o blog. html {
--bg : # fff ;
--bg-secondary : # f3f4f6 ;
--headings : # 1e293b ;
--text : # 374151 ;
--text-secondary : # 6b7280 ;
--links : # 6366f1 ;
--highlight : # ffecb2 ; // light yellow
--code-text : # 9d174d ;
}
@mixin dark-appearance {
html , body {
--headings : # 74c0fc ;
--links : # 91a7ff ;
--highlight : # 41c7c7 ;
--bg : # 1f242a ;
--bg-secondary : # 323945 ;
--text : # adb5bd ;
--text-secondary : # 9ca3af ;
--code-text : # 91a7ff ;
};
}
publish_token
en el archivo _config.yml
; con esto, cada página obtiene URL corta, como el botón y la imagen de compartir automáticamente generada para las redes sociales. Los informes de errores y las solicitudes de extracción son bienvenidas en GitHub en https://github.com/abhinavs/moonwalk.
Para configurar su entorno para desarrollar este tema, ejecute bundle install
.
¡Su tema está configurado al igual que un sitio de Jekyll normal! Para probar su tema, ejecute bundle exec jekyll serve
y abra su navegador en http://localhost:4000
. Esto inicia un servidor Jekyll usando su tema. Agregue páginas, documentos, datos, etc. como de costumbre para probar el contenido de su tema. A medida que realiza modificaciones en su tema y en su contenido, su sitio se regenerará y debería ver los cambios en el navegador después de una actualización, como lo normal.
Cuando se lanza su tema, solo los archivos en _layouts
, _includes
, _sass
y assets
rastreados con GIT se inclinarán. Para agregar un directorio personalizado a su tema de tema, edite el regexp en moonwalk.gemspec
en consecuencia.
¡La base original de este tema no es un estilo, por favor! Tema creado por Riccardo Graziosi, muchas gracias a él por crear un tema maravilloso con casi sin CSS.
El tema está disponible como código abierto bajo los términos de la licencia MIT.
Si te gusta Moonwalk, mira mis otros proyectos
⚡ Puedes leer más sobre mí en mi blog o seguirme en Twitter - @abhinav
⚡ Si te gusta mi trabajo, puedes comprarme un café