This commit is contained in:
WickedJack99
2022-09-21 11:50:24 +02:00
parent 9c02459156
commit c520008a0c
6 changed files with 85 additions and 74 deletions

View File

@@ -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
View 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>

View File

@@ -19,10 +19,6 @@
<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>
<nav>

View File

@@ -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_&amp;_github</id><content type="html" xml:base="/2022/09/20/jekyll_&amp;_github.html">&lt;p&gt;Create a GitHub-account: https://github.com/&lt;/p&gt;
&lt;p&gt;Create a repository on GitHub: https://github.com/&lt;/p&gt;
&lt;p&gt;(It has to be public if you use GitHub Free, note that your code will be visible to everyone!)&lt;/p&gt;
&lt;p&gt;Clone the repository to a local directory:&lt;/p&gt;
&lt;p&gt;SSH&lt;/p&gt;
&lt;p&gt;$ git clone --recursive $SSH_URL&lt;/p&gt;
&lt;p&gt;HTTPS&lt;/p&gt;
&lt;p&gt;$ git -c http.sslVerify=false clone --recursive $HTTPS_URL&lt;/p&gt;
&lt;p&gt;Create two directories: docs and localDev.&lt;/p&gt;
&lt;p&gt;$ mkdir docs&lt;/p&gt;
&lt;p&gt;$ mkdir localDev&lt;/p&gt;
&lt;p&gt;Follow instructions on: https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll&lt;/p&gt;
&lt;p&gt;Deploy: https://jekyllrb.com/docs/step-by-step/10-deployment/&lt;/p&gt;
&lt;p&gt;JEKYLL_ENV=production bundle exec jekyll build&lt;/p&gt;</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>
<?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>

View File

@@ -99,27 +99,71 @@ title: How to create a static website with Jekyll and deploy it on GitHubPages
$ bundle install<br>
</pre>
</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>
</section>
<section>
<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>
<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>
</div>
</p>
</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>
Deploy: https://jekyllrb.com/docs/step-by-step/10-deployment/<br>
JEKYLL_ENV=production bundle exec jekyll build
https://jekyllrb.com/docs/step-by-step/01-setup/
https://jekyllrb.com/docs/structure/
<p>
Now <a href="https://github.com/WickedJack99/website/settings/pages" target="_blank">publish your repository on GitHub Pages</a>.<br>
Select your <b>branch</b> and as <b>folder /docs</b> and hit Save.<br>
Now you have to wait, this can take up to 10 minutes.<br>
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/creating-a-github-pages-site-with-jekyll
https://docs.github.com/en/get-started/quickstart/set-up-git

View File

@@ -7,7 +7,7 @@ title: Blog
<ul>
{% for post in site.posts %}
<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>
{% endfor %}
</ul>