Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tenpamk2/gatsby-starter-figure-blog
The blogging starter that is suitable for Bishoujo Figure photographs.
https://github.com/tenpamk2/gatsby-starter-figure-blog
blog gatsby gatsby-site gatsby-starter gatsbyjs
Last synced: 14 days ago
JSON representation
The blogging starter that is suitable for Bishoujo Figure photographs.
- Host: GitHub
- URL: https://github.com/tenpamk2/gatsby-starter-figure-blog
- Owner: tenpaMk2
- License: 0bsd
- Created: 2023-04-09T08:32:33.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-05-21T07:07:25.000Z (over 1 year ago)
- Last Synced: 2024-12-21T19:13:35.382Z (14 days ago)
- Topics: blog, gatsby, gatsby-site, gatsby-starter, gatsbyjs
- Language: JavaScript
- Homepage:
- Size: 12.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-ja.md
- License: LICENSE
Awesome Lists containing this project
README
# gatsby-starter-figure-blog
[](https://app.netlify.com/sites/gatsby-starter-figure-blog/deploys)
[English ReadMe is here.](./README.md)
美少女フィギュア写真に最適なブログStarterです。
美少女フィギュアレビューブログをすぐにでも始めれます❗
[`@tenpaMk2/gatsby-theme-figure-blog`](https://github.com/tenpaMk2/gatsby-theme-figure-blog)
のGatsby Themeを使っています。
## デモ
[デモはこちら❗](https://gatsby-starter-figure-blog.netlify.app/)
## 作者のブログ
[tenpaMk2's blog](https://tenpamk2-blog.netlify.app/)
## ✨ 機能
- 写真を可能な限り大きく見せます
- レスポンシブ
- ヒーロー画像(アイキャッチとかキービジュアルとか呼ばれてるもの)
- もし縦長画像の場合、画像上部にフォーカスします。フィギュアの顔は通常は上部にあるからね❗
- 記事タイトルをファイル名から生成
- ピュアMarkdown(MDXは非サポート)
- [Special hooks](https://github.com/tenpaMk2/gatsby-theme-figure-blog/tree/main/theme/README-ja.md#special-hooks)
- [prism.js](https://prismjs.com/) によるコードのシンタックスハイライト
- ダークモードのみ
- タグページ、アーカイブページ
- タグページとアーカイブページでのカードレイアウト
- ページネーション
- デバッグ用ページ
- Tailwind CSS
- `Intl` による部分的なロケール対応
## 🚀 Getting Started
Starterをインストールする前に、
[`gatsby-cli`](https://www.gatsbyjs.com/docs/reference/gatsby-cli/)
をインストールする必要があります。
```sh
npm install -g gatsby-cli
```
Starterをインストールします。
もしGatsbyをローカルにインストールした場合、代わりに `npx gatsby` コマンドを使ってください。
```sh
gatsby new gatsby-starter-figure-blog https://github.com/tenpaMk2/gatsby-starter-figure-blog
```
ディレクトリを移動して、開発サーバーをスタートします。
```sh
cd gatsby-starter-figure-blog
npm run develop
```
`http://localhost:8000` にアクセスしてください。
ブログが見れるはずです❗
このStarterは拙作のGatsby Theme(
[`@tenpaMk2/gatsby-theme-figure-blog`](https://github.com/tenpaMk2/gatsby-theme-figure-blog)
)を使っています。
このStarterを変更したい場合、↓のDocを読んでください。
1. [Gatsby doc: Using a Gatsby Theme](https://www.gatsbyjs.com/docs/how-to/plugins-and-themes/using-a-gatsby-theme/)
2. [Gatsby doc: Using a Theme](https://www.gatsbyjs.com/tutorial/using-a-theme/)
3. [Gatsby doc: Shadowing in Gatsby Themes](https://www.gatsbyjs.com/docs/how-to/plugins-and-themes/shadowing/)
4. [my doc: gatsby-theme-figure-blog](https://github.com/tenpaMk2/gatsby-theme-figure-blog/tree/main/theme)
## 📝 使い方
[my doc: gatsby-theme-figure-blog](https://github.com/tenpaMk2/gatsby-theme-figure-blog/tree/main/theme)
を見てください。
## 🤔 質問や問題(バグ)
[GitHub Discussion](https://github.com/tenpaMk2/gatsby-theme-figure-blog/discussions)
でディスカッションを開始してください❗