Typora + Gitee + PicGo 搭建个人博客图床
typora+gitee+PIcGo搭建个人博客图床前言当上传本地markdown文件到csdn或者自己的博客网站时,本地图片连接会失效。
所以,我们可以结合gitee和picGo软件案件自己的个人图床,解决该问题,只要gitee仓库还在,不用担心图片和谐和稳定问题。
同时将md文档的图片用图床链接显示,可以直接将md文档复制粘贴到csdn中,csdn博客的图片可以正常显示,非常方便。
什么是图床
**图床是一种在线存储图片的服务,通常用于在网页、博客等互联网平台上存储和分享图片。**图床服务允许用户将图片上传到服务器,并生成一个唯一的URL链接用于访问这些图片。这样一来,用户可以在发布文章、发表评论或者分享内容时,直接引用这些图片的链接,而无需将图片文件直接插入到内容中。图床服务的优势在于可以减轻网站或博客的服务器负担,提高页面加载速度,同时也方便了用户管理和分享图片资源。常见的图床服务提供商包括七牛云、腾讯云、阿里云等,此外,也有一些开源的图床工具可供用户自行搭建和使用。
准备工作
首先电脑得提前完成安装如下:
nodejs环境(node ,npm):【安装指南】nodej ...
解决 Halo 博客文章中 Gitee 外链图片无法显示的问题
解决Halo博客文章中gitee外链图片无法显示的问题前言在使用 Halo 博客平台撰写 Markdown 文章的过程中,我遇到了一个令人困扰的问题:文章中的图片链接来自 Gitee 图床,但在 Halo 博客中却无法正常加载显示。
一、问题现象具体表现如下:
我使用的是 PicGo 配合 Typora,在本地写 Markdown 时上传图片至 Gitee 图床;
在本地预览(Typora)中,图片正常显示;
将 Markdown 文件直接上传到 CSDN 等平台时,图片也能显示;
直接用浏览器打开 Gitee 图床链接,图片可以访问,无需登录;
但在 Halo 博客中发布文章后,图片全部加载失败,呈现空白。
二、本质原因经过一番搜索与排查,我发现这是由 Gitee 图床开启了防盗链机制 导致的。
简单来说,Gitee 只允许浏览器直接访问其图片链接,但禁止其他网站通过 <img> 标签引用其图片,以防止盗链滥用。
而 Halo 博客在展示文章时,会从其他源(如 CDN 或独立域名)加载页面内容,此时发送图片请求的 Referer 不是 Gitee 允许的来源,从而被阻 ...
picgo批量转移md文档的图片
picgo批量转移md文档的图片前言在日常的博客写作中,很多开发者习惯在本地使用 Markdown 编辑器(如 Typora)配合本地图片进行创作。然而,当我们需要将这些文章发布到线上平台时,常常会遇到图片链接失效、需要手动逐一上传并替换链接的痛点,极其耗费精力。
本文分享一个高效的自动化解决方案:利用图床神器 PicGo 及其强大的 pic-migrater 插件,一键批量将 Markdown 文档中的本地图片(或旧图床图片)迁移并上传到新的个人图床中。告别繁琐的手动传图,极大提升文章发布与管理的效率
一、搭建个人图床参考https://likerhood.github.io/2026/04/11/003%20typora+gitee+PIcGo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E5%9B%BE%E5%BA%8A/
二、安装插件pic-migrater打开 PicGo, 在插件设置中搜索 pic-migrater ,点击安装即可
三、配置插件在插件配置中点击 pic-migrater 的设置中点击配置pic ...
如何用服务器搭建 Halo 博客
如何用服务器搭建Halo博客前言概览Halo 是一个现代化、轻量级、界面美观的博客系统,它基于 Spring Boot 构建,支持多种主题切换与插件扩展,拥有活跃的社区生态,是技术爱好者和内容创作者搭建个人博客的理想选择。
在正式开始搭建 Halo 博客之前,我们需要提前准备以下资源:
一台服务器:可以选择云服务平台如阿里云、腾讯云、华为云等。建议选用国内服务器以获得较快访问速度。
一个域名:可通过阿里云、腾讯云等平台购买。
域名备案:如果使用国内服务器,则域名需备案,通常需要提供身份证和网站用途等信息,预计 1~7 个工作日。
当然,如果不想购买域名,也可以去闲鱼等平台租一个域名试玩一下~
安装指南
使用 Docker Compose 部署 | Halo 文档
一、租服务器和申请域名在开始搭建博客前,我们首先需要准备两个关键资源:服务器和域名。
1.1 🖥 服务器购买建议我个人是在 京东云 上购买的「轻量云主机」,一年价格较为划算,非常适合个人博客使用。
常见的云服务器有两种形式:
轻量云主机(推荐)
适合个人开发或搭建博客
资源固定(CPU、内存、带宽)
按年购 ...
使用nvm安装node.js
使用nvm安装node.js前言概览Node.js 的更新迭代非常迅速,不同项目间常常需要搭配不同版本的 Node。为了避免频繁手动卸载、重装所带来的麻烦,你可以使用一个专门的版本管理工具——nvm(Node Version Manager),它可以:
🔄 轻松安装不同版本的 Node.js
💡 一句话就切换版本,无需 root 权限
❌ 避免旧版本残留和路径冲突
安装最新的 LTS 或者项目所需的精确版本都能轻松实现。本文基于windows实现nvm安装和nodejs的切换。
一、准备工作
之前没有下载过node.js的同学可以跳过这一步。
1.1 删除旧版本node.js
在**“设置 → 应用和功能”或者控制面板 -> 卸载程序 -> 卸载nodejs里卸载 Node.js。建议使用geek软件**删除。
运行命令:npm cache clean --force。
确认 node -v 或 npm -v 不再返回版本号。
1.2 删除残余路径删除以下文件夹:
123456C:\Program Files (x86)\NodejsC:\Program ...




