使用Netlify部署博客

article/2025/11/3 23:08:47

文章目录

  • github 项目部署
  • 自定义域名

  原先博客是部署在 githubPages 上的,稍微设置一下就能实现自动化部署和启用 https,还是蛮方便的,但是使用国内网络访问 githubPages 上部署的网站速度太慢了,体验很差,因此,搜了下解决方案,发现了 Netlify 这个一站式自动化部署网站的平台,部署网站的过程很简单, githubPages 上的支持和不支持的功能 Netlify 上都有,最重要的是听说使用 Netlify 部署的网站,国内访问深度会比 githubPages 快多了。因此也捣鼓了一番,使用 Netlify 重新部署了网站。

  但是。。。部署完后使用国内网络访问网站,感觉访问速度没什么变化。。。去站长之家测试了下速度,唉

我理想中的变化:

image-20200912114349985

残酷的现实:

image-20200912114441879image-20200912114518298

  总之记录一下部署的过程,不过可能还是会选用 githubPages 了,关于网站加速,后面再看了。

github 项目部署

  首先,进入 Netlify 官网,选择 github 账号登陆。

  然后点击创建新网站:

image-20200912024233068

  选择 github

image-20200912024310535

  然后进入第二步,选择网站的项目仓库:

image-20200912024635089

  然后选择部署的分支及打包命令与发布目录,我是使用了 hexo ,因此打包命令是 hexo generate

image-20200912024803284

  点击 Deploy 按钮后,会自动进行部署,部署完成后,就能通过它给你的域名访问你的网站了:

image-20200912025256424

  网站名称默认会是一连串字符,可以在 Site Setting 里更改:

image-20200912025420094

自定义域名

  Netify 的初始域名会是 xxx.netify.app

  需要更改域名的话需要去申请域名,解析 DNS,有了之前的经验 ,这步就很快了:

  首先使用 dns查询工具 查询网站的 ip:

image-20200912025833859

  然后去阿里云的 dns 解析平台解析这几条IP,并添加 CNAME 记录:

image-20200912030148298

  操作完成后,回到 Neltify,点击 Add custom domain 添加你的域名:

image-20200912030601733

  然后是为网站添加 SSL,我之前已经申请过 SSL 证书了,因此点击添加证书按钮,将证书的内容上传:

image-20200912030811357 image-20200912030928206

  若没有申请过证书的话,Netlify 也提供了免费证书的发放服务:

  点击 Let's Encrypt,完成后如下:

image-20200912031035996

  至此,使用 Netlify 自动部署博客步骤就全部完成了,之后添加新内容提交后, Netlify 会自动打包发布,非常方便:

image-20200912032343535

Ref:

https://www.cnblogs.com/37Y37/p/12551839.html

https://zhuanlan.zhihu.com/p/77651304


http://chatgpt.dhexx.cn/article/3x8yrKaE.shtml

相关文章

如何下载.NET Framework

下载网址: https://dotnet.microsoft.com/zh-cn/download/dotnet-framework 登录网址 选择适合的版本,如果你的版本太低可能要多尝试一个版本是否能够安装成功

【2022年】的网页转 App 教程

● 如何将网站转为 App? 使用 HopWeb 可以毫无技术成本的制作属于你的App。 HopWeb 官方网站:https://atreep.netlify.app/hopweb ● 网站转 App 适用于以下类型的网站:个人博客、工具类网站等 ● 本教程将以【百度】网站为例,引…

通过Netlify制作个人网站

个人主页的创建 本文主要介绍个人主页的创建过程,主要通过知乎回答的指导,参考本人制作的个人主页。 本人个人主页制作主要使用Netlify,参考该网站安装教程进行安装,直接在自己的github中创建一个仓库作为网站节点。在安装过程中…

【经验】静态博客部署 Hexo + Netlify-CMS + Vercel (在线构建)

目录 引入背景方案 步骤生成starter模板添加Netlify CMS在线管理添加Netlify身份验证组件启用git gateway身份验证换用Vercel作为CDN重新添加js添加身份验证器绑定oauth 定制404页面 模板已知问题 引入 背景 Hexo等静态博客相对于Wordpress等动态博客,可以白嫖很多…

.net framework 官方下载地址

.net framework 官方下载地址 https://dotnet.microsoft.com/zh-cn/download/dotnet-framework

使用Netlify部署静态网站

之前写了一篇文章是关于在树莓派上部署Hexo的博客,但树莓派难免会出故障,所以将网站放在另一个地方会更安全一点。 前一篇:https://fitswcblog.com/%E6%A0%91%E8%8E%93%E6%B4%BE%E6%90%AD%E5%BB%BAhexo%E5%8D%9A%E5%AE%A2/ 我在csdn上的所有…

123.HTML5+CSS3完结_使用Netlify收取表单

