PicGo + GiteeがMarkdownイメージベッドを実現

序文

フィギュアベッドはマークダウンを書く上で重要なポイントの1つですが、Qiniu Cloud Alibaba Cloudのオンライン推奨事項は、サーバーをレンタルすることです。手間と費用がかかりすぎます。Weiboはリンクに非常に強力です。ほとんどの人がgithubを使うことを選びますが、githubは良いのですが、海外のWebサイトです。結局、国内のWebサイトほど速度は良くありません。長い間勉強した後、Hu Xuechangの助けを借りて、彼はついに完璧な解決策を見つけました。最後に、PicGo + Giteeを使用して完全に解決してください!

次の3つのソフトウェアを最初にインストールできます。これらはすべて次に、非常に簡単です。後で説明します。

  • ティポラ
  • Node.js
  • PicGo

自己収集Baiduネットワークディスク抽出コード:neu1

ティポラ

前書き

Typoraは、インスタントレンダリングテクノロジーをサポートする軽量で簡潔なMarkdownエディターです。これは、他のMarkdownエディターとの最も大きな違いでもあります。インスタントレンダリングを使用すると、編集バーと表示バーを備えた他のエディターとは異なり、Wordドキュメントを作成するのと同じくらいスムーズにMarkdownを作成できます。

インストール

オフィスを設置するよりも簡単なので、繰り返しません!

問題

1.クラウドストレージ:同時に、Typoraはクラウドストレージをサポートしていません。コンピューターに問題があり、データが空になると、血液が失われます。

2.画像​​のアップロード:MacバージョンはiPicUploaderを介して画像をアップロードできるようになりましたが、他のシステムはまだサポートしていません。giteeにアップロードした場合、挿入されたローカル画像は表示できません。

3.ドキュメントの転送:自分で作成したmdドキュメントに挿入された画像は、ローカルでのみ表示できます。mdドキュメントが他のユーザーに送信されたり、csdnに同期されたりすると、画像は表示されず、問題は引き続き画像のアップロードです。

外部画像のエクスポートに失敗しました

幸運なことに

TyporaはすでにPicGoの自動アップロード機能をサポートしています。この機能は、マークダウンファイルにドラッグされた写真を自動的にアップロードし、ワンクリックでマークダウンファイルに写真をアップロードできます。PicGo + Giteeはイメージベッドを実現でき、TyporaはGiteeを介してGitee倉庫に永久に保管できます。

PicGo + Gitee構成

デフォルトでは、全員がGitをインストールしています。まだ完了していない場合は、この記事を読んでGitをインストールして使用できます。

1.PicGoのインストール

PicGoをインストールする

  • PicGo-Setup-2.2.2.exeをダブルクリックします
  • 選択する仅为我安装
  • デフォルトのパスに入れないようにしてください!ただし、インストールパスを覚えておいてください。後で必要になります。

Node.jsをインストールします。

  • node-v14.15.1-x64.msiをダブルクリックします。デフォルトは次のすべてです

2.PicGoプラグインのインストール

  • 左下をクリック->プラグイン設定。
  • 入力:右側の入力ボックスにgitee、2つのプラグインが表示されます
  • 右側のプラグインを選択してgitee-uploader 1.1.2、[インストール]をクリックします。効果は次のとおりです。
プラグインのインストール

3.Giteeはピクチャーベッドを作成します

  • 新しい倉庫

  • 公表します

  • Readmeファイルで初期化

    20200603161129165
  • 写真を保存するフォルダを作成します(私のものはimgと呼ばれます)

    画像-20201120135131118

4.PicGo構成

画像-20201120135255824

  • repo倉庫名は

  • branch デフォルトはマスターで、変更する必要はありません

  • tokenプライベートトークン、生成方法:Giteeアバターをクリックします-個人のホームページ-個人設定-プライベートトークン-新しいトークンを生成します

    画像-20201120135715160
  • pathつまり、「Giteeがピクチャーベッドを作成する」ときに、写真を保存するフォルダーを作成します

  • customPath 年と月を選択するだけです

  • customUrl あなたはそれを放っておくことができます

最後に、をクリックし 确定選択 ます设为默认图床

5.PicGo画像アップロードテスト

  • PicGoのアップロードエリアで[アップロード]をクリックします

    貼り付け、選択、ドラッグインが可能で、バッチアップロードがサポートされています!

  • アップロードした写真はPicGoのフォトアルバムで見ることができます

    画像-20201120140844355

  • あなたはGitee倉庫の下のimgフォルダで写真を見ることができます

    画像-20201120141033928

TyporaはPicGoを接続します

  • Typora-ファイル-設定-画像を開く

    構成は次のとおりです。
    画像-20201120141705972

1.Typora用のPicGoの構成

上記の設定後、Typoraで写真をアップロードするとエラーが発生しますので、事前に設定してください!

  • Failed to fetch

    解決:

    オープンPicGo-PicGo設定-設定サーバーの設定は、ポートの変更に値聞く36677-Saveを
    画像-20201120142523440

  • {“success”,false}
    このエラーは、同じ名前の2つの画像をアップロードしたことが原因で発生します。

    解決

    PicGoを開く-PicGo設定-タイムスタンプの名前を開く-保存

    画像-20201120142643215

2.タイポラの写真のデモンストレーション

私は現在、Typora(人形なしを使用してこのブログを書いています。以下でそれを示しましょう!
ここに写真の説明を挿入

Typora + Gitee + PicGoを使って、将来楽しく作れるようになります〜

ありがとう

この記事の執筆、私はたくさんのブログを参照します、私は以下のボスに感謝し、参照リンクを添付したいと思います

兄貴のブログアドレス:

参照ブログアドレス

おすすめ

転載: blog.csdn.net/qq_27148893/article/details/109852766