AhFei

AhFei

简洁的写作需要勇气

私が2年間使用しているミニマリストウェブノートブックを共有します

単独の説明がない限り、記事のコードブロック内のコマンドの順序に従って、一つずつ実行することで目標を達成できます。
対応システム:Debian 系ディストリビューション、Ubuntu や Armbian を含む。他のディストリビューションは、プロセスに従ってコマンドを少し変更すれば一般的に可能です。

予想所要時間:10 分(Docker)または 25 分(ネイティブデプロイ)


このインスタンスにアクセスできます: https://forward.vfly.app/index.php 、試してみてください、公開使用のウェブノートです。

minimalist-web-notepad#

image.png

このウェブノートは、私が 2 年前に機械をいじり始めたときの大きな原動力でした。当時は主にスマートフォンで情報を閲覧しており、コンピュータで情報を処理するように切り替えたばかりで、両者の間でテキストや URL を簡便にやり取りする手段が必要でした。

クラウドストレージは重すぎ、WeChat は認証が必要で、TG はとても良いですが、このノートを見つけた後は、どれも役に立たなくなりました。これが全プラットフォームでテキストを伝達するための最良のツールです。

極簡ウェブノートは、ブラウザでアクセスする軽量で使いやすいノートで、テキスト記録に特化しています。

Github:pereorga/minimalist-web-notepad: Minimalist Web Notepad (github.com)


使用方法

  1. ウェブサイトにアクセス: https://forward.vfly.app/index.php
  2. それはランダムに 5 文字からなるアドレスを割り当てます。例えば https://forward.vfly.app/5b79m 。指定のアドレスを使用したい場合は、アクセス時に手動で変更するだけです。例えば https://forward.vfly.app/this_is_a_path 。以下は 5b79m を例にします。
  3. 上でテキストを編集します。
  4. 少し待ちます(数秒、遅延によります)、サーバーはウェブページの内容を 5b79m という名前のファイルに保存します。
  5. ウェブページを閉じます。あまりにも早く閉じると、保存が間に合わず、編集内容が失われます。
  6. 他のプラットフォームで同じ URL にアクセスすると、内容を切り取ることができます ٩۹(๑・̀ω・́ ๑)۶

早く閉じず、2 つのウェブページで同時に編集しなければ、うまく機能します。極簡であるため、プロジェクトの作者は余分な機能を追加することを考慮していません。

webnote-in-phone_compressed.webp

他のコンピュータをリモート操作する際に、まずこのツールでコマンドを伝達し、ターゲットコンピュータで使用するのが非常に便利で、適応性も高いです。複数のスマートフォン間でも同様です。また、プラットフォームの検閲を避けるために、一時的に敏感なデータを送信するのにも使用できます。

Docker を使用してウェブノートをインストール#

GitHub: pereorga/minimalist-web-notepad at docker (github.com)

全コピーして実行、ワークディレクトリを一括作成し、ポートを開放します。

myserve="webnote"
sudo ufw allow 8088/tcp comment $myserve && sudo ufw reload
cd ~/myserve/
wget https://github.com/pereorga/minimalist-web-notepad/archive/refs/heads/docker.zip
unzip docker.zip && mv minimalist-web-notepad-docker webnote
cd webnote

コメントに従ってカスタマイズし、実行して docker-compose.yml ファイルを一括作成します。

cat > docker-compose.yml << EOF
---

version: "2.4"
services:
  minimalist-web-notepad:
    build: .
    container_name: webnote
    restart: always
    ports:
     - "8088:80"
    volumes:
     - ./_tmp:/var/www/html/_tmp
EOF

前の 5b79m_tmp に保存されます。

