Typora + Qiniu Yuntuベッドのクイック構成、手動で写真をアップロードすることに別れを告げます!

みなさん、こんにちは。ゼロにしています。この記事では、プラグアンドプレイの写真を実現するためにTyporaソフトウェアを使用してQiniuYuntuベッドを構成する方法を紹介します。最初に最終結果を確認できます。

cデモ

Typoraソフトウェアを使用すると、画像がローカルストレージからサードパーティの画像ネットワークリンクに自動的に変換されることがわかります。

チュートリアルを始める前に、TyporaとQiniu Cloudを紹介します。TyporaはMarkdownドキュメントの編集と読み取り用のMarkdownエディターです。このソフトウェアは現在、ドキュメントを作成するための私の一般的なソフトウェアです。

Snipaste_2020-12-19_11-13-14

Markdownの基本的な構文サポートに加えて、ソフトウェアは多くのテーマテンプレートも提供します。提供されたテーマテンプレートと組み合わせると、手動で植字する必要はありません。テーマテンプレートのCSSスタイルを変更するだけで、適切な出力が得られます。探している記事、そしてあなたはそれを一度だけ設定する必要があります。

Snipaste_2020-12-19_11-09-33

Markdown構文についてあまり明確でない人のために、Baiduで見つけることができます

Qiniu Cloudはエンタープライズレベルのクラウドサービスプロバイダーであり、この記事では内部のイメージベッドツールのみを使用します(图床一般指存储图片的服务器,把本地图片上传到服务器上生成 http/htpps 网页链接);使用する場合は、対応するクラウドサービスプロバイダーのクラウドストレージスペースを購入する必要があります。QiniuCloudの容量は10Gです。 1か月あたりのアカウント大小の無料ストレージ。通常の10Gストレージスペースの使用で十分である限り(もちろん、高解像度の画像、数MBの種類のアップロード)、十分でない場合は、後で購入できます。

画像ベッドツールを使用すると、画像をWebリンクに変換でき、Markdown文法を使用して画像リンクを記事に挿入するため、画像を1つずつ手動で記事にアップロードする必要がないため、記事のレイアウト時間を節約できます。

Qiniu Cloudを選ぶ理由

実際、サーバーストレージが安定している限り、AlibabaCloudまたはTencentCloudクラウドサービスプロバイダーを選択できます。以前に使用したイメージベッドツールはGoogleのプラグインであり新浪微博图床、このプラグインは無料です(Weiboアカウントにログインする必要があります)。 )、それを使用して画像をウィンドウにドラッグします。プラグインは画像をWebリンクに自動的に変換できます。ツールは小さくてシンプルで、優れた画像ベッドツールでもあります。

Snipaste_2020-12-19_11-39-39

ただし、このツールには次の欠点があります。

  • 1.操作は比較的面倒です。たとえば、写真をアップロードする場合は、次の手順が必要です。

    • 1.プラグインを開き、

    • 2.画像​​をドラッグします。

    • 3.ログインアカウント、

    • 4.Markdownリンクをコピーします。

    • 5.手順4のリンクをMarkdown構文に貼り付けます。

      画像をアップロードするには5つの操作を実行する必要がありますが、1つのステップで実行できることを願っています。つまり、画像をMarkdown文法にドラッグして、自動的にネットワークリンクに変換しますが、残念ながら、このプラグインでは実現できません。これは現在;

  • 2.このプラグインはhttpsプロトコルネットワークリンクをサポートしていません。httpプロトコルのみをサポートしています。httpsはhttpよりも安全で暗号化されています。たとえば、私の個人的なWebサイトでは、httpリンクが記事に表示されると、ナビゲーション情報がに表示されます。ページのヘッダー不安全ロゴ

    Snipaste_2020-12-19_11-58-21

  • 3.不安定な場合、画像はSina Tuboのサーバーでホストされており、画像の有効期限が切れて削除される時期を特定できません。たとえば、Sina Weibo Tuboがヒル防止リンクを1回開くと、多数の外部画像が機能しなくなります。適切に使用する;したがって、最も堅牢で手頃な方法は、サードパーティのプラットフォームを使用してストレージオブジェクトを構築することです


ドメイン構成をテストする

上記は非常に長いので、主にTyporaとイメージベッドツールについて簡単に紹介します。以下は正式な構成チュートリアルです。

構成を開始する前に、次の要件を満たす必要があります(要件3は必須ではありませんが、ある方がよいでしょう。要件1、2は、Qiniu Yuntubedツールの使いやすさをテストするためだけのものです)。

  • 1. Typora 0.9.96以降(バージョン0.9.96以降は、サードパーティのプラットフォームイメージベッド構成のみをサポートします)。
  • 2. Qiniu Cloudアカウントに登録し、実名認証を完了します(実名認証を完了したアカウントのみが、その後の月ごとに10Gの空きストレージスペースを持ちます)。

