Typora+upic的配置

最新推荐文章于 2024-09-16 16:45:21 发布
原创 最新推荐文章于 2024-09-16 16:45:21 发布 · 622 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#github

文章介绍了如何在MacbookM1电脑上配置Typora结合upic工具进行图片上传，特别是设置七牛云和GitHub作为图床的过程。文章提到了七牛云免费域名的限制，以及使用GitHub时需要的Owner、Repo、Branch和token信息。在配置过程中遇到的证书错误和上传失败问题，解决方案分别是禁用代理和切换到有效的上传源。

typora+ upic 的配置

背景说明

本人使用的是Mac book 的M1芯片电脑，为了方便写博客，整理了图片上传的方式；

upic是一款上传图片的工具，主要为了帮助写博客上传工具使用的，方便上传图片；

配置七牛云的图床：地址

七牛的配置的局限性，如下，因为七牛服务的局限性；

  1. 目前只有一个临时的域名，并且只有一个月的有效期；
  2. 不支持https
  3. 正式的域名需要付费和备案
Github

image-20230109190436116

github的上传就特别的简单

  1. 在github上创建好项目，需要使用Owner、Repo、Branch、token这几个信息
  2. github上面需要创建一个token；
  3. 设置时间格式，在Save key里面可以自由配置；
  4. 在typora下面进行关联
最低0.47元/天 解锁文章
mac版Typora+uPic图床+gitee教程
free-go的博客
04-04 578
mac版Typora+uPic图床+gitee教程 想必大家作为程序员，都有写博客的习惯，写博客就离不开好用的工具，好用的工具Typora肯定在其中，简洁优雅，界面清爽，快捷键给力。 但是当你把本地写好的.md文件直接上传到相关博客网站，你会发现网页根本就无法读取到本地文件，图片也显示不出来。如果把所有的图片都存到一个第三方服务器，后期通过对应的url去拿就好了。这便是图床的由来。 gitee新建存储仓库 首先在gitee上新建一个仓库 ​ 因为我已经上传过了，所以这样显示，关键的一点是需要公开 获取
Typora + Upic + 阿里云OSS存储
Suryxin's blogs
03-13 394
Typora + Upic + 阿里云图床
一文搞懂Typora图片自动上云（uPic+Gitee）
大熊的博客
11-04 1558
使用uPic软件+Gitee搭建图床实现Typora图片自动上云功能 一、软件选择 市面上有很多软件支持搭建图床功能：iPic、uPic、Picsee等，其中iPic搭建图床需要收费，后两款免费，本文将使用免费的uPic+Gitee来搭建图床 二、在Gitee中创建一个图片仓库，用来存放上传的图片 1. 打开Gitee账户，创建一个仓库来存放图片，设置仓库名，开源和私有选项建议选私有 2. 创建成功后，鼠标悬浮在右上角个人头像上，点击设置 3. 点击设置选中私人令牌，生成私人令牌 4. 会提示验证密
mac上typora使用upic+gitee搭建图床
qq_36239115的博客
03-12 632
mac上typora使用upic+gitee搭建图床 1、typora的设置 2、关于upic 1、下载和安装 点击上图的下载链接，按照说明安装 https://blog.svend.cc/upic/ 2、在gitee上创建一个公有的仓库作为图床 3、将upic和gitee上的图床关联起来 用户名：gitee上自己的用户名 仓库名：作为图床的仓库的名称 Token：gitee上添加的私人令牌 将生成的令牌复制粘贴到Token的位置 3、验证 typora的设置里面验证 ...
Typora+Markdown学习笔记
qq_43606268的博客
10-09 418
Typora学习笔记 一个文本编辑器，一般使用Markdown语言进行书写 1.主题 --可根据左上角目录栏主题选择各种格式（一般常用为Github格式） 2.格式 --可从目录栏选择格式进行修改，也可使用快捷键 3.Typora--网页 Typora说到底其实是一个网页，可在文件--偏好设置--通用--高级设置中勾选开启调试模式，之后保存重启，右键空白处会出现检查元素选项，可通过修改css对Typora外观进行改变 可通过文件--偏好设置--外观--主题选择打开主题文件夹对其css进行修改
MacOS + typora + upic + github图床配置
Suryxin's blogs
10-06 1026
MacOS+typora+upic+github图床配置 如果是mac用户的话，请务必用upic，千万不要用PicGo，因为会无法下载里面所需要的插件，或者下载了也用不了，一直提示上传失败。
Mac系统下Typora+uPic+Github搭建图床
qq_41546054的博客
10-15 775
mac系统中通过Typora、uPic和Github搭建便捷图床
使用Typora+uPic+Gitee优雅上传带图片的md文件到博客-Mac版
weixin_43660476的博客
03-12 797
使用Typora+uPic+Gitee优雅上传带图片的md文件到博客-Mac版
typora+gitee图床
weixin_45089791的博客
12-13 790
给typora 配置上传图床 前言 typora是一款非常便捷的markdown编辑器，我们经常使用它来编写一些文章，但其中会遇到一个问题，就是typora本身不带图床功能，图片只能引用本地的图片，这就造成了当把这篇md发给别人的时候，或者粘贴在其他地方时，图片就无法正常显示。 解决方案 现在可以使用的图床有收费的OSS,COS等大厂的对象存储来搭建的图床，也有免费的，七牛云，等一些。免费的当然不稳定了。我们也是供个人使用，当然没有必要去购买那些对象存储。 所以，我们可以使用gitee的API，
Typora + GitHub = 效率
Python数据之道
03-26 556
来源：逛逛GithubTypora 是一款简单、高效而且优雅的 Markdown 编辑器，它提供了一种所见即所得的全新的 Markdown 写作体验。它把源码编辑和效果预览两者合二为一，在...
最新的Typora+使用教程
07-14
这是程序员笔记神器-----Typora0.94的最新版本，里面包含了Typora软件教程。方便你更加有效的编写你的笔记
图床（Typora + uPic/PicGo +七牛云）
阿渌的博客札记
02-21 996
对于下面的上传设置，我们也完全可以选择其他的方式，点击下拉框也可以看到里面的可选项：iPic、uPic等。同样，Gitee 也是免费的，服务器也在国内，但是之前有出现过 Gitee 添加防盗链，导致很多博主的博客内的图片全部变成了 Gitee 的 logo，直接造成了一些经济损失和影响。其他国内的云服务器其实也是类似的，都是可以的，比如腾讯云、阿里云等。笔者选择七牛云的原因是，自己本身有购买一个域名，然后七牛云免费的 10G 内存，也完全够目前的需求。其实 GitHub 可以是一个不错的选择，毕竟免费。
妈妈再也不担心博客多地发布，typora upic 图床实践
如雨繁辰‘s blog
10-08 509
写博客的时候经常遇到一个问题，本地typora博客在上传网上时候，写的 markdown 博客图片难以拷贝，需要一个一个手工拷贝（因为使用本地存储，依靠直接网络图片链接不靠谱），这时候就需要应用到图床大法。
最佳实践：Typora+docusaurus完美解决(云笔记+知识库+博客)需求
weixin_39246554的博客
08-30 2838
::warning注意：此方案部署起来很简单，没难度的（之所以本文篇幅有点长，是为了照顾小白，铺垫好背景），手把手文档都给小伙伴了，大家可放心部署；（又任何问题可随时沟通😎）如果对于非it专业小伙伴，如果感觉又难度，那建议还是用word记录笔记本哈哈；（如果对it感兴趣的话，我相信，部署这个方案不是问题）🤣typora写Markdown费事？Typora让你像写word一样行云流水，所见即所得。Typora。
Typora使用教程（新手入门笔记）
qq_61528425的博客
08-29 3591
Typora常用操作，快速入门
vuex的安装使用
weixin_41936352的博客
12-04 251
vuex的文档网址；https://vuex.vuejs.org/zh/guide/ 视频地址https://study.163.com/course/courseLearn.htm?courseId=1004938024#/learn/video?lessonId=1050753914&courseId=1004938024 vuex就是做组件中数据共享用的。 1.安装； npm...
最强神器Typora 2024（亲测有效）| Markdown 工具推荐
热门推荐
程序员-杨胡广的博客
09-16 1万+
大家好，我是程序员-杨胡广，今天想给大家分享一个在编写文档时的神器——Typora。相信不少小伙伴都在寻找一款既简洁又强大的 Markdown 编辑工具，而 Typora 无疑是最值得推荐的选择。 当我在大学时偶然发现了它，直到今天依然觉得它无可替代。最近，我成功激活了最新版的 Typora 2024，无需复杂操作，适用于任何版本！于是迫不及待地想和大家分享这个简单易行的破解方法。
uPic 开源项目教程
gitblog_00853的博客
08-21 486
uPic 项目的目录结构如下： ``` uPic/ ├── LICENSE ├── README.md ├── bin/ ├── build/ ├── docs/ ├── examples/ ├── src/ │ ├── config/ │ ├── controller/ │ ├── model/ │ ├── service/ │ ├── utils/ │ └── mai...
vscode上的typora怎么用
最新发布
03-20
<think>好的，我现在需要帮助用户了解如何在VSCode中集成或同时使用Typora。首先，我需要回顾用户提供的引用内容，看看有没有相关的步骤或建议。用户提供了五个引用，其中引用[2]、[3]、[4]、[5]都提到了VSCode和Typora的结合使用。 首先，引用[2]提到在Windows下配置VSCode，通过任务运行器打开Typora，使用ctrl+shift+p，输入task，选择用户定义的“Open in Typora”任务。这应该是一个关键步骤，用户可能需要配置任务来在VSCode中直接调用Typora打开当前文件。 接下来，引用[3]和[4]讨论了使用VSCode替代Typora的原因，比如Typora收费后的问题，但同时也提到了如何在VSCode中安装Markdown插件，可能包括实时预览功能，但用户可能仍然希望使用Typora的编辑体验。因此，集成两者的方法可能是在VSCode中编辑，但使用外部任务调用Typora进行实时预览或编辑。 引用[5]提到在VSCode中配置Typora的图片上传功能，这可能涉及到Typora的设置，但用户当前的问题是如何集成两者，所以可能需要更基础的配置步骤。 接下来，我需要整理这些信息，形成步骤。首先，安装必要的插件，比如Markdown All in One，这可能帮助VSCode更好地处理Markdown文件。然后配置外部任务，让用户可以在VSCode中快速打开当前文件到Typora。引用[2]中的方法需要用户编辑tasks.json文件，添加相应的任务配置，指定Typora的路径和参数。这应该分步骤说明，确保用户能正确设置。 另外，用户可能希望同时使用VSCode的编辑功能和Typora的预览功能，所以可以建议在VSCode中编辑，同时用Typora打开同一文件进行实时预览，或者设置快捷键快速切换。此外，配置自动保存可能有助于两边同步内容，避免冲突。 还需要注意操作系统的差异，比如Windows和macOS下Typora的安装路径不同，任务配置中的路径需要相应调整。同时，提醒用户如果遇到问题，比如任务无法运行，可能需要检查路径是否正确，或者是否有权限问题。 最后，生成相关问题，可能涉及优化两者的协作、替代方案或其他插件的推荐，比如使用Markdown Preview Enhanced插件在VSCode内部预览，但用户明确询问的是集成Typora，所以相关问题应围绕配置、同步、快捷键等展开。</think>### 如何在VSCode中集成或同时使用Typora？ #### 方法1：通过VSCode任务调用Typora（推荐） 1. **安装Typora并获取路径** - 确认Typora已安装，并记录其可执行文件路径： - Windows默认路径：`C:\Program Files\Typora\Typora.exe` - macOS默认路径：`/Applications/Typora.app` 2. **配置VSCode任务** - 在VSCode中按下 `Ctrl+Shift+P`，输入 `Tasks: Configure Task` 并选择 **新建tasks.json文件**。 - 在配置文件中添加以下内容（以Windows为例）： ```json { "version": "2.0.0", "tasks": [ { "label": "Open in Typora", "type": "shell", "command": "C:\\Program Files\\Typora\\Typora.exe", "args": ["${file}"], "presentation": {"reveal": "never"} } ] } ``` - macOS需将`command`改为`open -a Typora.app`[^2]。 3. **运行任务** - 打开Markdown文件后，按 `Ctrl+Shift+P`，输入 `Run Task`，选择 **Open in Typora** 即可在Typora中实时编辑并预览。 --- #### 方法2：直接关联文件扩展名 1. **设置默认应用** - 在操作系统中将`.md`文件默认打开方式设置为Typora。 - 在VSCode中编辑文件后，双击系统资源管理器中的文件即可在Typora中预览[^4]。 --- #### 方法3：双向同步编辑与预览 1. **同时打开同一文件** - 在VSCode中编辑Markdown文件时，手动用Typora打开同一文件。 - 启用VSCode的 **自动保存**（`File > Auto Save`）和Typora的 **自动重新加载**（`偏好设置 > 通用`），实现内容同步[^5]。 --- ### 优化建议 - **快捷键配置**：在VSCode中为任务绑定快捷键（例如 `Ctrl+Alt+T`），快速调用Typora。 - **图片上传集成**：在Typora中配置图床工具（如uPic），通过右键菜单直接上传图片并插入链接到VSCode文档。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值