ブログを書くことを学ぶだけで十分です


サポート情報、無料ダウンロード
リンク:https
://pan.baidu.com/s/1ZpqUYISWViBWb4z0_SPu9A抽出コード:l43x
このコンテンツをコピーして、操作に便利なBaiduNetdiskモバイルアプリを開きます。

第1章現状

  • 課題1:記事を書き終えた後、一度書いてインターネット上のどこにでも公開するのは難しい場合があります。

    画像-20201117184521072

  • 課題2:記事を編集する過程で、写真の紹介は作者に大きな迷惑をかけることが多く、持ち運びに非常に不便です。

  • 課題3:一部のブログプラットフォームはビデオをサポートしていません。または、意味、このアニメーションの生成方法を説明するための単純なアニメーションのみが必要な場合もあります。

  • 課題4:従来のWord編集モードは、今日のインターネットテクノロジーの急速な反復には適しておらず、複雑なタイプ設定は常に人々を無力にします

第2章選択方法

それで、上記の問題点を見た後の私の解決策は何ですか?

Typora + PicGo + Gitee + Snipaste + ScreenToGifの高速編集モードはそれだけの価値があります!

  • Typora:これは、リアルタイムのレンダリングテクノロジーをサポートする、軽量で簡潔なMarkdownエディターです。つまり、タイプ設定の時間をかけずに、書いた内容をすぐに確認でき、記事のコンテンツの編集に集中できます。
  • PicGo:写真をすばやくアップロードし、写真のURLリンクを取得するためのツールです。さまざまなギャラリーをサポートしていますが、その機能はそれだけではありません。
  • Gitee:現在、中国最大のコードホスティングツールです。実際、コードに加えて、画像ストレージもサポートしています。
  • Snipaste:通常QQスクリーンショットを使用している場合は、古くなっているとしか言えません。Snipasteを使用すると、高品質であるだけでなく、ファイルサイズがQQスクリーンショットよりもはるかに小さくなります。主要なプラットフォームに記事をアップロードするときに、画像が大きすぎるために画像の転送に失敗しないようにするには、ファイルサイズが小さい高品質の画像のみを使用できます。
  • ScreenToGif:ファンにCSSアニメーションを説明する方法についてまだ心配していますか?今日はここにあり、非常にシンプルで使いやすい強力なGIF記録ツールがここにあります。

上記のツールはすべて別々に存在することができますが、それらを組み合わせると、最大の力を発揮できます。実際に実現し、一度書き込んで、ブログサイト間で公開するだけで、写真の保存やアップロードプロセスについて心配する必要がなくなります。での画像転送の失敗の問題については、すべての記事の最後に1つの.mdファイルを保存するだけで済みますでは、画面の前で何を待っているのか、これらのツールがどのように連携するかを確認してください。

第3章インストール方法

Typoraのインストール:

公式アドレス:https://typora.io/

インストール方法:自分のコンピューターに応じてビット数に対応するバージョンをダウンロードし、次のインストールデフォルトに設定します。

ホーム画面アイコン:画像-20201117192214493

PicGoのインストール:

公式アドレス:https://github.com/Molunerfinn/PicGo

インストール方法:自分のコンピューターに応じてビット数に対応するバージョンをダウンロードし、次のインストールデフォルトに設定します。注:インストールする前にnode.jsをインストールする必要があります(12以上が最適です)。そうしないと、後でプラグインをインストールするときに失敗し、実行できません。

ホーム画面アイコン:画像-20201117192159004

Giteeのインストール:

公式アドレス:https://gitee.com/

インストール方法:これはインストールする必要はありません。アカウントを登録する必要があります。

Snipasteのインストール:

公式アドレス:https://www.snipaste.com/

インストール方法:自分のコンピューターに応じてビット数に対応するバージョンをダウンロードし、次のインストールデフォルトに設定します。注:グリーンバージョンの場合は、解凍して使用してください。

ホーム画面アイコン:画像-20201117191737150

ScreenToGifのインストール:

公式アドレス:https://www.screentogif.com/

インストール方法:自分のコンピューターに応じてビット数に対応するバージョンをダウンロードし、インストール時に左下隅を選択してcnから、次のインストールデフォルトにします。

ホーム画面アイコン:画像-20201117192116478

注意:一部のソフトウェアの公式Webサイトは外部ネットワーク上にあり、マシンのダウンロード速度が遅く、ダウンロードが簡単に失敗するため、上記のすべてのソフトウェアをサポート資料にパックします。私が提供するソフトウェアを選択すると、一部のソフトウェアで更新を求めるメッセージが表示される場合があります。ここで言いたいのは、更新しないと、更新もインターネットに接続されているため、更新が失敗する可能性があるため、無視してください。 、私が提供するバージョンは基本的に最新のものであり、私はそれらを自分で使用しています。

第4章ピクチャーベッドの構成

PicGoを開いて「プラグイン設定」見つけ、プラグイン「gitee-uploader」を検索し、見つけたら、右下隅にある「インストール」をクリックします

画像-20201117193053841

次に、「Picture Bed Settings」を見つけ、中の「gitee」アイテムを見つけて、最初にスタンバイをオンにして、後で構成します。

画像-20201117193318608

次に、Gitee Webサイトを開き、記事で使用されている写真を保存するためのウェアハウスを作成します。GiteePictureBedが設定する必要のある3つのパラメーターは、次のとおりです。

  • レポ:倉庫の住所を表します。わからない場合は、下の写真をご覧ください。

    画像-20201117193631121

  • ブランチ:このパラメーターのマスターを書き込むだけです

  • トークン:このパラメーターは、最初に個人設定で検索し、プライベートトークンを検索して生成する必要があります。具体的な手順は次のとおりです。

    画像-20201117193806036

    画像-20201117193829675

    画像-20201117193856227

    画像-20201117193938063

    画像-20201117194014297