コンテナを構築して起動します(完了後、ウェブページにアクセスできます。 http://ip_addr_or_domain:8088 でアクセスします。 ip_addr_or_domain をサーバーの IP またはドメインに置き換えます)。

docker compose up -d

Docker 版は長い間更新されていません。技術がある方は、以下のネイティブインストールの手順を参考にしてください。

ネイティブインストールウェブノート#

以下はドメイン http://forward.vfly.app を例にします。

Apache2 と PHP のインストール#

sudo apt update && sudo apt upgrade && \
sudo apt install apache2
# sudo systemctl status apache2   # ステータスを確認
sudo apt install php libapache2-mod-php

http://YOUR_IP_or_Domain/ にアクセスして Apache が正常に動作しているか確認できます。ウェルカムページが表示されれば OK です。

PHP をインストールした後、Apache を再起動して PHP モジュールを読み込みます:

sudo systemctl restart apache2

PHP のインストールを確認します:

sudo bash -c 'echo "<?php phpinfo(); ?>" > /var/www/html/phpinfo.php'

http://YOUR_IP_or_Domain/phpinfo.php にアクセスして PHP が正常にインストールされているか確認できます。

自分の経験を話します。porkbun で無料で取得した.app ドメインをこのサービスの解析に使ったとき、どうしても開けず、常に HTTPS にリダイレクトされてしまい、.app と.net はどうやら HTTPS しか使えないことに気づくまで時間がかかりました。

ディレクトリを作成し、元のファイルをダウンロード#

cd /var/www/ && \
sudo git clone https://github.com/pereorga/minimalist-web-notepad.git
# 名前を変更し、ディレクトリにwww-dataユーザーの読み書き権限を与えます
sudo mv minimalist-web-notepad webnote
sudo chown -R www-data:www-data /var/www/webnote

$base_url = 'http://forward.vfly.app'; を変更します。これは 4 行目にあり、アクセス時のドメインに変更する必要があります。後で SSL を追加する場合、ここも対応して https に変更する必要があります。

cd /var/www/webnote && sudo vim index.php

バーチャルホストの作成#

https を使用する場合は、このセクションをスキップし、次のセクションを直接参照してください。

利用可能なバーチャルホストディレクトリに移動し、サンプル設定ファイルをコピーして編集します。

cd /etc/apache2/sites-available   
sudo cp 000-default.conf web-notepad.conf
sudo vim web-notepad.conf

以下の 2 行があることを確認し、ドメインとディレクトリを変更します。

        ServerAdmin <任意のメール>
        ServerName forward.vfly.app
        DocumentRoot /var/www/webnote

以下の部分も追加します。

<Directory /var/www/webnote>
                Options Indexes FollowSymLinks MultiViews
                AllowOverride All
                Order allow,deny
                allow from all
</Directory>

バーチャルホストを有効にします。

sudo a2enmod rewrite   # mod_rewriteを有効にします。
sudo a2ensite web-notepad.conf   # バーチャルホストを有効にします。
sudo systemctl reload apache2   # apache2を再起動して反映させます。

これで使用できるようになり、ブラウザでアクセスします:http://YOUR_Domain/index.php

SSL#

証明書を申請する際は、root を使用します: sudo -i 、実際のデプロイ時にはドメインを変更することを忘れないでください。

acme.sh スクリプトをインストールして有効にします(/home/skf/.acme.sh/acme.sh)(メールアドレスを変更)。

apt install -y curl && curl https://get.acme.sh | sh -s [email protected] && cd ~ && source .bashrc

証明書発行機関を切り替えます。

acme.sh --set-default-ca --server letsencrypt

証明書を発行します(ドメインを変更)。

acme.sh  --issue -d forward.vfly.app --apache

証明書をインストールします(ドメインを変更)。

acme.sh --install-cert -d forward.vfly.app \
--cert-file      /etc/ssl/certs/forward.vfly.app.cer \
--key-file       /etc/ssl/private/forward.vfly.app.key

acme.sh の自動アップグレードを有効にします。

acme.sh  --upgrade  --auto-upgrade

root ユーザーを退出できます。

利用可能なバーチャルホストディレクトリに移動し、別のデフォルトのものをコピーして編集します。

cd /etc/apache2/sites-available   
sudo cp default-ssl.conf ssl-webnote.conf
sudo vim ssl-webnote.conf

以下の 2 行があることを確認し、ドメインとディレクトリを変更します。

        ServerAdmin <任意のメール>
        ServerName forward.vfly.app
        DocumentRoot /var/www/webnote

以下の部分も追加します。

<Directory /var/www/webnote>
                Options Indexes FollowSymLinks MultiViews
                AllowOverride All
                Order allow,deny
                allow from all
</Directory>

証明書の位置も編集します。

          SSLCertificateFile  /etc/ssl/certs/forward.vfly.app.cer
          SSLCertificateKeyFile /etc/ssl/private/forward.vfly.app.key

バーチャルホストを有効にします。

sudo a2enmod rewrite ssl   # mod_rewriteとsslを有効にします。
sudo a2ensite ssl-webnote.conf   # バーチャルホストを有効にします。
sudo systemctl reload apache2   # apache2を再起動して反映させます。

これで使用できるようになり、ブラウザでアクセスします:https://YOUR_Domain/index.php

テキストボックスが非常に小さい場合は、 $base_url が http から https に変更されていないためです。

移行#

データは /var/www/webnote/_tmp にあります。新しいマシンに再デプロイする際に、このディレクトリを新しいマシンにコピーすれば大丈夫です。

その他#

認証アクセスを有効にしたい場合。 ウェブサイトのルートディレクトリにある.htaccess を編集し、末尾の 4 行のコメントを外します。

cd /var/www/webnote && sudo vim .htaccess

この 4 行のコメントを外します。

# AuthType basic
# AuthName "website.name"
# AuthUserFile "/var/www/webnote/update-path-to.htpasswd"   # ここはパスをカスタマイズ
# Require valid-user

ファイルを作成します。

sudo touch /var/www/webnote/update-path-to.htpasswd

その後、アカウントを追加できます(username を変更することを忘れずに、パスワードの入力を求められます)。

sudo htpasswd -c /var/www/webnote/update-path-to.htpasswd username

2 つ目を追加する場合は、-c を付けないでください。そうしないと最初のものが上書きされます。

その他の類似プロジェクト#

ブラウザメモ#

非常に良いプロジェクトで、シンプルですが、プロジェクトは更新されていませんが、機能は基本的に完成しています。

GitHub: jonathontoon/manifest: An instant grid-based pinboard for note taking in your browser. (github.com)

image.png

Hasty Paste#

テキストペーストツールで、見た目が良く、ハイライト機能があり、コードを共有するのに適しています。

GitHub:enchant97/hasty-paste: A fast and minimal paste bin. (github.com)

image


原文リンク: https://blog.vfly2.com/2023/08/a-minimalist-web-notepad-used-for-two-years/
版权声明:本博客所有文章除特別声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 承飞之咎 (blog.vfly2.com)

私の文章が役に立ったと思われる場合は、 RSS を使用して購読することを歓迎し、コメントで指摘していただければ幸いです。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。