博客--Notion和图床

Huang Zhiwei

Notion

五一假期的最后一天,在舍友的安利下使用了一下一款名叫Notion的软件,不用不知道一用吓一跳,属实是优雅到爆,下面就简单介绍一下这款多平台互通的免费笔记软件吧。

Notion安装和汉化

Notion的官网:https://www.notion.so/

Notion软件下载页:Notion – Your wiki, docs & projects. Together.

Notion网页端汉化,非常简单,点击链接直接安装一个插件就搞定了:Notion 中文版 - Chrome 应用商店 (google.com)

Notion客户端汉化需要将两个js文件替换掉原始的文件,可以点击如下链接访问下载zip文件

https://hzw-blogimage.oss-cn-shanghai.aliyuncs.com/blogimages/notion%E6%B1%89%E5%8C%96%E5%8C%85.zip

解压后看到两个文件:

1
2
notion-zh_CN.js
preload.js

打开Notion本地安装的位置:

1
C:\****\Notion\resources\app\renderer

将以上两个文件放入该文件夹下,替换掉原始的文件即可。

Notion初体验

Notion提供多端互通的功能已经足够吸引人了,它还提供丰富的模板,快捷免费的图标、封面、图床服务,提供完善的导出和导入功能,足以让人花一点的时间去了解一下这款优质应用了。

Notion使用邮箱(谷歌邮箱)登录,在网页端即可访问,且本地客户端是不做备份的。以笔记为例Notion中笔记提供子页面功能,这让一些强迫症患者省去整理本地文件的烦恼,其多端互通的功能也让使用多台pc的用户省去文件传输的烦恼。

image-20230503170423829

Notion支持创建团队,对于个人用户而言,创建者和上次编辑者这类功能似乎有些冗余,但对于团队,尤其是小团队来说是解决版本控制的好方法,它比git要轻便很多,而且对于普通文职工作者来说,学习Git显然不现实,Notion只需要将大家拉入一个团队,即可省去大量沟通成本。

Notion还可以作为自己私人使用的笔记册,相比起搭建一个好看的博客需要的复杂配置,Notion提供很多模板和免费图床,且支持手机端的流畅访问,我们可以将工作计划、备忘录、临时截图等保存在里面,这是非常方便的。

图床

之前配置的github图床出现了图片访问不了的情况,当时心里着急就火急火燎地使用了阿里的图床,五一假期花了一点点时间查了一下问题,发现这原来是非常容易解决的,现在记录一下。

Github图床配置修改

github图床作为免费的图床已经非常好了,当然免费的有一点点小瑕疵也是正常的。这次出现的问题就是报了如下错误:

1
Failed to fetch version info for *****

之前配置的图床有一个设置:

1
https://cdn.jsdelivr.net/gh/"githubname"/"repo name"

使用的是jsdelivr的github图床加速功能,但是经过搜索发现,这个加速有时候会被污染导致失效(其实也不清楚啥叫污染),所以导致图床出现一点问题。从搜索的结果来看,jsdelivr对该问题的修复也是很快的。

官网:jsDelivr - A free, fast, and reliable CDN for JS and open source

官网给出的加速写法,我们可以看到其实写法上是没问题的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// load any GitHub release, commit, or branch
// note: we recommend using npm for projects that support it
https://cdn.jsdelivr.net/gh/user/repo@version/file

// load jQuery v3.6.4
https://cdn.jsdelivr.net/gh/jquery/jquery@3.6.4/dist/jquery.min.js

// use a version range instead of a specific version
https://cdn.jsdelivr.net/gh/jquery/jquery@3.6/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

// omit the version completely to get the latest one
// you should NOT use this in production
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

// add ".min" to any JS/CSS file to get a minified version
// if one doesn't exist, we'll generate it for you
https://cdn.jsdelivr.net/gh/jquery/jquery@3.6.4/src/core.min.js

// add / at the end to get a directory listing
https://cdn.jsdelivr.net/gh/jquery/jquery/

那么该如何修改呢?一个最简单的方法就是不使用加速了,其实对于我们这种访问量极低的博客来说,小文件的访问使用github的提供的raw链接已经足够了,我们可以在github的图床中看到文件上有一个raw标志:

image-20230503172041334

点击这个标志,可以打开图片的链接,我们直接将这个链接复制一下作为图片链接即可。

所以对于markdown文档,补救措施就是替换图片链接 :

1
cdn.jsdelivr.net/gh ------> raw.githubusercontent.com

而对于picgo的修改就更简单了,做同样的修改即可:

image-20230503172340989

阿里云图床配置

github图床终究不如阿里云的图床来的功能丰富和稳定,而且阿里云的图床也很便宜,网络上关于阿里云配置图床的教程已经很多了,在此给出一个链接:阿里云OSS PicGo 配置图床教程 超详细 - 知乎 (zhihu.com)

第一步需要购买OSS服务,然后可以购买一个资源包,如果是我们这种小博客的话购买最低的40G一档即可,根本用不完的。

第二步是创建一个桶,这里名字随便起,类型选标准存储即可(其实也不清楚其他两种存储的区别),权限记得设置公共读,因为博客图床是向所有人开放的,公共读情况下所有图片的URL都是永久URL,不用担心失效问题;私有情况下URL有失效时间,需要注意。

image-20230503172751121

第三步是添加一个访问成员,这个成员就相当于为picgo创建一个写入的账号。

image-20230503173104279

创建一个用户,给他赋予管理OSS的权限。我们需要记住创建时的用户名和key,因为它仅该次可见,和github的token非常相似。

image-20230503173214199

接下来就为picgo配置阿里云OSS即可:

image-20230503173340322

结语

五一假期幸亏没出去玩,看到所有景区全是人,还是安安心心窝在快乐实验室学习舒服。

期望五月会是顺利的一个月,期望把成果做出来,把实习找到。

  • 标题: 博客--Notion和图床
  • 作者: Huang Zhiwei
  • 创建于: 2023-05-03 16:05:51
  • 更新于: 2023-09-02 23:05:39
  • 链接: https://huangzhw0221.github.io/2023/05/03/Blog-Notion和图床/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
 评论