首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

零成本搭建个人博客之图床和cdn加速

问题: 如何免费搭建个人博客,同时确保高质量的图片展示和 CDN 加速?

答案内容: 要免费搭建个人博客并实现高质量图片展示与CDN加速,您需要关注以下几个方面:

图床选型与搭建

首先,您可以选择使用免费的图床服务或搭建自己的静态站点服务器作为图片存储。以下是两个常见的选择:

  1. 免费图床服务:- imgur(需要使用 Imgur Pro) - photobucket(使用收费套餐) - tinypng(在线图片压缩工具,需手动上传)
    • 优点:易于使用,无需进行底层服务器搭建
    • 缺点:稳定性及带宽有限制,安全性可能较低
    • 使用示例与推荐链接:
  2. 搭建静态站点服务器及自建图床:- LiteSpeed (一款免费的开源服务器软件) - 宝塔面板 (一款易用的服务器控制面板,支持一键搭建Litespeed服务器) * 注意事项:使用自建图床需确保服务器安全可靠,避免出现图床被污染、服务器被黑客攻击等风险
    • 优点:高度定制,可充分利用您的服务器资源,确保稳定的图片存储
    • 缺点:需安装服务器环境及搭建技术栈,对于入门有一定门槛
    • 使用示例与推荐链接:

图片优化与CDN

为实现高质量图片展示和CDN加速,您需要关注以下环节:

  1. 图片压缩:使用诸如 TinyPNG 之类的工具对每张图片进行压缩,减小文件大小。
  2. 图片格式选择:选择最适合压缩的格式,例如 JPEG、PNG 或 WebP(支持情况各异,不同浏览器需逐个测试)。
  3. CDN选型:使用免费或付费内容分发网络,例如 Google Cloud CDN、Cloudflare、又拍云等。CDN 将图片自动缓存在全球服务器节点并加速访问。例如:- Google Cloud CDN:https://developers.google.com/speed/docs/best-practices/caching - Cloudflare:https://www.cloudflare.com/products/cdn/feature-matrix

基于以上要素,您可以搭建免费图床,对上传的图片进行优化,再使用 CDN 加速实现博客中图片质量的保障。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【开源】使用Typora+PicGo+Github+CDN搭建个人博客

一、什么是是一种在线存储图片的服务,通常用于在网页、博客等互联网平台上存储分享图片。服务允许用户将图片上传到服务器,并生成一个唯一的URL链接用于访问这些图片。...服务的优势在于可以减轻网站或博客的服务器负担,提高页面加载速度,同时也方便了用户管理分享图片资源。...常见的服务提供商包括七牛云、腾讯云、阿里云等,此外,也有一些开源的工具可供用户自行搭建和使用。...二、Typora+PicGo+Github+CDN搭建个人 ☀️2.1 PicGo 打开PicGo,可以看到PicGo默认显示Github的 点击设置->github(将其设置成默认)...设置自定义域名我们使用免费的CDN,其中UserNameRepoName分别修改成自己的GitHub的用户名仓库名(很简单的查看方式就是去刚刚创建的仓库项目地址下查看) 设定自定义域名: https

23410

【开源】使用Typora+PicGo+Gitee搭建个人博客

一、什么是是一种在线存储图片的服务,通常用于在网页、博客等互联网平台上存储分享图片。服务允许用户将图片上传到服务器,并生成一个唯一的URL链接用于访问这些图片。...服务的优势在于可以减轻网站或博客的服务器负担,提高页面加载速度,同时也方便了用户管理分享图片资源。...常见的服务提供商包括七牛云、腾讯云、阿里云等,此外,也有一些开源的工具可供用户自行搭建和使用。...二、Typora+PicGo+Gitee搭建个人 ☀️2.1 PicGo 打开PicGo,可以看到PicGo默认是不显示Gitee的,需要安装一个插件(见后续) 安装插件gitee-uploader...) 创建仓库 此时可以写入参数repoimg: 点击:个人主页->私人令牌 创建新的令牌 令牌创建成功,记得复制令牌!!!

28410

使用Picgo+GitHub+ jsDelivr搭建CDN加速免费

