Nuxt.js网站样板

news/2024/5/12 1:01:34/文章来源:https://blog.csdn.net/dfsgwe1231/article/details/105993831

查看此基于Nuxt.js和Cosmic JS构建的网站样板 。 它满足一些常见的网站要求,包括动态页面,博客文章,作者管理,SEO能力,联系表和网站搜索。

TL; DR

  • 下载GitHub存储库
  • 查看演示。

特征

  1. 对带有Bootstrap前端的移动设备完全响应
  2. SEO准备好
  3. 将电子邮件发送到您选择的电子邮件和Cosmic JS的联系表单,以方便参考
  4. 全站点搜索功能
  5. 所有内容都可以在Cosmic JS中轻松管理,包括页面,博客和联系信息。 注册Cosmic JS以安装演示内容并部署此网站。

开始吧

git clone https ://github.com/cosmicjs/nuxtjs-website-boilerplate
cd nuxtjs-website-boilerplate
npm install

bucket.json文件导入您的Cosmic JS存储桶。 为此,请转至您的存储桶>设置>导入/导出数据。

在生产中运行

COSMIC_BUCKET =your-bucket-slug npm start

转到http://localhost:3000

在开发中运行

创建一个config / development.js文件,并使用您的值将其与config / production.js匹配。

npm run  development

转到http://localhost:5000

环境变量

如Nuxt.js网站上所述,您需要将环境变量HOST设置为0.0.0.0。 您已经在package.json脚本中完成了此操作,但是您也可以在“存储桶”>“设置”>“部署Web App”中的“设置环境变量”部分进行设置。

设定档

由于Node.js没有邮件服务器,因此联系表单使用mailgun发送电子邮件。 因此,在配置文件中添加以下常量。

From: https://hackernoon.com/nuxt-js-website-boilerplate-30de7a7f5782

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_728066.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型

这张图每位程序员应该都深有感触。 人民心目中的程序员是这样的:坐在电脑面前噼里啪啦敲着键盘,运键如飞。 现实中程序员是这样的:编码5分钟,调试两小时。 今天我要给大家分享一个用WebGL开发的网站,感兴趣的朋友可以在…

微软正式发布Azure Storage上的静态网站

微软正式宣布了Azure Storage上的静态网站,提供了从托管在Azure Storage上的HTML、CSS和JavaScript文件提供内容的能力。静态网站包含内容固定的Web页面,同时仍然允许利用JavaScript等客户端代码来创建丰富的用户体验。 有了这个新功能,继用于…

技能学习:学习使用golang(gin框架) + vue.js,开发前端全栈网站-6.GO语言做通用CRUD接口-1

技能学习:学习使用golang(gin框架) vue.js,开发前端全栈网站-6.GO语言做通用CRUD接口-1 相关文章: 技能学习:学习使用golang(gin框架) vue.js,开发前端全栈网站-1.工具…

【开发工具集】注册表相关说明及查询网站推荐——注册表字段说明网站

注册表相关项和字段的说明 Windows Resource Kit: Technical Reference to the Registry 以HKEY_LOCAL_MACHINE,点击就能看到关于HKLM的相关描述。 注册表根目录描述整理 注册表几个根目录的描述: 1. HKEY_CURRENT_CONFIG: 存储当前硬件配置文件的配置数据。 不…

wcag 2.0_如何使您的网站可访问:WCAG 2.1 W3C建议

wcag 2.0Web可访问性是开发网站或Web应用程序时要考虑的极其重要的方面,但是许多公司要么忽略了可访问性准则,要么不了解如何正确实施它们。 有人认为使网站可访问性是道德义务。 所有人,无论有能力还是有残疾,都应该能够使用互联…

如何使您的网站可访问:WCAG 2.1 W3C建议

Web可访问性是开发网站或Web应用程序时要考虑的极其重要的方面,但是许多公司要么忽略了可访问性准则,要么不了解如何正确实施它们。 有人认为使网站可访问性是道德义务。 所有人,无论有能力还是有残疾,都应该能够使用互联网并获得…

nuxt1迁移奥nuxt2_如何使用Nuxt和Cosmic JS建立电子商务网站

nuxt1迁移奥nuxt2我们将要建立的。 对于简单的购物网站,使用诸如Shopify或Woocommerce之类的功能强大的解决方案可能完全是徒劳的。 在本教程中,我们将使用Nuxt和Cosmic JS构建一个电子商务网站。 我们还将使用Buefy ,这是Vue JS的UI组件库&…

如何使用Nuxt和Cosmic JS建立电子商务网站