上記のトークンを今すぐトークンテキストボックスにコピーして、PicGoがイメージベッドを介してGiteeに写真を送信できるようにします。

次に、イメージベッド自体をセットアップし、イメージベッドの設定を開いて、次のように設定します。

画像-20201117194324057

次に、TuBedの現在のサービスポートを確認しましょう。これは、次の構成に便利です。

画像-20201117194407977

画像-20201117194426350

このアドレスとポートは非​​常に重要なので、後で簡単に操作できるように、今すぐ書き留めておく必要があります。

第5章ピクチャーベッドドッキング

画像内にあるTyporaの設定を開き私のように、彼を設定します。

画像-20201117194611671

画像-20201117194709007

次に、画像とベッドの接続が成功したかどうかを確認し、[画像のアップロードオプションを確認]をクリックします成功した場合は、取得が成功したと表示されます。

画像-20201117194812566

第6章ライティングスキル

  1. ヒント1:Snipasteを起動した後、F1を押してすばやくスクリーンショットを撮ります。起動後にアプリケーションが自動的に起動するように設定することをお勧めします。

  2. ヒント2:ショートカットキーを使用して画像を挿入しないでください。ヒント1のスクリーンショットを使用して、Typoraに貼り付け、[アップロード]をクリックすると、画像が自動的にクラウドにアップロードされ、クラウドの絶対アドレスが記事、gifのデモで自動的に置き換えられます。次のように:

    デモアニメーションが大きすぎます。手動で開いてください:https://gitee.com/caochenlei/BlogImages/raw/master/20201117195730.gif

  3. ヒント3:ScreenToGifの使用が終了したら、gifをデスクトップにエクスポートし、マウスを使用して記事に直接ドラッグし、画像をクリックしてアップロードすると、画像が自動的にクラウドにアップロードされ、クラウドの絶対アドレスが自動的に置き換えられます。この記事では、gifは次のように示されています。

    デモアニメーションが大きすぎます。手動で開いてください:https://gitee.com/caochenlei/BlogImages/raw/master/20201117195743.gif

  4. ヒント4:写真の1つをコピーしてアップロードする必要があります。最後の写真にアップロードしないでください。そうしないと、問題が発生する可能性があります。このように、記事内の写真はネットワークアドレスで引用されているため、ローカル写真はオプションです。複数のプラットフォームでブログ投稿を公開すると、より簡単になります。

  5. 5つのヒント:Typoraに関する質問は太字で** 需要加粗的文本 **、空白を残す前後に入力する必要があります。そうしないと、レンダリングに失敗することがあります。

  6. ヒント6:Typoraについては、ナビゲーションバーの形式ではなく、ショートカットキーを使用してみてください。一般的なショートカットキーは次のとおりです。

    • 第1レベルの見出し:CTRL + 1、注:この番号は左側の小さな数字の行であり、右側の数字キーパッドの数字ではありません
    • 二次タイトル:CTRL + 2、注:この番号は左側の小さな数字の行であり、右側の数字キーパッドの数字ではありません
    • 3レベルの見出し:CTRL + 3、注:この番号は左側の小さな数字の行であり、右側の数字キーパッドの数字ではありません
    • 4レベルの見出し:CTRL + 4、注:この番号は左側の小さな数字の行であり、右側の数字キーパッドの数字ではありません
    • 5レベルの見出し:CTRL + 5、注:この番号は左側の小さな数字の行であり、右側の数字キーパッドの数字ではありません
    • 第6レベルの見出し:CTRL + 6、注:この番号は左側の小さな数字の行であり、右側の数字キーパッドの数字ではありません
    • 太字のテキスト:CTRL + B
    • 画像を挿入:CTRL + SHIFT + I
    • リンクを挿入:CTRL + K
    • テーブルの挿入:CTRL + T
    • 下線を挿入:CTRL + U
    • 全文検索:CTRL + F
    • 全文置換:CTRL + H
    • 順序付きリスト:CTRL + SHIFT + [
    • 順序付けられていないリスト:CTRL + SHIFT + ]
    • ソースコードモードを開くまたは閉じる:CTRL + /
  7. ヒント7:テキストに色を付けたい場合は、次のようにhtmlコードを使用して色を付けてください。

    <font color='red'>我想要变成红色</font>
    
  8. ヒント8:コードスニペットを挿入する場合は、次のように、ESCの下にキーを英語で3回入力し、その後にコード言語を小文字で入力してください。

    ​```html          回车,这就是插入html代码片段
    ​```css           回车,这就是插入css代码片段
    ​```javascript    回车,这就是插入javascript代码片段
    ​```c             回车,这就是插入c代码片段
    ​```java          回车,这就是插入java代码片段
    ​```bash          回车,这就是插入bash代码片段
    
  9. ヒント9:記事をアップロードするときは、現在のテキストを直接コピーしないでください。ソースモードで開き、CSDNの記事編集領域にソースコードをコピーする必要があります。ソースコードは次のとおりです。

    画像-20201117202223490

  10. ヒント10:問題が発生した場合は、Baiduに質問せず、この記事の最後にメッセージを残すこともできます。問題が発生したら、時間内に返信します。

おすすめ

転載: blog.csdn.net/qq_38490457/article/details/109752298