This commit is contained in:
WickedJack99
2022-09-21 15:36:17 +02:00
parent ebeeda5984
commit e5ab4f2c99
5 changed files with 29 additions and 20 deletions

View File

@@ -36,11 +36,11 @@
<div id="repository"> <div id="repository">
<h3>Local Repository</h3> <h3>Local Repository</h3>
Clone the repository to a local directory:<br> Clone the repository to a local directory:<br>
<i>SSH</i><br> <i>ssh</i><br>
<div class="console"> <div class="console">
<code>$ git clone --recursive SSH_URL</code> <code>$ git clone --recursive SSH_URL</code>
</div> </div>
<i>HTTPS</i><br> <i>https</i><br>
<div class="console"> <div class="console">
<code>$ git -c http.sslVerify=false clone --recursive HTTPS_URL</code> <code>$ git -c http.sslVerify=false clone --recursive HTTPS_URL</code>
</div> </div>
@@ -67,12 +67,14 @@
<code>$ jekyll new --skip-bundle .</code><br> <code>$ jekyll new --skip-bundle .</code><br>
</div> </div>
(make sure you got the dot)<br> (make sure you got the dot)<br>
</div>
Open the Gemfile that Jekyll created and comment out the line which starts with <i>gem "jekyll"</i><br> <div>
<h3>Edit Gemfile</h3>
Open the Gemfile that Jekyll created and comment out (#) the line which starts with <i>gem "jekyll"</i><br>
Add the github-pages gem by editing the line starting with # gem "github-pages".<br> Add the github-pages gem by editing the line starting with # gem "github-pages".<br>
Change this line (# gem "github-pages") to:<br> Change this line (# gem "github-pages") to:<br>
<i>gem "github-pages", "~> GITHUB-PAGES-VERSION", group: :jekyll_plugins</i><br> <i>gem "github-pages", "~> GITHUB-PAGES-VERSION", group: :jekyll_plugins</i><br>
You can find the actual version of GitHub-pages <a href="https://rubygems.org/gems/github-pages" target="_blank">here</a><br>. You can find the actual version of GitHub-pages <a href="https://rubygems.org/gems/github-pages" target="_blank">here</a>.<br>
Now save and close the Gemfile.<br> Now save and close the Gemfile.<br>
<br> <br>
@@ -86,6 +88,7 @@
<h3>Learn Jekyll</h3> <h3>Learn Jekyll</h3>
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> 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 this is right)<br> Note that building locally will not work according to commenting out gem "Jekyll" at the Gemfile. (Atm I didn't check if this is right)<br>
If it is, you have to not comment it out and do bundle install again. Afterwards you can test locally with jekyll serve.
</div> </div>
<div id="buildProject"> <div id="buildProject">
<h3>Build Project</h3> <h3>Build Project</h3>

View File

@@ -1 +1 @@
div.console{background-color:lightgray;color:black;padding-left:10px;padding-top:5px;padding-bottom:5px}div.outerDiv{padding-left:50px;padding-right:50px} div.console{background-color:lightgray;color:black;padding-left:10px;padding-top:10px;padding-bottom:10px}div.outerDiv{padding-left:50px;padding-right:50px}

View File

@@ -1,4 +1,4 @@
<?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-21T15:09:06+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">2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages</title><link href="/2022/09/20/how-to-create-githubpage.html" rel="alternate" type="text/html" title="2022 Week 38 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/how-to-create-githubpage</id><content type="html" xml:base="/2022/09/20/how-to-create-githubpage.html">&lt;div class=&quot;outerDiv&quot;&gt; <?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-21T15:34:38+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">2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages</title><link href="/2022/09/20/how-to-create-githubpage.html" rel="alternate" type="text/html" title="2022 Week 38 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/how-to-create-githubpage</id><content type="html" xml:base="/2022/09/20/how-to-create-githubpage.html">&lt;div class=&quot;outerDiv&quot;&gt;
&lt;div id=&quot;prerequisits&quot;&gt; &lt;div id=&quot;prerequisits&quot;&gt;
&lt;h3&gt;Prerequisits&lt;/h3&gt; &lt;h3&gt;Prerequisits&lt;/h3&gt;
Install &lt;a href=&quot;https://git-scm.com/downloads&quot; target=&quot;_blank&quot;&gt;Git&lt;/a&gt;&lt;br&gt; Install &lt;a href=&quot;https://git-scm.com/downloads&quot; target=&quot;_blank&quot;&gt;Git&lt;/a&gt;&lt;br&gt;
@@ -17,11 +17,11 @@
&lt;div id=&quot;repository&quot;&gt; &lt;div id=&quot;repository&quot;&gt;
&lt;h3&gt;Local Repository&lt;/h3&gt; &lt;h3&gt;Local Repository&lt;/h3&gt;
Clone the repository to a local directory:&lt;br&gt; Clone the repository to a local directory:&lt;br&gt;
&lt;i&gt;SSH&lt;/i&gt;&lt;br&gt; &lt;i&gt;ssh&lt;/i&gt;&lt;br&gt;
&lt;div class=&quot;console&quot;&gt; &lt;div class=&quot;console&quot;&gt;
&lt;code&gt;$ git clone --recursive SSH_URL&lt;/code&gt; &lt;code&gt;$ git clone --recursive SSH_URL&lt;/code&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;i&gt;HTTPS&lt;/i&gt;&lt;br&gt; &lt;i&gt;https&lt;/i&gt;&lt;br&gt;
&lt;div class=&quot;console&quot;&gt; &lt;div class=&quot;console&quot;&gt;
&lt;code&gt;$ git -c http.sslVerify=false clone --recursive HTTPS_URL&lt;/code&gt; &lt;code&gt;$ git -c http.sslVerify=false clone --recursive HTTPS_URL&lt;/code&gt;
&lt;/div&gt; &lt;/div&gt;
@@ -48,12 +48,14 @@
&lt;code&gt;$ jekyll new --skip-bundle .&lt;/code&gt;&lt;br&gt; &lt;code&gt;$ jekyll new --skip-bundle .&lt;/code&gt;&lt;br&gt;
&lt;/div&gt; &lt;/div&gt;
(make sure you got the dot)&lt;br&gt; (make sure you got the dot)&lt;br&gt;
&lt;/div&gt;
Open the Gemfile that Jekyll created and comment out the line which starts with &lt;i&gt;gem &quot;jekyll&quot;&lt;/i&gt;&lt;br&gt; &lt;div&gt;
&lt;h3&gt;Edit Gemfile&lt;/h3&gt;
Open the Gemfile that Jekyll created and comment out (#) the line which starts with &lt;i&gt;gem &quot;jekyll&quot;&lt;/i&gt;&lt;br&gt;
Add the github-pages gem by editing the line starting with # gem &quot;github-pages&quot;.&lt;br&gt; Add the github-pages gem by editing the line starting with # gem &quot;github-pages&quot;.&lt;br&gt;
Change this line (# gem &quot;github-pages&quot;) to:&lt;br&gt; Change this line (# gem &quot;github-pages&quot;) to:&lt;br&gt;
&lt;i&gt;gem &quot;github-pages&quot;, &quot;~&gt; GITHUB-PAGES-VERSION&quot;, group: :jekyll_plugins&lt;/i&gt;&lt;br&gt; &lt;i&gt;gem &quot;github-pages&quot;, &quot;~&gt; GITHUB-PAGES-VERSION&quot;, group: :jekyll_plugins&lt;/i&gt;&lt;br&gt;
You can find the actual version of GitHub-pages &lt;a href=&quot;https://rubygems.org/gems/github-pages&quot; target=&quot;_blank&quot;&gt;here&lt;/a&gt;&lt;br&gt;. You can find the actual version of GitHub-pages &lt;a href=&quot;https://rubygems.org/gems/github-pages&quot; target=&quot;_blank&quot;&gt;here&lt;/a&gt;.&lt;br&gt;
Now save and close the Gemfile.&lt;br&gt; Now save and close the Gemfile.&lt;br&gt;
&lt;br&gt; &lt;br&gt;
@@ -67,6 +69,7 @@
&lt;h3&gt;Learn Jekyll&lt;/h3&gt; &lt;h3&gt;Learn Jekyll&lt;/h3&gt;
Follow &lt;a href=&quot;https://jekyllrb.com/docs/step-by-step/01-setup/#create-a-site&quot; target=&quot;_blank&quot;&gt;this&lt;/a&gt; guide to learn Jekyll. Make sure that all files and directories you create are in the localDev-directory.&lt;br&gt; Follow &lt;a href=&quot;https://jekyllrb.com/docs/step-by-step/01-setup/#create-a-site&quot; target=&quot;_blank&quot;&gt;this&lt;/a&gt; guide to learn Jekyll. Make sure that all files and directories you create are in the localDev-directory.&lt;br&gt;
Note that building locally will not work according to commenting out gem &quot;Jekyll&quot; at the Gemfile. (Atm I didn&apos;t check if this is right)&lt;br&gt; Note that building locally will not work according to commenting out gem &quot;Jekyll&quot; at the Gemfile. (Atm I didn&apos;t check if this is right)&lt;br&gt;
If it is, you have to not comment it out and do bundle install again. Afterwards you can test locally with jekyll serve.
&lt;/div&gt; &lt;/div&gt;
&lt;div id=&quot;buildProject&quot;&gt; &lt;div id=&quot;buildProject&quot;&gt;
&lt;h3&gt;Build Project&lt;/h3&gt; &lt;h3&gt;Build Project&lt;/h3&gt;
@@ -104,4 +107,4 @@
&lt;li&gt;&lt;a href=&quot;https://jekyllrb.com/docs/step-by-step/10-deployment/&quot; target=&quot;_blank&quot;&gt;https://jekyllrb.com/docs/step-by-step/10-deployment/&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;https://jekyllrb.com/docs/step-by-step/10-deployment/&quot; target=&quot;_blank&quot;&gt;https://jekyllrb.com/docs/step-by-step/10-deployment/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt; &lt;/ul&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt;</content><author><name>Aaron</name></author><summary type="html">Prerequisits Install Git Install Ruby Install Jekyll and Bundler $ gem install jekyll bundler GitHub Create a GitHub-account Create a repository on GitHub (It has to be public if you use GitHub Free, note that your code will be visible to everyone!) Local Repository Clone the repository to a local directory: SSH $ git clone --recursive SSH_URL HTTPS $ git -c http.sslVerify=false clone --recursive HTTPS_URL Directories Create two directories: docs and localDev. $ mkdir docs $ mkdir localDev docs will contain the content of the website later on. localDev will contain our Jekyll project. Create Jekyll Project Move to the localDev-directory: $ cd localDev Create a new Jekyll-project at localDev-directory: $ jekyll new --skip-bundle . (make sure you got the dot) Open the Gemfile that Jekyll created and comment out the line which starts with gem &quot;jekyll&quot; Add the github-pages gem by editing the line starting with # gem &quot;github-pages&quot;. Change this line (# gem &quot;github-pages&quot;) to: gem &quot;github-pages&quot;, &quot;~&gt; GITHUB-PAGES-VERSION&quot;, group: :jekyll_plugins You can find the actual version of GitHub-pages here. Now save and close the Gemfile.</summary></entry></feed> &lt;/div&gt;</content><author><name>Aaron</name></author><summary type="html">Prerequisits Install Git Install Ruby Install Jekyll and Bundler $ gem install jekyll bundler GitHub Create a GitHub-account Create a repository on GitHub (It has to be public if you use GitHub Free, note that your code will be visible to everyone!) Local Repository Clone the repository to a local directory: ssh $ git clone --recursive SSH_URL https $ git -c http.sslVerify=false clone --recursive HTTPS_URL Directories Create two directories: docs and localDev. $ mkdir docs $ mkdir localDev docs will contain the content of the website later on. localDev will contain our Jekyll project. Create Jekyll Project Move to the localDev-directory: $ cd localDev Create a new Jekyll-project at localDev-directory: $ jekyll new --skip-bundle . (make sure you got the dot) Edit Gemfile Open the Gemfile that Jekyll created and comment out (#) the line which starts with gem &quot;jekyll&quot; Add the github-pages gem by editing the line starting with # gem &quot;github-pages&quot;. Change this line (# gem &quot;github-pages&quot;) to: gem &quot;github-pages&quot;, &quot;~&gt; GITHUB-PAGES-VERSION&quot;, group: :jekyll_plugins You can find the actual version of GitHub-pages here. Now save and close the Gemfile.</summary></entry></feed>

View File

@@ -23,11 +23,11 @@ title: 2022 Week 38 How to create a static website with Jekyll and deploy it on
<div id="repository"> <div id="repository">
<h3>Local Repository</h3> <h3>Local Repository</h3>
Clone the repository to a local directory:<br> Clone the repository to a local directory:<br>
<i>SSH</i><br> <i>ssh</i><br>
<div class="console"> <div class="console">
<code>$ git clone --recursive SSH_URL</code> <code>$ git clone --recursive SSH_URL</code>
</div> </div>
<i>HTTPS</i><br> <i>https</i><br>
<div class="console"> <div class="console">
<code>$ git -c http.sslVerify=false clone --recursive HTTPS_URL</code> <code>$ git -c http.sslVerify=false clone --recursive HTTPS_URL</code>
</div> </div>
@@ -54,12 +54,14 @@ title: 2022 Week 38 How to create a static website with Jekyll and deploy it on
<code>$ jekyll new --skip-bundle .</code><br> <code>$ jekyll new --skip-bundle .</code><br>
</div> </div>
(make sure you got the dot)<br> (make sure you got the dot)<br>
</div>
Open the Gemfile that Jekyll created and comment out the line which starts with <i>gem "jekyll"</i><br> <div>
<h3>Edit Gemfile</h3>
Open the Gemfile that Jekyll created and comment out (#) the line which starts with <i>gem "jekyll"</i><br>
Add the github-pages gem by editing the line starting with # gem "github-pages".<br> Add the github-pages gem by editing the line starting with # gem "github-pages".<br>
Change this line (# gem "github-pages") to:<br> Change this line (# gem "github-pages") to:<br>
<i>gem "github-pages", "~> GITHUB-PAGES-VERSION", group: :jekyll_plugins</i><br> <i>gem "github-pages", "~> GITHUB-PAGES-VERSION", group: :jekyll_plugins</i><br>
You can find the actual version of GitHub-pages <a href="https://rubygems.org/gems/github-pages" target="_blank">here</a><br>. You can find the actual version of GitHub-pages <a href="https://rubygems.org/gems/github-pages" target="_blank">here</a>.<br>
Now save and close the Gemfile.<br> Now save and close the Gemfile.<br>
<br> <br>
@@ -73,6 +75,7 @@ title: 2022 Week 38 How to create a static website with Jekyll and deploy it on
<h3>Learn Jekyll</h3> <h3>Learn Jekyll</h3>
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> 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 this is right)<br> Note that building locally will not work according to commenting out gem "Jekyll" at the Gemfile. (Atm I didn't check if this is right)<br>
If it is, you have to not comment it out and do bundle install again. Afterwards you can test locally with jekyll serve.
</div> </div>
<div id="buildProject"> <div id="buildProject">
<h3>Build Project</h3> <h3>Build Project</h3>

View File

@@ -2,8 +2,8 @@ div.console {
background-color: lightgray; background-color: lightgray;
color: black; color: black;
padding-left: 10px; padding-left: 10px;
padding-top: 5px; padding-top: 10px;
padding-bottom: 5px; padding-bottom: 10px;
} }
div.outerDiv { div.outerDiv {