{"componentChunkName":"component---src-templates-post-tsx","path":"/posts/2019/07/github-pages-blog/","result":{"data":{"markdownRemark":{"fields":{"slug":"/2019/07/github-pages-blog/"},"frontmatter":{"title":"GitHub Pages as blog Combo","tag":["GitHub Pages","blogging"],"image":"https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRqbDL-RdwO45w24ZeCv-N5bQAZxXOnd2nbCpymQvswWr4exu6K"},"correctedDateEpoch":1562086800000,"html":"<p>Right now, I only know one website that allows me to host HTML as full webpage that supports static JavaScript, that is <a href=\"https://pages.github.com\">GitHub Pages</a>, which might not be truly static, if you have some good API supported in the background, e.g. Disqus, or Heroku.</p>\n<!-- excerpt_separator -->\n<p>However, it seems that many kinds of CSS/JavaScript on GitHub Pages might not always loaded if it conflicts with Jekyll, or for some other reasons (as I described in Cogear.js; SCSS-generated CSS just doesn't load.)</p>\n<p>So, how do I ensure it will load? Install Ruby and Jekyll on your computer; and test-drive.</p>\n<pre><code># Make sure Ruby is installed first, though\ngem install bundler jekyll\ngem install bundler jekyll\njekyll new my-awesome-site\ncd my-awesome-site\njekyll serve\n</code></pre>\n<p>But, even with this, many features are still disabled… Checkout your theme, can be enabled with</p>\n<pre><code>cd $(bundle show minima)\ncat README.md\n</code></pre>\n<p>And read the <code>README.md</code>. If that isn't enough, read <a href=\"https://jekyllrb.com/docs/\">Jekyll Docs</a>.</p>"}},"pageContext":{"slug":"/2019/07/github-pages-blog/"}}}