jekyll-theme-fica 0.1.8 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.github/ISSUE_TEMPLATE/bug_report.md +38 -0
- data/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
- 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.yaml +20 -13
- data/.github/workflows/ci.yaml.orig +34 -0
- data/.github/workflows/ci_BACKUP_2002.yaml +34 -0
- data/.github/workflows/ci_BASE_2002.yaml +27 -0
- data/.github/workflows/ci_LOCAL_2002.yaml +27 -0
- data/.github/workflows/ci_REMOTE_2002.yaml +27 -0
- data/404.html +5 -3
- data/README.md +59 -89
- data/_includes/Footer.html +76 -36
- data/_includes/Head.html +11 -11
- data/_includes/Header.html +17 -23
- data/_includes/assets/BTT.html +8 -0
- data/_includes/assets/Google-Analytics.html +12 -0
- data/_includes/assets/anchor-headings.html +164 -0
- data/_includes/assets/comments.html +16 -0
- data/_includes/assets/toc.html +174 -0
- data/_layouts/default.html +12 -10
- data/_layouts/home.html +20 -46
- data/_layouts/page.html +5 -14
- data/_layouts/post.html +49 -50
- data/_layouts/post_home.html +102 -70
- data/_posts/2022-03-31-To-Know-if-the-nav-works.md +8 -8
- data/_posts/2022-04-1-Demo.md +113 -113
- data/_posts/2022-04-5-Getting-Started.md +74 -27
- data/_posts/2022-04-6-Creating-a-new-post.md +136 -124
- data/_sass/base.scss +472 -0
- data/_sass/{themes/dark theme → colors/dark-theme}/highlight.scss +0 -0
- data/_sass/{themes/dark theme/theme-dark.scss → colors/dark-theme/theme-dark.scss} +24 -27
- data/_sass/{themes/light theme → colors/light-theme}/highlight.scss +0 -0
- data/_sass/{themes/light theme/theme-light.scss → colors/light-theme/theme-light.scss} +18 -24
- data/_sass/jekyll-theme-fica.scss +1 -7
- data/_sass/layouts/Google-fonts.scss +139 -0
- data/_sass/layouts/component.scss +253 -0
- data/_sass/layouts/layout.scss +508 -572
- data/_sass/layouts/variable.scss +201 -0
- data/assets/css/Style.scss +7 -37
- data/assets/fica-icons.svg +64 -64
- data/assets/img/{fica_ad.png → homepage-pic.png} +0 -0
- data/bin/run +195 -0
- data/js/Main.js +21 -0
- data/js/back-to-top.js +16 -25
- data/post/index.html +3 -3
- metadata +36 -21
- data/_includes/BTT.html +0 -9
- data/_includes/Custom-Head.html +0 -9
- data/_includes/Google-Analytics.html +0 -11
- data/_sass/custom/styles.scss +0 -1
- data/_sass/custom/variables.scss +0 -1
- data/_sass/layouts/base.scss +0 -573
- data/_sass/layouts/variables.scss +0 -89
- data/assets/css/fica-icons.svg +0 -68
- data/bin/build +0 -7
- data/bin/server +0 -7
- data/docs/contributing.md +0 -69
@@ -2,6 +2,8 @@
|
|
2
2
|
layout: post
|
3
3
|
site-title: Getting Started
|
4
4
|
author: Involts
|
5
|
+
pin: true
|
6
|
+
post_toc: true
|
5
7
|
---
|
6
8
|
|
7
9
|
# Prerequisites
|
@@ -18,22 +20,50 @@ Follow the instructions in [jekyll Docs](https://jekyllrb.com/docs/installation/
|
|
18
20
|
|
19
21
|
## Option 1. Using RubyGems
|
20
22
|
|
21
|
-
Copy the Gemfile `gem 'jekyll-theme-fica', '~> 0.
|
23
|
+
Copy the Gemfile `gem 'jekyll-theme-fica', '~> 0.2.0'`, paste it on the `Gemfile` file then run
|
24
|
+
|
25
|
+
```bash
|
26
|
+
$ bin/run insdep
|
27
|
+
```
|
28
|
+
{: .nolineno}
|
29
|
+
or
|
30
|
+
```bash
|
31
|
+
$ bundle install
|
32
|
+
```
|
33
|
+
{: .nolineno}
|
34
|
+
|
35
|
+
and run
|
36
|
+
|
37
|
+
```bash
|
38
|
+
$ bin/run server
|
39
|
+
```
|
40
|
+
{: .nolineno}
|
41
|
+
or
|
42
|
+
```bash
|
43
|
+
$ bundle exec jekyll serve
|
44
|
+
```
|
45
|
+
{: .nolineno}
|
46
|
+
|
47
|
+
|
22
48
|
|
23
|
-
> `bin/build` installs the dependencies and runs the server locally.
|
24
|
-
{: .prompt-info }
|
25
49
|
|
26
50
|
## Option 2. Forking Github
|
27
51
|
|
28
52
|
name it `<GH_USERNAME>.github.io`, where `GH_USERNAME` represents your GitHub username.
|
29
53
|
|
30
|
-
|
54
|
+
then run:
|
31
55
|
|
56
|
+
```bash
|
57
|
+
$ bin/run insdep
|
32
58
|
```
|
33
|
-
|
59
|
+
{: .nolineno}
|
60
|
+
|
61
|
+
and run
|
62
|
+
|
63
|
+
```bash
|
64
|
+
$ bin/run server
|
34
65
|
```
|
35
|
-
|
36
|
-
{: .prompt-info }
|
66
|
+
{: .nolineno}
|
37
67
|
|
38
68
|
# Usage
|
39
69
|
|
@@ -45,50 +75,67 @@ $ bin/build
|
|
45
75
|
|
46
76
|
Fica Theme will respect the following variables, in your `_config.yml` file:
|
47
77
|
|
48
|
-
```
|
78
|
+
```yml
|
49
79
|
title: [The title of your site]
|
50
|
-
author: [The auther of the site]
|
51
|
-
name: [The owner of the site]
|
52
80
|
description: [A short description of your site's purpose]
|
81
|
+
|
82
|
+
socials:
|
83
|
+
# Change Involts to your full name.
|
84
|
+
name: [The auther of the site]
|
85
|
+
# it also be the copyright owner's link
|
86
|
+
auther-link: [Link of the auther]
|
53
87
|
```
|
54
88
|
|
55
89
|
Change the links of your site header:
|
56
90
|
|
57
91
|
```yml
|
58
92
|
header:
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
93
|
+
external_link_1: true # if false, it adds the baseurl of the site
|
94
|
+
header_name_1: Download
|
95
|
+
header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
|
96
|
+
|
97
|
+
external_link_2: false # if false, it adds the baseurl of the site
|
98
|
+
header_name_2: Post
|
99
|
+
header_link_2: /Post/
|
100
|
+
|
101
|
+
external_link_3: false # if false, it adds the baseurl of the site
|
102
|
+
header_name_3: About
|
103
|
+
header_link_3: /About/
|
65
104
|
```
|
66
105
|
|
106
|
+
Change the links of your site header:
|
107
|
+
|
67
108
|
> If you want to create a external link in the headers Links remove `{{site.baseurl}}` on `_includes/Header/html` **BELLOW**
|
68
109
|
{: .prompt-info }
|
69
110
|
|
70
111
|
|
71
112
|
{% raw %}
|
72
113
|
```diff
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
+
|
79
|
-
|
114
|
+
header:
|
115
|
+
external_link_1: true # if false, it adds the baseurl of the site
|
116
|
+
header_name_1: Download
|
117
|
+
header_link_1: https://github.com/Involts/jekyll-theme-fica/zipball/master
|
118
|
+
- external_link_2: false # if false, it adds the baseurl of the site
|
119
|
+
+ external_link_2: true # if false, it adds the baseurl of the site
|
120
|
+
header_name_2: Post
|
121
|
+
header_link_2: /Post/
|
122
|
+
|
123
|
+
- external_link_3: false # if false, it adds the baseurl of the site
|
124
|
+
+ external_link_3: true # if false, it adds the baseurl of the site
|
125
|
+
header_name_3: About
|
126
|
+
header_link_3: /About/
|
80
127
|
```
|
81
128
|
{% endraw %}
|
82
129
|
|
83
130
|
# Upgrading
|
84
131
|
Depending on how you use the theme:
|
85
132
|
|
86
|
-
- if you are using the [theme gem](https://rubygems.org/gems/jekyll-theme-fica).
|
133
|
+
- if you are using the [theme gem](https://rubygems.org/gems/jekyll-theme-fica). Run:
|
87
134
|
|
88
|
-
```
|
89
|
-
|
90
|
-
+ gem 'jekyll-theme-fica', '~> 0.1.8'
|
135
|
+
```bash
|
136
|
+
$ bin/run upgrade
|
91
137
|
```
|
138
|
+
{: .nolineno}
|
92
139
|
|
93
140
|
Please refer to the [Upgrade Guide](https://github.com/Involts/jekyll-theme-fica/wiki/Theme-Upgrade-Guide) to keep your repo’s files in sync with the latest version of the theme.
|
94
141
|
|
@@ -1,124 +1,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
|
-
|
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
|
-
|
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
|
+
Examples:
|
26
|
+
|
27
|
+
- Homepage:
|
28
|
+
|
29
|
+
```yml
|
30
|
+
---
|
31
|
+
layout: home
|
32
|
+
home: true
|
33
|
+
---
|
34
|
+
|
35
|
+
```
|
36
|
+
|
37
|
+
- About
|
38
|
+
|
39
|
+
```yml
|
40
|
+
---
|
41
|
+
layout: default
|
42
|
+
site-title: About
|
43
|
+
permalink: /About/
|
44
|
+
---
|
45
|
+
|
46
|
+
```
|
47
|
+
|
48
|
+
- Post Home
|
49
|
+
|
50
|
+
```yml
|
51
|
+
---
|
52
|
+
layout: post_home
|
53
|
+
site-title: post
|
54
|
+
---
|
55
|
+
```
|
56
|
+
|
57
|
+
- Post
|
58
|
+
|
59
|
+
```yml
|
60
|
+
---
|
61
|
+
layout: post
|
62
|
+
site-title: Creating a new post
|
63
|
+
author: Involts
|
64
|
+
---
|
65
|
+
```
|
66
|
+
|
67
|
+
if it is pinned:
|
68
|
+
```yml
|
69
|
+
---
|
70
|
+
layout: post
|
71
|
+
site-title: Creating a new post
|
72
|
+
author: Involts
|
73
|
+
pin: true
|
74
|
+
---
|
75
|
+
```
|
76
|
+
|
77
|
+
|
78
|
+
# Syntax
|
79
|
+
|
80
|
+
- Inline Code
|
81
|
+
|
82
|
+
```
|
83
|
+
`inline code part`
|
84
|
+
```
|
85
|
+
|
86
|
+
- Code Block
|
87
|
+
|
88
|
+
Markdown symbol ``` can easily create a code block as follows:
|
89
|
+
|
90
|
+
```
|
91
|
+
Plaintext Code Snippet.
|
92
|
+
```
|
93
|
+
### Specifying Language in Code Block
|
94
|
+
|
95
|
+
Markdown symbol ```{language} can easily create a code block as follows:
|
96
|
+
|
97
|
+
````yml
|
98
|
+
```yml
|
99
|
+
title: Fica Theme
|
100
|
+
```
|
101
|
+
````
|
102
|
+
|
103
|
+
### Line Number
|
104
|
+
|
105
|
+
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:
|
106
|
+
|
107
|
+
````markdown
|
108
|
+
```bash
|
109
|
+
echo 'No more line numbers'
|
110
|
+
```
|
111
|
+
{: .nolineno }
|
112
|
+
````
|
113
|
+
|
114
|
+
#### Liquid Codes
|
115
|
+
|
116
|
+
If you want to display the `Liquid` snippet, surround the liquid code with `{% raw %}` and `{% endraw %}`:
|
117
|
+
|
118
|
+
````markdown
|
119
|
+
{% raw %}
|
120
|
+
```liquid
|
121
|
+
{% if product.title contains 'Pack' %}
|
122
|
+
This product's title contains the word Pack.
|
123
|
+
{% endif %}
|
124
|
+
```
|
125
|
+
{% endraw %}
|
126
|
+
````
|
127
|
+
|
128
|
+
Or adding `render_with_liquid: false` (Requires Jekyll 4.0 or higher) to the post's YAML block.
|
129
|
+
|
130
|
+
## Learn More
|
131
|
+
|
132
|
+
For more knowledge about Jekyll posts, visit the [Jekyll Docs: Posts](https://jekyllrb.com/docs/posts/).
|
133
|
+
|
134
|
+
|
135
|
+
|
136
|
+
|