什么是内容分发网络（CDN）：
前言： CDN是一种分布式网络架构，通过在全球多个服务器节点上存储网站和应用程序的静态资源，提高这些资源的访问速度和性能。
原理： 当用户请求访问网站或应用时，CDN会自动将请求路由到最近的服务器节点，从而减少数据传输的延迟，提高加载速度。
优势：
快速加载： CDN通过使静态资源更靠近用户，减少了加载时间。
降低带宽成本： 通过在全球分布数据，CDN可以降低源服务器的负载，减少整体带宽使用。
提高稳定性和可用性： 分布式节点提供了冗余，即使某个节点故障，其他节点仍然可以服务用户请求。
作用：
加速网站加载速度。
提供更好的流媒体服务。
保护网站免受恶意攻击，如分布式拒绝服务攻击（DDoS）。
改善全球用户体验，特别是对于国际访问者。
使用CDN前注意事项网站域名需备案，需个人实名认证！
多吉云免费CDN为什么我推荐选择多吉云？因为多吉云使用的是腾讯云的服务，稳定且有保障！速度方面无需担心，而且多吉云有每个月提供免费套餐。上手成本低，价格也不错。
免费套餐具体如下：
CDN流量包：20G所有云产品通用（每个月发放）可用于加速博客
云存储：10G ...
购卡说明本店铺一切卡均属中国四大运营商（中国移动、中国电信、中国联通、中国广电）分发的正规SIM卡，不是物联网卡！可以正常打电话、收发短信。
下单请看清楚通用流量和定向流量，建议买长期20年套餐，短期的不太划算。还有就是看清楚有无语音以及语音收费情况。
激活请看清楚要求年龄和激活时需要充值的金额不然激活失败！
免费下单地址【博主专属优惠链接】推荐：点击跳转
备选：点击跳转
如果觉得好用欢迎向身边的朋友推荐！
售后及代理申请代理申请以及问题咨询联系我
钉钉（复制链接到钉钉打开或者复制钉钉号加我）：yejiuluo
微信（备注来意）：xingchen-lihao
长期更新最新活动阿里云·云小站 欢迎你！2核2G 3M固定带宽不限流量，新老同享，新购、续费同价，开发必备！点击跳转
2024-10-16活动：博主专属阿里云9折优惠
阿里云-云工开物300大学生优惠券领取地址：点击跳转
2核1g 3mbps/年轻量云服务器（可用上面的300优惠券直接满减免费购买一年）购买地址：点击跳转
7个月学生服务器领取地址【需支付宝学生认证或者通过学信网认证】：点击跳转
阿里云小站【幻兽帕鲁游戏服务器一键安装，30元以内即可购买一个月】：点击跳转
大学生300元无门槛优惠券领取：点击跳转
免责声明2023-11-11：本页为阿里云官方活动跳转页面，最终解释权归阿里云官方所有，最新活动动态以阿里云官方的解释为准，本站数据仅供参考。
前言本站从2021年1月14日开始建设，到现在（截止本文发布）也是有1360天了。从最开始的什么都不懂，使用简单小白化自动化动态网站生成工具Zblog、Wordpress这种稍微知名免费的开源项目搭建的一个资源分享站点。到后来慢慢的也作为个人学习生活中的一个笔记博客。
现在本站采用的是Hexo这个静态渲染器配合安知鱼主题作为本站的原始底层，然后在此基础上按照个人喜好修改了部分，比如右键菜单，友情链接的一些多余部分。主题也是经历的多次变更最终稳定到了现在。
本文呢也会分享一下我目前的博客图床方案以及搭建本站遇到的相关问题。
1.我的图床方案作为记录性博客，肯定避免不了图片或者视频的记录使用，本站的图片存储选择使用的是cloudflare r2存储桶+2022年以前的GitHub仓库存储法然后改为私有加速，接下来我将详细讲讲详细的内容。
首先建议大家使用webp格式的图片，将相关图片保存后手动压缩转格式存储，这样的话可以有效减少图片存储和优化加速访问。比如目前我的部分图片压缩存储后的占用如下：
1.1使用Github仓库+Vercel搭建通过此方案是完全免费的，但是Github仓库搭建的 ...
新建一个项目文件夹今天这个项目与之前那个项目可以分开，给这个项目新建一个文件夹在本文件夹内打开终端
编辑文件首先在这个项目根目录下创建webpack.config.js文件
const path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', // 入口文件 output: { filename: 'bundle.js', // 输出文件名 path: path.resolve(__dirname, 'dist') // 输出路径 }, plugins: [ new HtmlWebpackPlugin({ title: 'Hello World', // 生成的HTML文件的标题 filename ...
小插曲镜像配置如果你的npm拉取软件包缓慢，请配置以下镜像：
npm config set registry https://registry.npmmirror.comnpm config get registry
配置好后终端应该会返回https://registry.npmmirror.com。
即代表你成功配置npm镜像，因为我们配置了npm淘宝的国内镜像，就不需要使用cnpm了。按照下方教程继续跟进即可。
开始由于我们课程使用的环境原因，开始之前，请卸载我们前面安装的新版Vue CLI（也称为vue-cli或@vue/cli），不然创建的项目可能导致与我们课程不同步。
打开命令提示符（CMD）：
按下Win + R，输入cmd，然后按下Enter。
在命令行中输入以下命令并执行：
npm uninstall -g @vue/cli
执行这些命令后，Vue CLI 将从你的全局npm包中卸载。如果你想要清理npm缓存（可选），可以运行以下命令：
npm cache clean --force
请注意，卸载全局包可能会影响其他项目，如果其他项目依赖于该全局安装的V ...
基础概念什么是Vue？概念定义：
渐进式JavaScript框架。
web前端框架。
特点：
简单易学，性能优秀。
提升开发体验。
适用场景广泛。
为什么使用Vue？Vue.js 是一款构建用户界面的渐进式框架，它的设计目的是简化 web 开发。Vue.js 使用简洁的、声明式的代码来描述用户界面和交互。Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定到底层的 Vue 实例的数据上。
使用 Vue.js 的好处如下：
简洁：Vue.js 简洁的代码和易用的语法使得学习、理解和维护都更加容易。
声明式：Vue.js 使用基于 HTML 的模板语法，开发者只需要关心界面应该是什么样的，不需要关心实现细节。
组件化：Vue.js 将应用程序分为组件，使得代码更加模块化，易于维护和扩展。
响应式：Vue.js 使用响应式设计，当数据发生变化时，视图会自动更新，开发者不需要手动更新 DOM。
性能优化：Vue.js 使用虚拟 DOM，在实际 DOM 更新之前，先在内存中模拟一次 DOM 更新，这样可以减少不必要的 DOM 操作，提高性能。 ...
仅备份个人平时使用的一些接口，平时做网站之类的可以直接调用QQ的头像直链直接使用其作为用户头像。
腾讯QQ获取QQ用户普通头像http://q1.qlogo.cn/g?b=qq&nk=QQ号码&s=100http://q2.qlogo.cn/headimg_dl?dst_uin=QQ号码&spec=100
获取QQ用户高清头像http://q.qlogo.cn/headimg_dl?dst_uin=QQ号码&spec=640&img_type=jpg
获取QQ用户昵称http://users.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?uins=QQ号码
网易云音乐获取网易云音乐免费音乐的直链（付费歌曲不支持）：https://music.163.com/song/media/outer/url?id=替换为音乐ID.mp3
获取网易云音乐的歌曲歌词：https://music.163.com/api/song/media?id=歌词id
CloudFlare-R2Cloudflare 是全球优质的云服务商，许多人都知道它提供免费的CDN服务，还可以一定程度抵御网络攻击，但是国内的站套上后可能会出现降速的情况，所以使用情况有一定局限性。
CloudFlare R2是我们的赛博大善人CloudFlare简称CF提供的一种基于S3的存储桶服务。CloudFlare R2 是该公司提供的对象储存业务。使用这个服务作为图床是我目前选择的新方案，免费额度高，即使超出费用也不高。
具体的定价可以查看官网链接：Pricing · Cloudflare R2 docs — 定价 ·Cloudflare R2 文档
免费额度
超出收费
储存
10 GB /月
A类操作
1百万次请求/月
$4.50 /一百万次请求
B类操作
1千万次请求/月
$0.36 /一百万次请求
以上表格根据本文发布时为例，实际情况请以官方情况为准！
PicList官网：https://piclist.cn/
PicList是一款高效的云存储和图床平台管理工具，在PicGo项目的基础上经过 ...