0
点赞
收藏
分享

微信扫一扫

企业小程序源码|企业网站模板

RJ_Hwang 2022-11-17 阅读 104

  创建一个 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 个简单步骤,确保您的网站名列前茅。

 下面将讲述创建成功网站的五个步骤,其中分解了构建任何网站或博客的最重要步骤。这将保证您的网站高效构建、显示目的并为目标受众提供价值。

企业小程序源码|企业网站模板_json

 1. 规划您的网站

 第一步也是最重要的一步是计划。找到您的重点、目标受众、您构建网站的原因,并确定您的总体网站目标。通过识别您的目标受众,您将能够更好地迎合您的设计和内容。这将导致网站的长期增长和整体成功。

 2. 建立你的网站

 一个人可以通过多种方式建立博客或网站。市场上也充斥着网站构建程序、软件和平台。我推荐 WordPress;它是免费和容易的。WordPress 允许其用户轻松创建和操作内容,并且非常人性化。WordPress 提供了数以千计的独特主题,允许其用户创建无数的网站设计以满足他们的个人需求。当通过提供商托管时,WordPress 也可以通过简单的一键式安装进行设置,这意味着不需要软件。

 3. 选择您的虚拟主机

 在设置您的网站或博客之前,您会发现需要一个地方来托管您的内容。我建议寻找提供无限域名和带宽的高级主机,这将允许您在一个共享主机计划下创建多个站点。还建议您寻找提供卓越支持并内置一键式 WordPress 安装的主机。这使用户可以在几分钟内轻松安装站点。

 4.选择域名

 域名是将与您的网站和品牌相关联的 URL 和名称。这就是人们找到您网站的方式。例如,该站点的名称是“tech.co”。  无论您身在何处,任何可以访问 Internet 的人都可以随时随地访问您的网站。域也链接到您的网络托管服务。两者相互通信,允许您的域链接到您的网站所在的数据库,并在网络上向全世界展示。

企业小程序源码|企业网站模板_自定义_02

5. 发布你的第一个内容

 完成以上所有操作后,您现在应该可以发布您的网站了。我建议您在发布之前确保一切就绪,包括内容、媒体、链接等。您可以参考这篇文章,找到一些想法和工具来提出新的内容创意。

 购买域名和主机后,只需点击几下鼠标即可登录您的帐户并安装 WordPress。安装完成后,登录到您的新 WordPress 站点的仪表板并开始添加您的内容!内容可以包括文献、媒体链接、博客文章、图片、视频等等!记住这一点非常重要,成功的在线网站和博客不需要花费很多时间。

举报

相关推荐

企业网站设计与开发

0 条评论