PangBai

PangBai's Blog

使用WeBlog撰写博客日常

イントロダクション#

ブログとは何でしょうか?それは私たちの別の世界であり、ここでは自分が言いたいことを言ったり、学んだ新しいことや素晴らしいことを共有したりすることができます。それは心地よい小さな巣です。
それは世俗から邪魔されない純粋な土地であり、ここでは誰もがあなたに仕事を教えることはありません。あなたはすべてを心から述べることができます。
それはあなたの人生、成長、そして場合によっては一生を記録することができます。
静的ブログエンジンを使用すると、ユーザーは自分のブログを最小限のコストで実行することができます。人生を愛するあなたは、自分のブログを携帯電話で書いて公開することを考えたことはありますか?
それは形式的な会議かもしれませんし、賑やかな人々の中にいるかもしれませんし、とても長い退屈な旅行かもしれませんが、それらの無意味なことに費やされる時間をまとめて共有することができます。
おそらく、未熟なソリューションについては既に知っているかもしれませんが、ここではより良いソリューションが提供されています。

イントロダクション#

WeBlogは、Android で動作する静的ブログエディタであり、執筆、ビルド、プレビューなどの機能を提供し、GIT、ターミナル、カスタムシェルスクリプトなどの機能も含まれています。
新しい記事の作成、タグの管理、モダンな UI など、より良いブログ執筆体験を提供できます。自分のブログを構築するために Hexo や Hugo を使用している場合、これは素晴らしい選択肢になるでしょう。
プロジェクトの Github アドレス

クイックスタート#

img_1

新しいブログを始める#

空のフォルダを作成する#

フォルダは SDCARD ディレクトリまたは WeBlog のプライベートディレクトリに配置できます。
img

ブログエンジンを選択してブログを作成する#

現在、選択できるブログエンジンはHexoHugoです。Hexo でブログを作成する際にはネットワークの問題で立ち往生することがあるため、ターミナルを使用して Hexo ブログを作成することをお勧めします。
ブログ初心者の場合は、Hugo を使用して自分のブログを構築することをお勧めします。Android 上での Hexo と Hugo のパフォーマンスの差が広がっているため、これはビルドとリアルタイムプレビューに具体化されています。
(Hexo のリアルタイムプレビューはパフォーマンスが低く、Hugo のプレビューと比較して起動が遅く、レンダリングが遅いという問題がありますが、ソフトウェアに組み込まれた markdownView プレビューのみを使用する場合は、これらの差異を無視しても問題ありません)。

リアルタイムプレビューとスクリプト管理#

img_2

リアルタイムプレビューを起動し、プレビューポート(デフォルトは 4000)を入力します。起動に成功すると、リアルタイムプレビューボタンの背景が変わります。再度ボタンをクリックするとリアルタイムプレビューが閉じられます。
http://localhost:4000/にアクセスしてリアルタイムプレビューのウェブページにアクセスできます。この時点で、Hexo は markdown の変更を監視し、自動的にウェブサイトのページをレンダリングします。
WeBlog は Busybox を提供し、wget、vi、tar などの一般的なコマンドを含むシンプルなシェル環境を作成します。
スクリプト管理では、カスタムビルドやデプロイスクリプトを管理できます。.scriptsフォルダに.shファイルを作成するだけで新しいスクリプトを追加できます。
右上の実行ボタンをクリックすると、1 つまたは複数のスクリプトを実行できます(スクリプトの実行順序はリスト内のスクリプトの並び順です)。

img_3

新しい記事を作成する#

ホームページのプラスボタンをクリックして記事作成ページを表示します。

img_4

img_5

記事のタイトルが ASCII 文字の場合、WeBlog は自動的にスペースを削除し、大文字で始まる文字列を md ファイル名として使用します。
例:"Let us start" -> "LetUsStart.md"
記事のタイトルが非 ASCII 文字(英語以外の文字)の場合、WeBlog は文字を md5 ハッシュに変換して md ファイル名として使用します(この機能は設定で無効にすることができます。無効にするとタイトルがファイル名になります)。
各記事には 1 つのカテゴリ、複数のタグ、および記事の説明が含まれることができます。
新しいカテゴリやタグを追加するたびに、ソフトウェアがそれらを記録し、次回の記事作成時に便利に使用できます。
記事の説明は、ウェブサイトの記事リストで記事の要約として表示されます。

ウェブサイトのデプロイ#

Github、Vercel などのウェブサイトの自動ビルドを使用することをお勧めします。これにより、記事をどのプラットフォームでも編集および公開(git clone、push を使用)できます。
ウェブサイトのレンダリングファイルのみをホストサイトにプッシュする場合は、次のコマンドも参考にしてください。

アクセストークンを使用してデプロイする(推奨)#

Github を開き、Setting -> Developer settings-> Personal access tokens-> Tokens (classic)-> Generate new token に移動します。

ウェブサイトにアクセスするために、Github ページにアクセスするための十分な権限を持つトークンを作成し、次の形式で Github リポジトリにアクセスします。

git -c http.extraheader="Authorization: Basic $(echo -n あなたのトークン: | base64)" push

または

git clone https://x-access-token:あなたのトークン@github.com/your-username/your-repo.git

あなたのトークンを取得したトークンに置き換え、他の情報を適宜変更してください。
詳細な使用方法については、トークンに関する情報を検索してください。

SSH キーを使用してデプロイする#

WeBlog の下部にあるターミナルを開き、実際の Github 情報に基づいて入力します。

git config --global user.name "yourname"
git config --global user.email "youremail"
ssh-keygen -t rsa -C あなたのメールアドレス

連続して Enter キーを 2 回押します。
ターミナルが情報を出力したら、次のコマンドを実行します。

cat /data/data/com.pangbai.weblog/files/home/.ssh/id_rsa.pub

出力された情報 ssh-rsa****** をクリップボードにコピーします。
Github のページhttps://github.com/settings/keysに移動し、SSH キーを追加します。
追加が完了したら、次のコマンドを入力します。

挨拶が表示されれば成功です。以降、git コマンドを使用してリポジトリにアクセスできます。

Vercel を使用してデプロイする#

使用する前に、vercel アカウントに登録してください。

npm i vercel -g

vercel をインストールします。インストールに失敗した場合は、npm ミラーを変更するか、VPN を使用してください。
インストールが成功したら、次のコマンドを実行します。

vc

メールアドレスを使用して vercel アカウントにログインします。
ログインが完了したら、お好みで vercel を設定してください。
本番環境にデプロイするコマンドは次のとおりです。

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