karngyan.com

template.karngyan.com

黑暗主題，SEO友好：NUXT內容 + TailWindCSS + Firebase + I18N的水療中心，用於拖延開發人員快速旋轉自己的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

頁面現在可能無法加載，您可以在karngyan.config.js中設置firebase.enabled = false 。繼續閱讀。

4. 為您的喜好編輯karngyan.config.js 。您可以通過更改相應對象的enabled值來打開和關閉部分/頁面。
   • 您可以將圖像添加到static目錄中。部署時它與root匹配。
   • 相應地更新strings對象。
5. 為了在博客文章和項目帖子上啟用評論和喜歡，我們使用Firebase。如果您不需要，請在karngyan.config.js中設置firebase.enabled = false ，然後轉到下一步。否則請遵循以下內容：
   • 創建一個firebase項目。
   • 創建Web應用程序並獲取Firebase Config對象。 （您可以關注此視頻）
   • 啟用授權（截至目前支持Google提供商）
   • 啟用Firestore
   • 設置以下云firestore規則，以便您的數據庫受到保護：

      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的副本，然後從配置對象添加值。
6. 使用以下配置部署以NetLify：
   • 存儲庫：您的分叉存儲庫
   • 分支： website
   • 發布目錄： dist
   • 構建命令： yarn generate
   • 如果您已經啟用了Firebase，請不要忘記添加所有環境變量。
7. 在Markdown或HTML中的content/projects中，在content/posts和項目中寫下您的博客。模板隨附了幾個樣本。
8. 加上舞台，提交和推動。

代碼是您的，編輯任何您的想法。如果您喜歡的話，請不要忘記飾演存儲庫。

該項目使用NUXT內容，您可以在此處閱讀有關它

您還可以設置林業以永不打開代碼並使用酷編輯器。我將添加說明以稍後使用。

其他部署選項

我自己的網站karngyan.com實際上是用Cloudfront的S3存儲桶中的AWS部署的。但這帶有一些需要配置和維護的警告。無論如何，如果您想檢查一下，就可以將其部署到AWS的Gulpfile.js使用該項目。

貢獻

貢獻是使開源社區成為學習，啟發和創造的驚人場所的原因。您所做的任何貢獻都非常感謝。

1. 分叉項目
2. 創建您的功能分支（ git checkout -b feature/AmazingFeature ）
3. 提交您的更改（ git commit -m 'Add some AmazingFeature' ）
4. 推到分支機構（ git push origin feature/AmazingFeature ）
5. 打開拉請請求

很棒的叉子

當您的網站添加到這裡時，請提高公關。

找到您的字母順序，或提出公關以自動化這一點。

• 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文檔。