创建一个 Gatsby 站点。
使用 Gatsby CLI 创建一个新站点,指定默认启动器。
# create a new Gatsby site using the default starter
gatsby new my-default-starter gatsbyjs/gatsby-starter-default
演示:m.jcedus.top
开始
cd my-default-starter/
gatsby develop
导航到新站点的目录并启动它。
打开源代码并开始编辑!
您的网站现在正在运行http://localhost:8000!
注意:您还会看到第二个链接:http://localhost:8000/___graphql。这是一个您可以用来试验查询数据的工具。在Gatsby 教程中了解有关使用此工具的更多信息。
在您选择的代码编辑器中打开my-default-starter目录并编辑src/pages/index.js. 保存您的更改,浏览器将实时更新!
单片面里面是什么?
快速浏览您将在 Gatsby 项目中看到的顶级文件和目录。
.
├── node_modules
├── src
├── .gitignore
├── .prettierrc
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── LICENSE
├── package-lock.json
├── package.json
└── README.md
/node_modules:此目录包含您的项目所依赖的所有代码模块(npm 包)都是自动安装的。
/src:此目录将包含与您将在网站前端看到的内容(您在浏览器中看到的内容)相关的所有代码,例如您的网站标题或页面模板。src是“源代码”的约定。
.gitignore: 这个文件告诉 git 它不应该跟踪/不维护哪些文件的版本历史。
.prettierrc: 这是Prettier的配置文件。Prettier 是一种有助于保持代码格式一致的工具。
gatsby-browser.js:此文件是 Gatsby 期望找到任何Gatsby 浏览器 API用法(如果有的话)的地方。这些允许自定义/扩展影响浏览器的默认 Gatsby 设置。
gatsby-config.js:这是 Gatsby 站点的主要配置文件。在这里你可以指定关于你的网站的信息(元数据),比如网站标题和描述,你想包含哪些 Gatsby 插件等等(查看配置文档了解更多细节)。
gatsby-node.js:此文件是 Gatsby 希望找到任何Gatsby 节点 API用法(如果有的话)的地方。这些允许自定义/扩展默认的 Gatsby 设置,影响站点构建过程的各个部分。
gatsby-ssr.js:此文件是 Gatsby 期望找到任何Gatsby 服务器端渲染 API的用法(如果有的话)的地方。这些允许自定义影响服务器端渲染的默认 Gatsby 设置。
LICENSE:Gatsby 是根据 MIT 许可证获得许可的。
package-lock.json(见package.json下文,首先)。这是一个自动生成的文件,它基于为您的项目安装的 npm 依赖项的确切版本。(您不会直接更改此文件)。
package.json:Node.js 项目的清单文件,其中包括元数据(项目名称、作者等)之类的内容。这个清单是 npm 知道要为你的项目安装哪些包的方式。
README.md:包含有关项目的有用参考信息的文本文件。
每天都有数以百万计的博客和网站在网上创建和上传。那么,是什么将普通网站与非常成功的网站区分开来呢?遵循以下 5 个简单步骤,确保您的网站名列前茅。
下面将讲述创建成功网站的五个步骤,其中分解了构建任何网站或博客的最重要步骤。这将保证您的网站高效构建、显示目的并为目标受众提供价值。
1. 规划您的网站
第一步也是最重要的一步是计划。找到您的重点、目标受众、您构建网站的原因,并确定您的总体网站目标。通过识别您的目标受众,您将能够更好地迎合您的设计和内容。这将导致网站的长期增长和整体成功。
2. 建立你的网站
一个人可以通过多种方式建立博客或网站。市场上也充斥着网站构建程序、软件和平台。我推荐 WordPress;它是免费和容易的。WordPress 允许其用户轻松创建和操作内容,并且非常人性化。WordPress 提供了数以千计的独特主题,允许其用户创建无数的网站设计以满足他们的个人需求。当通过提供商托管时,WordPress 也可以通过简单的一键式安装进行设置,这意味着不需要软件。
3. 选择您的虚拟主机
在设置您的网站或博客之前,您会发现需要一个地方来托管您的内容。我建议寻找提供无限域名和带宽的高级主机,这将允许您在一个共享主机计划下创建多个站点。还建议您寻找提供卓越支持并内置一键式 WordPress 安装的主机。这使用户可以在几分钟内轻松安装站点。
4.选择域名
域名是将与您的网站和品牌相关联的 URL 和名称。这就是人们找到您网站的方式。例如,该站点的名称是“tech.co”。 无论您身在何处,任何可以访问 Internet 的人都可以随时随地访问您的网站。域也链接到您的网络托管服务。两者相互通信,允许您的域链接到您的网站所在的数据库,并在网络上向全世界展示。
5. 发布你的第一个内容
完成以上所有操作后,您现在应该可以发布您的网站了。我建议您在发布之前确保一切就绪,包括内容、媒体、链接等。您可以参考这篇文章,找到一些想法和工具来提出新的内容创意。
购买域名和主机后,只需点击几下鼠标即可登录您的帐户并安装 WordPress。安装完成后,登录到您的新 WordPress 站点的仪表板并开始添加您的内容!内容可以包括文献、媒体链接、博客文章、图片、视频等等!记住这一点非常重要,成功的在线网站和博客不需要花费很多时间。