Install Jekyll Windows 7

Now it’s working. Here are a few observations. I have a default.html in _layouts and this works perfect on GitHub. I have tried putting {{ site.github.url }} for the href="{{ include.url }}" as well as other things for the image.html in _includes. Since I don’t have the proper syntax, when testing from my local machine the section page-header isn’t formatted correctly.

<section class="page-header">
      <h1 class="project-name">xEdit-Wiki</h1>
      <h2 class="project-tagline">xEdit Wiki and Documentation Site</h2>
      <figure>
   <a href="https://tes5edit.github.io/xEdit-Wiki/">
   <img src="/assets/images/tes5edit%20ico%20blue.png" style="max-width: 130px;" alt="TES5Edit">
   <figcaption></figcaption>
</a></figure>
      <a href="https://tes5edit.github.io/" class="btn">xEdit</a>
      <!-- 
       -->
    </section>

These are the errors in the terminal window in pycharm where I started the server.

D:\xEdit-Wiki>jekyll serve
Configuration file: D:/xEdit-Wiki/_config.yml
       Deprecation: The 'gems' configuration option has been renamed to 'plugins'. Please update your config file accordingly.
            Source: D:/xEdit-Wiki
       Destination: D:/xEdit-Wiki/_site
 Incremental build: disabled. Enable with --incremental
      Generating...
                    done in 2.621 seconds.
  Please add the following to your Gemfile to avoid polling for changes:
    gem 'wdm', '>= 0.1.0' if Gem.win_platform?
 Auto-regeneration: enabled for 'D:/xEdit-Wiki'
    Server address: http://127.0.0.1:4000/xEdit-Wiki/
  Server running... press ctrl-c to stop.
[2017-10-23 12:33:07] ERROR `/xEdit-Wiki' not found.
[2017-10-23 12:33:07] ERROR `/favicon.ico' not found.
[2017-10-23 12:33:07] ERROR `/favicon.ico' not found.
[2017-10-23 12:33:21] ERROR `/xEdit-Wiki' not found.
[2017-10-23 12:33:36] ERROR `/assets/images/tes5edit ico blue.png' not found.
[2017-10-23 12:33:36] ERROR `/favicon.ico' not found.
[2017-10-23 12:33:36] ERROR `/favicon.ico' not found.
[2017-10-23 12:33:42] ERROR `/assets/images/tes5edit ico blue.png' not found.
[2017-10-23 12:33:43] ERROR `/assets/images/tes5edit ico blue.png' not found.
[2017-10-23 12:34:17] ERROR `/assets/images/tes5edit ico blue.png' not found.

I have multiple errors because I opened http://127.0.0.1:4000/xEdit-Wiki/ more then once.

EDIT: I eventually figured out how to resolve the <img src="> issue.

Right now things are working, but at some point in the next week or so I’m going to uninstall Ruby and what I need for Pycharm and start over. I want to share how I got things working.

The big thing that made the difference for me was simply installing Ruby. Once that was installed you probably only need to install Jekyll and any other gems used like less, sass, scss, and a few others. Most of these installed automatically as a result of installing Jekyll. Which is why I feel Ruby is all you need then use a few gem commands and you are set up. Much quicker and easier then I have been reading over the last few days.

Here is the list of what is installed for me.

C:\Ruby24-x64>gem list

*** LOCAL GEMS ***

activesupport (4.2.10)
addressable (2.5.2)
bigdecimal (default: 1.3.0)
bundler (1.15.4)
colorator (1.1.0)
concurrent-ruby (1.0.5)
did_you_mean (1.1.0)
ffi (1.9.18 x64-mingw32)
forwardable-extended (2.6.0)
html-pipeline (2.7.1)
i18n (0.9.0)
io-console (default: 0.4.6)
jekyll (3.6.2)
jekyll-mentions (1.2.0)
jekyll-sass-converter (1.5.0)
jekyll-seo-tag (2.3.0)
jekyll-theme-cayman (0.1.0)
jekyll-watch (1.5.0)
json (default: 2.0.4)
kramdown (1.15.0)
liquid (4.0.0)
listen (3.0.8)
mercenary (0.3.6)
mini_portile2 (2.3.0)
minitest (5.10.1)
net-telnet (0.1.1)
nokogiri (1.8.1 x64-mingw32)
openssl (default: 2.0.5)
pathutil (0.16.0)
power_assert (0.4.1)
psych (default: 2.2.2)
public_suffix (3.0.0)
rake (12.0.0)
rb-fsevent (0.10.2)
rb-inotify (0.9.10)
rdoc (default: 5.0.0)
rouge (2.2.1)
safe_yaml (1.0.4)
sass (3.5.2, 3.4.25)
sass-listen (4.0.0)
scss_lint (0.55.0)
test-unit (3.2.3)
thread_safe (0.3.6)
tzinfo (1.2.3)
xmlrpc (0.2.1)

Again most of that installed with Jekyll so you only need to use the gem installer for a fraction of those things and the rest automatically installs.

Since you’re starting over, I’ll leave the following behind for reference.

  • Jekyll is a pure Ruby program. All you need to run Jekyll is a proper Ruby Installation (…and Git if you plan to push to GitHub or similar…)
  • Before you clone your remote repository from GitHub, play around with a basic Jekyll site. Start by installing jekyll and bundler
    gem install jekyll bundler
    
  • Then go ahead an create that dummy Jekyll project directory (lets call it area_51)
    jekyll new area_51
    
    Jekyll will automatically initiate bundle install and install the required gems
  • Once you see a successfully installed message, dive into your directory and serve away.
    cd area_51
    bundle exec jekyll serve
    
    Open your browser and goto http://localhost:4000
    …and done!

Happy Jekylling. Refer the official docs to learn more…
A