pinghsu

Thème Pinghsu

Anglais

Introduction au sujet

Pinghsu est un thème Typecho conçu dans un souci d'optimisation des performances frontales tout en prenant en compte l'esthétique du design et la communication visuelle. Le nom du thème est tiré de l'anglais de style hongkongais du nom de l'auteur et du dernier caractère du nom de sa petite amie. Il a eu du mal avec Hsuping ou Pinghsu, et a finalement choisi Pinghsu, ce qui signifie que tout est Ping en premier et Hsu en dernier, c'est-à-dire il doit écouter sa petite amie.

Adresse de téléchargement

https://github.com/chakhsu/pinghsu

Aperçu du thème

https://www.linpx.com

Points saillants du sujet

• Le préchargement des pages et la prérésolution DNS garantissent une vitesse d'accès extrêmement rapide
• Pas de JQuery, pas de framework front-end, léger
• Redondance de code presque nulle, presque chaque phrase de code a un sens
• Mise en évidence du code HighlightJS, prend en charge 22 types de codes de programmation
• La conception réactive prend en charge les tablettes et les téléphones mobiles, et l'expérience d'accès est encore meilleure que celle d'un ordinateur de bureau.
• Prise en charge de la mise en miroir d'images CDN et prise en charge de plusieurs paramètres de vignettes d'articles
• Prend en charge la sélection sur trois et une seule colonne de la page d'accueil, l'image du titre de l'article et le bloc de couleurs
• Prend en charge le répertoire d'articles, les articles connexes et le rendu de formules mathématiques
• Prend en charge la configuration de logo personnalisé pour les articles, avec 10 options de logo
• Prend en charge les boutons sociaux personnels et le partage social
• Les paramètres du thème ajoutent la détection XSS et la soumission des commentaires empêche plusieurs déclencheurs
• Il y a d'autres faits saillants qui vous attendent ~

Plus d'aperçus

Page d'accueil - trois colonnes	Page d'accueil - colonne unique

Page de contenu de l'article - image de titre	Page de contenu de l'article - Table des matières

Page de contenu de la page	Page de contenu - Commentaires

Page de catégorie	Page d'archives de modèles

page de recherche	404

Terminal mobile - Page d'accueil	Terminal mobile - page d'article	Page de catégorie de terminal mobile

Utilisation du thème

Remarque : Le thème actuel est uniquement testé sous la version de développement typecho et PHP7.0. Il n'y a pas beaucoup de tests dans d'autres situations.

Accédez à Github pour télécharger, cliquez sur « Télécharger ZIP » pour télécharger, décompressez et renommez le dossier en pinghsu , téléchargez-le sur /usr/themes et activez le thème.

Si vous devez mettre à jour le thème, téléchargez d'abord le dernier fichier, puis écrasez le fichier d'origine pour terminer la mise à jour. Certaines fonctions nouvellement ajoutées doivent être activées en arrière-plan pour prendre effet.

Paramètres d'apparence

Les paramètres d'apparence sont principalement divisés en quatre parties, à savoir les paramètres du logo et des icônes, les commutateurs de fonction, les paramètres des boutons sociaux et la mise en miroir des images CDN.

Les précautions d'utilisation sont clairement écrites dans les paramètres. Si vous rencontrez quelque chose que vous ne comprenez pas, vous pouvez me laisser un message pour un retour d'information.

Voici quelques points supplémentaires

• La partie configuration du CDN n'a été testée que par Qiniu. En théorie, elle prend également en charge les CDN avec des services miroir.
• Créez une page d'archive de modèle, quel que soit le modèle sélectionné, ajoutez l' archive de champs personnalisés

Page de recherche autonome

Voir ici pour savoir comment le configurer : Ici

Vignette de l'article

Il existe quatre façons de définir des miniatures pour les articles, thumb champ personnalisé, la première image dans les pièces jointes d'un article, des images dans des articles et des miniatures par défaut.

Ordre de priorité : Vignette du champ personnalisé -> Première image en pièce jointe -> Photo de l'article -> Vignette par défaut -> Image aléatoire -> Aucune

Taille de la vignette, la hauteur doit être d'au moins 250 px, la largeur doit être supérieure à la hauteur, la hauteur recommandée est de 400 px

Logo personnalisé

Le logo personnalisé apparaît sur la page d'accueil, la page catégorie, la page tag, la page auteur et les articles associés.

La méthode de paramétrage consiste à remplir les champs personnalisés dans l'éditeur d'article. Les champs pris en charge sont les suivants :

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

Blocs de couleurs personnalisés

Les blocs de couleurs personnalisés doivent être activés dans les paramètres d'apparence avant de pouvoir être activés. Les blocs de couleurs apparaissent sur la page d'accueil, la page de catégorie, la page à onglet, la page de recherche indépendante, etc.

La méthode de paramétrage consiste à remplir les champs personnalisés dans l'éditeur d'article. Les champs pris en charge sont les suivants :

blue , purple , green , yellow , red

Liens amicaux

Si vous souhaitez obtenir une page de liens conviviale comme la mienne, car il s'agit d'une version de développement typecho, elle prend en charge l'écriture dans la page <ul><li>

Vous pouvez donc directement intégrer un class="flinks" dans <ul> , puis insérer votre lien ami dans <li> .

Plus de tutoriels de configuration : ici

Compatibilité du navigateur

Ceci... Les navigateurs modernes sont compatibles...

Contribuer

Toutes sortes de contributions (améliorations, nouvelles fonctionnalités, améliorations de la documentation et du code, rapports de problèmes et de bugs) sont les bienvenues.

Toutes les formes de contributions sont les bienvenues, y compris, mais sans s'y limiter, les optimisations, les fonctionnalités ajoutées, les améliorations de la documentation et du code, les rapports de problèmes et de bogues.

Licence licence

Open source sous licence MIT.

Open source sous licence MIT.