jekyll-theme-fica 0.2.2 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.github/workflows/ci.yaml +5 -9
- data/404.html +12 -10
- data/License.md +2 -8
- data/README.md +51 -48
- data/_includes/Footer.html +85 -109
- data/_includes/Head.html +15 -2
- data/_includes/Header.html +14 -10
- data/_includes/assets/BTT.html +1 -1
- data/_layouts/home.html +2 -2
- data/_layouts/post.html +5 -7
- data/_layouts/post_list.html +103 -0
- data/_posts/2022-03-31-To-Know-if-the-nav-works.md +9 -8
- data/_posts/{2022-04-1-Demo.md → 2022-04-1-Elements-of-Fica-Theme.md} +111 -113
- data/_posts/2022-04-5-Getting-Started.md +1 -2
- data/_posts/2022-04-6-Creating-a-new-post.md +144 -136
- data/_posts/2023-04-24-Fica-Customization.md +43 -0
- data/_sass/base.scss +79 -114
- data/_sass/jekyll-theme-fica.scss +1 -1
- data/_sass/layouts/Google-fonts.scss +103 -138
- data/_sass/layouts/component.scss +49 -30
- data/_sass/layouts/layout.scss +206 -161
- data/_sass/layouts/typography.scss +492 -0
- data/_sass/layouts/variable.scss +22 -8
- data/assets/css/Style.scss +1 -9
- data/assets/favicons/android-chrome-192x192.png +0 -0
- data/assets/favicons/android-chrome-512x512.png +0 -0
- data/assets/favicons/apple-touch-icon.png +0 -0
- data/assets/favicons/browserconfig.xml +9 -0
- data/assets/favicons/favicon-16x16.png +0 -0
- data/assets/favicons/favicon-32x32.png +0 -0
- data/assets/favicons/favicon.ico +0 -0
- data/assets/favicons/mstile-150x150.png +0 -0
- data/assets/favicons/safari-pinned-tab.svg +32 -0
- data/assets/favicons/site.webmanifest +19 -0
- data/assets/img/homepage-pic.png +0 -0
- data/js/Main.js +55 -2
- data/logo.png +0 -0
- data/post/index.html +3 -3
- metadata +16 -25
- data/.github/workflows/.ci_BASE_2002.yaml.swp +0 -0
- data/.github/workflows/.ci_LOCAL_2002.yaml.swp +0 -0
- data/.github/workflows/.ci_REMOTE_2002.yaml.swp +0 -0
- data/.github/workflows/ci_BACKUP_2002.yaml +0 -34
- data/.github/workflows/ci_BASE_2002.yaml +0 -27
- data/.github/workflows/ci_LOCAL_2002.yaml +0 -27
- data/.github/workflows/ci_REMOTE_2002.yaml +0 -27
- data/_layouts/post_home.html +0 -113
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<h1 class="site-post-list-title">{{ page.site-title }}</h1>
|
|
5
|
+
|
|
6
|
+
{%- if site.paginate -%}
|
|
7
|
+
{% assign pinned = site.posts | where: "pin", "true" %}
|
|
8
|
+
{% assign default = site.posts | where_exp: "item", "item.pin != true" %}
|
|
9
|
+
|
|
10
|
+
{% assign posts = "" | split: "" %}
|
|
11
|
+
|
|
12
|
+
<!-- Get pinned posts -->
|
|
13
|
+
|
|
14
|
+
{% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
|
|
15
|
+
{% assign pinned_num = pinned.size | minus: offset %}
|
|
16
|
+
|
|
17
|
+
{% if pinned_num > 0 %}
|
|
18
|
+
{% for i in (offset..pinned.size) limit: pinned_num %}
|
|
19
|
+
{% assign posts = posts | push: pinned[i] %}
|
|
20
|
+
{% endfor %}
|
|
21
|
+
{% else %}
|
|
22
|
+
{% assign pinned_num = 0 %}
|
|
23
|
+
{% endif %}
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
<!-- Get default posts -->
|
|
27
|
+
|
|
28
|
+
{% assign default_beg = offset | minus: pinned.size %}
|
|
29
|
+
|
|
30
|
+
{% if default_beg < 0 %} {% assign default_beg=0 %} {% endif %} {% assign default_num=paginator.posts | size | minus:
|
|
31
|
+
pinned_num %} {% assign default_end=default_beg | plus: default_num | minus: 1 %} {% if default_num> 0 %}
|
|
32
|
+
{% for i in (default_beg..default_end) %}
|
|
33
|
+
{% assign posts = posts | push: default[i] %}
|
|
34
|
+
{% endfor %}
|
|
35
|
+
{% endif %}
|
|
36
|
+
{% else %}
|
|
37
|
+
{% assign posts = site.posts %}
|
|
38
|
+
{% endif %}
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
{%- if posts.size > 0 -%}
|
|
42
|
+
<div class="post-list">
|
|
43
|
+
{%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
|
|
44
|
+
{%- for post in posts -%}
|
|
45
|
+
<div class="post-container">
|
|
46
|
+
<a class="post" href="{{ post.url | relative_url }}">
|
|
47
|
+
<p class="post-header">
|
|
48
|
+
{{ post.title | escape }}
|
|
49
|
+
</p>
|
|
50
|
+
<div class="post-info">
|
|
51
|
+
{%- assign date_format_tooltip = site.fica.date_format | default: "%b%-d, %Y" -%}
|
|
52
|
+
<span class="post-info-date">{{ post.date | date: date_format }}</span>
|
|
53
|
+
{% if post.pin %}
|
|
54
|
+
<span class="post-info-pin">
|
|
55
|
+
<span class="material-icons-round">
|
|
56
|
+
push_pin
|
|
57
|
+
</span>
|
|
58
|
+
<p>pinned</p>
|
|
59
|
+
</span>
|
|
60
|
+
{%- endif -%}
|
|
61
|
+
</div>
|
|
62
|
+
<div class="post-descriptions">
|
|
63
|
+
{%- if site.show_descriptions -%}
|
|
64
|
+
{{ post.excerpt }}
|
|
65
|
+
{%- endif -%}
|
|
66
|
+
</div>
|
|
67
|
+
|
|
68
|
+
</a>
|
|
69
|
+
|
|
70
|
+
</div>
|
|
71
|
+
{%- endfor -%}
|
|
72
|
+
</div>
|
|
73
|
+
|
|
74
|
+
{%- if site.paginate -%}
|
|
75
|
+
<ul class="post-nav">
|
|
76
|
+
<li>
|
|
77
|
+
{% if paginator.previous_page %}
|
|
78
|
+
<a href="{{ paginator.previous_page_path | relative_url }}" class="material-icons-round post-nav-svg">
|
|
79
|
+
arrow_back_ios
|
|
80
|
+
</a>
|
|
81
|
+
{% else %}
|
|
82
|
+
<a class="material-icons-round post-nav-svg disable-svg">
|
|
83
|
+
chevron_left
|
|
84
|
+
</a>
|
|
85
|
+
{% endif %}
|
|
86
|
+
</li>
|
|
87
|
+
<li class="post-nav-num">{{ paginator.page }}
|
|
88
|
+
/
|
|
89
|
+
{{ paginator.total_pages }}</li>
|
|
90
|
+
<li>
|
|
91
|
+
{%- if paginator.next_page %}
|
|
92
|
+
<a href="{{ paginator.next_page_path | relative_url }}" class="material-icons-round post-nav-svg">
|
|
93
|
+
arrow_forward_ios
|
|
94
|
+
</a>
|
|
95
|
+
{%- else %}
|
|
96
|
+
<a class="material-icons-round post-nav-svg disable-svg">
|
|
97
|
+
chevron_right
|
|
98
|
+
</a>
|
|
99
|
+
{%- endif %}
|
|
100
|
+
</li>
|
|
101
|
+
</ul>
|
|
102
|
+
{%- endif %}
|
|
103
|
+
{%- endif -%}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: post
|
|
3
|
-
site-title: To Know if the nav works
|
|
4
|
-
author: Involts
|
|
5
|
-
modified_date: 2022-04-3
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
---
|
|
2
|
+
layout: post
|
|
3
|
+
site-title: To Know if the nav works
|
|
4
|
+
author: Involts
|
|
5
|
+
modified_date: 2022-04-3
|
|
6
|
+
post_toc: false
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam maxime dolor incidunt eligendi eum magni velit, quam cum eos, quo reprehenderit blanditiis unde! Esse excepturi porro, inventore nulla quo eaque?
|
|
@@ -1,114 +1,112 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: post
|
|
3
|
-
site-title:
|
|
4
|
-
author: Involts
|
|
5
|
-
modified_date:
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
#
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
#
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
---
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
|
60
|
-
|
|
|
61
|
-
| lorem
|
|
62
|
-
| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
<
|
|
80
|
-
<meta
|
|
81
|
-
<
|
|
82
|
-
<
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
- This is an unordered list following a header.
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
- level
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
- level
|
|
108
|
-
- level 2 item
|
|
109
|
-
|
|
110
|
-
- level 2 item
|
|
111
|
-
- level
|
|
112
|
-
- level 2 item
|
|
113
|
-
- level 2 item
|
|
1
|
+
---
|
|
2
|
+
layout: post
|
|
3
|
+
site-title: Elements of Fica Theme
|
|
4
|
+
author: Involts
|
|
5
|
+
modified_date: 2023-04-14
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Paragraph
|
|
9
|
+
|
|
10
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
Nullam placerat massa ex, at gravida neque pharetra ac. Morbi scelerisque id lorem elementum vulputate.
|
|
14
|
+
|
|
15
|
+
Sed eu lectus a erat placerat consequat id ut elit. Suspendisse potenti. Sed eu orci est.
|
|
16
|
+
|
|
17
|
+
Phasellus id sodales leo. Quisque sit amet urna ex.
|
|
18
|
+
|
|
19
|
+
In hac habitasse platea dictumst. Maecenas tincidunt mauris a rutrum pharetra.Etiam sed est risus.
|
|
20
|
+
|
|
21
|
+
Integer scelerisque lacus id neque tempor tincidunt.
|
|
22
|
+
|
|
23
|
+
Vivamus ac suscipit eros, in sollicitudin velit.
|
|
24
|
+
|
|
25
|
+
Nam at odio quam. Curabitur magna libero, suscipit sed venenatis vel, interdum vitae neque.
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
# headings
|
|
29
|
+
---
|
|
30
|
+
# Lorem ipsum
|
|
31
|
+
## Lorem ipsum
|
|
32
|
+
### Lorem ipsum
|
|
33
|
+
#### Lorem ipsum
|
|
34
|
+
##### Lorem ipsum
|
|
35
|
+
###### Lorem ipsum
|
|
36
|
+
---
|
|
37
|
+
# Prompts
|
|
38
|
+
---
|
|
39
|
+
|
|
40
|
+
> An example showing the `Tip` Prompt
|
|
41
|
+
{: .prompt-tip }
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
> An example showing the `Info` Prompt
|
|
45
|
+
{: .prompt-info }
|
|
46
|
+
|
|
47
|
+
> An example showing the `Warning` Prompt
|
|
48
|
+
{: .prompt-warning }
|
|
49
|
+
|
|
50
|
+
> An example showing the `Danger` Prompt
|
|
51
|
+
{: .prompt-danger }
|
|
52
|
+
|
|
53
|
+
---
|
|
54
|
+
|
|
55
|
+
# Table
|
|
56
|
+
|
|
57
|
+
| Title 1 | Title 2 | Title 3 | Title 4 |
|
|
58
|
+
| --------------------- | --------------------- | --------------------- | --------------------- |
|
|
59
|
+
| lorem | lorem ipsum | lorem ipsum dolor | lorem ipsum dolor sit |
|
|
60
|
+
| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
|
|
61
|
+
| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
|
|
62
|
+
| lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit | lorem ipsum dolor sit |
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
# Code Block
|
|
66
|
+
|
|
67
|
+
```js
|
|
68
|
+
// Javascript code with syntax highlighting.
|
|
69
|
+
var fun = function lang(l) {
|
|
70
|
+
dateformat.i18n = require("./lang/" + l);
|
|
71
|
+
return true;
|
|
72
|
+
};
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
```html
|
|
76
|
+
# Html code with syntax highlighting
|
|
77
|
+
<head>
|
|
78
|
+
<meta charset="utf-8" />
|
|
79
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
80
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
81
|
+
<link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}">
|
|
82
|
+
<title>{{page.site-title}}</title>
|
|
83
|
+
</head>
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
# Unordered list
|
|
87
|
+
|
|
88
|
+
- This is an unordered list following a header.
|
|
89
|
+
- This is an unordered list following a header.
|
|
90
|
+
- This is an unordered list following a header.
|
|
91
|
+
|
|
92
|
+
# Ordered list
|
|
93
|
+
|
|
94
|
+
1. This is an ordered list following a header.
|
|
95
|
+
2. This is an ordered list following a header.
|
|
96
|
+
3. This is an ordered list following a header.
|
|
97
|
+
|
|
98
|
+
# And a nested list:
|
|
99
|
+
|
|
100
|
+
- level 1 item
|
|
101
|
+
- level 2 item
|
|
102
|
+
- level 2 item
|
|
103
|
+
- level 3 item
|
|
104
|
+
- level 3 item
|
|
105
|
+
- level 1 item
|
|
106
|
+
- level 2 item
|
|
107
|
+
- level 2 item
|
|
108
|
+
- level 2 item
|
|
109
|
+
- level 1 item
|
|
110
|
+
- level 2 item
|
|
111
|
+
- level 2 item
|
|
114
112
|
- level 1 item
|
|
@@ -3,7 +3,6 @@ layout: post
|
|
|
3
3
|
site-title: Getting Started
|
|
4
4
|
author: Involts
|
|
5
5
|
pin: true
|
|
6
|
-
post_toc: true
|
|
7
6
|
---
|
|
8
7
|
|
|
9
8
|
# Prerequisites
|
|
@@ -83,7 +82,7 @@ socials:
|
|
|
83
82
|
# Change Involts to your full name.
|
|
84
83
|
name: [The auther of the site]
|
|
85
84
|
# it also be the copyright owner's link
|
|
86
|
-
|
|
85
|
+
author-link: [Link of the auther]
|
|
87
86
|
```
|
|
88
87
|
|
|
89
88
|
Change the links of your site header:
|
|
@@ -1,136 +1,144 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: post
|
|
3
|
-
site-title: Creating a new post
|
|
4
|
-
author: Involts
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
This post shows how to create a new post on the `Fica` Theme. Even if you have previous experience with Jekyll, this article is worth reading, because many features require specific variables to be set.
|
|
8
|
-
|
|
9
|
-
# Creating a File and Naming a post
|
|
10
|
-
|
|
11
|
-
Create a new file named `YYY-MM-DD-TITLE.EXTENSION` (.EXTENSION may be `.md` or `.markdown`) and put it on the `_posts` folder.
|
|
12
|
-
|
|
13
|
-
# Font Matter
|
|
14
|
-
|
|
15
|
-
Basic Font Matter
|
|
16
|
-
|
|
17
|
-
| Font Matter | Description
|
|
18
|
-
| --------------------------------------|------------------
|
|
19
|
-
| `layouts` | This specifies the layout file to use. It may be `home` layout for the homepage, `post` layout for post, `default` or `page` layout/s the original look of the site, and `post-home` layout for homepage of the post/s.
|
|
20
|
-
| `site-title` | This displays the website title. **EXCEPT THE HOMEPAGE**
|
|
21
|
-
| `author` | This is optional for the post because the authour is set on the `_config.yml` file.
|
|
22
|
-
| `home` | **This is only for the homepage** It displays the website title so that you will not write the website title.
|
|
23
|
-
| `pin` | This pins the post to the top of the post-home layout.
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
```
|
|
91
|
-
|
|
92
|
-
```
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
```
|
|
99
|
-
|
|
100
|
-
```
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
```
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
{
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
````
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
1
|
+
---
|
|
2
|
+
layout: post
|
|
3
|
+
site-title: Creating a new post
|
|
4
|
+
author: Involts
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
This post shows how to create a new post on the `Fica` Theme. Even if you have previous experience with Jekyll, this article is worth reading, because many features require specific variables to be set.
|
|
8
|
+
|
|
9
|
+
# Creating a File and Naming a post
|
|
10
|
+
|
|
11
|
+
Create a new file named `YYY-MM-DD-TITLE.EXTENSION` (.EXTENSION may be `.md` or `.markdown`) and put it on the `_posts` folder.
|
|
12
|
+
|
|
13
|
+
# Font Matter
|
|
14
|
+
|
|
15
|
+
Basic Font Matter
|
|
16
|
+
|
|
17
|
+
| Font Matter | Description
|
|
18
|
+
| --------------------------------------|------------------
|
|
19
|
+
| `layouts` | This specifies the layout file to use. It may be `home` layout for the homepage, `post` layout for post, `default` or `page` layout/s the original look of the site, and `post-home` layout for homepage of the post/s.
|
|
20
|
+
| `site-title` | This displays the website title. **EXCEPT THE HOMEPAGE**
|
|
21
|
+
| `author` | This is optional for the post because the authour is set on the `_config.yml` file.
|
|
22
|
+
| `home` | **This is only for the homepage** It displays the website title so that you will not write the website title.
|
|
23
|
+
| `pin` | This pins the post to the top of the post-home layout.
|
|
24
|
+
| `post_toc: false` | This hides the TOC(Table of Contents) in post
|
|
25
|
+
|
|
26
|
+
Examples:
|
|
27
|
+
|
|
28
|
+
- Homepage:
|
|
29
|
+
|
|
30
|
+
```yml
|
|
31
|
+
---
|
|
32
|
+
layout: home
|
|
33
|
+
home: true
|
|
34
|
+
---
|
|
35
|
+
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
- About
|
|
39
|
+
|
|
40
|
+
```yml
|
|
41
|
+
---
|
|
42
|
+
layout: default
|
|
43
|
+
site-title: About
|
|
44
|
+
permalink: /About/
|
|
45
|
+
---
|
|
46
|
+
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
- Post List
|
|
50
|
+
|
|
51
|
+
```yml
|
|
52
|
+
---
|
|
53
|
+
layout: post_list
|
|
54
|
+
site-title: post
|
|
55
|
+
---
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
- Post
|
|
59
|
+
|
|
60
|
+
```yml
|
|
61
|
+
---
|
|
62
|
+
layout: post
|
|
63
|
+
site-title: Creating a new post
|
|
64
|
+
author: Involts
|
|
65
|
+
---
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
if you want to pin the post:
|
|
69
|
+
```yml
|
|
70
|
+
---
|
|
71
|
+
layout: post
|
|
72
|
+
site-title: Creating a new post
|
|
73
|
+
author: Involts
|
|
74
|
+
pin: true
|
|
75
|
+
---
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
if you want to remove TOC in post
|
|
79
|
+
```yml
|
|
80
|
+
layout: post
|
|
81
|
+
site-title: Creating a new post
|
|
82
|
+
author: Involts
|
|
83
|
+
post_toc: false
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
# Syntax
|
|
87
|
+
|
|
88
|
+
- Inline Code
|
|
89
|
+
|
|
90
|
+
```
|
|
91
|
+
`inline code part`
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
- Code Block
|
|
95
|
+
|
|
96
|
+
Markdown symbol ``` can easily create a code block as follows:
|
|
97
|
+
|
|
98
|
+
```
|
|
99
|
+
Plaintext Code Snippet.
|
|
100
|
+
```
|
|
101
|
+
### Specifying Language in Code Block
|
|
102
|
+
|
|
103
|
+
Markdown symbol ```{language} can easily create a code block as follows:
|
|
104
|
+
|
|
105
|
+
````yml
|
|
106
|
+
```yml
|
|
107
|
+
title: Fica Theme
|
|
108
|
+
```
|
|
109
|
+
````
|
|
110
|
+
|
|
111
|
+
### Line Number
|
|
112
|
+
|
|
113
|
+
All languages except `plaintext`, `console`, and `terminal` will display line numbers. When you want to hide the line number of a code block, add the class `nolineno` to it:
|
|
114
|
+
|
|
115
|
+
````markdown
|
|
116
|
+
```bash
|
|
117
|
+
echo 'No more line numbers'
|
|
118
|
+
```
|
|
119
|
+
{: .nolineno }
|
|
120
|
+
````
|
|
121
|
+
|
|
122
|
+
#### Liquid Codes
|
|
123
|
+
|
|
124
|
+
If you want to display the `Liquid` snippet, surround the liquid code with `{% raw %}` and `{% endraw %}`:
|
|
125
|
+
|
|
126
|
+
````markdown
|
|
127
|
+
{% raw %}
|
|
128
|
+
```liquid
|
|
129
|
+
{% if product.title contains 'Pack' %}
|
|
130
|
+
This product's title contains the word Pack.
|
|
131
|
+
{% endif %}
|
|
132
|
+
```
|
|
133
|
+
{% endraw %}
|
|
134
|
+
````
|
|
135
|
+
|
|
136
|
+
Or adding `render_with_liquid: false` (Requires Jekyll 4.0 or higher) to the post's YAML block.
|
|
137
|
+
|
|
138
|
+
## Learn More
|
|
139
|
+
|
|
140
|
+
For more knowledge about Jekyll posts, visit the [Jekyll Docs: Posts](https://jekyllrb.com/docs/posts/).
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|