La Red de Conocimientos Pedagógicos - Currículum vitae - Uso y optimización de la nube de etiquetas hexo-tag-cloud

Uso y optimización de la nube de etiquetas hexo-tag-cloud

La nube de etiquetas que viene con el paisaje temático predeterminado de Hexo no es muy hermosa, así que la busqué en el sitio web de npm y finalmente decidí usar el complemento hexo-tag-cloud, que usa representación de Canvas y tiene Un efecto 3D. El efecto sigue siendo bueno.

Modificar al siguiente contenido:

El lienzo en el complemento original está configurado en un ancho y alto fijos, aunque style="width: 100;" el ancho de la pantalla cambia, el tamaño del lienzo cambia, parece haber cambiado, pero en realidad los valores internos de ancho y alto aún no han cambiado, lo que hace que el lienzo mostrado se agrande o se reduzca y se vuelva borroso, lo que afecta. la apariencia general. Entonces hice una pequeña optimización basada en esto.

Archivo js optimizado:

Recordatorio: puede configurar el tiempo de animación, el tamaño del texto, el color, el color del clic, el efecto del clic, etc. en la nube de etiquetas según su propio tema. , específicamente los parámetros son como se muestra arriba del código: Parámetro de configuración 5.

Documentos de referencia:

Bienvenido a visitar: Dirección del blog personal