Thumbnail image

ウェブサイトをつくる

Sat, Feb 5, 2022 読む時間 1 分間

Hugo

Hugoサイトは、誰にとっても非常に簡単で迅速なモジュールです。これらの手順に従って、独自のサイトを作成してください。ただし、テーマのインストールにサブモジュールを使用しないことをお勧めします。したがって、私はあなたのウェブサイトを構築する方法を以下に示します。 （開始する前に、GitHubアカウントを持っていることを確認してください; GitHub）

  1. Hugoを使用するには、最初にgitとgoをインストールします。

  2. コマンドライン（Macのターミナル）に移動し、hugo new site "サイトの名前"と入力します。次に、フォルダーに移動し、HugoプロジェクトをHugoモジュールに変換します。次のように入力します。 hugo mod init github.com/me/my-project（" me “はGitHubアカウント名、” my-project “はリポジトリ名） ：go command not found が表示された場合は、： export PATH=$PATH：usr/bin/go/bin を使用します。ファイルのパスがあることを確認する必要があります。 Gitも同じです。

  3. モジュールをサイトの依存関係として宣言します： hugo mod get github.com/lxndrblz/anatole（このWebサイト形式の場合）

  4. config.toml の最後に次の行を追加します（このWebサイト形式の場合）

[module]
  # uncomment line below for temporary local development of module
  # replacements = "github.com/lxndrblz/anatole -> ../../anatole"
  [[module.imports]]
    path = "github.com/lxndrblz/anatole"
    disable = false

ファイルを編集してサーバーにアップロードする

テキストエディタにはAtomを使用することをお勧めします。コマンドラインでhugoをインストールした後、Atomで編集できます。

  1. 新しい投稿を作成するために必要なすべてのフォルダーが上位フォルダーにある場合（https://github.com/lxndrblz/anatole/tree/master/exampleSite) を参照、構成を模倣）、ブームの準備ができています。入力： hugo new post/" ---（ファイルの名前）".md"（拡張子は” md “）。

  2. 入力： hugo。 「public」という名前のフォルダができます。

  3. Webサイトのドメインとサーバーを取得し、「public」にファイルされたコンテンツをサーバーにアップロードします。 （サーバー推奨：お名前.com ）

それでおしまい。

GitHub Pagesにホストする（無料）

ファイルをGitHubページにアップロードして、ウェブサイトを無料で利用したい場合は、次のように入力してください:(「me」と「my-project」を自分のものに変更してください）

$ cd「アップロードするフォルダ（リポジトリ）」
$ git init
$ git add .
$ git commit -m "my first commit"
$ git remote add origin https://github.com/me/my-project.git
$ git push -u origin master

2022年の時点で、 main はGitHubのデフォルトのブランチであるため、masterの代わりに main を使用できるかもしれません（ただし、チェックしていません）。

コンテンツをアップロードする前に、GitHubで（Webサイト用の）リポジトリを作成したことを確認してください。

プロセスが完了すると、Webサイト（https://me.github.io/my-projectなど）が表示されます。

注：すべてのファイルをアップロードする前に、 config.tomlの「baseURL」をウェブサイトのURLに変更する必要があります。

Gitコマンドの問題（リモートリポジトリ）

Gitコマンドに問題がある場合（例：fatal: unable to access, The requested URL returned error: 403）、次のように入力します。

git remote set-url origin url=ssh://git@github.com/me/my-project.git

動作しない場合は、sshキーを設定します。

ssh-keygen -t rsa

それをコピーするには、次のように入力します。

pbcopy <~/.ssh/{新しいsshキーの名前}.pub

それをGitHub設定ページにコピーします（[参照]-> [SSHおよびGPGキー]）。

最後に、新しいsshキーの新しい構成を設定する必要があります。入力：

vi ~/.ssh/config

vimで、変更を加える場合は、「esc」と「:w」を入力し、「:q」を入力して終了します。

これらは、ローカルPCからGitHubリモートリポジトリにアクセスできるようにするための手順です。