Typoraを使って記事を書く方法
2019-02-23 21:04 ≈ 2k字 ≈ 8分

ウェッジ

仕事をうまくやりたいなら、まず自分のツールを磨く必要があります。コーディングをしたいプログラマーとして、IDEA や Sublime などの IDE を使用しないでください。また、長年使用してきた Evernote を捨てることもできます。 Markdown のサポートの欠如は、実際に多くのユーザーの喪失をもたらしたと推定されています。

マークダウンは、通常のテキスト エディターを使用して作成できるマークアップ言語で、通常のテキスト コンテンツを特定の形式にすることができます。構文形式は非常に簡単です。 10分程度で始められます。

コーディングに Markdown を使用する必要がある理由については、コード作成で最も面倒なことは、実際には書式設定であると言わなければなりません。これは、コードを書いたりコピーしたりするときに気が散らなければなりませんが、効率は非常に低くなります。

強迫性障害を持つ人は、この乱雑なレイアウトを見ると間違いなく気が散るでしょう。この段落の間隔は、調整するまでに減らす必要があります。満足しました、あなたのインスピレーションは消えました。

コンテンツの作成とフォーマットの調整を同時に行っています。コンテンツの作成に集中したいのですが。このとき、選択肢は 2 つあります。 1. 形式に関係なく、たくさん書いて、書いた後にまとめて調整します。 2. 文章に影響を与えずに、いくつか追加して書く記事のレイアウトを明確にします。そして将来的には、編集に必要なさまざまな形式を生成できるようになり、2 番目の方法により Markdwon 構文が誕生しました。

上記の段落は次のように書くことができます

コンテンツの作成とフォーマットの調整を同時に行っています。コンテンツの作成に集中したいのですが。

現時点では 2 つのオプションがあります:

  • 形式に関係なく、たくさん書いて、書いた後にまとめて調整します。
  • 文章に影響を与えることなく、簡単なマークをいくつか追加するだけで、自分が書いた記事のレイアウトがより明確になり、将来的に編集に必要なさまざまなフォーマットを生成できるようにする 2 つ目の方法が Markdwon 文法として誕生しました。 。

以前の記事の形式はそのように生まれたわけではなく、紙の印刷に必要なものでした。たとえば、段落の先頭に空白語が 2 つあり、段落間に空白行がなく、1 つの段落内に直接引用が混在しています。これらは読みやすさのためではなく、紙の節約のためです。

電子読書の時代では、スクロールすると画面のスペースが無限に広がりますが、紙に比べて画面が疲れやすくなるため、より鮮明な写植が求められます、これがMarkdownの存在意義です

Typora

Mac OS には多くの Markdown ツールがありますが、その中で最も使いやすいのは Mou によって開発されたツールです。しかし、中国人は非常に人気があるため、開発者は事前に新しいバージョンをプレビューし、大規模な予約注文を開始しましたが、現在はそれ以上のものはありません。最新バージョンの Mac OS をサポートします。

その後、オープンソース業界の誰かがこれに耐えられず、Mou の機能と UI をベースにした新しいオープンソース アプリを開発しました。それが MacDown ですが、その技術はそうではない可能性があります。その理由は、MacDown が一定期間フリーズすることが多く、これはプログラマーにとって致命的であるためです。 、あたかも誰かがすべての生き物を救うために暗闇の中で色とりどりの縁起の良い雲を運転しているかのように。

Typora は非常に美しく、従来の Markdown エディターとは異なり、作成中にプレビューは表示されませんが、表示されたものがそのまま得られます。公式ウェブサイトにアクセスすると、すぐに魅了されるでしょう。

ちなみに、Typora の公式 Web サイトも非常に…Apple さん、このページだけでも一見の価値があります。

Mou の基本機能に加えて、Typora はディレクトリの生成、構文ショートカット キーなど、他の多くの機能もサポートしています。有料の機能が満載ですが、現在は無料です。

コード表示を見てみましょう。以下は JavaScript です。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//通过云函数绕过腾讯https的机制，请求http的APi
wx.cloud.callFunction({
   name: 'get_Parking_SpotCount',
   data: {},
   success: function(res) {        
      var xx = res.result.getParkingSpotCount
      var yy = xx.split(":")[2]
      //console.log(yy.split("}")[0])
      that.setData({
        carnumber: yy.split("}")[0]
      })
   wx.hideLoading()
   },
   fail: console.error
})

