网站内容自动更新( Netlify优秀的静态博客托管平台-自动编译部署生成Web网站可绑域名支持 )
优采云 发布时间: 2021-11-06 04:21网站内容自动更新(
Netlify优秀的静态博客托管平台-自动编译部署生成Web网站可绑域名支持
)
最近,由于Coding在免费用户的页面服务上强加跳转通知广告,许多人不得不将他们的博客搬回Github。但是Github也有一些无法克服的缺陷:一是访问速度不是很稳定;另一个是SSL只能通过CloudFlare来实现。而且CloudFlare的访问速度和稳定性都不是很好。
今天推荐的netlify是国外提供静态网站托管服务的综合平台,专注于静态网站托管网站服务平台,可以完美替代Coding。Netlify 完美且免费支持 ssl、域名绑定、http/2 和 TLS。最重要的是使用git方法将管理方法传递给github、gitlab或者Bitbucket,然后Netlify就可以自动编译生成静态网站。
对于想使用Jekyll、Hexo、Hugo等静态构建网站,又怕本地环境配置复杂的朋友,Netlify支持Jekyll、Hexo、Hugo等常用静态博客程序的自动编译. 真的很方便。此外,Netlify 也是一个非常好的静态空间。如果使用inkPaper或者Html网页,可以直接上传发布到空间。
如果你喜欢静态的网站 和博客,你可以尝试以下方法:
Netlify优秀的静态博客托管平台——自动编译部署生成Web网站 可绑定域名支持SSL
一、 使用Netlify前的准备:熟悉Github和Git
1、Github 官网:
2、Netlify 代码来自 Github、Gitlab 或 BitBucket,因此您需要先在 Github、Gitlab 或 BitBucket 上创建代码库,并将您的网页内容 git 上传到此代码库。要在 Github 上构建库,请参阅此 文章:。
3、 用过Github空间的朋友都知道Github上的Repos是公开的。除非你愿意付费,否则你放在 Github 上的代码是所有人都可以下载的。Bitbucket 免费版的用户可以拥有无限的私人回购。如果您想使用Bitbucket,请参考:Bitbucket 免费代码托管空间。
**4、Git 使用。**Git 是目前世界上最先进的分布式版本控制系统。愿意使用静态博客的朋友建议系统学习Git。如果您只想创建一个静态博客,您还可以使用 Github Desktop,它允许您上传和更新代码,例如管理 FTP。新手朋友不再需要害怕命令。
二、申请Netlify免费空间
1、Netlify 官网:
2、 首先是在netlify申请一个账号。这里可以使用 Github、Gitlab 和 Bitbucket 直接授权登录。然后登录空间管理中心,点击右上角的“New site from Git”添加网站。
3、 然后根据你的托管平台,你可以选择GitHub、GitLab或者BitBucket。我们使用最常用的 GitHub 作为演示示例。(选择 GitHub 学生,不要忘记勾选下面的“限制 GitHub 访问公共存储库”选项)
4、 点击GitHub后,会弹出一个窗口让你授权,然后点击“授权netlify”后,你的所有代码库都会在netlify中读取。(点击放大)
5、 点击你建好的库,选择分支(默认master就好),然后点击“部署站点”,系统会自动编译你的静态页面。同时会给出你页面的二级域名等信息。(点击放大)
6、 点击Create后,稍等片刻,可以看到Netlify空闲静态空间已经创建成功,你在GitHub上的代码也已经在Netlify上成功运行了。(点击放大)
三、在Netlify上快速建立Jekyll、Hexo、Hugo的静态博客
1、开源静态博客程序网站:
2、StaticGen 是Netlify下的另一个开源静态博客程序网站,这里汇集了大部分开源静态博客程序,以及Jekyll、Hexo、Hugo等几种常见的博客程序。可以一键部署到Netlify空间。
3、这里以Hexo为例。单击后,您将被重定向到 Netlify 页面并登录您的 Github 帐户。
4、 命令一个新的项目名称。
5、 稍等片刻,Netlify 会自动编译 Hexo 博客。完成后如下图所示,可以直接访问它给出的二级域名:(点击放大)
四、Netlify 文件管理-使用GitHub Desktop图形化管理Github
1、Netlify文件管理直接通过Git提交修改到Github,Netlify会自动执行编译部署。不想使用 Git 的朋友可以使用 GitHub Desktop 软件来管理 Github 空间代码。
3、GitHub Desktop 安装完成后,使用您的 Github 账号登录,即可开始下载、修改和上传代码文件。这是 GitHub Desktop 软件界面。
4、以修改Hexo主题为例。首先,找到一个漂亮的 Hexo 主题并从 Github 下载。
5、然后将你创建的项目通过GitHub Desktop连接Github和Netlify下载到本地,输入到theme文件夹中。
6、解压下载的 Hexo 主题文件,放到主题文件夹中。
7、 然后,修改配置文件_config.yml,把里面的主题修改成你的主题,保存即可。
8、 现在打开 GitHub Desktop 软件,你会在 Changes 中看到文件更改,提示你提交更改。(点击放大)
9、输入描述并单击提交。
10、 点击GitHub Desktop右上角的同步按钮,将文件上传到GitHub。过一会就可以在Netlify上看到代码执行的结果了。
五、Netlify 绑定域名方法
1、 点击Netlify页面左上角的netlify标志,即可进入静态空间设置中心。那么请记录下系统默认分配给您的二级域名。稍后您将使用它。接下来点击“设置域”,输入要绑定的域名,点击“保存”保存。
2、输入要绑定的域名。
3、 确认后可以看到域名已经绑定成功。您可以随时修改域名绑定。
4、 到您域名的DNS解析办公室修改域名的CNAME记录。记录值就是你刚才记下的Netlify二级域名。
5、域名绑定完成。
六、Netlify 添加免费 SSL 证书
1、 域名绑定完成后,设置中心的选项会略有变化。将添加启用 HTTPS 的选项。
2、点击进入,然后选择“Let's Encrypt Certificate”按钮,系统会自动为您的站点颁发Let's Encrypt证书。
3、 但前提是你的域名已经解析生效。如果分析尚未生效,您将遇到“Issuance failed”错误。