发布于 2026-01-06 2 阅读
0

dev.to 项目与 GatsbyJS-1

dev.to 项目与 GatsbyJS-1

替代文字

许多可爱的读者可能知道,我在dev.to这个很棒的网站上发表的博客文章真的取得了成功。

最近,我在dev.to上的视频浏览量达到了10万,同时我也在Udemy上给五个人上了五门课。

https://twitter.com/nabendu82/status/1228369317835575297

我已经有一个个人博客网站https://nabendu.blog/ ,并且我已经我之前的博客系列文章中描述了创建它的方法

但我想要创建一个类似 dev.to 的平台,最初只是一个基础版本,用户可以在上面交叉发布他们的开发内容和个人博客。dev.to 的开发者也鼓励这种做法,并且已经开源了他们的平台。

关于开发关于开发

吸引我使用这个网站的主要原因之一是作者可以轻松发布文章并添加规范链接。对于不了解规范链接的人来说,它对谷歌来说非常重要。规范链接可以告诉谷歌文章的原始出处。我现在会在 Medium、个人博客和 Dev 上发布文章,并且始终会添加个人博客的规范链接。这一点非常重要,否则谷歌会认为你的文章是从其他地方抄袭的。

简易规范链接简易规范链接

但既然他们已经开源了,那我为什么要重新写一遍呢?dev.to 网站前端是用 React构建的,后端是用Ruby 或 Rails,数据库是PostgreSQL 。我对React比较了解,但对Ruby 和 Rails却不太熟悉。

我可以用 MERN 技术栈做很多事情,但过去六个月我用 GatsbyJS 构建了一些非常棒的开源生产网站。你可以只用 Markdown 文件创建一个博客网站,这很神奇。你可以给 Gatsby 网站添加身份验证。你还可以创建一个电子商务网站,我很快就会创建一个来销售我即将出版的 Gatsby 书籍 :)。

闲话少说,我们先从需求开始。Web应用程序的第一个版本将包含以下内容。

  • 创建类似于 dev.to 的主页,并添加我想要的功能,例如即使未登录用户也可以在顶部菜单中看到导航。

  • 这些博客像 Medium 一样扩展整个页面,便于阅读。

  • 所有博客都将拥有标签,以便查找所有类似的博客。

  • 具备搜索所有博客的功能。

  • 使用邮箱或Gmail进行身份验证。

  • 作者控制面板,具备上传 markdown 文件、特色图片、规范链接和预定义标签(主要用于编码和开发生活)的基本功能。

我将从下一部分开始编写代码,但这对我来说是一个非常严肃的项目,我承诺我会始终信守承诺。

  • 该项目将完全开源,每一次提交都会在本系列博客中进行解释。

  • 您的所有凭证在我们这里都将绝对安全,绝不会与任何人分享。

  • 本网站将完全无广告,也不含任何恶意脚本。

  • 未来网站还将增加其他部分,例如播客、视频(YouTube),您可以在这里分享您的播客链接和免费的 YouTube 视频。

我还进行了一些域名搜索,最终购买了thewebdev.tech域名。

所以,这个网站将被称为The WebDev,因为正如你们大多数人可能知道的那样,如今“网络就是一切,一切皆网络”。

我的站点之旅从下一部分开始。

文章来源:https://dev.to/nabendu82/the-dev-to-project-with-gatsbyjs-1-10d4