The compass from excentris

Failed to load the google font "Vollkorn" specified in head.html Due to using http instead of https

Hello
thanks for the nice template, I like it.
However, when I tried to fork and host on Github.io, The page failed to load the font from "http://fonts.googleapis.com" and I got the below error (using google chrome) :
this page is trying to load scripts from unauthenticated sources in a browser popup.

I updated the source code to use https instead of http in the link to google fonts and it works fine.
#7

All urls in site index file pointing to localhost

I remember having this problem before. When serving to GitHub Pages, assets aren't found. I've checked my config, the content.html file, and the _site index file. Currently, the index.html file in _site looks like this:

<!DOCTYPE html>
<html>

  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tiffany White &#8226; Check Yo Self: A Markdown Grammar Checker for Blog Posts</title>

    <link rel="apple-touch-icon" href="/images/chys.png" />
    <link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64" href="http://localhost:4000/favicon.ico" />

    <link rel="stylesheet" href="/checkyoself/docs/assets/normalize.css">
    <link rel="stylesheet" href="/checkyoself/docs/assets/main.css">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>

    <link rel="canonical" href="http://localhost:4000/">

    <meta name="author" content="Tiffany White">
    <meta name="description" content="Check Yo Self: A Markdown Grammar Checker for Blog Posts" />

    <meta property="og:title" content="Check Yo Self: A Markdown Grammar Checker for Blog Posts" />
    <meta property="og:url" content="http://localhost:4000/" />
    <meta property="og:image" content="http://localhost:4000/checkyoself/docs/images/chys.png" />
    <meta property="og:description" content="" />
    <meta property="og:site_name" content="Check Yo Self: A Markdown Grammar Checker for Blog Posts">
    <!-- Here you can add your Google Analytics Tracking code. If you do so, do not
forget to set the include_analytics attribute to true on the _config.yml file -->

  </head>

  <body>

    <div class="wrapper">
      <header>

        <div class="logo-container">
          <a class="logo" href="" style="background-image: url('/checkyoself/docs/images/chys.png')"></a>
        </div>



        <div class="author-container">
          <h1>Tiffany White</h1></div>



        <div class="tagline-container">
          <p>Check Yo Self: A Markdown Grammar Checker for Blog Posts</p>
        </div>

      </header>
      <main>

        <div class="content">
          <h2>About Check Yo Self</h2>
          <p>Check Yo Self has a simple purpose: to check your markdown for grammatical errors and misspellings.</p>

          <h2>Features</h2>
          <ul>
            <li>Responsive design</li>
            <li>Mobile friendly</li>
            <li>You can pick up right were you left off with an account.</li>
          </ul>

          <p>For more information, including setup and configuration instructions, head over to <a href="https://twhite96.gitub.com/checkyoself/documentation">The Docs</a>.</p>
          <p>For bug reports and feature requests, pop on over to <a href="https://github.com/twhite96/checkyoself/issues">GitHub</a> and leave an issue.</p>

          <hr />

          <ul class="fa-ul main-list">
            <li class="main-list-item">
              <span class="fa fa-github fa-lg main-list-item-icon"></span>
              <a href="https://github.com/twhite96/checkyoself">GitHub Repository</a>
            </li>
            <li class="main-list-item">
              <span class="fa fa-user fa-lg main-list-item-icon"></span>
              <a href="https://twitter.com/TiffanyW_412">The Author</a>
            </li>
          </ul>

        </div>

      </main>
    </div>


  </body>

</html>

As you can see, some of these files are being served via localhost. Not sure how to solve it.

My repo

excentris / compass Goto Github PK

compass's People

Contributors

Stargazers

Watchers

Forkers

compass's Issues

Your theme is listed in jekyllthemes.ru

Failed to load the google font "Vollkorn" specified in head.html Due to using http instead of https

All urls in site index file pointing to localhost

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent