ブログ執筆を効率化するための工夫
できる限り気軽に、ストレスなくブログを書きたい。WordPressやnoteは次の点で完璧ではない。 マークダウンで書きたい エディターはマークダウンがベストだ。WordPressの新しいエディタではマークダウンで書くことができるが、もっとシンプルな書き心地が良い。 ブラウザで書きたくない インターネットに接続することなく、テキストエディタ上で気楽に書き始めたい。インターネットに接続して逐一プレビューを見るのも億劫だ。 変更履歴を明確に残したい 文章の変更履歴や推敲の履歴を残し、後から振り返られるようにしたい。 サムネイル画像なしでも華やかに見せたい ブログの見栄えを良くしたいが、いちいちサムネイル画像を作ったり探したりするのは面倒だ。サムネイル画像なしでもメリハリのある華やかなデザインにしたい。 最高の執筆環境を実現するためにやったこと このブログではこれらの問題を解決している。 1.
Gatsby で gatsby-theme-blog を使うときの tips
Gatsby 公式のブログ用テーマ gatsby-theme-blog を使うときの tips 集です。 追記 2020/07/29: この説明は gatsby-theme-blog のバージョン 1.x 系に対するものです。 2020 年 7 月にリリースされた 2.x にはあてはあまらない部分もありますのでご注意ください。 Gatsby の theme システムには WordPress 等旧来の CMS によくある拡張機能が備わっているのですが、 gatsby-theme-blog の場合はおそらく大がかりな拡張はせずほぼそのまま使うものとして作られている感じがします。 あるいは gatsby-theme-blog は単純に reference implementation なのかもしれません。 そんな gatsby-theme-blog を私なりに工夫して使い倒してみたので、その t
Gatsby.jsにreact-helmetを導入してhead要素（メタタグ）をカスタマイズする
Gatsby.jsにreact-helmetを導入してhead要素（メタタグ）をカスタマイズする GatsbyでHTMLファイルを書き出すと、初期状態ではメタタグはおろかタイトルもないんですよね。 その辺のカスタマイズは「helmet」とというプラグイン使うと簡単らしいでご紹介します。 投稿日2019年10月14日 更新日2019年10月14日 Gatsbyがはじめての方は下記の記事も参考にしてください。 React製静的サイトジェネレーターGatsby使ってみた インストール 下記コマンドでプラグインをインストールします。 react-helmetはReactのコンポーネントですが、それをGatsbyのプラグインで利用できるようにしたのがgatsby-plugin-react-helmetですね。 $ npm install --save gatsby-plugin-react-helm
Using Multiple Themes Together | Gatsby
What this tutorial coversThis tutorial covers how to compose multiple themes into a final site using gatsby-theme-blog, gatsby-theme-notes and gatsby-mdx-embed as examples. It will also cover the concept of component shadowing with Theme-UI for styling. PrerequisitesThis tutorial assumes the following: That you have an understanding of Gatsby fundamentalsAn existing knowledge of Gatsby ThemesExamp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ansonlowzf/blog: Anson LowZF 's Blog
https://www.ansonlowzf.com/
Single Page Apps with Gatsby
How to GraphQL - The Fullstack Tutorial for GraphQL
vincentdnl
「俺が考えた最強のブログを作る」がタグ付けされた記事一覧 | キクナントカドットコム