本文默认已经搭建好了博客,源仓库在 github 上
原因 :#
最近博客搭建好后就一直在慢慢优化,平时都用电脑端上传文档,如果想写随手记的话可能手机端更方便一点?在整合一些资源后发现雀食可行,主要是我的图片可以上传到图床比较方便,一个. Md 文件走天下了属于是,现在介绍一下怎么搞的:
准备的资源 :#
- 图床项目:CloudFlare ImgBed
- Obsidian 用到的插件和模板,插件有两个:remotely-save | 用于同步文件和 obsidian-cf-imgbed插件 | 用于粘贴图片自动上传到图床,模板就是 front matter,用于快捷生成笔记的各个属性
- 移动端额外需要下载:小狗git | 用于将写好文章的内容上传到git
操作过程#
一. 部署图床#
推荐部署 :CloudFlare ImgBed,是因为关于上传图床的插件是专用于这个项目的
注:首先要部署存储可以参考这个:Obsidian+Remotely Save+Cloudflare R2实现win+ios双端同步 - 开发调优 - LINUX DO,当然下面提到的 Remotely Save 插件用到的存储也是这个,搭建项目可以参考这个:Cloudflare Pages 部署 | CloudFlare ImgBed
二. 安装 obsidian 插件和模板#
- 安装 remotely-save:安装过程可以参考这个:Obsidian+Remotely Save+Cloudflare R2
- 安装 obsidian-cf-imgbed at 1.0.2,这个在应用市场找不到,文档介绍页有安装方法,注意这个插件的高级设置中启用客户端压缩,参数看着来就行
- Fornt matter 模板,可以参考:一篇搞懂 Obsidian 模板系统:模板 + Templater 完整教程 · 昼梦日和,就看完模板功能搞懂怎么创建就行,这个模板参数可以是这个
---
Title:
Slug:
Description:
Date:
Categories:
Tags:
---Title 是文章标题,slug 是指定博客路径(默认以标题为路径),Description 是描述文章内容用于优化 seo,data 是文章编辑日期,categories 是分类,tags 是标签,这些看自己想加什么就加什么,模板标题就自己设置记得住就行,使用时打开一个新文件,按 ctrl+p 搜索模板:插入刚刚设置的模板,这样文件属性就添加好了
注:以上电脑端就设置好了,插件在手机端需要进行同样下载设置,而模板已经在电脑端设置好了,手机点一下就能同步过来,不用额外设置模板
三. 安装小狗 git#
- 下载链接:uppyGit
- 获取 github token:打开 github 官网 -> 登录 -> 右上角头像 -> settings -> developer settings -> personal access tokens -> tokens (classic) -> generate new token (classic) -> 输入 note(名字)-> 选择 token 有效期 -> 勾选 repo -> 最后点击generate new token,创建好 token 然后复制
- 新建 token 凭证:打开小狗 git,输入用户名和邮箱,点击右上角钥匙图案,点击"+“号,将 token 粘贴上去就行,最后一行密码那里不用填
- 获取仓库链接:打开 github 官网,打开你的存放 blog 的仓库,点击 code 按钮->复制 https 链接
- 克隆仓库以及选取位置:回到小狗 git 主页面,点击右上角”+“号,点击克隆,粘贴得到的链接,设置存储位置,这个存储位置最好在 obsidian 存储文档的文件夹内部,方便后期移动文件上传,然后点击选择凭据,选择你设置好的凭据,仓库已经在你的手机里了

- 打开移动端obsidian,此刻要设置remotely save同步文件夹,要忽略github克隆过来的仓库

- 现在可以写在移动端写一篇文章了

- 后面将文章复制然后移动到仓库对应文件夹下面就行,或者直接移动也行

- 移动完成后打开小狗git,点击左边三个横杠,点击修改列表,点击提交和推送就好了

- 自动部署构建成功

- 在电脑端如果想要写文章提交推送要记得先更新项目,不然有可能会造成移动端推送的文章被覆盖

- 更新后文章也会自动出现在你本地文件夹里
这样就差不多了,ok 文章先写到这里,后面有什么需要注意到的地方再补充,这篇文章是手机端和电脑端一起写的,写到一半需要手机端,点一下 remotely save 保存一下然后到移动端再点一下remotely save,文章就同步到手机端继续写,然后又回到电脑写感觉还挺有意思的
效果展示#
