How to make Jekyll blog site on Windows 10

How to make Jekyll blog site on Windows 10

1. Run ‘Command Prompt’.
   • Enter ‘jekyll -v’ in the command prompt.
     • You can check the installed version of ‘jekyll’.
   • If you cannot see the version of Jekyll, go to the How to install Ruby and Jekyll on Windows 10 and install ‘Ruby’ and ‘Kekyll’ first.

     C:\>jekyll -v
     jekyll 4.0.0    
     C:\>
     

2. Change to the directory that you want to make Jekyll blog site.
   • You can make direcotory if the directory does not exist.

     C:\>mkdir jekyll_dir
     C:\>cd jekyll_dir
     C:\jekyll_dir>
     

3. Enter ‘jekyll new my-blog-site’ in the command prompt.
   • ‘my-blog-site’ is the directory that will be created as necessary.

     C:\jekyll_dir>jekyll new my-blog-site
     Running bundle install in C:/jekyll/my-blog-site...
     Bundler: Fetching gem metadata from https://rubygems.org/...........
     Bundler: Fetching gem metadata from https://rubygems.org/.
     Bundler: Resolving dependencies...
     Bundler: Using public_suffix 4.0.4
     Bundler: Using addressable 2.7.0
     Bundler: Using bundler 2.1.4
     Bundler: Using colorator 1.1.0
     Bundler: Using concurrent-ruby 1.1.6
     Bundler: Using eventmachine 1.2.7 (x64-mingw32)
     Bundler: Using http_parser.rb 0.6.0
     Bundler: Using em-websocket 0.5.1
     Bundler: Using ffi 1.12.2 (x64-mingw32)
     Bundler: Using forwardable-extended 2.6.0
     Bundler: Using i18n 1.8.2
     Bundler: Using sassc 2.3.0 (x64-mingw32)
     Bundler: Using jekyll-sass-converter 2.1.0
     Bundler: Fetching rb-fsevent 0.10.4
     Bundler: Installing rb-fsevent 0.10.4
     Bundler: Using rb-inotify 0.10.1
     Bundler: Using listen 3.2.1
     Bundler: Using jekyll-watch 2.2.1
     Bundler: Using rexml 3.2.4
     Bundler: Using kramdown 2.2.1
     Bundler: Using kramdown-parser-gfm 1.1.0
     Bundler: Using liquid 4.0.3
     Bundler: Using mercenary 0.3.6
     Bundler: Using pathutil 0.16.2
     Bundler: Using rouge 3.18.0
     Bundler: Using safe_yaml 1.0.5
     Bundler: Using unicode-display_width 1.7.0
     Bundler: Using terminal-table 1.8.0
     Bundler: Using jekyll 4.0.0
     Bundler: Using jekyll-feed 0.13.0
     Bundler: Using jekyll-seo-tag 2.6.1
     Bundler: Using minima 2.5.1
     Bundler: Using thread_safe 0.3.6
     Bundler: Using tzinfo 1.2.7
     Bundler: Using tzinfo-data 1.2020.1
     Bundler: Using wdm 0.1.1
     Bundler: Bundle complete! 6 Gemfile dependencies, 35 gems now installed.
     Bundler: Use `bundle info [gemname]` to see where a bundled gem is installed.
     New jekyll site installed in C:/jekyll_dir/my-blog-site.
     C:\jekyll_dir>
     

4. Change directory to created directory and build your site.
   • Enter ‘cd my-blog-site’ in the command prompt.
   • Enter ‘bundle exec jekyll serve’ in the command prompt.

     C:\jekyll_dir>cd my-blog-site
     C:\jekyll_dir\my-blog-site>bundle exec jekyll serve
     Configuration file: C:/jekyll_dir/my-blog-site/_config.yml
            Source: C:/jekyll_dir/my-blog-site
       Destination: C:/jekyll_dir/my-blog-site/_site
      Incremental build: disabled. Enable with --incremental
      Generating...
       Jekyll Feed: Generating feed for posts
                    done in 2.681 seconds.
      Auto-regeneration: enabled for 'C:/jekyll_dir/my-blog-site'
      Server address: http://127.0.0.1:4000/
     Server running... press ctrl-c to stop.
     

5. Browse to http://localhost:4000 in a web browser.
   • You can see the bolg site.