Duo, A Simple Jekyll Theme
Customize Duo
Step 1: Customize _config.yml
- Edit
_config.yml
, and change to change the site’s title, URL, etc. - Please change all the entries under
Customize Options: Must Change
.
Step 2: Write Articles
- Change
README.md
, which will appear on the home page and also at the bottom of each article page. - Then write articles under
_posts
. - If you don’t have anything under
_posts
, then duo will be a single-page site. - If you want to add a Youtube video, read: Responsive Youtube Example
Step 3: Deploy
If you git clone
‘d duo
, then make sure to Change your git repository’s origin
before pushing:
git remote set-url origin https://github.com/USERNAME/REPOSITORY.git
Optional
These steps are optional.
Customize HTML
- All of the HTML is written in
_layouts/default.html
.
Customize CSS
- You can use any of the classes from Tachyons CSS library, as well as colors from material design
- CSS is preprocessed using Laravel Mix, a Webpack wrapper.
- To edit CSS, first install
yarn
, and run:
# Download npm modules
yarn install
# Run Jekyll and also watch for CSS changes
yarn watch
- Then edit
_static/app.css
, then wait for it to be compiled intostatic/app.css
. - You can also edit
webpack.mix.js
to customize Webpack config.
Customize Favicon
Favicon is generated using favicon-emoji
.
Enabled Jekyll Plugins
- jekyll-seo-tag for meta/og tag generation
- jekyll-feed for RSS feed generation
- jekyll-sitemap for sitemap generation
- jemoji for GitHub style emojis
Duo is a simple Jekyll theme. You can use duo for a single-page site or a simple blog.
- Demo Page: https://chibicode.github.io/duo/
- Example Page: My React tutorial.
- GitHub Repo: chibicode/duo
Get Started
# Download and Install
git clone https://github.com/chibicode/duo.git
bundle install
# Run
bundle exec jekyll serve
# open http://localhost:4000/duo
Next Steps
See: Customize Duo.
Like or Retweet Appreciated :)
Just published: Duo, A Simple Jekyll Theme. https://t.co/G2kffR9e4U @jekyllrb
— Shu Uesugi (@chibicode) October 25, 2017
-
Oct 13, 2017
Customize Duo
-
Oct 12, 2017
HTML Test Case
-
Oct 11, 2017
Syntax Highlighting Test Case
-
Oct 10, 2017
Japanese Test Case
-
Oct 9, 2017
Responsive Youtube Example
-
Duo, A Simple Jekyll Theme