首页
学习
活动
专区
圈层
工具
发布

Hexo博客自定义域名开启HTTPS

GitHub官方曾经宣布,GitHub Pages的自定义域名获得对HTTPS的支持。 自己博客没有启用HTTPS,看到消息后,就想着折腾下吧。其实,很简单的,对着官方教程一步步来就可以了。...image.png 效果如下: image.png 但是爆红就让人心态不好了,所以下面使用Netlify来优化https方案 Netlify (推荐) 可以使用 CLI 上传代码 支持自定义域名且自定义域名支持一键开启...https(证书来自 Let’s Encrype) 支持强制让用户通过 https 访问网站(开启后此功能后,http 的访问一律会 301 跳转到 https 支持自动构建 支持重定向(Redirects...)和重写(Rewrites)功能 数据通过 HTTP2 协议传输 提供 webhooks 与 API 1 Netlify Netlify是一家专注于提供静态网站托管服务的公司,通过自己的内容分发网络,将提前建立好的静态页面呈献给访客...Netlify 指定Repository,然后 Deploy 设置自定义域名 点击 Domain settings 然后点击 Add custom domain. image.png image.png

2K10

Hexo优化-使用Netlify实现博客部署

关于Netlify Netlify是一个前端自动化部署工具, 它会从你的git平台仓库拉取代码, 使用你配置的命令进行部署....后边我使用了自定义域名后, 就可以正常访问了....generate Publish directory: public/ 点击Deploy,等待部署完成, 如果有魔法可以进行预览 使用自定义域名 在成功部署并预览OK后, 可以选择通过Netlify..., 停止腾讯云托管原有的记录解析(如有) 测试新域名 返回Netlify 自定义域名设置页面, 几分钟内解析失败字样应该就会消失 使用自定义域名访问,成功跳转 CI/CD Netlify会自动集成部署...Bugfix 修改为12点确认显示OK, 由于Netlify时区Bug问题,发布时间不要在凌晨0到8点 date: 2023-05-03 12:10:00 # 文档编写信息

62110
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    个人免费博客花式搭建指南 Netlify 篇

    其功能包括通过 Netlify Edge、该公司的全球应用程序交付网络基础架构、无服务表单处理、对 AWS Lambda 功能的支持以及与 Let’s Encrypt 的完全集成从 Git 开始进行持续部署...------ Wikipedia Netlify 是什么?从维基百科上可以很容易找到以上答案。...部署 登录 Netlify   正常使用 Github 账号一键登录之后,在 Teams 主页面点击 New site from Git 按钮。...自定义域名   在创建好的项目的 Site settings 的 Domain management 中可以对已有的 *.netlify.app 域名进行修改,或添加自定义域名。...验证   浏览器访问 *.netlify.app 域名或者自定义域名或者编译的 Preview deploy 域名,查看上线后的效果。

    10.9K32

    如何快速的部署一个静态页面到 Web3.0 上?5 分钟解密

    「这是我参与2022首次更文挑战的第4天,活动详情查看:2022首次更文挑战」 译自:deploy-your-static-web-app-to-a-blockchain-and-make-it-a-web3...Fleek 项目能给到帮助,它相当于是 Web3.0 的 Netlfy。 Netlify是一家云计算公司,为Web应用程序和静态网站提供托管和无服务器后端服务。...能做的还有更多,不过我们先暂时只关注静态托管功能; 把静态页面项目放在 Github 上,fleek 可以集成在项目上,并提供自动构建项目; 操作流程: 在 https://fleek.co 上登录; 重定向到...Github,并选择要部署的项目仓库; 选择项目托管位置 IPFS (更多兴趣自行了解) 部署的最后一步,选择分支,进行自动部署构建(也可以自定义构建命令); 部署完成展示: 更改站点名字,分配自定义域名...其实,技术本身是没有好坏的,好与坏是看怎么使用它。我们可以把技术用来玩币,但是更可以把技术用来保护信息安全,升级 Web 版本等等。

    80720

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

    [TOC] 0x00 基础介绍 Q: Netlify 是什么?...2.能够绑定自定义域名 3.能够启用免费的TLS证书启用HTTPS 4.提供 Webhooks 和 API 5.通过内置应用程序添加动态功能 Q: Netlify 使用流程 Connect your repository...---- 0x01 Netlify 使用 Step 1.首先使用你的 GitHub 账号登陆 Netlify,登陆后进入空间管理中心,点击New site from git按钮开始部署你的博客: Step...Step 5.从主服务器部署将自动发布, 在稍等一段时间就可以看到你的博客已经部署成功,并且给你分配了一个二级域名 :https://cranky-leakey-9306bd.netlify.app...weiyigeek.Deploys for cranky-leakey-9306bd Step 6.现在我们完成了第一步Deploy,之后我们可以自定义域名 Domain settings 作为主域名:

    3.2K10

    从零开始打造个人主页:HTMLCSSJS实战教程

    本教程分为环境搭建、HTML 结构编写、CSS 样式布局、JavaScript 交互实现、部署上线等五大部分,覆盖从基础到进阶的核心知识点,并结合示例代码与最佳实践,帮助你快速上手并掌握前端开发基本技能...五、部署上线 5.1 使用 Netlify 一键部署 Netlify 提供免配置、一键托管静态站点的服务。...点击 Deploy,Netlify 会自动构建并分发到 CDN 节点,实现全球加速(docs.netlify.com, docs.netlify.com)。...5.3 自定义域名与 HTTPS 在 Netlify 仪表盘中,可绑定自定义域名并一键启用免费的 Let’s Encrypt SSL 证书,保证站点安全与访问速度。...结语 本教程从环境搭建到页面结构、从样式布局到交互脚本,再到部署上线,涵盖了构建个人主页所需的核心技术与实践。掌握这些内容后,你便能灵活运用原生前端技术,高效打造符合自己风格的个人作品集。

    63910

    使用Hexo+Github+腾讯云+Netlify搭建个人博客

    一种是使用Github Pages来托管博客网站,一种是通过Netlify来托管。...Netlify Netlify 是一个提供网络托管的综合平台。...注意,不需要使用hexo g来生成博客网页。这一步我们将在Netlify 上完成。所以推送的东西不应该包含运行hexo g命令生成的文件。 然后,在Netlify 上注册一个帐号。...最好直接使用Github帐号。 并添加好维护博客内容的仓库。 图片 设置编译命令 图片 设置部署的分支 图片 修改默认域名 Netlify 会默认为我们的博客生成一个域名,但是这个域名比较复杂。...在netlify网站上添加自定义域名 图片 修改**DNS**,设置域名重定向 因为是在腾讯云上购买的域名,所以登录https://www.dnspod.cn/后,在我的域名栏就可以看到已经购买的域名了

    1.1K00

    教你如何使用vercel服务免费部署前端项目和serverless api

    一、介绍一下vercel vercel 是一个站点托管平台,提供CDN加速,同类的平台有Netlify 和 Github Pages,相比之下,vercel 国内的访问速度更快,并且提供Production...三、部署Hexo博客 vercel是最好用的静态站点托管平台,借助vercel平台,我们可以把博客静态文件部署到vercel上,不在使用GitHub pages托管,vercel比GitHub pages...到cname.vercel-dns.com image.png 最后解析完成,访问hexo.poetries.com自定义域名即可。...到此我们把博客hexo项目部署到vercel上,后期当你在GitHub提交代码会自动触发vercel打包构建 你也可以从Github选择代码来创建项目 image.png 导入GitHub账号上的项目...访问/根路径重定向到/api/query-all-users "destination": "/api/query-all-users" } ] } 创建接口,vercel约定在

    3.9K63

    如何将 github pages 迁移到 vercel 上托管

    虽互不曾谋面,但希望能和您成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 标星公众号(ID:itclanCoder) 前言 早期网站使用...,最近又放到腾讯云网站静态托管,无论是 coding 的 cos 存储桶,还是静态网站托管 他们都是收费的,那有没有免费的托管商呢,既不影响网站的访问速度还免费,于是,找了一下,还真有,vercel和Netlify...号称以零配置部署到我们的全球边缘网络,动态扩展到数百万个页面而不会费力 一键导入(支持 github,gitlab,BitBucket),自己的存储库,然后推送。...,Jekyll 等 02 前提条件 ⒈ 先成功部署 github pages(本文以 github pages 为例,其他类似的应用也是如此) ⒉ 然后登陆 vercel 官网, 一键导入 03 怎么使用呢...等待导入部署即可 04 自定义域名解析 ? 点击 Settings?Domains?

    2.9K20

    推荐 10 个 Heroku 的替代品

    很多人都喜欢尝试新的框架和工具,然后用它创建一个小项目,发布到 GitHub 上,并提供一个可用于演示的链接,这样大家就不需要下载你的项目、初始化、安装依赖,然后运行等一系列复杂的步骤。...但是现在,Heroku 宣布他们将关闭所有免费的 dynos、postgress 和 Redis 存储,所以要么升级到付费,要么寻找替代品。...1、Cloudflare Pages Cloudflare Pages[1]无限带宽,无需任何更改即可支持 CDN,它允许自定义域,甚至它有一个非常慷慨的无服务器功能免费计划。...2、netlify 如果你喜欢更流行知名度更高的,Netlify[2] 是个不错的选择,有上万的用户使用。...如果某些站点要求提供信用卡来试用,你可以使用一次性信用卡,或者关注信用卡账单。

    6.6K21

    怎样免费开发部署自己的网站?

    要免费开发自己的网站,您可以根据自己的技术水平和需求选择以下两种主要方式:零基础用户:建议使用如WordPress.com、Weebly、Strikingly等平台,快速搭建网站。...方法一:使用免费建站平台(无需编程)适合零基础用户,操作简单,适用于博客、作品展示、简历等类型的网站。...The Odin Project免费开源的全栈开发课程,涵盖从基础到高级的Web开发知识。W3School和菜鸟教程提供中文教程,适合初学者快速入门。...部署方式:GitHub Pages + Jekyll适合部署静态网站,免费且支持自定义域名。Replit在线集成开发环境,支持多种编程语言,可直接部署小型网站。...Netlify支持持续部署和自定义域名,适合前端项目的托管。Vercel专为前端框架(如React、Next.js)设计的部署平台,操作简便。

    1.6K10

    hexo+netlify+git+个人域名搭建博客

    这个命令中的 -f 是强制推送,因为远程仓库只有初始化的文件,所以强制推送上去就行了,不加-f 会报当前分支没有远程分支,强制推送可以覆盖master,这样就完成了第一次提交的步骤) 10.将hexo内容部署到生产环境...hexo d -g 11.关联Netlify 登录Netlify建议使用github账号登录,会方便很多 12.关联git仓库和分支 登录之后点击醒目的绿色的New site fomr Git按钮来新建站点并选取刚刚创建的仓库...当我还没有打完这行字,Netlify已经完成网站的发布了,它会提供一个由随机字符串组成且以 .netlify.com 为后缀结尾的网站供你访问. 14.关联个人域名(如果不是从Netlify购入域名,需要将域名...DNS指向Netlify) 选择Add domain alias添加个人域名,这里Netlify会默认给你新添加的域名多加一个重定向的www网址 15.开启Https Netlify免费提供SSL证书...,支持添加自己的SSL,需要新增三个证书.或者将自己域名的CNAME记录类型指向你的.com结尾的域名也可以 添加好之后等一会就可以通过你的域名来访问了 注意 推荐使用各个代码编辑器(大多数支持Markdown

    1.4K10

    vue项目 构建 打包 发布 三部曲

    一、vue项目的创建 1、首先第一肯定是要有Node.js及npm这个不多说了 2、安装脚手架 此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览,使用vue全家桶制作自己的博客...现在就有我来说说如何讲vue项目发布到github上 之前写过vue环境搭建 可以参考: vue环境搭建 二、vue项目的打包 1、大家都知道使用npm run build进行打包,这个时候你直接打开...三、github pages 1、首页创建一个仓库,此处直接忽略 2、在这里选择master或者/doc 上传代码到master  3、上面有一行域名就是你自己的页面可以看到自己发布的项目 四、自定义域名...这篇文章这里就先不做讲解了,有想使用自定义域名,也可以私信我。...总结 这里发布页面,其实最主要的时候坑是路径问题,需要修改配置文件,大家没事可以多多浏览文档了解vue的整体架构逻辑,后续再给大家带来框架从入门到放弃。

    1.6K30

    我的文档网站从爬行到飞行,再也不会有人说网站挂了!

    曾经的 gitee pages 早已悄然下线,不少开发者的文档已经长草,替代方案也有很多,像 GitHub pages、cloudflare、vercel、netlify 等赛博菩萨帮助了无数开发者,但是却无一例外的在国内访问困难...至此,我们已经将GitHub上的文档部署到EdgeOne上了,我们也可以为Pages绑定自定义域名。后续只需要向GitHub推送代码,即可自动更新Pages。...网站安全加速国内版获取到兑换码后可以到这里兑换一下,只能兑换一个,国际版参与活动即拥有2个免费套餐了开始使用网站安全加速,按照如下操作新增站点:输入你的站点,并绑定免费套餐Pages服务如果是自定义域名可以按照下图...看看效果我们来Ping一下试试,下图为使用vercel绑定自定义域名的效果。下图使用EdgeOne加速的效果,可以看出效果不错,基本没有节点不可访问。...我们再来测测网速,下图为使用vercel绑定自定义域名的效果下图使用EdgeOne加速的效果,可以看出速度提升也很大。

    60310

    VuePress部署到gitlab,Theme Hope主题部署到gitlab,使用pnpm构建,再同步到netlify绑定腾讯云域名实现免费静态托管网站搭建

    Theme Plume VuePress Next Theme主题部署到github,后面应该还会讲一期React项目docusaurus部署到gitlab,同步到netlify,绑定腾讯云域名的方法,...同时,若开发者习惯使用其整套 DevOps 工具链,GitLab Pages 可作为静态网站托管的附带选择。...图片 可使用https或ssh方式拉取,我这里用的是ssh方式,这个需要在gitlab上生成一个ssh key,然后复制到本地,也可以本地生成,然后在gitlab上添加,如下图: 图片 添加ssh-key...添加你的自定义域名(如www.example.com)。 图片 配置 DNS: 登录你的域名注册商账户。...Netlify DNS Setting中 Name servers,要使用 Netlify DNS,请转到您的域名注册商并将您的域名服务器更改为分配给您的 DNS 区域的以下自定义主机名。

    30810

    前端部署VuePress Theme Hope主题部署到gitlab,使用pnpm构建,再同步到netlify绑定腾讯云域名实现免费静态托管网站搭建

    Theme Plume VuePress Next Theme主题部署到github,后面应该还会讲一期React项目docusaurus部署到gitlab,同步到netlify,绑定腾讯云域名的方法,...同时,若开发者习惯使用其整套 DevOps 工具链,GitLab Pages 可作为静态网站托管的附带选择。...图片可使用https或ssh方式拉取,我这里用的是ssh方式,这个需要在gitlab上生成一个ssh key,然后复制到本地,也可以本地生成,然后在gitlab上添加,如下图:图片添加ssh-key在gitlab...添加你的自定义域名(如www.example.com)。图片配置 DNS: 登录你的域名注册商账户。...Netlify DNS Setting中 Name servers,要使用 Netlify DNS,请转到您的域名注册商并将您的域名服务器更改为分配给您的 DNS 区域的以下自定义主机名。

    42610

    web3项目外包的上线部署

    智能合约部署:编译合约: 使用你的智能合约开发框架(例如 Hardhat、Truffle)编译合约代码。编写部署脚本: 创建一个部署脚本,用于将编译后的合约部署到目标网络。...部署到主网: 在完成所有测试后,将合约部署到主网。3. 前端部署:构建前端代码: 使用你的前端框架(例如 React、Vue.js)构建 DApp 的用户界面。...混合方案: 将静态资源存储在 IPFS 上,使用 CDN 加速访问。部署到选定的平台: 按照平台的说明进行部署。4....后端部署(如果需要):配置服务器: 如果你的 DApp 使用了中心化后端服务,你需要配置服务器环境。部署后端代码: 将后端代码部署到服务器。...域名和 DNS: 如果需要使用自定义域名,你需要配置 DNS 记录。SSL 证书: 为了安全起见,建议使用 HTTPS 协议,并配置 SSL 证书。

    36110

    迁移 github pages 到 coding.net

    国内速度更快 自带 SSL,且免费 五个免费的私人仓库 功能较全: pages, webIDE, CI 等 经过一段时间迭代,产品经得起考验 步骤 首先直接从 github 把 blog 项目导入到 coding...自定义域名 SSL 首先确保项目根目录中有 CNAME 文件,里面是自己的域名,比如我的域名 lz5z.com,然后在 coding 页面自定义域名中输入此域名,并且开启强制 HTTPS 访问。...每次访问博客地址的时候,首先会看到一个 coding 的广告,然后再重定向到自己要访问的地址,这也是不能忍受的。...DNSPod 提供双线解析的原理我不是很明白,而且比较困惑的是 github pages 自定义域名原生是不资辞 SSL 的,之前的做法是使用 cloudflare 的 SSL 服务进行重定向,假如使用双线解析的话...解决 coding 广告后重定向 每次新建隐私窗口打开网站都是先看 coding 的广告,然后再重定向到之前的地址,这是极差的用户体验,不过 coding 官方提供了解决办法,简单的就是购买 coding

    2.1K30
    领券