博客调整为MarkDown和图床外链、配置Gitee作为图床

2024-06-16 06:58

本文主要是介绍博客调整为MarkDown和图床外链、配置Gitee作为图床,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

PS:要转载请注明出处,本人版权所有。

PS: 这个只是基于《我自己》的理解,

如果和你的原则及想法相冲突,请谅解,勿喷。

环境说明

  无

前言


  一直以来,我都想把我写的文章CSDN给备份下来,一个是我想做一些本地备份,保护我的创作文章,二一个是方便的移植发布到其他的平台,可能接触过的朋友知道,这是一个头疼的事情,其中最麻烦的事情就是图片问题。最近因为做了一些总结性的工作,于是想把这个问题解决掉。

  这里我采取的方案是MarkDown+图床外链的方式。其实以前也了解过这种方式,一直以来没有时间去整理。

  MarkDown是一种比较不错的语言,我们常见是用于rep的readme文件,其次就是写文章用来做格式控制比较不错,而且兼容一些html语法。图床就是可以通过http链接显示图片的网站,目前有许多的网站,有的收费,有的访问慢,有的不稳定。于是我这里根据我的喜好,选择了gitee pages功能作为我的blog文章的图床。类似的还有github也可以作为图床。

  有了图床+MarkDown写的文章,我的文章就可以很方便的本地浏览以及发布到多个平台,而不用担心图片的问题,就像我们写的程序源码那样,保证可移植性。最最最最重要的是,我们可以备份自己的文章,在离线状态下,通过MarkDown浏览器,可以正常查看自己的文章,包括查看图片。

  于是从这篇文章开始,我的所有文章将会启用这种方式,同时,本文也算是一个配置实例。





通过Gitee Pages功能创建一个属于自己的图床


  其实图床搭建是很简单的,就是一个简单的http服务器,只是考虑到各种cdn加速,资源访问问题,所以我们要选用一个稳定的、较大的服务商作为我们图床。从本质来说,图床就是一个http服务器,我们可以通过http链接,访问我们存储的图片。

  GiteePages功能就是把我们gitee rep 根目录作为一个http服务根目录,然后提供链接,我们就可以访问到我们的仓库文件,包括文本、二进制、图片等。



Gitee 创建一个公开仓库

  首先注册一个Gitee账号,登录到Gitee。如图点击新建rep,然后填写rep 名字,注意选择开源为公开,选择一个开源协议,点击初始化readme,点击创建即可。

rep_img
rep_img


Gitee 开启GiteePage功能

  这个功能就是开启一个http服务器,http根目录指向我们的仓库根目录,然后即可通过url加上相对路径,即可访问我们的文件。
  首先点击如图的地方,切换到gitee pages页面,然后点击如图的启动按钮,然后等待一会儿,就会到最终的目录,画框中的url就是图床的http url。如果你更新了rep,一定要点击更新,重新启动一下gitee pages 服务,然后才会应用你push 的最新maser分支。

rep_img
rep_img
rep_img