Snipaste_2020-12-19_12-17-59

  • 3.登録済みドメイン名(カスタムドメイン名を追加し、HTTPSプロトコルを構成するために使用されます)。

Qiniuクラウド

次の操作を続行する前に、上記の要件1と2を満たしていることを確認してください。次に、最初にQiniu Cloudにログインして、管理コンソールに入ります。Snipaste_2020-12-19_12-20-39

左側の列の[ ObjectStorageKodo]をクリックします

Snipaste_2020-12-19_12-21-27

スペース管理の左側をクリックしますSnipaste_2020-12-19_12-22-35

上の新しいスペースをクリックし、右側に新しいストレージスペースの基本情報を入力します

  • ストレージスペースに名前を付け、自分で名前を付けます。
  • ストレージエリア:いずれ华东、华北、华南を選択してみてください(番号構成に対応するエリアは、後で東-a0;北-a1;中国南部-a2で使用されることに注意してください);
  • アクセス制御:パブリック;

Snipaste_2020-12-19_12-24-44

上をクリックして後で決定すると、背面にスペースがポップアップして成功したリマインダーが作成されます。システムは、30日間有効なテストドメインを自動的にプロンプ​​トで提供します。つまり、このテストドメイン名は30日間しか使用できません。テストドメインが再開されてから30日後、公式ウェブサイト、つまり、このドメイン名でアップロードされた画像リンクは無効なりますので、画像ベッドツールを使用する前に、ご自身の登録ドメイン名を設定ドメイン名としてご利用ください。スペース

Snipaste_2020-12-19_12-40-46

スペースが作成されたら、作成したスペースの概要を入力します。ここでは、次のTyporaソフトウェア構成のいくつかのパラメーターを覚えておく必要があります。

  • スペース名
  • CDNテストドメイン名。
  • ストレージ領域に対応する番号。

Snipaste_2020-12-19_12-49-34

上記の3つのパラメーターに加えてユーザーセンターのキー管理を入力するには2つのパラメーターが必要です

Snipaste_2020-12-19_12-49-34

内部のAKおよびSKパラメータを覚えておいてください

Snipaste_2020-12-19_12-51-50

Typoraの構成

上記の5つのパラメーターを知ったら、上記のパラメーターをTyporaソフトウェアに構成し、Typoraソフトウェアを開いて、[ファイル]-> [設定]-> [画像]をクリックする必要があります。基本構成を次の図に示します。

Snipaste_2020-12-19_12-56-23

クリックして更新をダウンロードし、更新がダウンロードされるのを待ち、完了後にクリックして構成ファイルを開きます

Snipaste_2020-12-19_13-03-07

コンピューターは自動的に構成ファイルを開き(最初は空です)、上記の5つのパラメーターを以下のjson文字の対応する位置に順番に入力します。

Snipaste_2020-12-19_13-01-45

{
  "picBed": {
    "uploader": "qiniu",
    "qiniu": {
      "accessKey": "",
      "secretKey": "",
      "bucket": "", // 存储空间名
      "url": "", // 自定义域名
      "area": "", // 存储区域编号
      "options": "", // 网址后缀,比如?imgslim
      "path": "img/" // 自定义存储路径,比如 img/
    }
  },
  "picgoPlugins": {}
}

完了し、ショートカットCtrl + Sを保存して、アップロード設定サービス検証画像アップロードオプションをクリックします。正常な構成を表すエラーはありません。

Snipaste_2020-12-19_13-03-07

Snipaste_2020-12-19_13-08-19

これまでのところ、typoraとQiniu Yuntuベッド(Qiniuyunのテストドメイン名に基づく)の構成方法は基本的に終了しています。画像をドラッグアンドドロップすることで、画像ネットワークリンクの自動変換を実現できます。


アダプティブドメイン名を追加し、HTTPSプロトコルを設定します

上記の設定方法には1つのポイントがあります。QiniuCloudが提供するテストリンクは上記の設定プロセスで使用され、30日間のみ有効で、画像ストレージリンクはHTTPプロトコルです。Webページリンクが安全でない場合は、一部のWebサイトによってブロックされている可能性があります。

Qiniuクラウドマップベッドツールを長期間使用する場合は、独自のドメイン名を設定する必要があります。ドメイン名は、AlibabaCloudおよびTencentCloudクラウドサーバーベンダーから購入でき、数ドルで非常に安価です。 1年。ただし、構成済みのドメイン名を提出する必要がありますこれについては、次のセクションで紹介します。QiniuCloudにカスタムドメイン名を追加する方法とHTTPSプロトコルを構成する方法

1.サブドメインSSL証明書アプリケーション

HTTPSプロトコルを構成する場合、後でCNAME解決(DNS解決)が必要になりますが、メインドメイン名は通常、個人のWebサイトまたはブログの構築に使用されます。Webサイトを作成する場合、ドメイン名をIPに変換するにはドメイン名解決が必要です。アドレス。解決されたドメイン名は、Qiniu CloudのCNAMEとして使用されます。解決中に競合が発生するため、ここでは、images.xxx.com(xxx.comがプライマリドメイン名)など、未解決の第2レベルのドメイン名が必要です。提出後)

Snipaste_2020-12-19_14-49-35

2.セカンドレベルドメイン名のSSL証明書を構成します

7つの牛のクラウドカスタムドメイン構成HTTPSプロトコルの場合、SSL証明書、SSL証明書をバインドするドメイン、無料のSSLセキュリティ証明書をアップロードする必要があります。Ali、Tencent、およびその他のクラウドサーバープロバイダーは通常、非ワイルドカードドメイン名であり、組み合わせを適用する必要があります。ドメイン名の2つのSSLセキュリティ証明書の

例としてAlibabaCloudを取り上げると、セカンドレベルドメイン名のSSL証明書アプリケーションの構成プロセスは次のとおりです。

Snipaste_2020-12-19_15-41-11

Snipaste_2020-12-19_15-52-07

Snipaste_2020-12-19_15-52-50

セカンドレベルドメイン名の構成を購入した後、セカンドレベルドメイン名のSSL証明書をローカルにダウンロードします。通常は圧縮パッケージの形式で保存され、解凍ソフトウェアを使用して解凍します。

7頭の牛のクラウドSnipaste_2020-12-19_15-48-52移動して7頭の牛のサイト、SSL認証局をクラウド化し、ローカルSSL証明書を追加します

Snipaste_2020-12-19_15-45-54

Snipaste_2020-12-19_15-46-04

Snipaste_2020-12-19_15-46-31

  • 証明書の備考名、特別な要件なしで名前を選択するだけです。
  • 証明書の内容は、ダウンロードしたSSL証明書のpemファイルの内容に対応しています。
  • 証明書の秘密鍵、鍵ファイルの内容、

Snipaste_2020-12-19_16-08-51

3.カスタムドメイン名設定、HTTPSプロトコル構成

7頭の牛の雲が作成したスペースの概要を開き、ドメイン名管理をクリックし、パーキングドメインをクリックします

ドメイン名をバインドする

次のテンプレートに従って、自分の状況に応じて変更します

Snipaste_2020-12-19_16-11-03

バインディングが完了した後、CNAMEの解決に必要な手順は1つだけです。

Snipaste_2020-12-19_16-25-12

写真のCNAMEコンテンツをコピーし、DNS解決のためにクラウドサーバープロバイダーにアクセスします

Snipaste_2020-12-19_15-53-03

Snipaste_2020-12-19_15-53-25

Snipaste_2020-12-19_15-53-58

Snipaste_2020-12-19_16-21-42

DNSの解決が完了したら、しばらく待つと、次のような効果が現れます。これは、構成が成功したことを意味します。

結果

ドメイン名をバインドした後、Typora構成ファイルの域名、空间名称、及对应的存储区域编号3つのパラメーター、つまり3つのパラメーターを変更し、構成ファイルを保存して他のパラメーターを変更せずに検証します。検証が成功すると、通常どおり使用できます。

TyporaとQiniuYuntuのベッド構成チュートリアルを簡単に紹介したかったのですが、書く必要のあるポイントが増えていることがわかったので、ここに書きました。私が書いたことをみんなに理解してもらうために、たくさんの写真を挿入しました。、QiniuCloudの背景の画像ストレージ容量も増加しています

Snipaste_2020-12-19_16-51-48

そのため、イメージベッドツールで画像を挿入する場合、特別なシーンがない場合は、高解像度の画像ではなくスクリーンショットを使用することをお勧めします。10Gのストレージスペースは多く見えますが、実際には使用されていません。もちろん、地元の暴君はそれを完全に無視することができます。

さて、これがこの記事の全内容です。記事が良いと思うなら、手をけちるようなことはしないでください。みんなを歓迎し、メッセージを残して、転送してください。最後に、読んでいただきありがとうございます!

おすすめ

転載: blog.csdn.net/weixin_42512684/article/details/111413918