前言 经常写Markdown或者博客的同学,肯定都要用到是什么呢?其实相当于一个存储图片的网站,类似百度云这样,不过上传图片到后可以直接通过外链进行访问。...今天来聊聊怎么搭建可靠的吧~ 为什么会产生这个需求呢?...毕竟有些博客的图片只是随手一截,还真找不到备份…… 前期准备 平台选择 现在也有蛮多的平台可以选择,常见的有SM.MS、腾讯云COS、微博、GitHub、七牛、Imgur、阿里云...而这里边,SM.MSImgur有免费版也有收费版,腾讯云、七牛、阿里云、又拍云都是收费的,微博据说已经挂了。其他小站的就不推荐了,因为指不定哪天就挂了。...最重要的还是免费,配合CDN加速,访问也不成问题。嗯,就微软爸爸了! ? 工具选择 选择一个本地的上传工具是为了方便我们快速上传图片,获得图片外链。这里首选picgo。 ?

5.8K10

个人博客搭建(3):Typora+PicGo+GithubGitee搭建免费稳定的

在安装的时候安装目录千万不能选C:\Program Files\下的任何地方,因为PicGo无法解析这一路径,如果你不知道安装在哪里的话,选择仅为我安装,否则在设置Typora时会出现错误: Github仓库...[Personal access tokens`](https://cdn.jsdelivr.net/gh/wkif/ImageHosting/kif_img/20200721123456.png) 生成...PicGo配置 配置Github 填写说明 仓库名:按照“账户名/仓库名的格式填写”,比如我的是wkif/ImageHosting 分支名:填写master TOKEN:Token粘贴在这里 路径...可留空,如需自己填写记得末尾加上/ 设定自定义域名:自定义域名的作用是在上传图片后成功后,PicGo会将“自定义域名+上传的图片名”生成的访问链接,放到剪切板上,这里我用到了jsdeliver 的免费CDN...加速,自定义域名需要按照这样去填写:https://cdn.jsdelivr.net/账户名/仓库名/master,比如我的是:https://cdn.jsdelivr.net/gh/wkif/ImageHosting

71720

【hexo博客进阶】2.的使用搭建

前言 在markdown的学习里面,我们知道只有插入超链接的图片,才能使博客速度加快,所以本教程教你如何使用,如果你希望自己搭建一个,也会在本教程提到 使用sm.ms 在网上有很多免费的例如...image.png 之后在下方有不同格式的链接,你可以复制markdown的格式,直接粘贴到文章即可 image.png ---- 如何使用picee 如果是以前,我会推荐你使用picgo,这是一款软件...,可以配置多个平台的,但是经常会因为网络问题,上传失败,于是我找到了替换他的,就是picee 这是一个大佬写的浏览器插件,支持你上传图片到Github,然后自动获取github的链接 这种方法有以下优点...: 可以自己管理的免费 不经常出现上传失败的现象 可快捷输出图片的链接 作为浏览器插件,小巧好用 我将picee进行了优化,把他做成了网页,并且输出的是经过jsdelivrcdn加速的地址,可以让你的博客访问速度达到极致化...博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议 本文永久链接是:https://mrhuanhao.cn/2020/03/23/picee/

1.7K10

【玩转Lighthouse】搭建Hexo博客并将Lighthouse作为网站发布平台

不能少] 前言 相信很多人选择搭建自己的博客,会选择现有的博客系统方案,比如:Wordpress、HexoHalo等。...我个人是推荐Hexo的,相比WordpressHalo,Hexo是全静态博客,没有数据库、对服务器资源消耗也极低,而且可定制化也极高。...[gitnodejs] CDN内容分发节点是可选配置,使用腾讯云CDN节点,可以轻易缓存Hexo资源,加速用户上网体验,并且减缓Lighthouse带宽压力。...Nginx:用于Web服务器,即:发布Hexo打包的静态博客作为 宝塔环境 刚刚我们已经成功SSH登录服务器,之后就是安装宝塔镜像: [安装宝塔镜像] [安装宝塔成功] 之后,记得去服务器后台放行...但是如果你只有一个域名,可以使用Nginx反向代理文件夹为博客文件夹的子文件夹。

2.1K102

使用腾讯云轻量服务器 + 腾讯云 CDN 搭建 Chevereto 加速分发方案

笔者视其默认安装了腾讯云其他服务(DNS, COSF CDN)插件(其实与专享版普通版也就这点区别),更适合新手用户,故作此文。...准备工作 切换轻量应用服务器的应用   登录腾讯云控制台,切换到轻量应用服务器控制台,选中用于搭建的服务器,备份数据(可以使用快照功能或以其他形式备份)后重置应用,镜像选择“宝塔Linux面板(7.5.1...分发 向腾讯云请求创建 CDN 加速域名   回到宝塔面板,打开“腾讯云CDN 1.0”插件,添加 CDN 域名 picbed.itxe.net(上手时请换成自己的 CDN 加速域名)并将 picbed.itxe.net...),将“CDN”改为 启用,“CDN URL”填 https://picbed.itxe.net/ (注意替换为自己的 CDN 加速域名)并保存。...结语   现在你应该就能享受高 SLA 的腾讯云轻量应用服务器节点众多、速度飞快的腾讯云 CDN 为你的提供的支持了。速度虽快,不要大意:源站的存储空间 CDN 的流量费用哦!

4.5K50

COS&CDN防盗刷方案

方案背景近年来随着互联网行业的发展,我们很多开发者小伙伴会使用云服务器、轻量应用服务器等云产品来搭建博客等站点,但是传统iass层产品的外网带宽费用较贵,以至于外网带宽非常小就导致单一站点的访问压力非常大...所以像宝塔、WordPress、开源等软件商,也都推出了对接对象存储、内容分发与网络等云产品的内置插件,来减轻源站的压力并且加速网站的访问速度,并且对象存储产品,还可以有效的减少网站存储空间压力。...后来与小明联系后,才了解到该事情的前因后果:小明购买了一台轻量应用服务器,用于搭建网站,并且将的注册链接发送给了朋友,随着朋友使用的次数增多,轻量服务器本身的磁盘存储空间也捉襟见肘,同时也有较多朋友反馈高峰期时间段图片经常访问失败...,或者首页无法打开,此时小明急需要一个低成本且易用的方案来优化访问速度减轻存储压力。...防盗刷方案对于内容分发与网络产品,我们可能会同时遇到刷请求数型刷流量型的场景,那么我们的应对措施有配置加速域名的防盗链,不要勾选允许空referer访问图片IP 黑白名单配置通过对匿名请求方的 IP

16.2K178

免费的个人博客系统搭建及部署解决方案(Hugo + GitHub Pages + Cusdis)

后来也一直不断在改善博客系统搭建和发布流程,迄今为止对自己的全流程解决方案还是比较满意的,虽然部署搭建上需要进行一些配置,但后续更新维护都很方便,因此,本文将这套免费、开源的个人博客系统搭建及部署解决方案进行全流程记录...我的域名是在 NameSilo 购买的,并通过 Cloudflare 平台进行 CDN 加速,提升访问体验,并实现了域名重定向等功能,关于博客访问优化这一点后续会单独讲解。...图片管理 日常发布的文章中可能会涉及很多图片,将图片存储在静态博客源项目仓库中的话会使项目过于庞大,并且很难二次使用管理,因此,我同样选择了 GitHub 作为工具,并使用 PicGo 客户端进行管理...,在上传前使用 TinyPNG 进行压缩,并使用 jsDelivr 服务为 GitHub 进行加速,这样就可以将所有图片存储在 GitHub 仓库,文章中以外链的方式嵌入图片。...[2022-06-02 更新] 系列教程核心部分已完成: 从开始搭建一个免费的个人博客数据统计系统(umami + Vercel + Heroku) 轻量级开源免费博客评论系统解决方案 (Cusdis

2.3K10

基于腾讯云的个人网站架构

下面以基于腾讯云搭建个人网站为例,对网站整体的架构进行介绍。 网站目前的主要功能是个人博客,后续可以扩展如个人网盘等其他应用。...二、基于COSCDN 1.对象存储COS 由于服务器下行带宽有限,如果图片存储于我们自己的服务器,出现并发访问时可能导致带宽超限,访问速度下降。...所以可以把图片存储到 COS(Cloud Object Storage)中,搭建自己的,这样当博客同步到其他博客平台时,也便于对图片资源进行统一管理。...2.内容分发网络CDN COS的自定义源站域名不支持https访问,为了不影响我们的全站https,并且同时提升访问速度减少流量成本,可以引入CDN服务,开启自定义CDN加速域名,具体步骤见文档。...总结 以上就是一个功能齐全的个人博客搭建过程,大致计算一下成本,云服务器活动期购买一百一年,域名一般几十块一个,而COS、CDN、SCF等产品都有大量的免费额度,且在建站初期流量费用同样是微乎其微,所以总体算下来成本是极低的

5K31

听说前端大佬都在用这些 CDN

想必这个 CDN 大家都不会陌生吧,没准儿在看博客的各位就一直在用着它。...当然,除了以上作用之外,它还可以作为我们加速器,这里不用说,想必许多作者可能都搭配着 Github + jsDelivr 搭建了自己的吧。...75 CDN 官网:https://cdn.baomitu.com 谐音于奇舞,是由 360 前端奇舞团支持并维护的开源项目免费 CDN 服务,支持 HTTPS HTTP/2,囊括了上千个前端资源库...网站的目标是提供这样一个仓库,让它尽可能全面收录优秀的开源库,并免费为提供 CDN 加速服务,使之有更好的访问速度稳定的环境。...总结 以上就是今天分享的所有内容了,如果你正好在开发你的个人网站,但是又苦于响应速度太慢,不妨去试试使用这些 CDN,看看会不会加速网站响应速度呢? - END -

2.2K10

基于Typora的一站式解决方案

图片保存在云端会产生费用成本,目前各家供应商价格不一,居高不下,还害怕服务商有朝一日带着小姨子跑路,人财两空。...速度快、图片可复用:jsDelivr,一家专门为大陆github提供加速cdn运营商,为我们提供了优质的访问速度。...综上所述,使用github作为我们的个人是非常完美的选择,之前我曾写过一篇使用Picgo+github搭建个人的文章(https://tyrantlucifer.com/6.html),有兴趣的读者可以去看看...,但今天讨论的主题不单单是搭建,而是与记录深度结合,实现最完美记录体验。...原理 在Typora更新版本之后,它神奇的支持了Picgo等一些第三方客户端插件,同时还可以支持自定义钩子脚本,在粘贴图片行为发生之后,自动触发,具体文档请参照Typora官方文档,这里不过多赘述

43820

资源 | 分享几个好用免费的

对于开发者,可以将系统中的图像数据(比如用户头像、商品)上传至进行存储管理。而无需自己在服务器本地搭建图片存储服务,省时省力。 随着的概念越来越流行,的功能也越发强大。...在原有图片存储生成访问链接的基础上,通常还提供CDN加速、URL上传、图片压缩、图片裁切、图片水印、图片鉴黄等功能。 但毕竟会占用服务器资源,因此很多服务都是收费的。...推荐指数:90 适用场景:个人用户存储图片 优点: 已上线多年,服务较稳定 上传操作简单 功能强大,上传图片后能得到各种格式的图片链接(如HTML、Markdown) 有CDN加速 缺点: 图片公开存储...推荐指数:80 适用场景:个人用户存储小图片 优点: 已上线多年,服务较稳定 上传操作简单 支持作为PicGo的 缺点: 免费空间略小 国内用户访问较慢 地址:https://sm.ms/ ?...Gitee & GitHub GiteeGitHub都是免费的代码托管平台,也可以将图片像代码一样进行托管在他们的服务器上,实现的存储功能。

12.2K51

如何利用 Github 搭建自己的免费

搭建过程 4. 上传图片 5. 加速访问 6. 推荐 7. 总结 1. 前言 对于写博客的朋友们来讲,这个东西一定不会陌生,而且在一定程度上也给大家造成过一定困扰。...有了,我们在本地写好博客之后,就能够任意复制到其他平台,不用担心图片丢失问题了。 ? 今天的文章就是给大家分享一个搭建免费的教程,既是方便自己后续的复习,也希望对大家也有所帮助。 2....这时候我们就可以用 jsDelivr[4] 进行免费加速,而设置的方法也很简单,只需要在我们 PicGo 配置中添加如下自定义域名即可; https://cdn.jsdelivr.net/gh/用户名...推荐 除开用 Github 搭建的方式之后,我们也可以用 Gitee 进行搭建搭建方式本文大致相同。...总结 至此,我们的搭建免费的教程就到此结束了,总结一下主要有如下几部分: 准备一个 Github 账号; 搭建仓库; 上传图片设置; 加速访问; 免费推荐; 如果你对上面的部分有疑问,欢迎留言或者私信

1.2K10

搭建博客

搭建博客 前言 随着博客内容的增加,文章图片的数量也不断增长,如何引用存储图片就成了一个问题。...对于我这样没什么访问量,只是写给自己看的博客,要求就是简单方便(当然能白嫖最好 ),最后采用 GitHub + JsDelivr + uTools 插件的办法。...如果像我一样仅仅是为 Hexo + github pages 博客搞个,感觉再弄那些就有些麻烦了。...JsDelivr 放在 Github 的资源在国内加载速度比较慢,因此需要使用 CDN 加速来优化网站打开速度,这里就要用到 JsDelivr,更多使用方法可以到官网查询。...我估计是我自己电脑的问题,但也没找到解决方法,就不了了了。 我推荐另一款轻量级的工具 uTools,首先它不是专门的软件,我最开始也不是把它当作图软件在使用。

1.1K10

【玩转Lighthouse】搭建Typecho+Chevereto博客写作环境

[COS]进阶:5.为挂载COS 进阶教程:6.为Chevereto接入CDN 内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容...6.1添加域名 访问腾讯云CDN控制台,添加域名。 [CDN] 按照您的轻量应用服务器配置,填写CDN配置信息。...其中,加速类型选择CDN网页小文件,域名填写您的Chevereto域名,回源ip填写您的轻量应用服务器ipv4公网ip。...[CDN添加域名] 6.2修改DNS解析 然后,在您的DNS解析控制台中将原图域名解析到腾讯云CDN提供的加速域名上,解析类型选择CNAME。...经过上面一系列的配置,您已经成功使用Lighthouse搭建了Typecho+Chevereto博客写作环境,并使用腾讯云COS降低图片存储成本,接入腾讯云CDN加速全球访问速度。

2.9K102

卧槽,又一款 Markdown 组合神器!!!

PicGo 是一款免费的管理应用,支持拖拽上传,剪切板上传等方式。你可以用它快捷地将图片上传到并获得网络链接。...,同时可导出为指定格式,目前大多是技术博客论坛已支持 Markdown 格式,基本上可以做到一次编写多处使用。...的作用可以理解为将文档中的图片放到网络上,直接引用网络地址,这样可以做到无论在那个平台都可以使用统一的图片地址。 搭建教程较多此处不做讨论,作者使用的是 github 搭建的免费。...配置 PicGo (CDN 加速) ?...指定路径:仓库下的指定文件夹 自定义域名:使用了 CDN 加速,配置格式为: https://cdn.jsdelivr.net/gh/用户名/仓库名 设置 Typora ? ?

35320

博客必备!手把手教大家搭建免费,真香!

今天想大家分享一个写博客过程中经常遇到的技术性问题,就是博客图片存到哪里。「因为松哥自己最近搞了一个免费的,感觉还是蛮香的,于是大家伙分享下。」...,所以就想着能不能自己搭建一个。...刚好之前听说七牛云有免费的 10G 空间可以用来搭建个人,一直没有机会尝试,这次就试了下,没想到整个过程还是蛮顺利的,于是记录下来小伙伴们分享下。...安装好之后,在配置里边,配置一下七牛: ? AccessKey、SecretKey 都可以从你的七牛后台的个人中心页面看到,直接复制过来即可。...好了,这就是今天和小伙伴们分享的免费搭建自己的,写博客的小伙伴,可以试试哦。真香。

1.4K10
领券