简单几步，利用Serverless，让COS中文件变更自动刷新CDN！ 背景 这几天遇到这样的一个场景，相信也是大多数的站长会遇到的一个问题： 自己的一个个人站点使用了COS作为前端静态资源的存储（JS、CSS、图片等等），同时开启了CDN作为资源的加速分发，为了最大的达到加速效果，把这些资源的缓存时间设置30天及以上。某一天，自己的站点需要变更一下css样式，修改完之后扔到COS中，发现站点中的样式仍没有生效。最后想起是命中了CDN的缓存，因此需要到 CDN控制台 进行URL刷新。 现状 目前COS（对象
本实践将引导您在使用腾讯云对象存储 COS 上传对象时，借助云函数 SCF 实现自动刷新在 CDN 上指定的缓存文件，让其自动获取到更新后的资源。
本教程依赖Node.js（不低于 10.13，建议使用 Node.js 12.0 及以上版本），Git，Vscode环境，Coding，腾讯云，Lean Cloud需前置安装或注册账号。
当静态内容需要更新时，通常会往 COS 覆盖上传一个更新版本的资源或删除该资源。若您配置的 CDN 缓存过期时间较长，则 CDN 的某些边缘节点可能会仍然缓存旧资源。缓存过期时间太短，则会影响到加速的效果。具体详情请参见 节点缓存配置 的相关信息。
SCF能实现事件式的触发，让你的一段代码跑在云上，无需自己去搭建服务器。而这里我们要利用能力：COS文件上传/删除的触发器。
腾讯云边缘安全加速平台 EdgeOne（以下简称 EdgeOne）依托腾讯的边缘计算节点，提供加速与安全解决方案，护航电商与零售、金融服务、内容资讯、游戏等多个行业，全面提升用户体验。
博客的文章经常需要插入图片，如果我将文档与图片放在一起，那么图片的加载速度将会很慢，于是我使用了图床。
前言 性能问题简介 应用性能是产品用户体验的基石，性能优化的终极目标是优化用户体验。当我们谈及性能，最直观能想到的一个词是“快”，Strangeloop在对众多的网站做性能分析之后得出了一个著名的3s定律“页面加载速度超过3s，57%的访客会离开”,可见页面加载速度对于互联网产品的重要性。 速度在Google、百度等搜索引擎的PR评分中也占有一定的比例，会影响到网站的SEO排名。“天下武功，唯快不破”，套在性能上面也非常适用。 性能指标 性能优化是个系统性工程，涉及到后端、前端、移动端、系统网络及各种基础设
自从2021年12月20日，jsdelivr因为“某些原因”，在大陆和台湾的ICP证书被吊销。可以说，这让国内的开发生态瞬间天塌一般。目前，虽然jsdelivr已经恢复了服务，但是这只是通过在“中国附件”的节点提供的CDN加速服务，速度上还不如放到本地。这种反向加速的CDN服务，我们已经可以认为jsdelivr已经挂了。
本文的图片全部使用该工具上传，然后通过 Staticaly 进行cdn加速（这个在上传的时候自动生成链接。）
在我们前几章的讨论中，我们已经详细探讨了LNMP、缓存与消息队列，以及负载均衡的各种应用场景和实现方式。这些技术都是构建高效、可扩展和可靠的网络服务的重要工具。然而，随着互联网技术的不断发展，我们面临的挑战也在不断变化和升级。在这一章中，我们将把视线转向更为前沿的技术领域，深入研究CDN、流媒体和边缘计算，并从应用场景的角度进行详细介绍。
首先查看自己是否安装 NPM，如果没有安装 NPM，请查看 下载并安装.NET Core SDK[1]
之前有个带权限验证的CDN服务，没有同步开通海外CDN，一直用一台香港的服务器提供文件服务。为了实现和CDN一样的权限算法，是用Node做的服务器。JS做权限验证逻辑当然是非常轻松的，但是Node做文件服务就有点力不从心了，读文件流，写http流，零拷贝不知道怎么实现，似乎还有定位不出来的内存泄漏之类的问题，服务过几天就莫名其妙的会死一下，还要写个监控把它拉起来。
最近看了@Tualatrix Chou所写的使用 jsDelivr 来优化网站访问速度,深受启发又加之自己采用Hexo博客框架搭建了一个静态化的博客,同时采用github Page 进行托管，虽然加上Cloudflare的CDN来加速，但是实际上某些情况下还没有直接访问的速度快，当然加了总比没加好;
申请ssl证书(https://freessl.org) => 正常企业还是使用收费ssh(http协议默认运行在80端口,https默认运行在443端口)
云开发提供了一项静态网页托管的业务(云开发静态托管), 你可以将你的静态资源（HTML、CSS、JavaScript、字体等）上传到云端, 由腾讯云对象储存和边缘CDN进行分开.你可以将它理解成类似 Github Page 的业务.
网站性能监测与优化策略 0.引言 作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动端快速发展的时代，我们的网页不仅只是呈现在用户的PC浏览器里，更多的时候，用户是通过移动产品浏览我们的网页。加之有越来越多的开发者投入到Web APP和Hybrid APP的开发队伍中，性能，又再一次成为了被程序员们重点关注的话题。我曾经看到过这样一句话：一个网站的体验，决定了用户是否愿意去了解网站的功能；而网站的功能，决定了用户是否会一票否决网站的
Docker 变得越来越流行，它可以轻便灵活地隔离环境，进行扩容，运维管理。对于业务开发者而言，随着持续集成的发展，对代码质量及快速迭代的要求也越来越高。
生成一个Token 在主页依次选择【Settings】-【Developer settings】-【Personal access tokens】-【Generate new token】，填写好描述，勾选【repo】，然后点击【Generate token】生成一个Token，注意这个Token只会显示一次，自己先保存下来，或者等后面配置好PicGo后再关闭此网页
计算机网络把各地的计算机连接了起来，只要有一台可以上网的终端，比如手机、电脑，就可以访问互联网上任何一台服务器的资源（包括静态资源和动态的服务）。
Hexo是一款简洁且高效的博客框架，我一般称呼为Hexo博客引擎。使用Hexo，可以快速根据自己本地的博客配置和文章内容自动创建为纯静态的博客网站。对比Wordpress这样的动态博客框架，有以下特点：
CDN 的全称是 Content Delivery Network，即内容分发网络。CDN 是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN 的关键技术主要有内容存储和分发技术。 —— 摘自《百度百科》
自从 2018 年开始写公众号之后，我的个人站点（fwhyy.com）就停止更新了，直到最近查资料发现了hexo 博客的 stellar 主题，春节期间重新将博客维护起来，主要原因是因为该主题支持专栏的功能，点击「阅读原文」可以访问博客。
TensorFlow.JS，之前就发现这个好玩的东东，但是一直没有时间去看，作为一名深度学习者，没有折腾的心是不行的。我们都知道深度学习在工业和实际项目中有着很好的应用，但是如果用深度学习去做些有趣的应用也是很好玩的。
今天给大家最近蛮火的 Hexo 静态博客框架，熟悉明月的都知道明月最近几天一直都在折腾研究 Hexo 静态博客框架的博客站——『明月登楼 Hexo 博客』（hexo.imydl.tech），其实这个博客明月很早就有了（可参考「开始体验 Hexo 纯静态化博客平台」一文），至今都快 8 个多月了，期间被搁置了一段时间没有搭理过，最近又仔细深入的研究折腾了一番收获不少，今天就给大家来讲讲这个 Hexo 静态博客框架。
一本好的入门书是带你进入陌生领域的明灯，《CDN技术详解》绝对是带你进入CDN行业的那盏最亮的明灯。因此，虽然只是纯粹的重点抄录，我也要把《CDN技术详解》的精华放上网。公诸同好。
本以为 coding pages 与腾讯云合作后会更好，没想到正是这种初期 bug 不断，速度也是非常慢。比 gitee, 甚至 github 都要慢很多了。所以决定放弃 coding 了，本想挂到云服务器上，但是这个云服务器只续费了半年，可能不会再续费，前几天看到用腾讯云的 cos 桶 xml 制作动态相册的文章，知道了对象存储这个玩意，腾讯云 COS 提供免费 50G 的存储空间，还有 CDN 加速服务，我觉得是个不错的选择，部署后发现速度还挺好。 适用于 hexo, hugo 等静态博客的部署。
CDN的重要性不仅仅在于CDN的业务本身，更重要的是CDN的基础设施属性，CDN节点是全球分布的，随着5G的正式商用，目前来看，CDN的规模最大、算力最强，将成为布局边缘计算最佳的位置。但是边缘计算不是孤立存在，是必须跟云中心协同的。本文介绍从CDN的角度思考如何打造一个云边端协同的边缘计算平台。
阅读统计和访客统计使用的都是不蒜子，因为使用的是NexT主题，只需要添加一下配置就可以了。
构建工具有很多，比如Npm Script任务执行者、Grunt也是任务执行者、Gulp基于流的自动化构建工具、Fis3百度构建工具、Webpack打包模块化JavaScript工具和Rollup模块打包工具。
关注前端可以很好地提高性能。如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。而如果关注前端性能，同样是将其响应时间减少一半，则整体响应时间可以减少40%~45%。
Umami 是一个开源的 Self-hosted 的轻量网站统计分析工具。可替代 Google Analytics、百度统计这些工具。适合个人博客、小型网站使用。
这里我使用到的是腾讯云的cos对象存储： https://console.cloud.tencent.com/cos
于是， 我又盯上了 Github Action 的实现发布文章后主动预热网站， 这样在 CDN 中的缓存配置就更通用了。
Vue-Cli脚手架会有webpack的很多默认行为，因此我们得知道基于Vue-Cli的项目，当前的webpack都配置了啥，然后才能做针对性的分析与优化。
前面我们说过，一个项目需要哪些依赖包是需要一个配置文件的，不然别人拿到你的项目之后或者程序运行的时候怎么知道你的项目需要哪些呢？这个文件就是记录该项目需要的一些依赖包的，比如上面的，当我们拿到之后就知道，这个项目需要三个运行依赖和一个开发依赖
webpack在启动后，会根据Entry配置的入口，递归解析所依赖的文件。这个过程分为「搜索文件」和「把匹配的文件进行分析、转化」的两个过程，因此可以从这两个角度来进行优化配置。
大家好，我是鱼皮。前段时间，我不是做了一个面试刷题网嘛，现在这个网站可以说是 危在旦夕 ，估计是别想活着了。
叶嘉梁：腾讯云高级前端工程师，多年从事云计算相关前端工作。现负责腾讯云对象存储前端的工作，致力于挖掘更多云服务的玩法。
而网上有不少的前端的代码高亮库，例如https://github.com/PrismJS/prism-themes 。针对这个样式 我有介绍各种Theme的效果Prism-Themes 代码主题样式效果 (zinyan.com)
最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)
大家好，我是程序员鱼皮。最近我的毛发日渐稀疏啊，都是因为在搞新项目 面试鸭。这是一个面试刷题小程序，能帮大家用最快的速度刷题备战面试、并学到技术。
在vue-cli3中已经将webpack等详细配置（config）去除，我们配置webpack只能在vue.config.js里进行配置，这里我个人总结了一套webpack的优化方案模板并且附有我个人的讲解（尚在研究中）。 总体优化这几个方面：
CDN的全称是ContentDelivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
大家为了能够拥有更加完美的上网体验，同样也是为了自己在玩游戏、看视频的时候没有任何的卡顿，在生活中一定要选择一个合适的网络加速器。在网络加速器的帮助之下能够使网络数据传输更加平稳，经历了长时间的发展以来cdn加速已经获得了很多人的认可。但是很多人使用cdn加速之后并不知道如何判断cdn已生效？其实判断方法很简单。
我们每一次学习一个框架，比如像几年前的 jQuery，以及其他的第三方 javascript 实用库：loadash，underscore，dayjs，等等，我们都需要引入这些库的源文件才能使用这些库的 API，所以我们的 vue3.0 也不例外，同样需要引入，当然，我们引入的方式可能各式各样，我们需要根据自己的使用情况来以不同的方式引入框架的源文件。
随着互联网技术越来越发达，大家对于网速的要求同样非常的严格。如果网速过慢将会影响大家的网络浏览体验，但是随着各种网络加速器的出现，让大家浏览网站的速度又有了飞速的提升。很多人在玩游戏的时候正是因为有了游戏网络加速器，才不会出现各种卡顿。cdn加速是现如今非常火爆的加速方法，但是大家对如何做cdn加速并不是非常的了解。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
