Typora+Github+Onedrive:最优化的半公开云笔记体验(typora图片自动上传)

原载于:硬核技术|Typora+Github+Onedrive:最优化的半公开云笔记体验 (toutiao.com)

演示:

介绍:

  • 简单的配置实现半公开式(插入的图片会被公开)的云笔记。通过OneDrive实现同步。对代码格式支持良好。

实现原理:

  • typora编辑图文,文本部分保存在本地,通过OneDrive自动同步,图片部分自动上传到Github,并套上Jsdeliver加速。

  • 在另一台设备访问时,先从Onedrive拉取文本,再从Jsdeliver拉取图片,实现图文的展示。

  • markdown:一种简单高效的标记语言。markdown格式的文章可以包含图片、排版、表格、代码块等,却只占用几个kb的空间。许多平台(尤其Github)都支持基于md编辑的图文。
  • Typora:一款基于markdown的编辑器,支持自动上传图片。写文章的体验不逊于任何一款笔记软件。
  • Github:代码托管平台,也可以用来托管文件、图片。理论上无限的存储空间。
  • Jsdeliver:CDN服务提供商。能够加快Github上文件、图片的加载速度。
  • OneDrive:Windows系统自带的云盘,个人有15G免费空间。支持自动同步。

搭建成本:

能够实现:

  • 多台电脑自动同步笔记。

  • 极低的本地硬盘空间、OneDrive存储空间占用。

  • 图片插入,图片自动保存云端。

  • 便捷的分享:一键发布文章到互联网等。

  • 插入代码,代码高亮。

不能实现:

  • 完全的私有化笔记。——图片会被公开。

  • 手写。——md不支持手写。

  • 多端同步。——安卓端目前没有找到很好的编辑器。

目录:

  1. 配置github

  2. 配置typora

  3. 配置OneDrive

  4. 简单了解markdown


1. 配置Github

登录(注册)GitHub。首先新建一个仓库:

image-20211108230005206
image-20211108225033952

记下你取的仓库名。

然后生成一个token用于PicGo操作你的仓库,访问:https://github.com/settings/tokens,然后点击Generate new token

img

把repo的勾打上即可。然后翻到页面最底部,点击Generate token的绿色按钮生成token。

img

注意:这个token生成后只会显示一次!你要把这个token复制一下存到其他地方以备以后要用。

[图片上传中...(image-840a08-1637370486946-3)]

2. 配置typora

下载typora:Typora — a markdown editor, markdown reader.

官方使用教程(英文):Typora Support - Typora Support

首先确保typora是最新版本:帮助-->检查更新

然后 文件-->偏好设置,按照下图进行选择

注意!要选择“下载或更新”,安装picgo-core才能使用,否则会出现error找不到上传软件

image-20210826195733347

将下面代码复制粘贴到你的配置文件中。

<pre class="md-fences md-end-block ty-contain-cm modeLoaded" spellcheck="false" lang="text" cid="n81" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">{
"picBed": {
"uploader": "github",
"github": {
"repo": "yw2667899/pic",//填写你自己的仓库名
"token": "",//上一步生成的token
"path": "img/", //保存位置,保持不变即可
"customUrl": "https://cdn.jsdelivr.net/gh/yw2667899/pic",//套一个CDN加速,将最后两部分换成你自己的repo
"branch": "main"
}
},
"picgoPlugins": {}
}

</pre>

保存即可,点验证图片上传测试。

此时向typora插入图片即会自动上传到Github,并提取经过加速后的连接放到文本中。

3. 配置OneDrive

无需配置,只要将保存时将文件位置选择到OneDrive文件夹中即可,自动同步。文本部分存储在OneDrive中,不会被公开。

4. 了解typora

在typora中的编辑和平时文本编辑是一样的。你可以先熟悉一下导航栏和快捷键。也可以参考官方文档。

官方使用教程(英文):Typora Support - Typora Support

亦可参考网络上关于markdown的入门文章


如用以上配置,重复上传同一张图片会报错。可以使用Picgo软件。

到这里下载最新版安装:Releases · Molunerfinn/PicGo (github.com),windows用x64.exe结尾的

同上设置图床参数:

image-20210826205930566

然后设置自动改名:

image-20210826210025821

即可。


©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容