https://github.com/pome-ta/pome-ta_hugo-blog
https://github.com/pome-ta/pome-ta_hugo-blog
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/pome-ta/pome-ta_hugo-blog
- Owner: pome-ta
- Created: 2021-08-16T02:00:33.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-02-01T15:44:20.000Z (5 months ago)
- Last Synced: 2025-02-16T20:32:55.221Z (4 months ago)
- Language: CSS
- Homepage: https://pome-ta.github.io/pome-ta_hugo-blog
- Size: 1.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
HUGOを使ったブログを簡単に作成するためのテンプレートです
## forkするだけでできること
- GitHub Actionsによる自動デプロイ
- GitHub Pagesに公開
## セットアップ
### HUGOの設定
`config.toml`を編集してhugoの設定をします
`$ hugo serve`を実行してページのプレビューを確認できます
#### Baseurl
``` .toml
baseURL = "https://{Github ユーザー名}.github.io/{forkしたリポジトリ名}"
```
#### ブログのタイトル
``` .toml
title = "hugo-blog-template"
```
#### 自己紹介
``` .toml
[Author]
name = "Author"
bio = "ここに自己紹介を入れることができます"
avatar = "img/avatar.png"
```
アバターの画像は`static/img/avatar.png`に配置しています
#### ページのテーマカラー
``` .toml
[Params.style.vars]
highlightColor = "#e22d30"
```
`#rrggbb`の形式で指定してください
#### SNS等のユーザー名
``` ,toml
[Params.widgets.social]
twitter = "uvrub"
github = "kato-k"
```
アカウントIDを指定するとサイドバーに表示されます
### GitHub Pagesの設定
`config.toml`の変更をリモートリポジトリに反映すると、GitHub Actionsによってページのビルドが走ります。
ビルド結果は`github-actions[bot]`によって`gh-pages`ブランチにコミットされます。
#### ページの公開
リポジトリの`Settings`タブ→`Pages`を開いてください。
画像の四角で囲った部分を`gh-pages`に変更し、`save`をクリックすると公開が始まります。
アクセスできるようになるまで10分程度間があります。