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文档。