gitee中打开的index.html中图片不显示_typora + gitee + zsh 实现全免费个人云笔记

前言

本文可能不适合所有人，仅献给和我有共同需求的同学么。

一、为什么选用typora作为编辑器？

第一次使用typora之前我一直在使用包括Wiznote、印象笔记、MacDown 等云笔记或者本地笔记产品作为日常markdown工具，后来在工作中被一个大佬安利之后开始使用typora，然后就渐渐的爱上了，引用一位大佬的话 Typora 一直是我认为桌面端笔记应用应有的终极形态。用我之前 一篇文章 中的话来说就是，它的功能之强大、设计之冷静、体验之美妙、理念之先进，我认为值得所有笔记应用厂商学习 ，具体描述可以参考Typora 完全使用详解

二、为什么使用gitee (更新自：2020/2/21日，github private 仓库已经免费，这里github也可以作为选择之一)

其实为了云同步完全可以使用类似云盘、icloud类似的云备份，但是类似的应用要么手动界面式操作，或者容易被误删除并且没有版本回退方式，所以这里考虑使用git来进行版本控制，然后选择git 托管平台，因为github的private仓库是需要收费的，因此这里就选择了自己用过的gitee来建设私有云笔记仓库。

三、下面开始具体步骤：typora+gitee+zsh 实现一键命令式同步，下面以macos平台为例，其他平台用户可以参考自行实现

1、typora下载

自行去官网下载，然后打开目录，自行在本地新建一个专门供typora使用的目录，比如我本地就是在 /Users/yinshuxun/typora

2、gitee步骤

自行去Gitee官网，然后就像github上的操作一样，创建一个私有仓库就行，然后按照提示命令操作就可以把仓库同步上去，这里先确保自己提交一个版本上去了

3、mac利用zsh进行自定义shell函数

这里我本地使用的shell是Oh My ZSH!，这里利用zsh的特性来自定义shell。

以为本地为例，首先在用户根目录新建 ~/.my_zsh_functions/my_function文件

mkdir ~/.my_zsh_functions
touch ~/.my_zsh_functions/my_function

在~/.my_zsh_functions/my_function 文件中定义一段zsh 自定义函数

synctypora () {#！ /bin/zsh
# 返回到笔记目录cd ~/typora
# 拉去git上最新数据git pull
# 同步笔记变更echo "start sync git"git add .git commit -m "sync"git push origin master
}

现在shell中键入 synctypora 就能一键同步了

# add ~/.my_zsh_functions to fpath, and then lazy autoload
fpath=(~/.my_zsh_functions $fpath);
autoload -U ~/.my_zsh_functions/my_function

接下来，在.zshrc文件中添加以下内容

# add ~/.my_zsh_functions to fpath, and then lazy autoload
fpath=(~/.my_zsh_functions $fpath);
autoload -U ~/.my_zsh_functions/my_function

现在shell中键入 synctypora 就能一键同步了

这里是2020-4-7 更新：

评论有人问我如何同步图片信息，因为本地图片可能存储在typora中是本地链接，这里贴一个最新的使用方案，个人用起来还蛮好用，下面以mac平台举例：

步骤一，在typora偏好设置可以看到图像上传选项，这里我们使用upic作为图床自动工具

步骤二，下载图床工具 UPIC ，然后在upic设置中添加自定义七牛云图床。这里我没有使用默认的免费图床，而是自己在七牛云新建了一个免费的存储空间，这里免费提供10G的免费空间，当然这里也可以使用github作为图床仓库（当然这里需要考虑如果放到private仓库，则外链访问不了，如果是public，由于资源完全public，又不是很隐私，所以个人选择了七牛云的存储空间

七牛云存储空间设置：