Netlify也可以做表单接受: 我们启动一下 修改下表单 ● 接着在我们的网站输入并提交表单 ● 之后会有一个提示,提示我们提交成功 然后就能在Netlify接受到用户的表单 ● 当然这个表单只能接受100个,但是作为实验也够用了 到此&a…

第七章:使用Netlify零成本部署组件文档

第七章:使用Netlify无成本发布组件文档 为什么使用Netlify? 一开始一共有三个方案: 1、Github Page 2、Netlify 3、Vercel Github Page只支持一个repo发布一个网站,而我们的项目是一个mononrepo项目,后续可能还有其他…

React项目全球新闻发布管理系统 - 新版问题解决方式整理及部署网站至 Netlify

整理了一下新版的变化以及遇到的坑的解决办法,最后也会分享将网站及接口部署的方式。 千锋前端-React全家桶_React项目全球新闻发布管理系统 https://www.bilibili.com/video/BV1fw411d7R5 文章目录 P4P5P6P11P15P17P18P22P29P30P34P38P41P43P45P50P67进阶: 多语系网…

Coolify系列01- 从0到1超详细手把手教你上手Heroku 和 Netlify 的开源替代方案

什么是Coolify 一款超强大的开源自托管 Heroku / Netlify 替代方案coolLabs是开源、自托管和以隐私为中心的应用程序和服务的统称 为什么使用Coolify 只需单击几下即可托管你的应用、数据库或其他开源服务,等。它是 Heroku 和 Netlify 的一个替代方案。通过 Cool…

.NET Framework 框架

20世纪90年代以来出现的3种典型的组件技术: 1)OMC(对象组件模型)的CORBA 2)Microsoft的COM/DCOM 3)Sun公司的JavaBeans 在2002年,微软发布了.NET框架的第一个版本,声称其解决了旧问…

vercel和netlify部署代码并解决接口代理转发的问题(和Nginx功能一样)

前言 部署过程就不说了,部署完成后是这样子的 然后访问链接,无法访问 解决 依次点击 Settings–>Domains,在输入框中输入你的域名并点击 Add 按钮。 以此域名为例子demo.gshopfront.dreamlove.top为例,点击添加 我们前往域名管理系统,记录下绿色的值以腾讯云的…

部署Netlify站点博客

Netlify站点部署静态博客 今天尝试把站点部署在Netlify上,因为部署在GitHub Pages上,国内访问速度太慢了,所以就尝试一下别的站点,部署成功之后发现速度还是不太行,后边继续找找原因 Netlify 部署的地址在这里 下图…

使用Hexo+github+netlify快速搭建个人博客网站

1 写在开头 倒腾了好几天,算是做出了一个有点样子的个人博客网站。便学各位大佬也写一个搭建教程,总结一下个人踩坑经验,也希望能对他人略有作用。 博客演示(欢迎来留言交流) 为什么选择Hexo?答&#xff1…

使用 netlify 部署你的前端应用

我前几天写了一篇文章, 如果你想搭建一个博客 ,其中提到了使用 netlify 做博客托管服务。 netlify 可以为你的静态资源做托管,就是说它可以托管你的前端应用,就像 github page 那样。不过,它不又只像 github page 那么…

netlify国内快吗

Netlify国内快吗? Netlify vs 21云盒子 Netlify 是一家提供 JamStack(静态网站)托管的平台,支持自动从Github等仓库拉取代码, 按自定义构建方式进行构建,最后把生成的静态网站进行发布; 在这基础上同时也支持自定义域名,自动申请SSL证书等…

Netlify前端自动化部署工具

一、使用github或者gitlab登陆netlify 首先,打开netlify网站(https://app.netlify.com/) 然后使用github或者gitlab账号登录。 二、根据github/gitlab仓库创建网站 点击New site from Git按钮: 根据你的仓库所在平台选择,以下三选一&#x…

使用netlify实现自动化部署前端项目(无服务器版本)

介绍 本文以 github仓库进行介绍关联netlify的无服务前端自动化部署。用途:个人网站设计、小游戏等当然这只是让你入门~具体细节等待你自己去探索 实现 打开官方网站 如果没有注册过的账户,你需要使用 github 去进行登录。注册完成后会自动给你提示填…

Netlify静态资源托管之部署自动化

关注「WeiyiGeek」公众号 将我设为「特别关注」,每天带你玩转网络安全运维、应用开发、物联网IOT学习! 0x00 基础介绍 0x01 Netlify 使用 0x00 基础介绍 Q: Netlify 是什么? Netlify 是一个提供静态资源网络托管的综合平台,一个直观的基于…

如何使用netlify部署vue应用程序

什么是Netlify? Netlify是一个现代网站自动化系统,其JAM架构代表了现代网站的发展趋势。所谓JAM,就是指基于客户端JavaScript、可重用API和预构建Markup标记语言的三者结合。 有了Netlify,我们只要在本机Git中写前端代码&#xff…