この記事では、LinuxのディストリビューションであるUbuntu 20.04におけるCUI及びCLIのコマンド入力についてまだ学習始めたばかりのガチ素人がメモとして書いておきます。
##環境
・Ubuntu 20.04 LTS
・XAMPP for Linux 7.4.6-0
##留意点
XAMPPのドキュメントルートはhtdocsフォルダです。
/opt/lampp/htdocs/
##準備
以下のコマンドを打ってアプリケーションを開きます。
sudo /opt/lampp/manager-linux-x64.run
その後、Go To Applicationをクリックするとサーバーを動かすか聞かれるので、Start Serversをクリックして、XAMPPを起動しましょう。
##1. フォルダを作成する
フォルダを作成するには、mkdirを使います。
〈例〉/opt/lampp/htdocs/の中にフォルダwebsiteを作成します。
mkdir /opt/lampp/htdocs/website/
##2. フォルダの権限を変更する
フォルダの権限を書き込みできるように変更するには、chmod を使います。
すべてのユーザーが書き込み・保存できるようにするにはパーミッション777にします。
-Rが再帰的に変更するというよく分からない意味を持つコマンドです。
chmod -R 777 /opt/lampp/htdocs/website/
サイトにアクセスして、エラーが出たら、まずこのコマンドを試してみましょう。
##3. 新たにファイルを作成する
新たにファイルを作成するには、touch コマンドを入力します。
〈例〉XAMPPの/opt/lampp/htdocs/website/にあるindex.htmlというファイルを作成します。
touch /opt/lampp/htdocs/website/index.html
##4. ファイルを編集する
予めあるファイルを編集するには、viコマンドを利用します。
vi /opt/lampp/htdocs/website/index.html
index.htmlが開いたら、コマンドを編集します。iキーを押しましょう。
すると編集モードになります。カーソルで選択して、HTMLを入力しましょう。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./style.css" type="text/css">
<title>Louis Alexaのウェブサイト</title>
</head>
<body>
<h1>Louis Alexaのウェブサイト</h1>
<h2>Louis Alexaのサイトとは？</h2>
<p>
これは、Louis Alexaのウェブサイトです。<br>
</p>
</body>
</html>
終わったら、Escを押して編集モードを終了した後、:wq とコマンドを入力してEnterを押します。
w がコマンドを保存するという意味を持っています。q が終了するという意味を持っています。
合わせて、保存して終了するという意味を持つコマンドです。
ついでにstyle.cssを作成してしまいましょう。
touch /opt/lampp/htdocs/website/style.css
vi /opt/lampp/htdocs/website/style.css
body{
background-color:#000000;
color:#FFFFFF;
}
Escキーを押してモードをもとに戻しましょう。
その後、:wqを押して保存します。
そうすることで、以下のURLにアクセスできます。
http://localhost/website/index.html
##【補足】root権限で起動するには
sudoと-sを組み合わせます。
sudo -s
ログインしていない状態で上記のコマンドを打つとrootのパスワード入力を求められます。パスワードを打ちましょう。
そうすることでroot権限で起動できます。