{"componentChunkName":"component---src-templates-best-practice-detail-tsx","path":"/best-practice/2021-01-19-coding-pages","result":{"data":{"currentBlog":{"id":"1bfe523c-4175-5d7a-8dd8-a7a1f229d458","frontmatter":{"thumbnail":"https://main.qcloudimg.com/raw/2547283cf5d9ade937c1d81a75fa8948.png","authors":["吴宜展"],"categories":["best-practice"],"date":"2021-01-19T00:00:00.000Z","title":"成为技术影响力大牛？CODING Pages 快速搭建个人专属博客","description":"博客教程有很多，这一篇又有什么特别？—— 特别简单","authorslink":null,"translators":null,"translatorslink":null,"tags":["Serverless","CODING"],"keywords":null,"outdated":null},"wordCount":{"words":142,"sentences":28,"paragraphs":28},"fileAbsolutePath":"/opt/build/repo/content/best-practice/2021-01-19-coding-pages.md","fields":{"slug":"/best-practice/2021-01-19-coding-pages/","keywords":["serverless","网站","静态","部署"]},"html":"

服务简介

\n

CODING 静态网站服务是腾讯云 Serverless 团队联合 CODING 为开发者提供的便捷、稳定、高拓展性的静态网站资源托管服务，结合了 Tencent Serverless Framework 完整、高效的部署流程和 CODING 强劲的 Jenkins 构建队列，支持 Jekyll、Hexo 等多种部署框架。您无需自建服务器，即可一键部署网站应用，将静态网站分发至全网节点。\n现在新用户首次部署成功后还将获得腾讯云无门槛代金券，可0元使用180天。

\n

开始搭建静态网站

\n

一、创建 CODING 项目

\n
    \n
  1. 在 CODING 控制台左侧导航栏中点击【项目】，来到项目列表页，在项目列表页点击【创建项目】按钮。
    2. \n
\n

\n
    \n
  1. 选择创建 DevOps 项目。填写项目名称后，点击【完成创建】按钮，即可完成 CODING 项目的创建。
    2. \n
\n

\n

二、准备静态网站资源

\n

在开始部署静态网站前需要准备静态网站资源，您可以方便的从各类资源站上找到静态网站资源，或将您已有的静态网站迁移至 CODING 。如果您没有准备静态网站资源，CODING 还提供了网站模板供您选择。\nCODING 静态网站目前支持传统静态网站资源和 Jekyll，Hexo，Gatsby，Zola 等需要预编译的静态网站资源。

\n

\n

三、创建代码仓库并推送代码

\n
    \n
  1. 进入第一步已创建好的项目，在左侧导航栏中选择【代码仓库】，点击左上角的【新建代码仓库】按钮。
    2. \n
  2. 填写新建代码仓库表单，使用“普通新建”、“模版新建”、“导入外部仓库”等方式创建一个新的代码仓库。
    3. \n
\n

\n
    \n
  1. 使用git命令将第二步中已经准备好的静态网站资源推送至代码仓库。
    2. \n
\n

四、新建静态网站

\n
    \n
  1. 在项目左侧导航栏中选择【持续部署—静态网站】，点击左上角的【新建网站】按钮。
    2. \n
\n

\n
    \n
  1. 在新建网站页面中输入网站名，选择代码仓库、部署的分支，部署的路径。最后选择部署的网站类型和节点。
    2. \n
\n

\n
    \n
  1. 点击【确定】按钮，等待网站部署完成。
    2. \n
\n

五、访问静态网站

\n

网站部署成功后，您可以前往网站基本信息页查看默认访问地址，并通过默认地址访问已经部署好的静态网站，快来试试吧~

\n

\n

后续规划，敬请期待

\n\n
\n
\n
\n
\n
\n

传送门：

\n\n
\n

欢迎访问：Serverless 中文网，您可以在 最佳实践 里体验更多关于 Serverless 应用的开发！

","tableOfContents":""},"previousBlog":{"id":"52ba0876-1c2b-53c7-a539-58bb8ac64496","frontmatter":{"thumbnail":"https://main.qcloudimg.com/raw/758c5797e5979f11b61de19dc9d1ead1.jpg","authors":["Dora"],"categories":["best-practice"],"date":"2021-01-21T00:00:00.000Z","title":"更简洁、更快速！腾讯云 Serverless 云函数创建流程再次升级！","description":"邀请您体验简洁、快速、可配置的全新云函数控制台！","authorslink":null,"translators":null,"translatorslink":null,"tags":["Serverless","控制台"],"keywords":null,"outdated":null},"wordCount":{"words":130,"sentences":27,"paragraphs":27},"fileAbsolutePath":"/opt/build/repo/content/best-practice/2021-01-21-serverless-scf.md","fields":{"slug":"/best-practice/2021-01-21-serverless-scf/","keywords":["serverless","云函数","函数","模版","创建","控制台","配置","Serverless","应用","serverless"]}},"nextBlog":{"id":"5a0d8924-f9d0-509b-89e8-d6774ef61461","frontmatter":{"thumbnail":"https://main.qcloudimg.com/raw/9bf5d90a2ac1a5483256795d6db370c6.jpg","authors":["Dora"],"categories":["best-practice"],"date":"2021-01-18T00:00:00.000Z","title":"全云端开发体验！腾讯云发布 Serverless 云函数 Web IDE","description":"随时随地编写代码，拥有和本地 IDE 一样的流畅编辑体验！","authorslink":null,"translators":null,"translatorslink":null,"tags":["Serverless","WebIDE"],"keywords":null,"outdated":null},"wordCount":{"words":265,"sentences":43,"paragraphs":43},"fileAbsolutePath":"/opt/build/repo/content/best-practice/2021-01-18-scf-web-ide.md","fields":{"slug":"/best-practice/2021-01-18-scf-web-ide/","keywords":["serverless","云函数","函数","Serverless","部署","测试","在线","Web","模版"]}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"blogId":"1bfe523c-4175-5d7a-8dd8-a7a1f229d458","previousBlogId":"52ba0876-1c2b-53c7-a539-58bb8ac64496","nextBlogId":"5a0d8924-f9d0-509b-89e8-d6774ef61461"}}}