You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Tags: [jekyll,chirpy,static site generator] # Tag names should always be lowercase
5
+
categories: [web, resume]
6
+
tags: [jekyll,chirpy,static site generator] # Tag names should always be lowercase
7
7
permalink: /jekyll/
8
8
pin: true
9
9
10
10
---
11
11
12
12
13
-
# THE JEKYLL PROJECT
13
+
# The Jekyll Project
14
14
15
-
I wanted to make a website with my resume and to highlight some fun projects I have done. TechnoTim is one of my favorite YouTubers and he has a great Discord. So naturally, I wanted to do what he does.
15
+
I wanted to create a website to showcase my resume and highlight some fun projects I've worked on. Techno Tim is one of my favorite YouTubers and tech enthusiasts, and he runs an awesome Discord. Naturally, I decided to follow his approach.
16
16
17
-
I would advise to follow his guide and his notes, but then I will try and add some more notes, if you get stuck.
17
+
I recommend following his guide and notes; I'll add extra tips if you get stuck.
18
18
19
19
20
20
<iframewidth="560"height="315"src="https://www.youtube.com/embed/F8iOU1ci19Q?si=QMUPZVlZZ_0uDWLG"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"referrerpolicy="strict-origin-when-cross-origin"allowfullscreen></iframe>
21
21
22
22
23
-
Here are his notes [Meet Jekyll - The Static Site Generator](https://technotim.live/posts/jekyll-docs-site/)
23
+
Here are his notes:[Meet Jekyll - The Static Site Generator](https://technotim.live/posts/jekyll-docs-site/)
24
24
25
-
Here are Jekyll Install notes [Jekyll - Installation](https://jekyllrb.com/docs/installation/)
25
+
Here are Jekyll installation notes:[Jekyll - Installation](https://jekyllrb.com/docs/installation/)
26
26
27
-
Here are Chirpy Notes [Chirpy - Getting Started](https://chirpy.cotes.page/posts/getting-started/)
27
+
Here are Chirpy Notes:[Chirpy - Getting Started](https://chirpy.cotes.page/posts/getting-started/)
28
28
29
29
30
-
- <h1>1 </h1> The First issue I had, and once you know, then you know, was to get the local site up. I was running it on a VM on Proxmox. I tried using the VM IP + Port *192.168.10.55:4000* and I tried localhost:4000, but what would have made my life easy was just doing **`http://127.0.0.1:4000`**
31
-
32
-
- <h1>2 </h1> How I actually got it to work in the first place is with VS Code. - Half way down the page in blue.
33
-
>If you are using Dev Containers, you must run that command in the VS Code Terminal.`<
- <h1> 3 </h1> Also, you could add this to the top of your `_config.yml` And This is my favorite, now that I know.
30
+
## 1. The first issue I encountered was getting the local site running. I was using a VM on Proxmox and tried accessing it:
31
+
- Via the VM IP + Port (e.g. `192.168.10.55:4000`) *did not work*
32
+
-`localhost:4000`*did not work*
33
+
- In the short term, **`http://127.0.0.1:4000`** worked. (But I did not think to try it for some time. I mistakingly thought localhost and 127.0.0.1 were the same, andthey are not. Seems easy now, but it took me a while before i realized. :confounded: )
34
+
35
+
## 2. I got it working using VS Code.
36
+
**If you are using Dev Containers, run the command in the VS Code Terminal.**
(Look for the command highlighted in blue further down the page.)
39
+
## 3. Additionally, add the following to the top of your `_config.yml` (My favorite solution!):
37
40
```yml
38
41
# Server settings
39
42
host: 192.168.1.55
@@ -42,36 +45,34 @@ Here are Chirpy Notes [Chirpy - Getting Started](https://chirpy.cotes.page/post
42
45
43
46
## Here is a quote for you.
44
47
45
-
"Once you know what you are doing, it is really easy. When you do NOT know what you are doing, it is really hard."
46
-
<br>
47
-
<br>
48
+
"Once you know what you are doing, it is really easy. When you do NOT know what you are doing, it is really hard." :laughing:
48
49
49
50
50
-
Site Structure <br>
51
-
=======================
52
-
<br> Once you get it up and running, I guess all these Tech guys just know things intuitively. But I dod not. I did not know what the header meant, what all the codes were.
51
+
# Site Structure
52
+
Once you get it up and running, I guess all these Tech guys just know things intuitively. But I did not. I did not know what the header meant, what all the codes were.
53
53
54
-
***`_site` Directory***: This is the output directory where Jekyll generates the static site. You **do not** put your new files here directly. Instead, Jekyll automatically builds your site into the `_site` folder when you run `jekyll build`. It contains the final, generated HTML files, along with any other assets that Jekyll processes.
54
+
**`_site` Directory**: This is the output directory where Jekyll generates the static site. **Do not** place new files here directly; instead, Jekyll builds your site into the `_site` folder.Producing the finalHTML files and assets.
55
55
56
-
***`_tabs` Directory***: This is used for Jekyll's "Tabs" plugin that Chirpy uses. The `_tabs` directory typically contains markdown files or other content that is used to populate or generate content dynamically on your site (for example, tabs for navigating content). If you make a new file under `_tabs' Your are making a new page on the website. The headers of those pages have numbers, if you want to change the order.
56
+
**`_tabs` Directory**: This is used for Jekyll's "Tabs" plugin that Chirpy uses. The `_tabs` directory typically contains markdown files or other content that is used to populate or generate content dynamically on your site (for example, tabs for navigating content). If you make a new file under `_tabs' Your are making a new page on the website. The headers of those pages have numbers, if you want to change the order.
57
57
58
-
***For a new post***: Put the markdown file under `_posts/` with the correct filename format (`YEAR-MONTH-DAY-title.md`). And it will "shoot over" to the `_site/posts` folder.
58
+
**For a new post**: Put the markdown file under `_posts/` with the correct filename format (`YEAR-MONTH-DAY-title.md`). It will then be generated into the `_site/posts` folder.
59
59
60
60
> ### To summarize:
61
61
>
62
-
> - You ***don’t*** manually put new files in `_site`.
63
-
> - New content like posts goes in `_posts`.
62
+
> - **Do Not** manually put new files in `_site`.
63
+
> - Place new posts in `_posts` With the date in the file name, properly formatted.
64
64
> - Static files or content like tabs might go in `_tabs`
65
65
66
66
67
-
=========================================
67
+
---
68
+
---
68
69
69
70
## PUSH TO GITHUB
70
-
`git status`Should show nothing at first<br>
71
-
`git add .`dont forget the period <br>
72
-
`git status`will show green now. <br>
73
-
`git commit -m "updated main" `you can change the coment <br>
74
-
`git push`<br>
71
+
- `git status`Should show nothing at first, but could show pending changes.
72
+
- `git add .`(Don't forget the period)
73
+
- `git status`will show green now.
74
+
- `git commit -m "updated main" `(Change the comment to what is appropriate.)
0 commit comments