0
点赞
收藏
分享

微信扫一扫

Typora基本配置 + iPic图床

大雁f 2022-03-23 阅读 69
css


Typora 配置说明

1. 基本配置

  • 文件 —> 偏好设置

    1. 代码块 —> 显示行号(√) —> 代码块自动换行(√) —> 代码缩进2

    2. 自动保存(√)

    3. 取消自动更新

    4. 拼写检查 —> 不使用拼写检查

    5. 插入图像配置

      image-20201015115505662
  • 主题样式设置

    • 文件 —> 偏好设置 —> 打开主题文件夹 —> 打开next.css文件

    • 修改如下配置

      image-20200913171039077
  • next.css中***自定义配置***

    image-20201207111055757
image-20201207111131607 image-20201207111735128

2. 自定义样式

  1. 打开偏好设置 --> 通用 --> 开启调试模式

    image-20201015120034729
  2. 以加粗字体为例,如果希望给加粗字体添加字体为红色的样式,如何做到?

    1. 右键点击检查元素,获取加粗字体的元素或是类名

      image-20201015120254656
    2. 打开当前Typora主题对应的CSS文件,给加粗字体的元素 or 类名 添加 字体为红色的CSS样式

      image-20201015120535972

3. 安装第三方主题

  1. 打开偏好设置 --> 外观 --> 点击获取主题

    image-20201207105208338
  2. 选择想要的主题,并下载

    image-20201207105341752
  3. 将下载后的文件解压,会得到如下文件

    image-20201207105557387
  4. 打开Typora偏好设置界面,在外观选项中打开主题文件夹

    image-20201207105659824
  5. 打开刚刚下载并解压后的文件,其中的主题名文件夹与全部的.css后缀名文件复制到打开的主题文件夹中

    image-20201207105941751
  6. 在Typora的主题选项中即可看到.css后缀名文件的主题,点击切换主题

    image-20201207110144072

4. Typora + iPic 上传图片

软件环境

  • Mac OS 10.15
  • typora 1.1.5
  • ipic 1.7.3

Typora配置

image-20220323134847931 image-20220323135200908 image-20220323135240958

腾讯云图床

  1. 腾讯云支持QQ微信登陆极易上手,由于我们需要图床,直接来到对象存储

    image-20220323135424858

  2. 这里提示会免费送你6个月的存储桶,然后我们需要创建一个存储桶,存储桶用于存储我们要上传的图片

    image-20200514172511569

  3. 点进我们刚创建的存储桶,可以查看该存储桶详情,我们可以创建一个文件夹用于分类上传的图片

    image-20220323140347082

  4. 赠送6个月的存储桶显然是不够我们用的,所以最好付费买一个存储桶,一般20G的存储桶就够我们个人开发使用

    • 购买网址:https://buy.cloud.tencent.com/cos?packageType=std

    image-20220323141246960

  5. 购买完成存储桶后,我们还需要购买流量包,流量包的作用:在访问图床图片时,会产生一定的流量,如果不购买流量包则会按次扣费(比较坑),所以我们需要***购买流量包来抵访问图床图片所产生的流量***

    • 注:这里的10G不是总共流量10G,而是***每个月10G***

    image-20220323141517264

  6. 购买完成后,进入控制台,即可看到我们刚刚购买的流量包和存储桶

    image-20220323141734329

iPic配置

  • 打开 偏好设置,进入 图床 页,选择添加 腾讯云 COS
image-20220323142928872

以下分别介绍各项的意义及如何配置:

  • Bucket:即腾讯云 COS 中对应的 存储桶名称

    image-20220323142853770

  • Access KeySecret Key:即腾讯云 API 密钥管理中的 SecretId 与 SecretKey

    • SecretId/Key还有APPID我们可以打开 https://console.cloud.tencent.com/cam/capi 进行查看

    image-20220323142724022

  • 网址前缀

    • 用于生成上传图片的完成 Http 路径,在存储桶的概述中查看

    image-20220323143303224

  • 完成输入后,可以点击 验证 按钮。如果输入没有问题,则右侧会出现 通过 链接,点击后就可以看到测试时上传的图片。

  • 除了上述基本的设置,也可以在iPic中***指定图片上传的路径和文件名***,下图表示将图片上传到腾讯云图床的img目录

    image-20220323143757566

  • 自定义文件名,支持以下三种文件名

    • 纯文件名 也即和上传时文件名相同,比如 pic.jpg
    • 日期-文件名 也即和之前的 iPic 相同,比如 2016-06-16-pic.jpg
    • 随机 比如 jk8l1.jpg,可以***大大缩短链接长度***
举报

相关推荐

0 条评论