このチュートリアルでは、Ubuntu 20.04 LTSにReveal.jsをインストールする方法を紹介します。知らない人のために、Reveal.jsはオープンソースのHTMLプレゼンテーションフレームワークです。 。これは、Webブラウザを持っている人なら誰でも無料でフル機能の美しいプレゼンテーションを作成できるツールです。オープンWebテクノロジに基づいて構築されています。マークダウンコンテンツ、ネストされたスライド、PDFエクスポート、JavaScriptなどの豊富な機能セットを備えています。スライドナビゲーションを制御するためのAPI。
この記事は、少なくともLinuxの基本的な知識があり、シェルの使用方法を知っていること、そして最も重要なこととして、サイトを独自のVPSでホストしていることを前提としています。インストールは非常に簡単で、ルートアカウントで実行されていますが、そうでない場合は、'sudoを追加する必要があります。 ‘ルート権限を取得するコマンドに。 Ubuntu 20.04（Focal Fossa）にReveal.jsを段階的にインストールする方法を紹介します。 Ubuntu 18.04、16.04、およびLinuxMintなどの他のDebianベースのディストリビューションでも同じ手順に従うことができます。
前提条件
- 次のオペレーティングシステムのいずれかを実行しているサーバー：Ubuntu 20.04、18.04、16.04、およびLinuxMintなどの他のDebianベースのディストリビューション。
- 潜在的な問題を防ぐために、OSの新規インストールを使用することをお勧めします。
non-root sudo userまたはroot userへのアクセス 。non-root sudo userとして行動することをお勧めします ただし、ルートとして機能するときに注意しないと、システムに害を及ぼす可能性があるためです。
Ubuntu 20.04 LTSFocalFossaにReveal.jsをインストールします
手順1.まず、次のaptを実行して、すべてのシステムパッケージが最新であることを確認します。 ターミナルのコマンド。
sudo apt update sudo apt upgrade sudo apt install curl gnupg2 unzip git
ステップ2.Node.jsをインストールします。
次のコマンドを実行して、Node.jsリポジトリをシステムに追加します。
curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -
次に、以下のコマンドを実行してNode.jsをインストールします。
sudo apt install nodejs
次のコマンドを実行して、インストールされているバージョンを確認できます。
node -v
ステップ3.Ubuntu20.04にReveal.jsをインストールします。
これで、GitリポジトリからReveal.jsの最新バージョンをダウンロードします：
git clone https://github.com/hakimel/reveal.js.git
ダウンロードが完了したら、ディレクトリをreveal.jsに変更し、すべての依存関係をインストールします。
cd reveal.js sudo npm install npm start
--port:を使用してこのポートを変更することもできます
npm start -- --port=7337
その後、公開を管理するための新しいシステムサービスを作成できます：
sudo nano /lib/systemd/system/reveal.service
次の行を追加します：
[Service] Type=simple User=root Restart=on-failure WorkingDirectory=/home/unixcop/reveal.js ExecStart=npm start
ファイルを保存して閉じてから、systemdをリロードします 次のコマンドでサービスを実行します：
sudo systemctl daemon-reload sudo systemctl start reveal sudo systemctl enable reveal
ステップ4.Reveal.jsWebインターフェイスへのアクセス。
正常にインストールされたら、Webブラウザーを開き、http://your-server-ip-address:8000にアクセスします。
おめでとうございます！Reveal.jsが正常にインストールされました。Ubuntu20.04LTS Focal FossaシステムにReveal.jsをインストールするためにこのチュートリアルを使用していただき、ありがとうございます。追加のヘルプや役立つ情報については、 Reveal.jsの公式ウェブサイト。