karngyan.com Téléchargement - karngyan.com Téléchargement du code source

karngyan.com

Données du site Web

1.0.0

Télécharger

Logo

template.karngyan.com

Dark sur le thème, SEO Friendly: Nuxt Content + TailwindCSS + Firebase + I18N Spa pour que les développeurs procrastinants tournent rapidement leur propre blog de kickass et présentent leurs projets.

Nom du produit Shot d'écran

Visitez: template.karngyan.com pour voir toutes les fonctionnalités compatibles de la fonctionnalité de ce modèle.

Table des matières

Instructions pour en faire le vôtre
Autres options de déploiement
Contributif
Forks géniaux
Licence
Contact

Instructions pour en faire le vôtre

Recommandé [plus comme le plus simple et le plus rapide]

Fourk le projet.
Clone votre copie et créez votre propre branche à partir de celle-ci.

 # replace <username> with your username
git clone [email protected]: < username > /karngyan.com.git
git checkout -b website

Choisissez votre éditeur préféré et ouvrez le projet.
Configuration du développement local:

 # install node <= 14 and yarn (highly recommended)
$ npm install --global yarn

# cd into your project and install the dependencies
$ yarn install

# run the dev server
$ yarn dev

# open localhost:3000

La page peut ne pas se charger dès maintenant, vous pouvez définir firebase.enabled = false dans karngyan.config.js pour l'instant. Lire.

Edit karngyan.config.js à votre goût. Vous pouvez activer et désactiver les sections / pages en modifiant la valeur enabled pour les objets respectifs.
- Vous pouvez ajouter vos images au répertoire static . Il correspond à root lors du déploiement.
- Mettez à jour l'objet strings en conséquence.
Pour permettre des commentaires et des goûts sur les articles de blog et les articles de projet, nous utilisons Firebase. Si vous n'en avez pas besoin, définissez firebase.enabled = false dans karngyan.config.js et passez à l'étape suivante. Sinon, suivez-les:
- Créez un projet Firebase.
- Créez une application Web et obtenez l'objet Firebase Config. (Vous pouvez suivre cette vidéo)
- Activer l'autorisation (le fournisseur Google pris en charge à partir de maintenant)
- Activer Firestore
- Définissez les règles de Cloud Firestore suivantes, afin que votre base de données soit protégée en écriture:
```
 rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /likes/{id} {
      allow write: if request.auth != null;
      allow read: if true;
    }
    match /comments/{id} {
      allow write: if request.auth != null && 
        request.resourse.data.text.size() > 0 &&
        request.resource.data.slug.size() > 0;
      allow read: if true;
    }
  }
}
```
- Cela ouvre en fait une échappatoire de sécurité de lectures ouvertes et augmentera vos factures de base de feu pour trop de lectures.
- Seulement si vous testez localement
  - Créez une copie de .env.example -> .env et ajoutez des valeurs à partir de l'objet config.
Déployer sur Netlify en utilisant la configuration suivante:
- Référentiel: votre référentiel fourchu
- Succursale: website
- Répertoire de publication: dist
- COMMANDE BUILD: yarn generate
- N'oubliez pas d'ajouter toutes les variables d'environnement si vous avez activé Firebase.
Écrivez vos blogs dans content/posts et projets dans content/projects dans Markdown ou HTML. Il y a quelques échantillons qui viennent avec le modèle.
Ajouter à la mise en scène, commettre et pousser.

Le code vous appartient, modifiez ce que vous ressentez. N'oubliez pas de mettre en vedette le référentiel si vous l'avez aimé.

Ce projet utilise du contenu nuxt, vous pouvez lire à ce sujet ici

Vous pouvez également configurer la foresterie pour ne jamais ouvrir de code et utiliser un éditeur sympa. J'ajouterai des instructions pour l'utiliser plus tard.

Autres options de déploiement

Mon propre site Web Karngyan.com est en fait déployé sur AWS dans un seau S3, avec CloudFront. Mais cela vient avec quelques mises en garde à configurer et à maintenir. Quoi qu'il en soit, le gulpfile.js à déployer sur AWS est engagé avec le projet si vous avez l'impression de vouloir le vérifier.

Contributif

Les contributions font de la communauté open source un endroit aussi incroyable pour apprendre, inspirer et créer. Toutes les contributions que vous faites sont grandement appréciées .

Fourk le projet
Créez votre branche de fonctionnalité ( git checkout -b feature/AmazingFeature )
Commissez vos modifications ( git commit -m 'Add some AmazingFeature' )
Push to the Branch ( git push origin feature/AmazingFeature )
Ouvrir une demande de traction