重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
如何使用 Wintersmith + Serverless Framework 快速创建个人站点,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
创新互联建站网站建设提供从项目策划、软件开发,软件安全维护、网站优化(SEO)、网站分析、效果评估等整套的建站服务,主营业务为成都网站制作、成都网站设计,成都app软件开发以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。创新互联建站深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
首先我们来介绍下,Wintersmith 是一个简单而灵活的静态站点生成器。采用 markdown 构建,这个是我们的基础条件。
Serverless Framework:在 GitHub 上有三万颗星,业界非常受欢迎的无服务器应用框架,开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。
确保系统包含以下环境:
Node.js (Node.js 版本需不低于 8.6,建议使用 10.0 及以上版本)
$ npm install -g serverless
$ npm i wintersmith -g
可对指定路径进行安装
$ wintersmith new
初始化成功后,可以看到路径下创建的项目文件
运行以下命令,并通过浏览器访问 http://localhost:8080 即可方便地预览效果,而且提供 LiveReload 功能,可以实时预览。
$ wintersmith preview
使用如下命令构建网站:
$ wintersmith build
在项目目录下,创建 serverless.yml 文件:
$ touch serverless.yml
将以下内容写入上述的 yml 文件里:
# serverless.yml myWebsite: component: '@serverless/tencent-website' inputs: code: src: ./build index: index.html error: index.html region: ap-guangzhou bucketName: my-bucket
配置完成后,文件目录如下:
. ├── build | ├── index.html | └── README.md └── serverless.yml
通过 sls
命令进行部署,这里还可以添加 –debug
参数来查看部署过程中的信息:
$ sls --debug
如您的账号未登陆或注册腾讯云,您可以直接通过微信扫描命令行中的二维码进行授权登陆和注册,从而进行授权登陆和注册。这也是我觉得特别方便的一个地方!
部署过程中,terminal 显示信息示意:
访问命令行输出的 url,即可查看使用 Serverless Framework 部署的网站啦~
虽然这只是一个非常简单的示例,但是不难看出,Serverless Framework 在快速部署方面的强大能力。比如集成了微信扫描二维码,就直接让我们避开了繁琐的云服务的账号注册、配置的环节。而你需要做的,只是根据 Wintersmith 自身的能力,进行网站的定制。
看完上述内容,你们掌握如何使用 Wintersmith + Serverless Framework 快速创建个人站点的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!