ベストマークダウン🎉
8791 ワード
ベストマークダウン
たくさんのハードワークの後、私は最高のMarkdown CMSの打ち上げを発表することを誇りに思います!最高のマークダウンエディターは、HTMLとしてマークダウンをレンダリングする任意のWebサイトのコンテンツ管理システムとして機能することができます.それは書き込み、ブロガー!私はあなたを見ています!👀
わずか1ドル月には、最高のマークダウンエディタCMSサービスを購読することができます.サインアップ超簡単です!右上のユーザー名/プロフィール写真をクリックして、設定をクリックし、[サブスクリプション]ボタンをクリックします.それはあなたのサブスクリプションを開始することができますストライプページに表示されます.
完了したら、支払いを正常に完了したら、前にあった広告は、3つのセクション:ファイル、公開ファイル、およびフォルダを持つ新しいコンポーネントに置き換えられていることに気づくでしょう.
ファイルはすべてデータです.ファイルは、常に入力し、あなたが作るすべての変更を最新の状態に保つように保存されます.
一度購読したら、ファイルを発行を開始することができます.公開ファイルは、公開、外部ディスプレイ用のファイルの保存されたバージョンです.
それで、あなたは「私について」Markdownファイルを作成することができて、それを公開して、それからそのファイルを得るために最高のMarkdown Editor CMSを使用して、あなたのフロントエンドアプリケーションでそれを提出することができます.あなたが変更されたファイルを評判になるまで、公開されているバージョンに影響を与えることなく、すべてのオリジナル“私について”ファイルを変更することができます.
また、フォルダへのアクセスを得る.あなたがフォルダ内の公開ファイルのグループを格納することができます.あなたの「ブログ」フォルダとあなたの「プロジェクト」フォルダのあなたのプロジェクトにあなたのすべてのブログを入れたいと言います.その後、単に“ブログ”フォルダーのCMS APIを押すことができますし、すべてのあなたの公開ブログファイルを取得します.
それはすべて素晴らしいですが、どのようにこのCMS APIを使用しますか?ベストマークダウンエディターには2つのオプションがあります.
両方のAPIでは、ヘッダにトークンを渡す必要があるでしょう.あなたが購読した後に、あなたはあなたのセッティングタブで「明らかなトークン」ボタンを見ることができます.それをクリックし、あなたのトークンをコピーし、そのトークンを貼り付けます.ファイルは
TOKEN
です.あなたがあなたのトークンのように感じる場合は、ちょうどあなたの設定タブでトークンを明らかにした後、“再生トークン”ボタンをクリックしてください.ベストマークダウンエディターサービスをテストする場合は、テストアカウントトークンを使用します.これはすべての例で使用するトークンです.
REST API
ベースURL:https://best-markdown-editor-be.herokuapp.com/api
我々は、任意のファイルにインポートすることができますし、残りのルートを与える
588c454c-7176-457e-9d42-ad6d0e7ffdc4
関数を書くことができます.CMS APIで利用可能なすべてのリクエストはリクエストです.あなたは、最高のMarkdown EditorウェブアプリからあなたのMarkdown内容とフォルダを変えることができるだけです.import axios from "axios";
export const axiosWithAuth = () => {
return axios.create({
baseURL: "https://best-markdown-editor-be.herokuapp.com/api",
headers: {
"Content-Type": "application/json",
token: process.env.TOKEN
}
});
};
6つのルートもあります.axiosWithAuth
<>公開したファイルを全て取得します.axiosWithAuth("/published-files")
<>によって発行されたファイルを取得します.axiosWithAuth("/published-file-by-id/:id")
<> -スラッグで公開ファイルを取得します.axiosWithAuth("/published-file-by-slug/:slug")
<-全てのフォルダを取得します.axiosWithAuth("/folders")
<--フォルダのIDによってフォルダ内のすべての公開ファイルを取得します.axiosWithAuth("/published-files/folder-id/:folderId")
<-フォルダの名前でフォルダ内のすべてのファイルを取得します.グラフィカルなAPI
ベースURL:https://best-markdown-editor-be.herokuapp.com/cms
もしアポロクライアントでトークンをフックしたいなら、次のように設定できます:
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import {
ApolloProvider,
ApolloClient,
ApolloLink,
InMemoryCache,
HttpLink,
} from "@apollo/client";
const httpLink = new HttpLink({
uri: "https://best-markdown-editor-be.herokuapp.com/api",
});
const authLink = new ApolloLink((operation, forward) => {
operation.setContext({
headers: {
token: process.env.REACT_APP_TOKEN,
},
});
return forward(operation);
});
const client = new ApolloClient({
link: authLink.concat(httpLink),
cache: new InMemoryCache(),
});
ReactDOM.render(
<React.StrictMode>
<ApolloProvider client={client}>
<App />
</ApolloProvider>
</React.StrictMode>,
document.getElementById("root")
);
ここで最高のMarkdownのCMSの遊び場を訪れることができます.クエリをテストできるように、上記のトークンをヘッダーに追加することを忘れないでください.これは、すべての遊び場で記録されます.質問があれば、私にメールしてください.私は次のCMSを設定する方法についていくつかのチュートリアルがあります.JSとRESTとGraphSQLのエンドポイントの両方に対応します.だからそれをお楽しみください!楽しく、読書のおかげで!
Reference
この問題について(ベストマークダウン🎉), 我々は、より多くの情報をここで見つけました https://dev.to/jimmymcbride/best-markdown-cms-4dmgテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol