Ya voy, ya voy.
Entre los hermanos que siguen las compras antiguas, los blogs de muchas personas están alojados directamente en GitHub Pages. El nombre del sitio web del blog es generalmente: xxxx.github.io, pero el sitio web que crea usted mismo no es realmente muy bonito, aunque se puede crear con la ayuda de hexo. Muchos estilos de sitios web aún no pueden captar tu atención, ¿verdad?
Hoy me gustaría recomendar un proyecto de GitHub de nicho: He Wei, un proyecto de código abierto muy hermoso y práctico con un estilo de diseño chino súper agradable.
赫 蹏 (hètí) es una mejora tipográfica diseñada específicamente para la visualización de contenido chino. Se basa en las normas de tipografía chinas predominantes, lo que puede brindar una mejor experiencia de lectura de artículos para los lectores de sitios web.
1. Características principales
Principales características:
Tipografía que se ajusta a la cuadrícula;
Embellecimiento de estilo de etiqueta completa;
Estilos preestablecidos de prosa y poesía antiguas;
Preestablecer varios estilos de diseño (nota entre líneas, varias columnas, diseño vertical, etc.);
Varias familias de fuentes predeterminadas (solo escritorio);
Soporte chino simplificado / tradicional;
Modo oscuro adaptativo;
Mezcla de idiomas chino y occidental para embellecer, ya no se escriben espacios a mano (basado en el script JavaScript);
Apretón de puntuación de ancho completo (basado en el script JavaScript);
Compatible con normalize.css , CSS Reset y otros restablecimientos de estilo comunes;
Soporte móvil;
……
Además, también admite las siguientes funciones:
Modo oscuro adaptativo
Puntuación
Mezcla de chino y occidental
Soporte de chino tradicional
Diseño de poesía
Diseño de nota de línea
2. Imagen de efecto
En resumen, se verá mejor cuando se use. Ven y disfruta de las representaciones:
El siguiente es el efecto de vista previa.
Enlace de vista previa: https://sivan.github.io/heti/
Cambiar fuente
Agregar cuadrícula
Modo nocturno
3. Cómo utilizar
El método de uso es el siguiente:
<head> Introduce el heti.css archivo en la etiqueta de la página :
<link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">Agregue class="heti" el nombre de la clase al elemento contenedor que se utilizará:
<article class="entry heti">
<h1>我的世界观</h1>
<p>有钱人的生活就是这么朴实无华，且枯燥</p>
……
</article>Utilice un script mejorado (opcional):
<script src="//unpkg.com/heti/umd/heti-addon.min.js"></script>
<script>
const heti = new Heti('.heti');
heti.autoSpacing(); // 自动进行中西文混排美化和标点挤压
</script>¿Se siente genial?
4. Dirección de descarga
Pongo la dirección de descarga en segundo plano, sigo la cuenta pública de WeChat "Wander around GitHub" y respondo "Typesetting" en segundo plano para obtener el enlace de descarga.
Por cierto, si tienes un proyecto de GitHub de código abierto y de alta calidad, bienvenido a recomendármelo. La premisa es que es de alta calidad. Creo que mi tráfico evitará que visites la estrella de tu proyecto.
推荐阅读
0. 逛逛GitHub交流群限时加入
1. 微软给 Win10 量身打造的效率神器
2. CentOS 7 安装教程（图文详解）
3. 如何提升 B站 等级？
4. 你用过这款软件吗？