Netlify 是一个提供静态资源网络托管的平台,能够将托管 GitHub、GitLab、Bitbucket 等网站上的 Jekyll、Hexo、Hugo 等代码自动编译并生成静态网站。所谓静态网站,就是指只包含前端资源「HTML/CSS/Javascript」的网站,不包含后端处理逻辑,不需要与用户交互。很多展示类的网站,包括个人博客,适合作为静态网站托管在 Netlify。

你所看到的这个个人博客,是基于 Hugo 使用 Leaveit 主题生成的一个静态网站。

Netlify 功能如下:

  • 支持自动构建
  • 支持私有仓库
  • 支持绑定自定义域名
  • 提供 Webhooks 和 API
  • 提供免费空间,免费 CDN 等
  • 支持使用 Let’s Encrypt 或自定义 SSL 证书

使用 Netlify 部署 Hugo

注册账户或使用 GitHub 直接授权登陆 Netlify,登陆后进入空间管理中心,随后打开 StaticGen

StaticGen 是 Netlify 旗下另一个开源的静态博客程序网站,这里汇集了大部分开源的静态博客程序,而 Jekyll、Hexo、Hugo 等几款常见的博客程序则可以一键部署到 Netlify 空间上。

此处以 Hugo 为例,点击 Hugo 下方的 Deploy to Netlify 后会跳转到 Netlify 页面。

随后按下 Connect to GitHub 登录你的 GitHub 账号。

给新的项目命名,然后点击 Save & Deploy

稍等一会儿,Netlify 就会自动部署好 Hugo 博客,完成后如图所示,你可以直接访问它给的二级域名了。

图形化管理 Github

对于不熟悉或不想使用 Git 命令的朋友,可以使用 GitHub Desktop 来管理 Github 仓库代码。

GitHub Desktop 安装后,使用你的 GitHub 账号登录,然后 clone 刚刚创建的仓库,随后你就可以开始修改和上传代码。

首先找到一个漂亮的 Hugo 主题,从 Github 打包下载下来,以 Leaveit 为例。

打开仓库所在的文件夹,将下载的主题文件解压放在 theme 文件夹中。

未完待续…

参考