Gitee Page配置及使用示例

  在这个仓库根目录创建index.html 和 404.html,gitee给的http服务器将会把域名首页指向index.html,如果访问出错,将会指向404.html。html怎么写,这里就略过了。
  比如这里的两个链接,这个是我创建的图床index( http://sky-x.gitee.io/image-bed0/ )和错误访问的404网页( http://sky-x.gitee.io/image-bed0/no-exsit )。

rep_img
rep_img

  然后在这个仓库里面存放自己的图片就行,访问的路径就是对应的rep文件路径,参考下图和图床地址。例如本文创建仓库的实例图片(图床地址: http://sky-x.gitee.io/image-bed0/blogs/blog_idx_100/create_rep.png )
  注意:image-bed0 是你刚刚创建仓库的地址,blogs/blog_idx_100/create_rep.png是你仓库中要显示文件的相对路径。

rep_img




后记


  由于我们这里的图片外链放的是我们的原图,最好还是加一加水印,然后放外链,避免盗图情况的发生。
  由于本文的这些操作只能够对新的blog文章生效,对于旧的文章,暂时没有好的解决方案。我可能采取一个比较笨的方案,下载已有文章中的markdown文件,下载文章对于的图片。这又是一个比较大的工程,只有慢慢的弄了。




打赏、订阅、收藏、丢香蕉、硬币,请关注公众号(攻城狮的搬砖之路)
qrc_img

PS: 请尊重原创,不喜勿喷。

PS: 要转载请注明出处,本人版权所有。

PS: 有问题请留言,看到后我会第一时间回复。

这篇关于博客调整为MarkDown和图床外链、配置Gitee作为图床的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1065753

相关文章

SpringCloud动态配置注解@RefreshScope与@Component的深度解析

《SpringCloud动态配置注解@RefreshScope与@Component的深度解析》在现代微服务架构中,动态配置管理是一个关键需求,本文将为大家介绍SpringCloud中相关的注解@Re... 目录引言1. @RefreshScope 的作用与原理1.1 什么是 @RefreshScope1.

SpringBoot日志配置SLF4J和Logback的方法实现

《SpringBoot日志配置SLF4J和Logback的方法实现》日志记录是不可或缺的一部分,本文主要介绍了SpringBoot日志配置SLF4J和Logback的方法实现,文中通过示例代码介绍的非... 目录一、前言二、案例一:初识日志三、案例二:使用Lombok输出日志四、案例三:配置Logback一

springboot security之前后端分离配置方式

《springbootsecurity之前后端分离配置方式》:本文主要介绍springbootsecurity之前后端分离配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的... 目录前言自定义配置认证失败自定义处理登录相关接口匿名访问前置文章总结前言spring boot secu

一文详解SpringBoot响应压缩功能的配置与优化

《一文详解SpringBoot响应压缩功能的配置与优化》SpringBoot的响应压缩功能基于智能协商机制,需同时满足很多条件,本文主要为大家详细介绍了SpringBoot响应压缩功能的配置与优化,需... 目录一、核心工作机制1.1 自动协商触发条件1.2 压缩处理流程二、配置方案详解2.1 基础YAML

springboot简单集成Security配置的教程

《springboot简单集成Security配置的教程》:本文主要介绍springboot简单集成Security配置的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录集成Security安全框架引入依赖编写配置类WebSecurityConfig(自定义资源权限规则

SpringBoot中封装Cors自动配置方式

《SpringBoot中封装Cors自动配置方式》:本文主要介绍SpringBoot中封装Cors自动配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot封装Cors自动配置背景实现步骤1. 创建 GlobalCorsProperties

Spring Boot结成MyBatis-Plus最全配置指南

《SpringBoot结成MyBatis-Plus最全配置指南》本文主要介绍了SpringBoot结成MyBatis-Plus最全配置指南,包括依赖引入、配置数据源、Mapper扫描、基本CRUD操... 目录前言详细操作一.创建项目并引入相关依赖二.配置数据源信息三.编写相关代码查zsRArly询数据库数

SpringBoot配置Ollama实现本地部署DeepSeek

《SpringBoot配置Ollama实现本地部署DeepSeek》本文主要介绍了在本地环境中使用Ollama配置DeepSeek模型,并在IntelliJIDEA中创建一个Sprin... 目录前言详细步骤一、本地配置DeepSeek二、SpringBoot项目调用本地DeepSeek前言随着人工智能技

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

如何自定义Nginx JSON日志格式配置

《如何自定义NginxJSON日志格式配置》Nginx作为最流行的Web服务器之一,其灵活的日志配置能力允许我们根据需求定制日志格式,本文将详细介绍如何配置Nginx以JSON格式记录访问日志,这种... 目录前言为什么选择jsON格式日志?配置步骤详解1. 安装Nginx服务2. 自定义JSON日志格式各