如何使用Publii在Netlify上构建免费静态网站

Netlify属于新一代网站和应用主机,旨在为开发者提供一个存储文件、部署和开发应用或运行网站的平台,类似于亚马逊S3和GitHub等知名解决方案。虽然这些服务起初可能显得复杂,但一旦设置好,你可以让Publii来处理一切。

那么,你该如何设置呢?只需遵循这个简单的一步步指南!我们将带你了解创建空间所需的一切,并将Publii与之关联。

在Netlify上创建网站

按照以下步骤创建你的网站区域。

  1. 前往Netlify主页面登录您的账户,或者如果您还未注册,请点击“注册”按钮注册。开始时,您只需提供用户名、密码和电子邮件地址;无需支付信息。
  2. 登录后你会看到“你的网站”界面,但应该是空的,因为我们还没创建网站!
    Netlify仪表板
    Netlify仪表板
  3. 要创建新网站,我们需要将包含空index.html文件的压缩文件夹拖拽到“你的网站”部分的方框中,Netlify会帮我们设置。你可以从我们的CDN获取一个现成的文件;只需下载并拖动压缩后的文件夹到盒子里(不要解压!)。
    手动将站点上传到Netlify
    手动将站点上传到Netlify
  4. 文件上传后,你会看到部署界面;Netlify会自动为你创建一个网站名称,你可以在顶部看到。
    Netlify网站设置
    Netlify网站设置
  5. 点击网站配置。请注意您网站的Netlify网址,您可以在下一页的框框中看到,格式为 https://siteName.netlify.com;我们需要这个来做Publii设置。
    Netlify站点名称
    Netlify站点名称
  6. 现在继续往下翻到网站详情部分;请注意网站ID,它将是一串字符和数字,如下例所示,因为我们在配置Publii时也需要它(网站ID选项)。
    Netlify站点ID
    Netlify站点ID
  7. 现在我们将生成一个访问令牌,Publii 可以用它访问我们的 Netlify 网站;这是一点安全措施。点击屏幕左下角的账户名称选项。
    Netlify帐户设置
    Netlify帐户设置
  8. 配置文件部分,点击“申请”标签,然后在 OAuth 界面点击“新访问令牌”按钮;这会带你进入代币生成界面。
    a.
    Netlify应用程序
    Netlify应用程序

    b.
    Netlify新令牌
    Netlify新令牌
  9. 在标记描述栏中,添加你选择的名字;这只是帮你记住你生成代币的目的!接下来,点击“生成令牌”按钮。
    生成个人访问令牌
    生成个人访问令牌
  10. 令牌会被创建,你会看到一个新令牌创建的消息。下面是你的新标记;务必复制这枚令牌并存放在安全的地方,因为以后你将无法取回它!
    Netlify个人令牌
    Netlify个人令牌

现在我们已经从Netlify获得了所有需要的资料,可以继续配置Publii来更新我们的网站。

在Publii配置Netlify

要在Publii配置你的Netlify网站,请按照以下步骤作:

  1. 打开Publii应用,点击左侧栏的服务器选项,打开服务器设置界面。
  2. 将域名设置为我们在上一节看到的Netlify网址(yourSitename.netlify.com);别忘了从下拉菜单中选择 https://
  3. 将你Netlify网站API ID中的字符串输入到Site ID字段中。
  4. 最后,在最后一节末尾的Netlify令牌字段输入我们创建的Netlify令牌,点击“保存设置”按钮以保存更改。
Netlify网站设置
Netlify网站设置

Publii 现已配置完成;如果你愿意,可以点击“测试连接”按钮,确保所有选项都配置正确。如果是,那你就准备好同步你的网站了!

Comments