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

零成本搭建个人博客之图床和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,其中UserName和RepoName分别修改成自己的GitHub的用户名和仓库名(很简单的查看方式就是去刚刚创建的图床仓库项目地址下查看) 设定自定义域名: https

35610

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

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

44210
  • 使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床

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

    6.2K20

    个人博客搭建(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

    80020

    【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

    零成本搭建个人 APP 和小程序后台

    前言前面也说了,通过 GitHub Pages+GitHub Actions 只是解决了动态数据展示,但是要零成本得完成将用户信息存储下来,并实现数据交互呢?...vercel-php 版本和 Vercel 上的 NodeJs 版本冲突,和一些配置问题。代码提交推送后,Vercel 没有完成自动部署等等。...Typecho: 博客程序 ,其他语言的像 Flask 也行,开源免费,下载或自行编写。...后端程序部署以下简单介绍 php 和 python 两种语言的 hello world,和有数据库连接的博客程序,第一步是后端入口文件都不能放在项目的根目录下,放在新建文件夹的 api 中,并添加 vercel.json...这时候就可以用自己备案过的域名再 Vercel 中搭建一个中转,小程序请求自己的域名,而部署的程序请求别人的地址,更多玩法待后续更新了……

    19010

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

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

    2.2K102

    使用腾讯云轻量服务器 + 腾讯云 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.7K50

    在腾讯元花了1元搭建了一个图床

    双11活动薅了个羊毛,花了1块钱买了一年的存储服务,正好可以为我的博客做图床使用。本文就来看看存储服务如何成为图床的。如果也想薅羊毛的,赶紧去双11活动页面,不要错过这次机会。图床是什么图床是什么?...图床是指储存图片的服务器。博客中避免不了图片的存在,发布在其他博客平台不需要自己搭建图床,但是个人博客中就需要自己的图床。这个时候有几种方案:使用免费的图床,但是存在被关闭的风险。...将博客和图片放在一个服务器上,需要考虑CDN配置。购买服务器搭建一个图床服务,但是需要自己开发。使用对象存储服务+图床工具搭建图床服务。...考虑到免费的风险以及自己购买服务器需要投入开发、CDN等成本,我选择了第四种方案。如果有跟我一样选择第四种方案的,请继续下面的步骤。...图床工具我选择了 PicGo ,安装 PicGo 后,在图床设置里找到腾讯云 COS,并配置以下相关参数项就算搭建成功了。

    8710

    COS&CDN防盗刷方案

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

    16.8K179

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

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

    2.6K11

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

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

    5.1K31

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

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

    3.4K10

    基于Typora的一站式图床解决方案

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

    48020

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

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

    13.4K51

    手把手教你搭建个人博客

    前言花了几天时间,搭建了自己的个人博客,也算是完成了年初立的一个flag,欢迎大家访问。本文就记录下搭建个人博客的全过程,包括步骤与注意事项,希望为有意搭建个人博客的同学们提供一份参考。...博客图床图床是什么图床是什么?图床是指储存图片的服务器。博客中避免不了图片的存在,发布在其他博客平台不需要自己搭建图床,但是个人博客中就需要自己的图床。...这个时候有几种方案:使用免费的图床,但是存在被关闭的风险。将博客和图片放在一个服务器上,需要考虑CDN配置。购买服务器搭建一个图床服务,但是需要自己开发。使用对象存储服务+图床工具搭建图床服务。...考虑到免费的风险以及自己购买服务器需要投入开发、CDN等成本,我选择了第四种方案。如果有跟我一样选择第四种方案的,请继续下面的步骤。...以上的步骤操作完之后,个人博客就算是搭建完成了。站点运营百度收录个人博客站点建设完成只是第一步,如果想要给博客带来更多的流量和曝光,就要借助一些工具提高在搜索引擎中的排名,比如百度收录。

    29000

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

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

    1.5K10

    搭建博客图床

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

    1.2K10
    领券