前言 之前经常有人反馈我的博客打不开,原因很简单: Hexo生成的静态博客 使用Github Pages直接托管的 今天,是时候做些改变了 -> 使用CDN静态加速全站,虽然之前已经静态加速图片了,但是解决不了国内某些区域访问不了或者慢的问题 结果 CDN静态加速前 ? CDN静态加速后 ? ? 基本上全绿了,响应时间基本全部 <50ms 。 最后 顺便又给博客换了一个新的主题,直接上结果图: PC ? Pad ? Mobile ? 用的klugjo哥 https://github.com/klugjo 的主题,值得推荐,上一个主题也是用的他的。 结语 给大家带来极致的博客体验,也是我应认真做好的一件小事情。 祝大家周末愉快~
进入www.github.com,创建存储库。 2. 使用免费JsDelivr进行文件加速访问 上述示例:https ://cdn.jsdelivr.net/gh/zpblogs/cdndemo@1.0/README.md 访问方式:https://cdn.jsdelivr.net/gh/你的GitHub名称1K20
一键接入,全球加速!提供全球范围内快速、稳定、智能、安全的内容加速服务,支持图片、音视频等多元内容分发!
挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源的加载,由于懒,一直没有动。 最近偶尔要打开自己博客看下 Wiki 的时候,要等挺久,比较痛苦,碰巧昨天晚上看到这样一篇帖子:GitHub 图床的正确用法,通过 jsDelivr CDN 全球加速,感觉很适合我的需求场景,于是决定趁这几天休假将这个改造一下 而采用 CDN 加速的方案,可以考虑 将公共库改为直接引用公共 CDN 链接; 自己编写和修改的静态资源自己去托管在一个 CDN 服务上。 参考链接 GitHub 图床的正确用法,通过 jsDelivr CDN 全球加速 jsDelivr 为开发者提供免费公共 CDN 加速服务 Features - jsDelivr 相关文章 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)
挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源的加载,由于懒,一直没有动。 最近偶尔要打开自己博客看下 Wiki 的时候,要等挺久,比较痛苦,碰巧昨天晚上看到这样一篇帖子:GitHub 图床的正确用法,通过 jsDelivr CDN 全球加速,感觉很适合我的需求场景,于是决定趁这几天休假将这个改造一下 先看效果 以下改造前后的加载情况都是在 Edge 浏览器禁用缓存后录制的,录制时间段很接近,从本地访问两个 GitHub Pages 服务的原始响应速度应该类似。 当然,因为页面自身还是在 GitHub Pages 托管,有时候首个请求还是会挺久才返回。 改造后的效果可以打开 https://mazhuang.org 体验。 参考链接 GitHub 图床的正确用法,通过 jsDelivr CDN 全球加速 jsDelivr 为开发者提供免费公共 CDN 加速服务 Features - jsDelivr
GitHub Pages 更新 由 Ghostzhang 发表于 2016-05-07 02:26 有段时间没有更新了,没想到一更新就收到GitHub的邮件,说是系统升级了,因为使用了一些旧的功能, 首先,看看这次系统升级了些什么,根据邮件指示,来到了这里:GitHub Pages now faster and simpler with Jekyll 3.0,大概的意思是GitHub Pages更新到 Jekyll 3.0了,有以下几点变动: 2016年5月1号开始,GitHub Pages只支持kramdown,作为Jekyll的默认Markdown引擎,如果你用的是其它的引擎,那么你有三个月时间进行更新 原先如果使用{% highlight js %} code {% endhighlight %} 的方式进行代码高亮,那么就得修改啦,用```即可,详见 https://help.github.com
Github 配置好,不清楚的可以看我的 #Github 部署个人网页 | 自定义域名 一个腾讯云账号(别的云靠大家摸索) 为了做这次 CDN 配置的分享,我先写好了上面两篇文章来铺垫,希望大家多多点赞支持一下 上面的部署方式是很常见的,先将静态资源(css、js、fonts、image 等)部署在 CDN 上加速访问,再将 index.html 部署到 COS 桶上来覆盖上一版本的 index.html。 总的来说,我们的架构要从这样: 变成这样: 在 DNS 到 Github 之间多了个 CDN 服务器。 然后在 域名配置 选 中国境外,填上你的域名,然后选择 静态加速。 总结 总结一下,我们这里做了什么: 添加 CDN 服务器,将 CDN 的源指向 Github 服务器 在 DNS 配置中,将 CNAME 指向 CDN 给自己域名颁发证书,并将该证书绑定到 CDN 相信配置完这一套
之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载的措施,新起一篇作为记录和分享。 第 1 点在页面仍然托管在 GitHub Pages 的前提下,似乎没有什么好办法能产生质的飞跃;本篇主要改善了第 2 点和第 3 点。 [after use cdn](/images/posts/github/cdn-after.png) 如果想将这个图片地址替换为 jsDelivr 的地址,需要做的就是将 /images 替换为 https ://cdn.jsdelivr.net/gh/mzlogin/mzlogin.github.io@master/images。 相关文章: 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源
之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载的措施,新起一篇作为记录和分享。 第 1 点在页面仍然托管在 GitHub Pages 的前提下,似乎没有什么好办法能产生质的飞跃;本篇主要改善了第 2 点和第 3 点。 [after use cdn](/images/posts/github/cdn-after.png) 如果想将这个图片地址替换为 jsDelivr 的地址,需要做的就是将 /images 替换为 https ://cdn.jsdelivr.net/gh/mzlogin/mzlogin.github.io@master/images。 install bundle exec jekyll build - name: Deploy uses: JamesIves/github-pages-deploy-action
安装方式: 在项目中创建 _config.yml 文化,在文件中启用 remote-theme: remote_theme: phodal/mifa-jekyl...
关于GitHub pages GitHub pages是github提供免费静态站点托管服务,并提供域名xxx.github.io,xxx是你GitHub账户的名称。 一个账户只能托管一个GitHub pages项目。 可以在 GitHub Pages 示例集合中看到 GitHub Pages 站点的示例。 你可以在 GitHub 的 github.io 域或自己的自定义域上托管站点。 [23] 内容分发网络(CDN) Cloudflare的网络在全球拥有许多连线到互联网交换点的连线。 参考资料: github docs https://docs.github.com/cn/pages/getting-started-with-github-pages/about-github-pages
此时必须要使用cdn加速来解决网络服务处理的弊端,那么在接下来的容里就介绍一下什么是cdn加速。 image.png cdn加速总体的效率怎么样 总体而言cdn加速的效率非常的高,能够处理网络卡顿或者网络数据传输缓慢的问题。 很多网络服务器在使用cdn加速之前,会出现网络用户数据请求失败或者网络用户数据请求长时间得不到响应的情况。 目前很多的网络服务器都会使用cdn加速来使自己的网速变得更快,而且目前cdn加速也会使网络更安全。 什么是cdn加速 所谓cdn加速,就是在使用cdn技术之后,能够使网络服务器处理数据响应的速度得到大大提高。
1、简介GitHub Pages 是通过 GitHub 托管和发布的公共网页,将纯文本转换为静态博客网站。 您可以使用 GitHub Pages 来展示一些开源项目、博客甚或分享您的简历,有内存限制,可以绑定个人域名。启动和运行的最快方法是使用 Jekyll 主题选择器加载预置主题。 然后,您可以修改 GitHub Pages 的内容和样式。 然后,点击 settings选项卡,单机左侧 Pages进行设置,如下图:图片 此时站点已经建成,可以放为 https://<username>.github.io/ 查看,如果已经有个人域名了,也可以绑定个人域名 上配置自定义域名进入 <username>github.io 仓库,进入设置页面,点击左边 Pages 选项卡,进行下面的配置。
为项目创建GitHub Pages https://crazycodeboy.github.io/TakePhoto这是开源项目TakePhoto的GitHub Pages,大家可以先看一下效果。 第二步:使用自动生成器生成GitHub Pages 下拉设置页面到GitHub Pages,单击Launch automatic page generator ? 第四步:选择主题 你可以为GitHub Pages选择一个主题: ? 选择好主题后,单击Publish 按钮即可完成GitHub Pages的发布。 为组织或个人创建GitHub Pages GitHub支持创建组织或个人创建GitHub Pages,通过以下步骤即可完成创建: 第一步:创建一个仓库 你需要创建一个username.github.io 参考 GitHub Pages
网上很多人问 github 绑定域名要不要备案,很多人的回答是: 国内主机需要备案,国外主机不用 这个说法是没错的,但是却没有直接回答出 github pages 是否需要备案! 完全放心,作者买了域名还没备案也是可以用的 百哥么么哒 为 github pages 绑定域名很简单,步骤如下: 1.购买域名 国内域名我选择了 万网 ,进入界面搜索域名: ? 3.为github增加解析 解析只需要增加如下格式就好: ? 数字 ip 是 ping 自己 github pages 得到的: ? 4.为自己的github pages 绑定域名 在自己的博客里面增加文件 CNAME: ? 里面的内容只是自己刚才购买的域名: ? 最后更新代码: git add --all git commit -m "update" git push 5.验证域名是否添加成功 进入自己的 github pages 设置,如果以下内容变化就代表成功了
端口占用的情况下,命令hexo server -p {port}可改变监听端口号 关联GitHub Page所在的仓库。在当前文件夹下,找到_config.yml文件,修改repository ? install hexo-deployer-git --save 编辑好Markdown文章后,使用命令:hexo d -g,快速生成和部署远程仓库 部署成功后访问:https://{username}.github.io 的文件,输入域名,如:blog.mariojd.cn 使用命令hexo d -g部署到远程仓库 到域名提供商那里添加相应的域名解析 主机记录 记录类型 记录值 blog CNAME happyjared.github.io
cdn加速这一词,前段时间,网上有许多以文章、图片、视频等形式作过相关报道,主要是为了响应国家号召“提网速降网费”而开放出来的一种网站网速加速服务,然而,很多人不是了解这个,接下来让我们一起了解下cdn cdn加速有什么好处?别走开,答案在下文。 image.png cdn加速是什么? 关于“cdn加速是什么?”这个问题,我们可以从以下来理解。 内容分发网络的英文缩写就是cdn,为什么需要cdn加速呢? cdn加速有什么好处? cdn加速的好处有以下这些。 1.提升该网站的排名。简单来说,一个网站打开速度越快,对浏览器是越欢迎的,相反,打开很慢,浏览器甚至可能拒绝该网站的搜索。 2.网站不瘫痪。 由于cdn加速技术可以把文件存储在不同服务器,可以减少网站因为带宽而产生的费用。 通过上文的介绍,我们对cdn加速是什么和cdn加速有什么好处的问题,有了一个初步的了解。
cdn加速是现如今非常火爆的加速方法,但是大家对如何做cdn加速并不是非常的了解。 然而网络加速器的出现能够解决这一难题,cdn加速器内部工作原理是网络数据的分发与传输,利用cdn加速网络数据传输不再是单一的传输模式,而是使用分时段多线程的传输方法。 因此现在在生活中cdn加速是很多服务器选择的优先加速模式。 如何做cdn加速 首先大家要通过网络服务器选择一个cdn加速的模块,在cdn加速模块中要输入自己的加速服务器域名,此时cdn加速模块会自动对域名进行解析。 如果最终生成了解析代码并且网络也提示解析成功,说明了服务器已经开始使用cdn加速。 通过上面的内容大家肯定学会了如何做cdn加速。
CloudFlare CloudFlare提供的不仅仅是CDN,而是一个快速、敏捷、安全的全球网络。 CloudFlare通过全球边缘网络实现超快速的静态和动态内容交付。 通过CloudFlare Pages实现反代 1.直接上传反代脚本. 首先创建CloudFlare Pages服务,选择直接上传. {gird-item} {/gird-item} {gird-item} {/gird-item} 2.将脚本文件托管在Github上,可实时更新. 由于CloudFlare Pages自带的免费pages.dev域名国内访问也是很不稳定,这里极其建议同学们绑定自定义域名进行访问! 配置Github加速文件的边缘缓存 选择你得域名,点击 规则 => 页面规则 => 创建页面规则 如图所示,设置以下规则,并保存部署页面规则即可.
内容分发网络(CDN)通过将站点内容发布至遍布全国的海量加速节点,使用户可就近获取所需内容,避免网络拥堵、地域、运营商等因素带来的访问延迟问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
扫码关注腾讯云开发者
领取腾讯云代金券