まず、Laravel Framework7.xフレームワークをインストールしましょう。ここには多くの方法があります。
公式ウェブサイトに直接アクセスしてLaravelソースパッケージをダウンロードするか、ソースコードを直接複製します。
ダウンロード後、Laravelディレクトリに入ります。
次に、Laravelをインストールします。前奏曲があります。Composerの使用法についてよく知らない場合は、最初にこの記事を読んで、Composerの使用法について詳しく知ることができます。
https://blog.csdn.net/lchmyhua88/article/details/88928342
次に、インストールを開始します。Composerのエントリのインストールが遅すぎるため、ミラーを変更します。
インストールが完了するまで待ってから、key：generateをインストールします。
nginxでアクセスアドレスを構成します。
サーバー{ リッスン80; server_name lch.markdown.com; ルート "/ htdocs / laravel-master / public /";
index index.html index.htm index.php;
文字セットutf-8;
場所/ { try_files $ uri $ uri / /index.php?$query_string; }
場所= / favicon.ico {access_log off; log_not_found off; }
location = /robots.txt {access_log off; log_not_found off; }
access_log on;
error_log / var / log / nginx / lch.markdown.com-error.logエラー;
sendfileオフ;
client_max_body_size 100m;
場所〜\ .php $ { fastcgi_split_path_info ^（。+ \。php ）（/。+）$; fastcgi_pass unix：/var/run/php/php7.2-fpm.sock; fastcgi_index index.php; fastcgi_paramsを含めます。 fastcgi_param SCRIPT_FILENAME $ document_root $ fastcgi_script_name;
fastcgi_intercept_errors off;
fastcgi_buffer_size 16k;
fastcgi_buffers 4 16k;
fastcgi_connect_timeout 300;
fastcgi_send_timeout 300;
fastcgi_read_timeout 300;
}
場所〜/ \。ht { すべて拒否; } }
nginxを再起動してから、次のサイトにアクセスしてください。
次に、Markdownをインストールします。
インストールプロセス
1.2つのインストール方法
①設定ファイルを直接編集する
以下をcomposer.jsonに追加します。
require：{ "chenhua / laravel5-markdown-editor"： "〜1.0" }そしてcomposerupdateを実行します。
②コマンドインストールを実行する
次のコマンドを実行します。
Composerにはchenhua / laravel5-markdown-editorが必要です。2
。上記の操作を完了したら、config /app.phpのproviders配列を変更します。
Chenhua \ MarkdownEditor \ MarkdownEditorServiceProvider :: class、
3。config /app.phpのエイリアス配列を変更します
'MarkdownEditor' => Chenhua \ MarkdownEditor \ Facades \ MarkdownEditor :: class、4。artisan
コマンドを実行して、config /markdowneditor.php構成ファイルを生成します
php artisan vendor：publish --tag = markdown
5. config /markdowneditor.php構成ファイルを変更します
<？php
return [
"default" => 'local'、//デフォルトで保存場所のURLを返す
"dirver" => ['local']、//ストレージプラットフォーム['local'、 'qiniu'、 'aliyun' ]
"connections" => [
"local" => [
'prefix' => 'uploads / markdown'、//ローカルストレージの場所、デフォルトのアップロード
]、
"qiniu" => [
'access_key' => ''、
'secret_key '=>' '、
'バケット '=>' '、
'プレフィックス '=>' '、//ファイルプレフィックスファイル/ of /
パス'ドメイン '=>' '// Qiniuカスタムドメイン名
]、
"aliyun" => [
'ak_id' => ''、
'ak_secret' => ''、
'end_point' => ''、
'バケット' => ''、
'プレフィックス' => ''、
]、
]、
];
次に、/ routers /web.phpファイルを追加します。
Route :: get（ '/ markDown'、function（）{
return view（ 'markdown'）;
}）;
resources / views /ディレクトリの下にmarkdown.blade.phpファイルを追加します。
内容は以下の通りです。
保存後、ブラウザからアクセスします。
エディターが生成されたことがわかります。エディターにコンテンツを入力して効果を確認できます。たとえば、次のように入力します。
＃＃＃ 主な特徴
-「標準」のMarkdown / CommonMarkおよびGithubスタイルの構文をサポートし、コードエディターに変換することもできます。-
リアルタイムプレビュー、画像（クロスドメイン）アップロード、フォーマット済みのテキスト/コード/テーブル挿入、コード折り畳み、検索をサポートします。および置換、読み取り専用モード、カスタムスタイルのテーマ、および多言語構文強調表示機能;
-ToC（目次）、絵文字、タスクリスト、
@ linkおよびその他のMarkdown拡張文法のサポート; -TeX科学式のサポート（に基づく） KaTeX）、プロセス図のフローチャートとシーケンス図のシーケンス図; -HTML
タグの識別と分析をサポートし、信頼できるセキュリティとほぼ無制限のスケーラビリティを備えたカスタムフィルタータグ分析をサポートします;
-AMD / CMDモジュラーロードをサポートします（Require.jsとSea.js）、カスタム拡張機能をサポートします。-
メインストリームブラウザ（IE8 +）およびZepto.jsと互換性があり、iPadおよびその他のタブレットデバイスをサポートします。-
カスタムテーマスタイルをサポートします。
＃Editor.md
！[]（https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png）
！[]（https://img.shields.io/github/stars/pandao/editor.md.svg）！[]（https://img.shields.io/github/forks/pandao/editor.md。 svg）！[]（https://img.shields.io/github/tag/pandao/editor.md.svg）！[]（https://img.shields.io/github/release/pandao/editor。 md.svg）！[]（https://img.shields.io/github/issues/pandao/editor.md.svg）！[]（https://img.shields.io/bower/v/editor。 md.svg）
**目次**
[TOCM]
[目次]
＃見出し1
##見出し2
###見出し3
####見出し4
#####見出し5
######見出し6
＃見出し1リンク[見出しリンク]（https://github.com/ pandao / editor.md "見出しリンク"）
##見出し2リンク[見出しリンク]（https://github.com/pandao/editor.md "見出しリンク"）
###見出し3リンク[見出しリンク]（https ：//github.com/pandao/editor.md "Heading link"）
####見出し4リンク[Heading link]（https://github.com/pandao/editor.md "Heading link"）見出しリンク[見出しリンク]（https://github.com/pandao/editor.md "見出しリンク"）
#####見出し5リンク[見出しリンク]（https://github.com/pandao/editor.md "見出しlink "）
######見出し6リンク[見出しリンク]（https://github.com/pandao/editor。md "見出しリンク"）
####見出し（下線）
これはH1です
=============
これはH2
-------------です。
###キャラクター効果や横線など
.----
~~
取り消し線~~ <s>取り消し線（HTMLタグの認識がオンになっている場合）</ s> *斜体* _italic _
**太字** __
bold __ ***太字斜体*** ___太字斜体___
上付き文字：X <sub> 2 </ sub>、下付き文字：O <sup> 2 </ sup>
**略語（HTMLの略語タグと同じ）**
>これは、HTMLタグの認識がデフォルトで有効になっている場合、長い単語またはフレーズの省略形です。
<abbr title = "Hyper Text Markup Language"> HTML </ abbr>仕様は、<abbr title = "World Wide Web Consortium"> W3C </ abbr>によって維持されています。
###引用ブロック引用
>引用されたテキストBlockquotes
引用された行に混合ブロック引用符
>引用符：空白の改行「つまり<br /> tag」を挿入する場合は、最初に挿入場所に2つ以上のスペースを入力し、Enterキーを押します[通常のリンク]（http：// localhost /）。
###アンカーとリンク
[通常のリンク]（http：// localhost /）
[タイトルとの共通リンク]（http：// localhost / "タイトルとの共通リンク"）
直接リンク：<https://github.com>
[アンカーリンク] [アンカーID]
[anchor-id]：http：//www.this-anchor-link.com/
GFMa-tailリンク@pandao
> @pandao
###コードを強調表示する多言語コード
####インラインコード
次のコマンドを実行します： `npm installmarked`
####インデントスタイル
つまり、インデントは4つのスペースであり、 `<pre>` Preformatted Text（Preformatted Text）と同様の機能を実現するためにも使用されます。
<？php
echo "Hello world！";
？>
フォーマット済みテキスト：
| 最初のヘッダー| 2番目のヘッダー|
| ------------- | ------------- |
| コンテンツセル| コンテンツセル|
| コンテンツセル| コンテンツセル|
#### JSコード
`` `javascript
function test（）{ console.log（" Hello world！ "）; } （function（）{ var box = function（）{ return box.fn.init（）; };
box.prototype = box.fn = { init：function（）{ console.log（ 'box.init（）'）;
これを返します。
}、
add：function（str）{ alert（ "add"、str）;
これを返します。
}、
削除：function（str）{ alert（ "remove"、str）;
これを返します。
}
};
box.fn.init.prototype = box.fn;
window.box = box;
}）（）;
var testBox = box（）;
testBox.add（ "jQuery"）。remove（ "jQuery"）;
`` `
#### HTML代码 HTML codes
`` `html
<！DOCTYPE html>
<html>
<head>
<mate charest =" utf-8 "/>
<title> Hello world！</ title>
</ head>
<body>
<h1> Hello world！< / h1>
</ body>
</ html>
`` `
###画像
画像：
！[]（https://pandao.github.io/editor.md/examples/images/4.jpg）
>あなたの心に従ってください。
！[]（https://pandao.github.io/editor.md/examples/images/8.jpg）
>写真：厦門白城ビーチ
画像とリンク（画像とリンク）：
[！[]（https://pandao.github.io/editor.md/examples/images/7.jpg）]（https://pandao.github.io/editor.md/examples/images/7.jpg 「リー・ジェンのファーストアルバム「Like Water FlowingYears」カバー」）
>写真：LiJianのファーストアルバム「TheYearsLikeWater」の表紙
----
###リスト
####順序なしリスト（マイナス記号）順序なしリスト（-）
-
リスト
1-リスト2-リスト3
####順序なしリスト（アスタリスク）順序なしリスト（*）
*リスト1
*リスト2
*リスト3
####順序なしリスト（プラス記号とネスト）順序なしリスト（+）
+リスト
1+リスト
2+リスト
2-1
+リスト2-2 +リスト2--3
+リスト3
*リスト1
*リスト2
*リスト3
####順序付きリスト（-）
1。最初の行
2.2番目の行
3.3番目の行
#### GFMタスクリスト
-[x] GFMタスクリスト1-
[x] GFMタスクリスト2-
[] GFMタスクリスト3-
[] GFMタスクリスト
3-1-
[] GFMタスクリスト3-2-[] GFMタスクリスト3-3
-[] GFMタスクリスト4-
[] GFMタスクリスト4-1-
[] GFMタスクリスト4-2
----
###绘制表格テーブル
|アイテム|価格|数量
|| -------- | -----：|：----：||
コンピューター| $ 1600 | 5
||モバイル| $ 12 | 12
||パイプライン| $ 1 | 234 |
最初のヘッダー| 2番目のヘッダー
------------- | -------------
コンテンツセル|コンテンツセル
コンテンツセル|コンテンツセル
| 最初のヘッダー| 2番目のヘッダー|
| ------------- | ------------- |
| コンテンツセル| コンテンツセル|
| コンテンツセル| コンテンツセル|
| 関数名| 説明|
| ------------- | ------------------------------ |
| `help（）` | ヘルプウィンドウを表示します。|
| `destroy（）` | **コンピュータを破壊してください！** |
| 左揃え| 中央揃え| 右揃え|
| ：------------ |：---------------：| -----：|
| 列3は| いくつかの言葉のテキスト| $ 1600 |
| 列2は| 中央揃え| $ 12 |
| ゼブラストライプ| きちんとしている| $ 1 |
| アイテム| 値|
| --------- | -----：|
| コンピューター| $ 1600 |
| 電話| $ 12 |
| パイプ| $ 1 |
--------
####特殊記号HTMLエンティティコード
＆copy; ＆＆ uml; ＆トレード; ＆iexcl; ＆ポンド;
＆amp; ＆lt; ＆gt; ＆円; ＆ユーロ; ＆reg; ＆plusmn; ＆para; ＆宗派; ＆brvbar; ＆macr; ＆laquo; ＆middot;
X＆sup2; Y＆sup3; ＆frac34; ＆frac14; ＆times; ＆divide; ＆raquo;
18＆ordm; C＆quot; ＆apos;
###絵文字：スマイリー：
> Blockquotes：star：
#### GFMタスクリスト＆絵文字＆fontAwesomeアイコン絵文字＆editormdロゴ絵文字：editormd-logo-5x：
-[x]：smiley：@mentions、：smiley：#refs、[links]（）、** formating **、および<del> tags </ del>がサポートされています：editormd-logo：;
-[x]リスト構文が必要です（順序付けされていないリストまたは順序付けられたリストがサポートされています）：editormd-logo-3x：;
-[x] []：smiley：これは完全なアイテムです：smiley：;
-[] []これは不完全なアイテムです[テストリンク]（＃）：fa-star：@pandao;
-[] []これは不完全なアイテムです：fa-star ：： fa-gear：;
-[]：smiley：これは不完全なアイテムです[テストリンク]（＃）：fa-star ：： fa-gear ：;
-[]：smiley：これは：fa-star ：： fa-gear：不完全なアイテム[テストリンク]（＃）;
####反斜杠エスケープ
\ *リテラルアスタリスク\ *
###科学式TeX（KaTeX）
$$ E = mc ^ 2 $$
インライン式$$ E = mc ^ 2 $$インライン式、インライン$$ E = mc ^ 2 $$式。
$$ \（\ sqrt {3x-1} +（1 + x）^ 2 \）$$
$$ \ sin（\ alpha）^ {\ theta} = \ sum_ {i = 0} ^ {n}（x ^ i + \ cos（f））$$
複数行の数式：
`` `math
\ displaystyle
\ left（\ sum \ _ {k = 1} ^ na \ _k b \ _k \ right）^ 2
\ leq
\ left（\ sum \ _ {k = 1} ^ na \ _k ^ 2 \ right）
\ left（\ sum \ _ {k = 1} ^ nb \ _k ^ 2 \ right）
`` `
`` `katex
\ displaystyle
\ frac {1} { \ Bigl（\ sqrt {\ phi \ sqrt {5}}-\ phi \ Bigr）e ^ { \ frac25 \ pi}} = 1+ \ frac {e ^ { -2 \ pi}} {1+ \ frac {e ^ {-4 \ pi}} { 1+ \ frac {e ^ {-6 \ pi}} {1+ \ frac {e ^ {-8 \ pi} } {1+ \ cdots}} } } `` `
`` `latex
f（x）= \ int _（-\ infty）^ \ infty
\ hat f（\ xi）\、e ^ {2 \ pi i \ xi x）
\、d \ xi`
``
###フローチャートの作成フローチャート
`` `flow
st => start：user login
op => operation：login operation
cond => condition：login success Yes or No？
e => end：enter the background
st-> op-> cond
cond（yes）-> e
cond（no）-> op
`` `
###绘制序列図シーケンス図
` `` seq
Andrew-> China：Says Hello
Note right of China：China thinks \ n
中国について->アンドリュー：お元気ですか？
アンドリュー->>中国：ありがとうございます！
`` `
＃＃＃ 終わり
保存すると、次のように表示されます。