次に重要な点に移りましょう。記事を書くとき、特にブログ、WeChat 公開アカウント、短い書籍などに記事を公開する必要がある場合、写真の挿入という問題が発生します。

画像を挿入

通常、記事を挿入する必要がある場合はどうすればよいでしょうか?

  1. 画像のリンクアドレスをインターネットから直接取得し、自分の画像リンクとして取得します（リンクが変更されると画像は表示されません）
  2. ローカル ファイルへの直接相対パス (ブログを共有する必要がある場合、当然他の人は画像を見ることができません)
  3. まず他のプラットフォーム経由で画像をアップロードし、次にリンクアドレスをコピーします（操作はさらに面倒です）
  4. もちろん、ショートブック上のファイルを編集画面に直接ドラッグ＆ドロップすることもできます（ただし、執筆途中で保存する必要があり、クラウドでは常に不安を感じます）

最適化されたソリューションは次のとおりです:

  1. Typora を使用してテキストをコーディングする
  2. Picture Bed を使用して写真を保存します
  3. 画像ベッド上の 画像アドレス を Typora に書き込みます
  4. 記事が完成したら、ブログ、WeChat 公式アカウント、ショートブックなどに直接コピー＆ペーストしてください。

これは面倒な手順のように聞こえるかもしれませんが、心配しないでください。これはすでに誰かが考えているので、ドラッグ アンド ドロップやショートカット キーなどを通じて写真をアップロードできるピクチャー ベッド アーティファクトを開発しました。また、Weibo、Qiniu、 Youpai、Alibaba Cloud、Imgur、Flickr、Amazon S3 およびその他の画像プラットフォームでは、リンクが Markdown 形式で自動的に保存され、これまでにないイラスト体験が提供されます。

再び最適化されたソリューション

  1. Typora を使用してテキストをコーディングする
  2. 画像をコンテンツにコピーします
  3. 記事が完成したら、ブログ、WeChat 公式アカウント、ショートブックなどに直接コピーして貼り付けます。

**たとえば、セットアップ後、上の画像を挿入するのにかかる時間はわずか 3 秒です。 **

  1. command + control shift + 4のスクリーンショット

  2. command + u スクリーンショットを Qiniuyun の画像ベッドにアップロードします

  3. command + v Markdown 構文コマンドを記事に貼り付けて完了です。

キニウユン

Qiniu Cloud について言えば、業界の良心のモデルと言えます。初期の頃、私たちが深センにいたとき、彼らのストリーミング メディア サービスとほぼ協力していました。

現在、Qiniu Cloud のオブジェクト ストレージと統合 CDN は、個人の実名認証が完了している限り無料で、アップロード トラフィックは 10 GB まで無料です。CDN には、月あたり 10 GB の無料トラフィックがあります。トライアルは期間限定で無料です。これもまた業界の良心です。

PS: エンタープライズ認定を取得すると、20G の空き容量が得られ、資金が限られている企業でも使用できます。

クラウドサービス業界でトップ10に入るためには、優れた技術に加えて、企業のビジョンや志がさらに重要となり、損失を利用できず、自己流に陥っている企業は生き残るしかありません。政策の保護のもとに。

さて、本題に戻ります。

  1. Qiniu Cloudアカウントを登録する
  2. 個人の実名認証を行い、個人認証に Alipay を使用して迅速に提出する（アリババ - 社会的責任感の強いテクノロジー大手）
  3. 新しいストレージスペースを作成する
  4. CDN と統合されたドメイン名を割り当てます (ドメイン名がない場合は、30 日ごとに更新される一時的なドメイン名を使用できます。そのため、自分でドメイン名を申請することをお勧めします。) Alibaba Cloud に登録されているものも使用でき、必要なのは CNAME 解決だけです)。

画像ベッドツール

クラウド ストレージの空き容量があれば、そこに写真を保存できます。しかし、Web ページで毎回アップロードをクリックして記事へのリンクをコピーするのは非常に面倒なので、現時点では、画像を Qiniu クラウド ストレージに自動的にアップロードし、画像アドレスを保存できるツールが必要です。操作を簡素化するためにクリップボードに保存します。

国産マスター商品画像ツールIPicでも、スクリーンショットやコピー画像を問わず、リンクをMarkdown形式で自動アップロード・保存し、直接貼り付け・挿入することができます。下のアニメーションのように、画像をドラッグして記事に貼り付けます。もちろん、上の 2 つの画像と同様に、クリップボードへの画像のアップロードもサポートしています。アップロードするにはショートカット キーを使用します。

しかし！はい、でもここで、このような便利なツールは無料ですか?

もちろん、画像ベッド機能だけが必要な場合、IPic はデフォルトで Weibo 画像ベッドを使用します。上記の Qiniu などの独自のプライベート クラウド ストレージを使用したい場合は実際に使用できます。 Cloud Storage を使用する場合は、年間 60 元の有料版にアップグレードする必要があります。

それは高価ではありません、そして、オープンソース開発者のサポーターとして本当にお金をかける価値があります。問題は、それが 60 元の 1 回限りの購入である場合、年会費は少し法外であると思います。 2 台の Mac 、自宅に 1 台、職場に 1 台ある場合…Steam で人気のインディーズ ゲーム Taiwu Scroll は永続的に使用するのにわずか 68 元であることはご存知でしょう。もちろん、独立系ゲームの開発コストは同じではありません。これは俗語ですが、いずれにせよ、IPic は現時点で Mac OS 上で最高のイメージ ベッド ツールです。

オープンソースの世界は確かに激動の世界です。あなたの請求が理不尽であると考える人がいるから、それに値するかどうかについては、世界の人々が責任を負っています。 ](https://github.com/Molunerfinn /PicGo/releases) はこうして誕生しました。Swift に詳しくないフロントエンド技術者によって開発されたため、PicGo は Electron-vue を使用して実装されました。これは、IPic のほとんどの機能を完全に再現したスキャフォールディングですが、商業化の理由により、最も便利な機能の 1 つである PicGo を実装できません。つまり、画像を直接 Typora にドラッグすると IPic がトリガーされます。これは、IPic 作者と Typora 開発チームの間のコミュニケーションの結果だと思います。

PicGo の作者がブログで次のように書いているように、欠点は利点を隠しません。

現時点では、PicGo はまだ非常に若いプロジェクトであり、間違いなく多くのバグがあり、機能的にもいくつかの欠点があります。したがって、継続的に改善する必要があります。使用中にコメントや提案がある場合は、プロジェクト ウェアハウスの 問題 に提出していただければ幸いです~

記事を WeChat 公開アカウントにアップロードします

現在、Typora で編集した記事は直接 MD 形式にコピーして、Jianshu などのマークダウン構文をサポートする場所にアップロードできますが、! WeChat 公式アカウントはまだ markdwon 構文をサポートしていません。幸いなことに、オープン ソース コミュニティの誰かが、より使いやすいこの変換ツールを完成させました。

Online-markdown これは、Brother Mustache によって書かれたオンライン変換ツールのソース コードです。 npm install 後に直接クローンを作成して使用することもできます。また、[オンライン アドレス] (http://md.barretlee.com) にアクセスして、クローンを作成してこのマシンで使用することをお勧めします。時々、この Web ページが非常に固まってしまうことがあります。私は、ダブルクリックすることで直接使用できる Mac OS アプリをカプセル化しました。これは [Baidu Netdisk] (https://) に共有されています。 pan.baidu.com/s/1XiknlCOIHzo-ok1GOUfeow)、パスワードはい: kjyh、ダウンロードして使用することを歓迎します。

要約する

2014年からずっと何か書きたいと思っていたのですが、以前の記事を見るたびにまた後退してしまい、最近はつまらないことが多すぎて、 を載せてしまいました。コードはさておき、開発プロセスを落ち着いて理解することができたので、初めてジンヨンの英雄伝説と剣と妖精の伝説をプレイしたような気分でした。他の人はゲームに集中しているかもしれませんが、私は Heluo Studio に注目しています。

一体どんな達人がそんなゲームを作れるのでしょうか? コンピュータープログラミングとは何ですか?

時代は進んでいます。私たちが開発していたときは、Java Web 開発環境を構築し、データベースと jar パッケージをインポートするだけで 2 時間かかりました。

フロントエンドにはVue、バックエンドにはSpringboot、そしてモバイルエンドにはさまざまな基盤があり、小規模なプログラム開発用のSDKやIDEも開発が容易になり、業務実装に集中できるようになりました。コード テキストと同様に、Markdown 構文とこの一連のツールを使用すると、生活はますます良くなります。

私は他の人よりも幸せです。大好きなテクノロジーで食事をすることができます。それは良いことです。

OK、最後に私が使用するツールをまとめます:

山と海の古典について話しましょう