karngyan.com

template.karngyan.com

暗いテーマ、SEOフレンドリー：Nuxt Content + TailWindCSS + FireBase + I18NベースのSPAが開発者を先延ばしにして、独自のKickassブログを迅速にスピンアップしてプロジェクトを紹介します。

アクセス：Template.Karngyan.comは、このテンプレートのすべての機能対応バージョンを確認してください。

目次

1. あなた自身のものにするための指示
2. その他の展開オプション
3. 貢献
4. 素晴らしいフォーク
5. ライセンス
6. 接触

あなた自身のものにするための指示

推奨[最も簡単で速い方法に似ている]

1. プロジェクトをフォークします。
2. コピーをクローンして、独自のブランチを作成します。

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

3. お気に入りの編集者を選択して、プロジェクトを開きます。
4. ローカル開発セットアップ：

 # 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

ページは今すぐロードされない場合がありますfirebase.enabled = falseを設定できます。今のところkarngyan.config.js 。一緒に読んでください。

4. karngyan.config.jsを好みに編集します。それぞれのオブジェクトのenabled値を変更することにより、セクション/ページをオンとオフにすることができます。
   • static Directoryに画像を追加できます。展開時にルートと一致します。
   • それに応じてstringsオブジェクトを更新します。
5. ブログの投稿やプロジェクトの投稿でコメントやいいねを有効にするために、FireBaseを使用します。それを必要としない場合は、 firebase.enabled = false karngyan.config.jsで設定し、次のステップに移動します。それ以外の場合は次のとおりです。
   • FireBaseプロジェクトを作成します。
   • Webアプリを作成し、FireBase Configオブジェクトを取得します。 （このビデオに従うことができます）
   • 承認を有効にする（現在の現在サポートされているGoogleプロバイダー）
   • ファイアーストアを有効にします
   • データベースが保護されているように、次のクラウドファイヤーストアルールを設定します。

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

   • これにより、実際には、オープンリードのセキュリティの抜け穴が開き、多くの読み取りに対してファイアベースの請求書が増加します。
   • ローカルでテストする場合にのみ
     • .env.example > .envのコピーを作成し、configオブジェクトから値を追加します。
6. 次の構成を使用してnetlifyに展開します。
   • リポジトリ：フォークリポジトリ
   • ブランチ： website
   • ディレクトリを公開： dist
   • ビルドコマンド： yarn generate
   • FireBaseを有効にした場合は、すべての環境変数を追加することを忘れないでください。
7. ブログをcontent/postsやプロジェクトで書き込み、MarkdownまたはHTMLのcontent/projectsで書きます。テンプレートに付属するサンプルがいくつかあります。
8. ステージング、コミット、プッシュに追加します。

コードはあなたのものです、あなたが感じているものは何でも編集します。リポジトリが気に入ったら、リポジトリに出演することを忘れないでください。

このプロジェクトではNuxtコンテンツを使用しています。ここで読むことができます

また、林業を設定して、コードを開かず、クールなエディターを使用することもできます。後で使用する手順を追加します。

その他の展開オプション

私自身のウェブサイトKarngyan.comは、実際にはS3バケツのAWSに展開されており、CloudFrontがあります。しかし、それには、構成および維持するためのいくつかの注意事項が付属しています。とにかく、AWSに展開するgulpfile.jsは、あなたがそれをチェックしたいと思うなら、プロジェクトにコミットします。

貢献

貢献は、オープンソースコミュニティを学び、インスピレーションを与え、創造するのに驚くべき場所にするものです。あなたがする貢献はどんな貢献も大歓迎です。

1. プロジェクトをフォークします
2. 機能ブランチを作成します（ git checkout -b feature/AmazingFeature ）
3. あなたの変更をコミットします（ git commit -m 'Add some AmazingFeature' ）
4. ブランチへのプッシュ（ git push origin feature/AmazingFeature ）
5. プルリクエストを開きます

素晴らしいフォーク

あなたのウェブサイトがアップしているときにPRを上げて、ここにあなたを追加してください。

アルファベット順の位置を見つけたり、PRを上げてこれを自動化してください。

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

ライセンス

MITライセンスの下で配布されます。詳細については、 LICENSE参照してください。

接触

Karn- @Gyankarn [email protected]

物事の仕組みについての詳細な説明については、nuxt.js docsをご覧ください。