我们将要建立的。 对于简单的购物网站,使用诸如Shopify或Woocommerce之类的功能强大的解决方案可能完全是徒劳的。 在本教程中,我们将使用Nuxt和Cosmic JS构建一个电子商务网站。 我们还将使用Buefy ,这是基于广受欢迎的Bulma的 Vue JS的UI组…

react 组件开发_使用React和Cosmic JS CMS进行基于组件的网站开发

react 组件开发网站开发的一种常见方法是构建可在不同网页上重复使用的组件。 这种方法的好处是,通过管理组件而不是管理不同页面上的重复内容,您最终减少了重复工作。 流行JavaScript框架(例如React,Vue和Angular)在应…

使用React和Cosmic JS CMS进行基于组件的网站开发

网站开发的一种常见方法是构建可在不同网页上重复使用的组件。 这种方法的好处是,通过管理组件而不是管理不同页面上的重复内容,您最终减少了重复工作。 流行的JavaScript框架(例如React,Vue和Angular)在应用程序代码级…

程序员常用网站汇总(转载)

2019独角兽企业重金招聘Python工程师标准>>> 1. 社区 githubstackoverflowapacheinfoQ知乎相关专栏 知乎专栏推荐youtube相关频道利用以上网站的站内搜索,也许会获取更加满意的结果。 2. 各大IT公司技术博客 2.1 后端 阿里中间件团队博客美团技术团队博客…

大型网站技术架构(八)网站的安全架构

2019独角兽企业重金招聘Python工程师标准>>> 从互联网诞生起,安全威胁就一直伴随着网站的发展,各种Web攻击和信息泄露也从未停止。常见的攻击手段有XSS攻击、SQL注入、CSRF、Session劫持等。 1、XSS攻击 XSS攻击即跨站点脚本攻击(…

web开发过程_我如何创建网站:Web开发过程

web开发过程许多人,尤其是初学者,认为开发网站纯粹是关于编码的,但事实并非如此。 如果您想创建一个像样的网站,还需要做很多其他事情。 当您实际使用代码或WordPress或其他CMS创建网站时,这只是一小部分。 当您完全了…

我如何创建网站:Web开发过程

许多人,尤其是初学者,认为开发网站纯粹是关于编码的,但事实并非如此。 如果您想创建一个像样的网站,还需要做很多其他事情。 当您实际使用代码或WordPress或其他CMS创建网站时,这只是一小部分。 当您完全知道网站的外观…

[514]使用httpstat测试网站响应时间

httpstat是用Python写的脚本,可以用来测试http服务器的回应速度。 httpstat本质上就是封装了cURL工具,所以它可以接受各种 cURL的选项。(-w、-D、-o、-s与-S除外,因为这些已经被 httpstat使用了) 安装httpstat 下载脚…

极限编程xp12个最佳实践_立即搜索40个最佳在线学习编程的网站

极限编程xp12个最佳实践如果您不熟悉编码,那么您会很高兴听到网络上有大量有用的资源来帮助全新的程序员从头开始学习编程。 实际上,该行业中一些最好的程序员是自学成才 ,没有计算机科学的正式学位。 使用这40个编码站点向您展示初始的编码…

vux flexbox使用_如何使用Flexbox建立专业网站

vux flexbox使用我在Web开发方面的经验 在与Flex-Box会面之前,我对CSS在Web开发方面的经验感到沮丧。 计算页面的页边距,宽度,对齐方式和高度的经验非常吸引人。 这使我的Web开发经验没有吸引力。 只有在特定属性中精确地输入数值的想法&…

react admin_下一个网站的10个React Admin仪表板模板

react adminReact是Web开发库中最流行的工具之一,但是就像您需要学习如何正确使用它一样, React是其中之一。 React与本机一起使用。 主要目的是使力量能够响应本机移动应用程序的开发。 React native在开发人员社区中很流行。 它拥有一个强大而充满激情…

将网站部署到github上_如何使用GitHub Actions将多个站点部署到Firebase

将网站部署到github上欢迎回来! 在本教程中,我们将学习如何使用GitHub Action自动将多个站点部署到Firebase托管。 GitHub提供了与其存储库集成的免费增值工具(对于开源免费) 。 我将使用在本教程的第1部分中创建的Get Reacted R…

编程 繁体编码_现在该是开始学习编码的时候了:2020年学习编程的前20+个最佳网站...

编程 繁体编码我敢肯定,我们中的许多人都想知道如何在大流行后的世界中留住相关专业人员。 显然,其中一种方法是学习编程。 现在,该行业的增长率为21%(高于任何其他领域),很明显,对优…