如何基于七牛云存储+Markdown编辑器做静态博客

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何基于七牛云存储+Markdown编辑器做静态博客相关的知识,希望对你有一定的参考价值。

参考技术A   首先,在七牛上创建一个 bucket,我们假设名字叫 qiniu。上传一个样式单文件 stylesheet.css。假设关联的域名叫 open.qiniudn.com,那么这个样式单可以通过 http://open.qiniudn.com/stylesheet.css 访问到。
  其次,为 qiniu 这个空间设置样式分隔符为 '.'。这可以通过 qboxrsctl separator qiniu '.' 来完成。
  最后,为 qiniu 这个空间设置一个名为 html 的数据处理样式。命令为:
  qboxrsctl style qiniu html '$0.md?md2html/0/css/aHR0cDovL29wZW4ucWluaXVkbi5jb20vc3R5bGVzaGVldC5jc3M='

  其中,aHR0cDovL29wZW4ucWluaXVkbi5jb20vc3R5bGVzaGVldC5jc3M= 是对 http://open.qiniudn.com/stylesheet.css 进行 UrlsafeBase64Encode 后的结果。
  如此,你上传任何一个 markdown 文件(比如 http://open.qiniudn.com/key-value-storage.md ),都可以通过对应的 html 后缀文件访问(比如 http://open.qiniudn.com/key-value-storage.html )。
  如果你不希望让别人可以看到 markdown 文件的原始内容,可以将 bucket 设置为保护:
  qboxrsctl protected qiniu 1本回答被提问者和网友采纳

七牛云存储托管静态资源

  • 背景

  • 问题和方案

  • 步骤


背景

最近经常在LeetCode上练习算法题,经常会用笔来思考和演算算法的执行过程,这个笔记就很重要了,因为其记录了思考的过程。

之前我是把每一道算法题都记录在有道云笔记里的,包括了算法题的题目、分析、实现。前两天在LeetCode发现它已经提供了为每一个题目记录笔记的功能。

我使用了之后感觉不错,比我在有道云笔记做笔记要好得多,倒不是笔记的内容会好一些,而是记笔记的方式会好一些,更直接一些。主要是:

  1. 免去了赋值题目或者链接、实现代码到有道云笔记中的操作

  2. 方便对比自己的思考和看别人的讨论

  3. 方便进一步去思考和解决相关问题

问题和方案

但是LeetCode中的插入的图片并不是保存到LeetCode网站中的,意思就是LeetCode笔记只支持在插入和渲染图片链接,不提供保存图片的功能。那么问题来了,如何把自己的图片资源保存到互联网中的一个机器上呢?方法有两种:

  1. 在自己的服务器搭建静态资源服务

  2. 托管自己的静态资源到云服务商那里,可能会付费使用它们的功能

最终我选择了2,因为搭建一个静态资源服务器是容易,困难的是之后的运维工作,要保持静态资源随时可用困难。云服务商有专业的运维团队,肯定比自己搭建的靠谱。

步骤

  1. 注册账号,登录

  2. 创建对象存储空间https://portal.qiniu.com/bucket/create

    七牛云存储托管静态资源


  3. 安装图形化工具(我尝试了一遍,如果新增一个图片资源,同步上传的操作不能自动触发,感觉如果只是一次上传几个文件,不是大量资源的上传,没必要使用这个工具,直接使用网页上传更简单直接)https://developer.qiniu.com/kodo/tools/1666/qsunsync

  4. 复制外链,markdown插入图片就可以查看了。

对象存储文档中心,https://developer.qiniu.com/kodo


以上是关于如何基于七牛云存储+Markdown编辑器做静态博客的主要内容,如果未能解决你的问题,请参考以下文章

七牛云存储托管静态资源

Laravel项目中使用markdown编辑器及图片粘贴上传七牛云

最强MarkDown编辑器Typora+图床七牛云实现图片自动上传

最强MarkDown编辑器Typora+图床七牛云实现图片自动上传

[博客更新]利用七牛云存储和 Verycloud CDN实现博客静态资源加速(HTTPS 访问)

OpenWrite 编辑器如何配置七牛云图床