rescenic.github.io

Jekyll の Purelog テーマ

次のブログや Web サイトを始めるのに役立つ、応答性が高く、適切にデザインされたテンプレートです。
ドキュメントを確認する »

デモを見る· バグを報告する · 機能をリクエストする

プロジェクトについて

Purelog は、人気のある JAMstack ジェネレーター Jekyll の応答性の高いサイドバー テーマであり、最小限のPure.cssフレームワーク (それが名前の由来です!) のみを使用し、アクセシビリティと検索エンジンの最適化のために可能なベスト プラクティスに従っています。

Watery (このテーマの元になっている) を完成させた後、可能な限り軽量に保ちながら、さらに機能とデザインを追加する方法として、これを作成しました。

このプロジェクトは、他ではあまり見られない機能を備えた Jekyll の興味深いテーマを探している人を対象としており、具体的にはブログ、メモ取り、毎日の日記のエントリに特化した個別のセクションがあります。

特徴

この Jekyll テーマの興味深い機能をいくつか紹介します。

• 完全にカスタマイズ可能な空の_BLANK_config.ymlにより、簡単に起動して実行できます。
• Simply Jekyll Search を使用したスピーディーなサイト内検索機能。
• さまざまな種類の資料 (メモ取り、日記の執筆など) のカスタム コレクション
• すべてのコレクションのすべてのエントリを表示する自動生成アーカイブ ページ。
• タグとカテゴリのページを自動生成します。
• _pagesコレクションを使用すると、整理が容易になります。
• 各投稿の最後に著者の略歴が記載されています。 ( _inclues/author.htmlにあります)
• Rouge による構文強調表示の完全サポート。 (現在はbase16.solarized.lightを使用しています)
• 自動生成された RSS フィード、サイトマップ、アクセシビリティ機能、検索エンジンの最適化。

インストール

前提条件

Jekyll には次のものが必要です。

• Ruby バージョン2.5.0以降
• ルビージェムズ
• GCC と Make

ガイドと詳細については、「要件」を参照してください。

説明書

1. すべての前提条件をインストールします。
2. jekyll と Bundler gem をインストールします。

 gem install jekyll bundler

3. このリポジトリのクローンを作成します。

 git clone https://github.com/rescenic/rescenic.github.io.git

4. 新しいディレクトリに移動します。

 cd rescenic.github.io

5. Gemfileから gem をインストールします。

 bundle install

6. サイトを構築し、ローカル サーバーで利用できるようにします。

 bundle exec jekyll serve --livereload

7. http://localhost:4000 にアクセスします。

このプロセス中にエラーが発生した場合は、「要件」の前提条件がすべてインストールされていることを確認してください。

それでも問題が解決しない場合は、トラブルシューティングを参照してください。

はじめる

Jekyll を起動して実行したら、このテーマを独自のものにするために必要な手順はわずかです。

1. _BLANK_config.yml構成ファイルに入力し、現在の_config.ymlを置き換えます。
2. _posts 、 _notes 、 _journalsのexample_postsフォルダーを削除して、独自の記事を書き始めてください。
3. _pages内のページを必要に応じて変更または削除します。
4. (オプション)独自のプロジェクトまたはブログに関する情報を含むこのREADME.md変更または削除します。
5. (オプション) assetsフォルダー内の CSS ファイルを変更して、サイトをカスタマイズします。

ロードマップ

次のような、まだ作成して統合する予定の機能がいくつかあります。

• テーマ Gem を作成する
• 「Netlify にデプロイ」や Heroku などに簡単な自動ボタンを追加します。
• Travis 継続的統合チェックを追加
• カスタム コレクションと自動生成ページを作成するためのドキュメントを追加します。
• 投稿例や記事をさらに追加する

提案された機能 (および既知の問題) のリストについては、未解決の問題を参照してください。

貢献する

オープンソース コミュニティは、貢献によって、学び、インスピレーションを与え、創造するための素晴らしい場所になります。皆様の貢献は大変感謝しております。

1. プロジェクトをフォークする
2. 機能ブランチを作成します ( git checkout -b feature/AmazingFeature )
3. 変更をコミットします ( git commit -m 'Add some AmazingFeature' )
4. ブランチにプッシュ ( git push origin feature/AmazingFeature )
5. プルリクエストを開く

ライセンス

MIT ライセンスに基づいて配布されます。このプロジェクトは、出典を明示することなく、適切と思われる方法で使用できます。

詳細については、 LICENSEを参照してください。

リソース

このテーマを作成しているときに、役立つけれど見つけにくいリソースをたくさん見つけました。 Jekyll についてさらに詳しく知りたい場合は、以下をチェックしてください。

• ジキルに飛び込む: https://dev.to/brennan/jumping-into-jekyll-4o9h
• Jekyll チートシート: https://devhints.io/jekyll
• ジキルに関するコース: https://learn-the-web.algonquindesign.ca/topics/jekyll/
• デザイナーのための Jekyll: http://simpleprimate.com/jekyll-for-designers/index.html
• Jekyll の動的著作権: https://michaelsoolee.com/jekyll-copyright/
• Jekyll でブレッドクラムを作成する: https://jekyllcodex.org/without-plugin/breadcrumbs/
• すべてのコレクションのすべてのアイテムを表示: https://stackoverflow.com/questions/31171041/listing-all-collections-in-jekyll

その他のリソース

• マークダウンのプレビューについては: https://jaspervdj.be/lorem-markdownum/
• Web フォントのパフォーマンスに関するケーススタディ: https://www.keycdn.com/blog/web-font-performance
• 広範な.gitignore : https://miguelmota.com/bytes/extensive-gitignore/

クレジット

Pure.cssは Pure CSS グループによって作成されました。

Simple Jekyll Search はChristian Fei によって作成されました。

さまざまなメモやアイデアは、Raghuveer S. によるSimply Jekyllから引用されました。