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

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

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

前置说明

  本文作为本人csdn blog的主站的备份。(BlogID=100)

环境说明

  无

前言


  一直以来,我都想把我写的文章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,点击创建即可。

Gitee 开启GiteePage功能

  这个功能就是开启一个http服务器,http根目录指向我们的仓库根目录,然后即可通过url加上相对路径,即可访问我们的文件。

  首先点击如图的地方,切换到gitee pages页面,然后点击如图的启动按钮,然后等待一会儿,就会到最终的目录,画框中的url就是图床的http url。如果你更新了rep,一定要点击更新,重新启动一下gitee pages 服务,然后才会应用你push 的最新maser分支。

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文件路径,参考下图和图床地址。例如本文创建仓库的实例图片(图床地址: http://sky-x.gitee.io/image-bed0/blogs/blog_idx_100/create_rep.png

  注意:image-bed0 是你刚刚创建仓库的地址,blogs/blog_idx_100/create_rep.png是你仓库中要显示文件的相对路径。

后记


  由于我们这里的图片外链放的是我们的原图,最好还是加一加水印,然后放外链,避免盗图情况的发生。

  由于本文的这些操作只能够对新的blog文章生效,对于旧的文章,暂时没有好的解决方案。我可能采取一个比较笨的方案,下载已有文章中的markdown文件,下载文章对于的图片。这又是一个比较大的工程,只有慢慢的弄了。


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

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

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

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

博客调整为MarkDown和图床外链、配置Gitee作为图床的更多相关文章

  1. 如何优雅高效的写博客(Sublime + Markdown + Evernote)

    如何优雅高效的写博客(Sublime + Markdown + Evernote) 本文主要是参照了几位大神的博客加上自己捣鼓了半天,比较适合新手流畅阅读 非常感谢下面两位大神: @dc_726: h ...

  2. django 简易博客开发 5 markdown支持、代码高亮、gravatar头像服务

    上一篇博客介绍了comments库使用及ajax支持,现在blog已经具备了基本的功能,但是只能发表文字,不支持富文本编辑.今天我们利用markdown添加富文本支持. markdown语法说明: h ...

  3. 基于.NetCore开发博客项目 StarBlog - (16) 一些新功能 (监控/统计/配置/初始化)

    系列文章 基于.NetCore开发博客项目 StarBlog - (1) 为什么需要自己写一个博客? 基于.NetCore开发博客项目 StarBlog - (2) 环境准备和创建项目 基于.NetC ...

  4. 团队项目系列博客 —— 在路上(之wampserver 修改根目录以及配置多站点以及修改端口号)

    团队项目系列博客 -- 在路上(之wampserver 修改根目录以及配置多站点以及修改端口号) 标签(空格分隔): wampserver php 参考:参考文献1.慕课网.知乎.github 一.w ...

  5. 【完全开源】Django多人博客系统——支持MarkDown和tinyMce

    目录 说明 功能 如何使用 说明 这是一个用Django开发的多人博客系统,功能简单,但完全满足公司内部或个人的博客使用需求.支持普通富文本编辑器(tinyMCE)和MarkDown编辑器 由于嫌弃D ...

  6. 将Medium中的博客导出成markdown

    Medium(https://medium.com)(需要翻墙访问)是国外非常知名的一个博客平台.上面经常有很多知名的技术大牛在上面发布博客,现在一般国内的搬运的技术文章大多数都是来自于这个平台. M ...

  7. 第一次的博客-简单的Markdown语法

    第一次开通博客 从网上寻找了许多写博客的方法 我觉得对于我来说还是使用 Markdowm 比较容易一些 用我的第一篇博客来记一下一些比较简单常用的Markdown语法 本文参考来源Markdown语法 ...

  8. [技术博客] win10下vagrant+centos7 rails虚拟开发机配置流程

    由于少昂早年已经在此踩过坑了,因此在这里,我们现在直接贴上他早年的博客链接:https://www.cnblogs.com/HansBug/p/7403306.html

  9. [技术博客] 软工-Ruby on Rails前端工具链的配置以及对Web应用结构设计的一点思考

    一.相关工具链简介 HAML HAML是专门面向Ruby on Rails模版语法设计的一门标记语言,其结合RoR的views部分模版语法的特点,对原来的*.html.erb(嵌入Ruby代码的HTM ...

  10. 给你自己的博客加个 Markdown

    今天给大家推荐一个简单易用的开源 Markdown 组件, Markdown 组件仓库地址是: https://github.com/pandao/editor.md Markdown 是什么 Mar ...

随机推荐

  1. 【奶奶看了都会】ComfyUI+SVD制作AI视频教程,附效果演示

    AI一天,人间一年 大家好啊,我是小卷,最近AI绘画又发展出一些新玩意了,小卷因为工作的关系有一个月没关注AI的发展了,都有点跟不上版本节奏了... 1.comfyui的使用效果 今天给大家介绍下AI ...

  2. .NET 云原生架构师训练营(模块二 基础巩固 HTTP管道与中间件)--学习笔记

    2.3.2 Web API -- HTTP管道与中间件 管道 中间件 ASP.NET Core 中间件:https://docs.microsoft.com/zh-cn/aspnet/core/fun ...

  3. Oracle-报错信息显示问号或者乱码(Oracle 19c)

    问题描述: 通过sqlplus登录Oracle19c时,执行SQL出现报错时,显示错误码出现问号: 解决方法: su   -  oracle vi .bash_profile 添加如下一行内容: ex ...

  4. SATA学习笔记——OOB信号

    一.SATA物理层概述 说OOB之前,首先得了解一下SATA结构以及物理层的含义. SATA主要包括:应用层(Application Layer), 传输层(Transport Layer),链路层( ...

  5. Java8接口中抽象方法和default和static方法的区别和使用

    Java接口说明 传统的理解是接口只能是抽象方法.但是程序员们在使用中,发现很不方便,实现接口必须重写所有方法,很麻烦.所以java设计者妥协了,在java8中,支持default和static方法, ...

  6. 新零售SaaS架构:什么是订单履约系统?

    什么是订单履约系统? 订单履约系统用来管理从接到销售订单,到把货品送到客户手中的整个业务过程.它是上游交易(如销售和客户下单环节)和下游仓储配送(如库存管理.物流)之间的桥梁,确保信息流的顺畅和操作的 ...

  7. sentry-native 在 windows 平台上搭建

    官方文档:https://github.com/getsentry/sentry-native 虽说官方文档有搭建步骤,奈何我用 git bash 试了 n 遍,最终都会报一大堆错误,白白浪费了我快一 ...

  8. C++的strcat实现

    #include <iostream> #pragma warning(disable:4996); using namespace std; char* t = (char*)mallo ...

  9. 硬件开发笔记(六): 硬件开发基本流程,制作一个USB转RS232的模块(五):创建USB封装库并关联原理图元器件

    前言   有了原理图,可以设计硬件PCB,在设计PCB之间还有一个协同优先动作,就是映射封装,原理图库的元器件我们是自己设计的.为了更好的表述封装设计过程,本文描述了一个创建USB封装,创建DIP焊盘 ...

  10. 【Azure Redis 缓存 Azure Cache For Redis】Redis支持的版本及不同版本迁移风险

    问题描述 1. Azure Redis缓存支持的版本包括4.0以及6.0(预览) 这种情形下,可以使用PaaS服务提供的 Azure Redis 缓存(4.0版本).Azure Redis对6.0的支 ...