tailwind parcel static starter

Modèle de site HTML statique simple

Un modèle de réapprovisionnement pour une page HTML statique simple basée sur la buissier HTML5 et l'utilisation de CSS de vent arrière pour un style flexible. Idéal pour venir bientôt et des pages de destination. Déplacement facilement sur les pages GitHub ou tout autre hôte de site statique.

Usage

Cliquez sur le bouton "Utilisez ce modèle" en haut de la page principale du référentiel sur GitHub. Modifiez le contenu de l'index.html et / ou main.js et déployez-vous à votre hôte statique préféré en suivant les étapes du déploiement ci-dessous.

Pour un accès rapide, vous pouvez également vous rendre sur https://github.com/besublime/tailwind-parcel-statins-starter/generate

Une fois votre référentiel créé et cloné dans votre environnement local, assurez-vous d'exécuter npm install pour installer les dépendances avant de continuer.

Développement

À partir du terminal, exécutez npm run dev pour démarrer un serveur simple (à l'aide de la parcelle) qui surveillera Index.html (et tout JS / CSS contenu à l'intérieur) et recharger automatiquement lorsque des modifications sont apportées.

Déploiement

Pour déployer dans les pages GitHub, activez les pages GitHub dans les paramètres de votre référentiel et sélectionnez le répertoire /docs comme source.

Pour mettre à jour le site publié GitHub Pages, exécutez npm run build , puis engagez et appuyez sur les modifications du référentiel distant. (Cette commande utilise des colis pour compiler le CSS, regrouper tous les scripts et tout sortir vers le répertoire /docs .)

Pour déployer sur d'autres plates-formes de sites statiques, suivez les instructions fournies par l'hôte. La commande build dans package.json peut être mise à jour à la sortie vers n'importe quel répertoire en modifiant le paramètre --dist-dir .