pinghsu

Tema Pinghsu

Inglés

Introducción al tema

Pinghsu es un tema de Typecho creado teniendo en cuenta la optimización del rendimiento del front-end y al mismo tiempo teniendo en cuenta la estética del diseño y la comunicación visual. El nombre del tema está tomado del nombre del autor en inglés de Hong Kong y el último carácter del nombre de su novia. Luchó con Hsuping o Pinghsu, y finalmente eligió Pinghsu, que significa que todo es Ping primero y Hsu al final, es decir, debe. escucha a su novia.

Descargar dirección

https://github.com/chakhsu/pinghsu

Vista previa del tema

https://www.linpx.com

Temas destacados

• La precarga de página y la preresolución de DNS garantizan una velocidad de acceso extremadamente rápida
• Sin JQuery, sin framework front-end, liviano
• Redundancia de código casi nula, casi cada frase de código tiene significado
• Resaltado de código HighlightJS, admite 22 tipos de códigos de programación
• El diseño responsivo es compatible con tabletas y teléfonos móviles, y la experiencia de acceso es incluso mejor que la de una computadora de escritorio.
• Admite duplicación de imágenes CDN y admite múltiples configuraciones de miniaturas de artículos
• Admite la selección de una y tres columnas de la página de inicio, la imagen del título del artículo y el bloque de color
• Admite directorio de artículos, artículos relacionados y representación de fórmulas matemáticas.
• Admite configuración de logotipo personalizado para artículos, con 10 opciones de logotipo
• Admite botones sociales personales y uso compartido en redes sociales.
• La configuración del tema agrega detección XSS y el envío de comentarios evita múltiples activadores
• Hay más aspectos destacados esperando que los descubras ~

Más vistas previas

Página de inicio: tres columnas	Página de inicio: una sola columna

Página de contenido del artículo: imagen del título	Página de contenido del artículo: tabla de contenido

página de contenido de la página	Página de contenido - Comentarios

Página de categoría	Página de archivo de plantilla

pagina de busqueda	404

Terminal móvil - Página de inicio	Terminal móvil - página del artículo	Página de categoría de terminal móvil

Uso del tema

Nota : El tema actual solo se prueba en la versión de desarrollo de Typecho y PHP7.0. No hay muchas pruebas en otras situaciones.

Vaya a Github para descargar, haga clic en "Descargar ZIP" para descargar, descomprima y cambie el nombre de la carpeta a pinghsu , cárguela en /usr/themes y habilite el tema.

Si necesita actualizar el tema, descargue primero el archivo más reciente y luego sobrescriba el archivo original para completar la actualización. Algunas funciones recién agregadas deben habilitarse en segundo plano para que surtan efecto.

Configuración de apariencia

La configuración de apariencia se divide principalmente en cuatro partes: configuración de logotipo e ícono, interruptores de función, configuración de botón social y duplicación de imagen CDN.

Las precauciones de uso están escritas claramente en la configuración. Si encuentra algo que no comprende, puede dejarme un mensaje para recibir comentarios.

Aquí hay algunos puntos adicionales.

• La parte de configuración de CDN solo ha sido probada por Qiniu. En teoría, también admite CDN con servicios espejo.
• Cree una página de archivo de plantilla, sin importar qué plantilla esté seleccionada, agregue el archive de campo personalizado

Página de búsqueda independiente

Vea aquí cómo configurarlo: Aquí

Miniatura del artículo

Hay cuatro formas de configurar miniaturas para artículos, thumb de campo personalizado, la primera imagen en los archivos adjuntos del artículo, imágenes dentro de los artículos y miniaturas predeterminadas.

Orden de prioridad: Miniatura del campo personalizado -> Primera imagen adjunta -> Imagen del artículo -> Miniatura predeterminada -> Imagen aleatoria -> Ninguna

Tamaño de miniatura, la altura debe ser de al menos 250 px, el ancho debe ser mayor que la altura, la altura recomendada es 400 px

Logotipo personalizado

El logotipo personalizado aparece en la página de inicio, la página de categorías, la página de etiquetas, la página del autor y los artículos relacionados.

El método de configuración es completar los campos personalizados en el editor de artículos. Los campos admitidos son los siguientes:

book , game , note , chat , code , image , web , link , design , lock

Bloques de colores personalizados

Los bloques de colores personalizados deben activarse en la configuración de apariencia antes de que puedan activarse en la página de inicio, la página de categorías, la página de pestañas, la página de búsqueda independiente, etc.

El método de configuración es completar los campos personalizados en el editor de artículos. Los campos admitidos son los siguientes:

blue , purple , green , yellow , red

Enlaces amigables

Si desea obtener una página de enlaces amigable como la mía, debido a que es una versión de desarrollo de Typecho, admite escritura en la página <ul><li>

Por lo tanto, puede insertar directamente un class="flinks" en <ul> y luego insertar el enlace de su amigo en <li> .

Más tutoriales de configuración: Aquí

Compatibilidad del navegador

Esto... Los navegadores modernos son compatibles...

Contribuyendo

Todo tipo de contribuciones (mejoras, nuevas funciones, documentación y mejoras de código, informes de problemas y errores) son bienvenidas.

Todas las formas de contribuciones son bienvenidas, incluidas, entre otras, optimizaciones, funciones adicionales, mejoras de documentación y código, informes de problemas y errores.

licencia de licencia

De código abierto bajo la licencia MIT.

Código abierto bajo licencia MIT.