karngyan.com

template.karngyan.com

Dunkle Themen, SEO -freundlich: Nuxt -Inhalt + Tailwindcss + Firebase + I18N -Basis -Spa für zögernde Entwickler, um schnell ihren eigenen Kickass -Blog zu spinnen und ihre Projekte zu präsentieren.

Besuchen Sie: Vorlage.Karngyan.com, um alle Funktionen für Funktionen dieser Vorlage zu sehen.

Inhaltsverzeichnis

1. Anweisungen, um es zu Ihrem eigenen zu machen
2. Andere Bereitstellungsoptionen
3. Beitragen
4. Tolle Gabeln
5. Lizenz
6. Kontakt

Anweisungen, um es zu Ihrem eigenen zu machen

Empfohlen [eher am einfachsten und schnellsten]

1. Geben Sie das Projekt auf.
2. Klonen Sie Ihre Kopie und erstellen Sie Ihre eigene Filiale daraus.

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

3. Wählen Sie Ihren bevorzugten Editor und öffnen Sie das Projekt.
4. Lokale Entwicklungs -Setup:

 # 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

Page ist im firebase.enabled = false möglicherweise karngyan.config.js geladen. Lesen Sie mit.

4. Bearbeiten Sie karngyan.config.js nach Ihren Wünschen. Sie können Abschnitte/Seiten ein- und ausschalten, indem Sie den enabled Wert für die jeweiligen Objekte ändern.
   • Sie können Ihre Bilder in static Verzeichnis hinzufügen. Es entspricht dem Stamm, wenn Sie bereitgestellt werden.
   • Aktualisieren Sie das strings entsprechend.
5. Um Kommentare und Likes in Blog -Posts und Projektbeiträgen zu aktivieren, verwenden wir Firebase. Wenn Sie das nicht brauchen, setzen Sie firebase.enabled = false in karngyan.config.js und wechseln Sie zum nächsten Schritt. Ansonsten folgen Sie diesen:
   • Erstellen Sie ein Firebase -Projekt.
   • Erstellen Sie eine Web -App und erhalten Sie das Firebase -Konfigurationsobjekt. (Sie können diesem Video folgen)
   • Autorisierung aktivieren (Google Provider unterstützt ab sofort)
   • Firestore aktivieren
   • Legen Sie die folgenden Cloud -Firestore -Regeln fest, damit Ihre Datenbank geschrieben wird.

      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;
         }
       }
     }
     

   • Dies öffnet tatsächlich eine Sicherheitslücke von offenen Lesevorgängen und erhöht Ihre Feuerwehrrechnungen für zu viele Lesevorgänge.
   • Nur wenn Sie lokal testen
     • Erstellen Sie eine Kopie von .env.example -> .env und fügen Sie Werte aus dem Konfigurationsobjekt hinzu.
6. Bereitstellen von Netlify mit der folgenden Konfiguration:
   • Repository: Ihr Forked Repository
   • Filiale: website
   • Veröffentlichung veröffentlichen: dist
   • Befehl erstellen: yarn generate
   • Vergessen Sie nicht, alle Umgebungsvariablen hinzuzufügen, wenn Sie FireBase aktiviert haben.
7. Schreiben Sie Ihre Blogs in content/posts und Projekten in content/projects in Markdown oder HTML. Es gibt ein paar Muster, die mit der Vorlage geliefert werden.
8. Hinzufügen zu Inszenierung, Verpflichtung und Push.

Der Code gehört Ihnen und bearbeiten Sie, wie Sie sich fühlen. Vergessen Sie nicht, das Repository zu spielen, wenn es Ihnen gefallen hat.

Dieses Projekt verwendet Nuxt -Inhalte, Sie können hier lesen

Sie können auch Forstwirtschaft einrichten, um nie Code zu öffnen und einen coolen Editor zu verwenden. Ich werde Anweisungen hinzufügen, um das später zu verwenden.

Andere Bereitstellungsoptionen

Meine eigene Website Karngyan.com wird tatsächlich auf AWS in einem S3 -Bucket mit CloudFront bereitgestellt. Das ist jedoch ein paar Vorbehalte, um zu konfigurieren und zu warten. Wie auch immer, die gulpFile.js, die auf AWS bereitgestellt werden soll, wird mit dem Projekt verpflichtet, wenn Sie das Gefühl haben, es zu überprüfen.

Beitragen

Beiträge machen die Open -Source -Community zu einem erstaunlichen Ort, um zu lernen, zu inspirieren und zu kreieren. Alle Beiträge, die Sie leisten, werden sehr geschätzt .

1. Geben Sie das Projekt auf
2. Erstellen Sie Ihre Funktionszweig ( git checkout -b feature/AmazingFeature ).
3. Bestimmen Sie Ihre Änderungen ( git commit -m 'Add some AmazingFeature' )
4. Push in den Zweig ( git push origin feature/AmazingFeature )
5. Öffnen Sie eine Pull -Anfrage

Tolle Gabeln

Erhöhen Sie eine PR, wenn die Website Sie hier hinzufügt.

Finden Sie Ihre alphabetische Position oder erhöhen Sie eine PR, um dies zu automatisieren.

• Anamika Pandey - Anamika.dev
• Claudio Canales - Klaudioz.eth
• Gyan Prakash Karn - Karngyan.com
• Nenad Radovanovic - nenad.xyz
• Ankur Dubey - Ankeldubey.com / Ankeldubey.eth.limo
• Madhav Kauntia - Madhavkauntia.com

Lizenz

Unter der MIT -Lizenz verteilt. Weitere Informationen finden Sie LICENSE .

Kontakt

Karn - @gyankarn - [email protected]

Ausführliche Erläuterungen, wie die Dinge funktionieren, finden Sie in Nuxt.js Docs.