| |
|
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
| -> JavaScript知识库 -> typora笔记上传图片不能显示 -> 正文阅读 |
|
|
[JavaScript知识库]typora笔记上传图片不能显示 |
前言
解决方案
所需工具1、node.js(8.0版本以上)node.js官网 2、PicGo:PicGo官网 3、Typora:Typora官网 4、码云(gitee)账号:码云官网 一、Node.js下载1.点击上方的官网链接 2.选择下载自己所对应的操作系统
3.下载完成,开始安装 ? 点击安装程序,开始安装node.js
? 点击【Next】按钮
? 勾选复选框,点击【Next】按钮
修改文件目录,点击【Next】按钮,接下来都是一路【Next】
? 安装完成后点击【Finish】按钮完成安装 4.安装完成之后,如果弹出CMD窗口,直接回车即可,这些窗口的出现是因为下载一些配置文件。环境配置(14及以上版本可忽略,因为本身已经path环境变量里设置过了)
5.查看node.js版本号,是否安装成功,输入“ win键 + R” ,打开cmd窗口,通过命令:node -v 查看node版本 ? npm -v 查看npm版本
出现这个版本信息,则表明node.js安装成功! 二、码云账号1.码云官网:码云官网 2.注册码云账号 3.注册完成后,然后进入主页面,点击 + 创建新仓库
4.新建仓库 ----》 创建
5.点击“设置 ----》 私人令牌(非常重要,妥善保管)
注意 :点击提交之后,生成的私人令牌需要记入下来,口令只会生成一次。
码云设置成功。 三、PicGo 下载1.PicGo官网,点击进入官网 2.为什么下载PicGo需要下载node.js
3.点击下载
4.下载完成,安装解压 5.安装插件,安装其一即可
6.设置图床
记得把gitee设置为 默认图床 7.检查图床配置 点击插件配置 ----》点击插件小齿轮 —>配置uploader-gitee
检查是否和我配置的一致 8.检查图片是否上传成功 点击上传区----》上传图片-----》点击相册查看----》存在则成功
点击相册进行查看
可以看到,博主这片文章就是在Typora中编写的,所有的截屏全部上传到gitee进行保存! 9.如果不能在相册区查看到自己的图片
四、Typora下载1.下载安装Typora,Typora官网 2.解压安装,一路【Next】,傻瓜式安装。 3.打开Typora的偏好设置,点击图像,设置如下:
4.设置完成,点击验证图片上传选项
得到结果为下图则表示配置成功
如果你的Typora的偏好设置没有上传服务设置,将Typora升级到最新版本 5.如果你点击验证图片上传选项,不能成功,则有可能为Typora与PicGo端口不一致 Typora端口
PicGo的端口
将PicGo的端口调位36677即可! 6.其他问题
解决办法就是,在选择时,点击无特殊操作,亲测不报错,图片也时正常上传了的。如图:
配置完成后再在Typora写文章笔记,就可以直接导入博客里,再也不会出现图片显示不出来了 |
|
|
| JavaScript知识库 最新文章 |
| ES6的相关知识点 |
| react 函数式组件 & react其他一些总结 |
| Vue基础超详细 |
| 前端JS也可以连点成线(Vue中运用 AntVG6) |
| Vue事件处理的基本使用 |
| Vue后台项目的记录 (一) |
| 前后端分离vue跨域,devServer配置proxy代理 |
| TypeScript |
| 初识vuex |
| vue项目安装包指令收集 |
|
|
| 上一篇文章 下一篇文章 查看所有文章 |
|
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
| 360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年12日历 | -2025/12/3 6:36:07- |
|
| 网站联系: qq:121756557 email:121756557@qq.com IT数码 |