All Projects → kat0h → hugo-blog-template

kat0h / hugo-blog-template

Licence: other
Use This Templateからforkできます

Programming Languages

CSS
56736 projects

Labels

Projects that are alternatives of or similar to hugo-blog-template

hugo-travelify-theme
Port of Aigars Silkalns's Wordpress theme Travelify to Hugo. Demo -
Stars: ✭ 34 (+126.67%)
Mutual labels:  hugo
quartz
🌱 host your own second brain and digital garden for free
Stars: ✭ 374 (+2393.33%)
Mutual labels:  hugo
hugo-apero-docs
Apéro is a Hugo theme for personal websites. This is the documentation site, made with the theme 🍋
Stars: ✭ 56 (+273.33%)
Mutual labels:  hugo
vanilla-bootstrap-hugo-theme
A vanilla Bootstrap theme for Hugo
Stars: ✭ 63 (+320%)
Mutual labels:  hugo
hugo-gh-pages
🚀 Build and Publish Your Hugo Site to GitHub Pages 🚀
Stars: ✭ 37 (+146.67%)
Mutual labels:  hugo
hugo-cloak-email
A Hugo theme component to cloak email adresses
Stars: ✭ 71 (+373.33%)
Mutual labels:  hugo
hugo-starter-tailwind-basic
A basic and simple to set up Hugo with TailwindCSS starter project.
Stars: ✭ 80 (+433.33%)
Mutual labels:  hugo
hugo-atom-feed
Hugo theme component for ATOM feed custom Output Format
Stars: ✭ 29 (+93.33%)
Mutual labels:  hugo
hugo jupyter
Publish Jupyter notebooks with Hugo
Stars: ✭ 69 (+360%)
Mutual labels:  hugo
tikz favorites
collection of favorite TikZ graphics
Stars: ✭ 62 (+313.33%)
Mutual labels:  hugo
hugo-bare-min-theme
A bare minimum theme for Hugo (https://gohugo.io) to help develop and debug Hugo sites -- https://hugo-bare-min.netlify.com/,
Stars: ✭ 71 (+373.33%)
Mutual labels:  hugo
Binario
Responsive card-based & code-light Hugo theme
Stars: ✭ 79 (+426.67%)
Mutual labels:  hugo
simpleit-hugo-theme
Responsive Hugo theme for hierarchical content websites
Stars: ✭ 16 (+6.67%)
Mutual labels:  hugo
simple-a
Minimalistic Hugo theme
Stars: ✭ 52 (+246.67%)
Mutual labels:  hugo
hugo-wrapper
The universal way to include Hugo binary to your project.
Stars: ✭ 27 (+80%)
Mutual labels:  hugo
robjhyndman.com
Source files for robjhyndman.com
Stars: ✭ 38 (+153.33%)
Mutual labels:  hugo
hugo-geekdoc
Hugo theme made for documentation
Stars: ✭ 284 (+1793.33%)
Mutual labels:  hugo
hugo-theme-lean-launch-page
A theme for people creating pre-launch pages for a product or business. Allows you to have a landing page while collecting emails.
Stars: ✭ 26 (+73.33%)
Mutual labels:  hugo
hugo-lithium
Lithium - A simple responsive Hugo theme
Stars: ✭ 68 (+353.33%)
Mutual labels:  hugo
huge
This is HUGE! A Hugo framework.
Stars: ✭ 17 (+13.33%)
Mutual labels:  hugo

top HUGOを使ったブログを簡単に作成するためのテンプレートです

MORE INFO (Zenn)

forkするだけでできること

  • GitHub Actionsによる自動デプロイ
  • GitHub Pagesに公開

セットアップ

HUGOの設定

config.tomlを編集してhugoの設定をします
$ hugo serveを実行してページのプレビューを確認できます

Baseurl

baseURL = "https://{Github ユーザー名}.github.io/{forkしたリポジトリ名}"

ブログのタイトル

title = "hugo-blog-template"

自己紹介

[Author]
    name = "Author"
    bio = "ここに自己紹介を入れることができます"
    avatar = "img/avatar.png"

アバターの画像はstatic/img/avatar.pngに配置しています

ページのテーマカラー

[Params.style.vars]
  highlightColor = "#e22d30"

#rrggbbの形式で指定してください

SNS等のユーザー名

[Params.widgets.social]
  twitter = "uvrub"
  github = "kato-k"

アカウントIDを指定するとサイドバーに表示されます

GitHub Pagesの設定

config.tomlの変更をリモートリポジトリに反映すると、GitHub Actionsによってページのビルドが走ります。
ビルド結果はgithub-actions[bot]によってgh-pagesブランチにコミットされます。

ページの公開

リポジトリのSettingsタブ→Pagesを開いてください。
publish 画像の四角で囲った部分をgh-pagesに変更し、saveをクリックすると公開が始まります。
アクセスできるようになるまで10分程度間があります。

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].