0013
This commit is contained in:
@@ -1,47 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>How to create a static website with Jekyll and deploy it on GitHubPages</title>
|
|
||||||
<link rel="stylesheet" href="/assets/css/styles.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<nav>
|
|
||||||
|
|
||||||
<a href="/website/index.html" >Home</a>
|
|
||||||
|
|
||||||
<a href="/website/about.html" >About</a>
|
|
||||||
|
|
||||||
<a href="/website/blog.html" >Blog</a>
|
|
||||||
|
|
||||||
</nav>
|
|
||||||
<h1>How to create a static website with Jekyll and deploy it on GitHubPages</h1>
|
|
||||||
<p>20 Sep 2022 - Aaron</p>
|
|
||||||
|
|
||||||
<p>Create a GitHub-account: https://github.com/</p>
|
|
||||||
<p>Create a repository on GitHub: https://github.com/</p>
|
|
||||||
<p>(It has to be public if you use GitHub Free, note that your code will be visible to everyone!)</p>
|
|
||||||
<p>Clone the repository to a local directory:</p>
|
|
||||||
<p>SSH</p>
|
|
||||||
<p>$ git clone --recursive $SSH_URL</p>
|
|
||||||
<p>HTTPS</p>
|
|
||||||
<p>$ git -c http.sslVerify=false clone --recursive $HTTPS_URL</p>
|
|
||||||
<p>Create two directories: docs and localDev.</p>
|
|
||||||
<p>$ mkdir docs</p>
|
|
||||||
<p>$ mkdir localDev</p>
|
|
||||||
<p>Follow instructions on: https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll</p>
|
|
||||||
<p>Deploy: https://jekyllrb.com/docs/step-by-step/10-deployment/</p>
|
|
||||||
<p>JEKYLL_ENV=production bundle exec jekyll build</p>
|
|
||||||
<nav>
|
|
||||||
|
|
||||||
<a href="/website/terms.html" >Terms</a>
|
|
||||||
|
|
||||||
<a href="/website/privacy.html" >Privacy</a>
|
|
||||||
|
|
||||||
<a href="/website/blog.html" >Blog</a>
|
|
||||||
|
|
||||||
<a href="/website/imprint.html" >Imprint</a>
|
|
||||||
|
|
||||||
</nav>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
31
docs/accessibility.html
Normal file
31
docs/accessibility.html
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Accessibility</title>
|
||||||
|
<link rel="stylesheet" href="/assets/css/law.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav>
|
||||||
|
|
||||||
|
<a href="/website/index.html" >Home</a>
|
||||||
|
|
||||||
|
<a href="/website/about.html" >About</a>
|
||||||
|
|
||||||
|
<a href="/website/blog.html" >Blog</a>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
<h1>Accessibility</h1>
|
||||||
|
<nav>
|
||||||
|
|
||||||
|
<a href="/website/terms.html" >Terms</a>
|
||||||
|
|
||||||
|
<a href="/website/privacy.html" >Privacy</a>
|
||||||
|
|
||||||
|
<a href="/website/blog.html" >Blog</a>
|
||||||
|
|
||||||
|
<a href="/website/imprint.html" >Imprint</a>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -19,10 +19,6 @@
|
|||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
|
|
||||||
<li>
|
|
||||||
<h3><a href="/website/2022/09/20/jekyll_&_github.html">How to create a static website with Jekyll and deploy it on GitHubPages</a></h3>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<nav>
|
<nav>
|
||||||
|
|
||||||
|
|||||||
@@ -1,14 +1 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2022-09-20T23:27:59+02:00</updated><id>/feed.xml</id><title type="html">Mr.</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">How to create a static website with Jekyll and deploy it on GitHubPages</title><link href="/2022/09/20/jekyll_&_github.html" rel="alternate" type="text/html" title="How to create a static website with Jekyll and deploy it on GitHubPages" /><published>2022-09-20T00:00:00+02:00</published><updated>2022-09-20T00:00:00+02:00</updated><id>/2022/09/20/jekyll_&_github</id><content type="html" xml:base="/2022/09/20/jekyll_&_github.html"><p>Create a GitHub-account: https://github.com/</p>
|
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2022-09-21T11:49:25+02:00</updated><id>/feed.xml</id><title type="html">Mr.</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle></feed>
|
||||||
<p>Create a repository on GitHub: https://github.com/</p>
|
|
||||||
<p>(It has to be public if you use GitHub Free, note that your code will be visible to everyone!)</p>
|
|
||||||
<p>Clone the repository to a local directory:</p>
|
|
||||||
<p>SSH</p>
|
|
||||||
<p>$ git clone --recursive $SSH_URL</p>
|
|
||||||
<p>HTTPS</p>
|
|
||||||
<p>$ git -c http.sslVerify=false clone --recursive $HTTPS_URL</p>
|
|
||||||
<p>Create two directories: docs and localDev.</p>
|
|
||||||
<p>$ mkdir docs</p>
|
|
||||||
<p>$ mkdir localDev</p>
|
|
||||||
<p>Follow instructions on: https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll</p>
|
|
||||||
<p>Deploy: https://jekyllrb.com/docs/step-by-step/10-deployment/</p>
|
|
||||||
<p>JEKYLL_ENV=production bundle exec jekyll build</p></content><author><name>Aaron</name></author><summary type="html">Create a GitHub-account: https://github.com/ Create a repository on GitHub: https://github.com/ (It has to be public if you use GitHub Free, note that your code will be visible to everyone!) Clone the repository to a local directory: SSH $ git clone --recursive $SSH_URL HTTPS $ git -c http.sslVerify=false clone --recursive $HTTPS_URL Create two directories: docs and localDev. $ mkdir docs $ mkdir localDev Follow instructions on: https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll Deploy: https://jekyllrb.com/docs/step-by-step/10-deployment/ JEKYLL_ENV=production bundle exec jekyll build</summary></entry></feed>
|
|
||||||
@@ -99,27 +99,71 @@ title: How to create a static website with Jekyll and deploy it on GitHubPages
|
|||||||
$ bundle install<br>
|
$ bundle install<br>
|
||||||
</pre>
|
</pre>
|
||||||
</div>
|
</div>
|
||||||
Optionally you can make changes at the <b>_config.yml</b> file.
|
Optionally you can make changes at the <b>_config.yml</b> file.<br>
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<p>
|
<p>
|
||||||
Optionally you can create <b>another branch</b> called gh-pages from where GitHub Pages will take the website-files.<br>
|
Follow <a href="https://jekyllrb.com/docs/step-by-step/01-setup/#create-a-site" target="_blank">this</a> guide to learn Jekyll. Make sure that all files and directories you create are in the localDev-directory.<br>
|
||||||
|
Note that building locally will not work according to commenting out gem "Jekyll" at the Gemfile. (Atm I didn't check if you can let it in and bundle install to allow local building)<br>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
After creating all necessary files and dirs, you can make a production build:<br>
|
||||||
|
Note that all files at _site will be cleared!
|
||||||
<div>
|
<div>
|
||||||
<pre>
|
<pre>
|
||||||
$ git checkout -b gh-pages<br>
|
$ JEKYLL_ENV=production bundle exec jekyll build<br>
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
Your Jekyll-project was now build and stored at _site.<br>
|
||||||
|
Now move the content of the localDev/_site to docs:<br>
|
||||||
|
<div>
|
||||||
|
<pre>
|
||||||
|
$ mv /localDev/_site docs<br>
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
And push your changes to your central GitHub-Repository:<br>
|
||||||
|
<div>
|
||||||
|
<pre>
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</div>
|
</div>
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
Follow instructions on: https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll<br>
|
<p>
|
||||||
Deploy: https://jekyllrb.com/docs/step-by-step/10-deployment/<br>
|
Now <a href="https://github.com/WickedJack99/website/settings/pages" target="_blank">publish your repository on GitHub Pages</a>.<br>
|
||||||
JEKYLL_ENV=production bundle exec jekyll build
|
Select your <b>branch</b> and as <b>folder /docs</b> and hit Save.<br>
|
||||||
https://jekyllrb.com/docs/step-by-step/01-setup/
|
Now you have to wait, this can take up to 10 minutes.<br>
|
||||||
https://jekyllrb.com/docs/structure/
|
On the top of the page a box will appear with the url of your website.<br>
|
||||||
|
</p>
|
||||||
|
<h3>Happy developing!</h3>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
Sources:<br>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll" target="_blank">https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll</a></li>
|
||||||
|
<li><a href="" target="_blank"></a></li>
|
||||||
|
<li><a href="" target="_blank"></a></li>
|
||||||
|
<li><a href="" target="_blank"></a></li>
|
||||||
|
<li><a href="" target="_blank"></a></li>
|
||||||
|
<li><a href="" target="_blank"></a></li>
|
||||||
|
<li><a href="" target="_blank"></a></li>
|
||||||
|
<li><a href="https://jekyllrb.com/docs/structure/" target="_blank">https://jekyllrb.com/docs/structure/</a></li>
|
||||||
|
<li><a href="https://jekyllrb.com/docs/step-by-step/01-setup/" target="_blank">https://jekyllrb.com/docs/step-by-step/01-setup/</a></li>
|
||||||
|
<li><a href="https://jekyllrb.com/docs/step-by-step/10-deployment/" target="_blank">https://jekyllrb.com/docs/step-by-step/10-deployment/</a></li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/testing-your-github-pages-site-locally-with-jekyll
|
https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/testing-your-github-pages-site-locally-with-jekyll
|
||||||
https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll
|
https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll
|
||||||
https://docs.github.com/en/get-started/quickstart/set-up-git
|
https://docs.github.com/en/get-started/quickstart/set-up-git
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ title: Blog
|
|||||||
<ul>
|
<ul>
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
<li>
|
<li>
|
||||||
<h3><a href="{{ '/website' | append: post.url }}">{{ post.title }}</a></h3>
|
<h3>{{ post.date }} <a href="{{ '/website' | append: post.url }}">{{ post.title }}</a></h3>
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
Reference in New Issue
Block a user