Typora安装,使用,图片加载全流程

news2024/11/24 12:06:06

文章目录

  • 前言:
  • 安装:
  • 破解:
  • 使用typora:
  • 关于CSDN加载不出图片:
    • 创建OSS:
    • 设置PicGo:

前言:

​ Typora是一款非常流行的Markdown编辑器,简单来说就是可以方便我们写博客。拿我之前的经历来说,每次我在写博客时,我都会打开CSDN来进行线上编写,虽然我不知道能不能离线编写并缓存,但是时间长了眼睛会非常累,因为CSDN写博客的界面是没有黑夜模式的。而且我们不能进行多个博客的编写,而且我们还不能上传至Gitee或者是Github。而我们的Typora就可以对MarkDown文件进行编写。

安装:

​ 在这里我只提供官网的下载方式:https://typoraio.cn/ 如果你登不上去也许你需要一些”方法“。

破解:

​ 安装还是很简单的,正常安装即就好了。但是在我们安装之后会告知你需要输入序列号或者试用几天,在这里我们直接破解序列号,让你也能直接使用Typora写博客。

在这里大家可以去b站看看这个大佬做的视频,然后跟着他的步骤一步一步来破解:BV1iHaTe9EZ3

使用typora:

​ 关于typora的操作使用有很多,在这里我就讲讲我最常用的几个快捷键:

crtl + 数字设置标题
==XXX==设置高亮
crtl + shift + k创建代码块
crtl + k创建超链接
ctrl + b加粗
win + .添加表情

关于CSDN加载不出图片:

​ 当我们写完一篇博客,需要上传至CSDN时,我们检查会发现图片无法加载?其实我们可以用到图床的方式来解决。

创建OSS:

  1. 打开阿里云官网,先注册再把鼠标放在左上角的“产品”上,然后再将鼠标放在左边那一栏的“存储”上,然后点击右边的**“对象存储OSS”**
    image-20240917203529728

  2. 进来之后,我们点击存储类型,然后往下拉一点找到0.15每个月的
    image-20240917204725991

  3. 然后按照以下设置进行选购:(可以买6个月的也可以买一年的)

    image-20240917205102428

  4. 在你购买之后你可以返回首页,然后打开右上角的铃铛,里面会有通知你阿里云OSS创建成功提醒:
    image-20240917211105481

  5. 然后点击进入"OSS控制台",之后去右边点击"Bucket列表",然后在右边点击"创建Bucket"

    image-20240917211851922

  6. 创建按照以下步骤来:
    image-20240917212948090

  7. 然后就开始创建“AccessKey”,先认证之后记得保存好自己的ID和Secret!!!
    在这里插入图片描述

设置PicGo:

  1. 我们首先要去github上下载软件:
    https://github.com/Molunerfinn/PicGo/releases
    在这里插入图片描述

    由于我之前下载了别的版本,但是都因为版本太低导致使用不了,所以这里直接建议使用测试版。登录的话就多试试吧。

  2. 下载安装包之后,就直接一路往下下一步就好了记得一定不要装在C盘就好了。

    在这里插入图片描述

  3. 配置PicGo:

    在这里插入图片描述

    image-20240917224827099

    在这里插入图片描述

    这里弹出的窗口,默认配置即可,有的时候设置监听端口号那里会自动改为366771,我们必须将其改为36677!!!

    image-20240917224912883

    • 设定KeyId:创建Bucket时的AccessKey ID
    • 设定KeySecret: 创建Bucket时的AccessKey Secret
    • 设定Bucket : 创建Bucket时的名称
    • 确认存储区域: 这里按照阿里云OSS上Bucket列表中的信息填写即可
    • 其余配置,均不需要进行配置
  4. 然后我们测试以下是不是配置好了:

    我们只需要将一张图片拖到上传区,然后会有通知就代表成功了!如果没有通知但是点击相册会有图片,那也是成功的!

    image-20240917225344186

  5. 最后我们需要在Typora的设置里面进行设置:

  6. 出现以下界面就代表全部成功了!

image-20240917225640003

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2142837.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Linux基础---07文件传输及解决yum安装失效的方法

Linux文件传输地图如下,先选取你所需的场景,若你是需要Linux和Linux之间传输文件就查看SCP工具即可。 一.下载网站文件 前提是有网: 检查网络是否畅通命令:ping www.baidu.com,若有持续的返回值就说明网络畅通。Ctr…

如何建立一个Webservice WSDL的简单例子(完整例子)

一:根据对方给的wsdl 的接口地址创建Web 的逻辑端口 1:例如这个用C#写的Web 2.我们需要在SAP里建立一个Service Consumers 的服务记得后缀要加?wsdl 2:然后就会生成对应方法的出参 入参 返回的消息根据接口方法来判断 二:如何通…

day21JS-axios数据通信

1. 什么是axios axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,简单的理解就是ajax的封装,只不过它是Promise的实现版本。 特性: 从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转…

基于Java的固定资产管理系统

基于Java的固定资产管理系统是一个实用的应用程序,用于跟踪和管理公司的资产。这种系统可以包括资产的采购日期、位置、状态、折旧等信息。下面是一个简单的固定资产管理系统的设计概述,以及一些关键功能模块的实现思路。 系统设计概览 用户管理&…

2-97 基于matlab的小波变换模量最大值 (WTMM) 方法进行图像边缘检测

基于matlab的小波变换模量最大值 (WTMM) 方法进行图像边缘检测。利用小波基函数的局部化和振荡特性来检测图像中的边缘,沿每个像素的梯度方向搜索局部最大值,保留局部最大值,抑制其他系数,实现边缘检测。程…

一文入门生成式AI(理解ChatGPT的原理)

一、什么是生成式AI? 以ChatGPT为代表的生成式AI,是对已有的数据和知识进行向量化的归纳,总结出数据的联合概率。从而在生成内容时,根据用户需求,结合关联字词的概率,生成新的内容。 可以这么联想&#x…

(9) protobuf 与cmake

文章目录 概要整体架构流程代码优化 概要 protobuf的安装与用cmake编译protobuf程序 整体架构流程 安装protobuf3 21.12,最新版本好像要用到一个新的库,有点麻烦。 https://github.com/protocolbuffers/protobuf/releases/tag/v21.12 all和cpp后缀的包…

python植物大战僵尸项目源码【免费】

植物大战僵尸是一款经典的塔防游戏,玩家通过种植各种植物来抵御僵尸的进攻。 源码下载地址: 植物大战僵尸项目源码 提取码: 8muq

【前端】prop传值的用法

prop配置项的作用是让组件接收外部传过来的值。 组件标签上传值给vue组件对象 <script> export default {name: HelloWorld,data(){return{ }},props:[name,age] #简单接收 } </script>方式2:利用对象方式设置数据类型进行类型限制 props:{name:String…

kubernetes中pause容器的作用与源码详解

概述 摘要&#xff1a;上一篇文章我们介绍了kubernetes是如何通过pause容器来构建一个pod。本文我们对pause容器做一个总结&#xff0c;并再此基础上次深入浅出&#xff0c;从pause容器的源码详细了解pause容器的实现原理。 正文 pause容器是什么 在 Kubernetes 中&#xff…

echarts 实现中国geo地图自定义贴图实例

文章目录 1. 实现效果2. 设置自定义图片&#xff0c;做好准备3. echarts 实现贴图 1. 实现效果 实现自定义背景图&#xff0c;给echarts地图贴背景图效果&#xff0c; 先准备两张背景图片&#xff0c;一张是默认的&#xff0c;一张是鼠标悬浮替换的&#xff0c;如下两张图 2.…

基于EchoMimic加速版,可编辑标志点控制实现逼真音频驱动的肖像动画

EchoMimic 是蚂蚁集团终端技术部门开发的一项技术,旨在通过音频驱动生成逼真的肖像动画。对于那些初次接触这项技术的用户,本教程将带你逐步了解如何设置开发环境、获取项目代码、安装依赖,并最终成功运行示例生成自己的肖像动画。 文章目录 项目代码安装依赖业务拓展参数调…

webpack的热更新原理

Webpack热更新&#xff08; Hot Module Replacement&#xff0c;简称 HMR&#xff09;&#xff0c;无需完全刷新整个页面的同时&#xff0c;更新所有类型的模块&#xff0c;是 Webpack 提供的最有用的功能之一。 保留在完全重新加载页面期间丢失的应用程序状态。只更新变更内容…

【bug】通过lora方式微调sdxl inpainting踩坑

报错内容 ValueError: Attempting to unscale FP16 gradients. 报错位置 if accelerator.sync_gradients:params_to_clip (itertools.chain(unet_lora_parameters, text_lora_parameters_one, text_lora_parameters_two)if args.train_text_encoderelse unet_lora_parameters…

温湿度传感器SHT20的功能介绍和时序分析

目录 概述 1 认识SHT20 1.1 SHT20介绍 1.2 SHT20属性 1.3 接口介绍 1.4 SHT20的相关命令 1.5 转换时间 2 寄存器操作 2.1 复位操作 2.2 User Register 2.3 CRC Checksum 3 温湿度计算 3.1 相对湿度转换 3.2 温度换算 3.3 转换公式的C语言实现 概述 本文主要介绍…

ChatGLM-6B部署到本地电脑

引言 ChatGLM-6B是由清华大学开源的双语对话大模型&#xff0c;该模型有62亿参数&#xff0c;但在经过量化后模型体积大幅下降&#xff0c;因此不同于其他需要部署到服务器上的大模型&#xff0c;该模型可以部署到本地电脑&#xff0c;那么接下来我们来看看如何部署该模型。 …

OpenAI API key not working in my React App

题意&#xff1a;OpenAI API 密钥在我的 React 应用中不起作用 问题背景&#xff1a; I am trying to create a chatbot in my react app, and Im not able to generate an LLM powered response. Ive been studying documentation and checking out tutorials but am unable …

【CMake】使用CMake在Visual Studio中配置glad和glfw

下载glad和glfw g l a d glad glad下载&#xff1a;glad下载 这个是 g i t h u b github github上的资源&#xff0c;进不去的话就开开魔法。 g l f w glfw glfw下载&#xff1a;glfw下载 下载CMake C M a k e CMake CMake下载&#xff1a; CMake下载 根据自己的平台选择&…

【Java 优选算法】双指针(下)

欢迎关注个人主页&#xff1a;逸狼 创造不易&#xff0c;可以点点赞吗~ 如有错误&#xff0c;欢迎指出~ 有效三角形的个数 题目链接 解法 解法1:暴力枚举--->O(n^3) 解法2:利用单调性,使用双指针来解决---->O(n^2) 优化:对整个数组进行排序先固定最大数在最大数的左…

文心智能体 城市印象之漫行北京 开发分享

城市印象之漫行北京 请点击文心智能体平台AgentBuilder | 想象即现实 (baidu.com) 一、开发灵感 这个智能体为笔者“城市印象”系列当中的作品之一&#xff0c;这个智能体侧重于为用户提供丈量北京的个性化城市之旅&#xff0c;或漫步历史文化街区细细品味&#xff0c;或领略…