vuepress build blog
He construido un blog estático basado en vuepress 2. 0 como sitio web oficial de rmw.link.
El código base está en github.com/rmw-link/blog-vuepress2
La personalización es la siguiente:
Utilice md-padding y git hooks para añadir automáticamente espacios entre el chino y el inglés
git cloneDespués de eso, vaya al directorio y escribadirenv allowy .envrc instalará automáticamente los ganchos git.direnv es la herramienta de autocarga del entorno. Haga clic aquí para ver un tutorial.
Supervisar los cambios y compilar los estilos de stylus y los scripts de coffeescript para
site/.vuepressEsto utiliza una pequeña herramienta llamada concurrentemente para ejecutar múltiples tareas de línea de comandos de forma concurrente. El parámetro
--kill-othersasegura que sólo se ejecuta un script a la vez.Script de descarga por lotes de fuentes en archivos css
Basado en xonsh,
./download.xsh code.cssesto descargará las fuentes de los archivos css y generará el estilete correspondiente.xonsh es una combinación muy útil de python y bash.
El idioma por defecto del navegador se cambia automáticamente al visitar la página de inicio
Los directorios escaneados se asignan automáticamente a las URL
Estilos de citación embellecidos
A continuación se muestra el estilo de citación
Yifeng Ruan: "¿Por qué me gusta The Pirate Bay?:
Algunos podrían argumentar que sin derechos de autor, la gente no estaría motivada para innovar.
El éxito del movimiento del software libre es la prueba de que este argumento no es cierto.
El hecho es que el intercambio gratuito también puede producir un gran trabajo y ganar dinero con el servicio.
"Richard Stallman, el 'padre del software libre', dijo: '¡Nunca utilizaré mi vida para construir una prisión para encarcelar a otros!
Así que, por favor, no vuelvas a decir que "los derechos de autor fomentan la originalidad", es una cortina de humo capitalista y una afrenta a la creatividad humana.
Los verdaderos grandes inventos se hacen por afición o con fines nobles como "promover el bienestar de la humanidad", ¡no por dinero!Añadiendo gumlet.io cdn a las imágenes en la cama de github, Gumlet reconoce el navegador y convierte automáticamente los png a webp o avif para ahorrar ancho de banda y mejorar la velocidad de carga de la página.