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
Copy file name to clipboardExpand all lines: _learn/07-evaluating-ssg-themes.md
+9-7Lines changed: 9 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,11 +1,13 @@
1
1
---
2
2
title: "Evaluating Static Site Generator themes"
3
3
image:
4
-
path: /images/so-simple-sample-image-4.jpg
5
-
thumbnail: /images/site-logo.png
4
+
path: /images/learn/ssg-themes.png
5
+
thumbnail: /images/learn/ssg-themes400x225.png
6
6
---
7
7
8
-
Themes for static site generators often provide the advanced user experience features such as search. You also analyze the theme to make decisions on the authoring side, such as a table format for large data tables. What about printed outputs, such as PDF? Or versions for the output and the source? Any performance gains you can make with the builds themselves? Themes are one part of this analysis.
8
+
Themes for static site generators often provide the advanced user experience features such as search. You also analyze the theme to make decisions on the authoring side, such as a table format for large data tables.
9
+
10
+
What about printed outputs, such as PDF? Or versions for the output and the source? Any performance gains you can make with the builds themselves? Themes are one part of this analysis.
9
11
10
12
Here's a short list of questions you may want to ask about the theme you use for a static site generator.
11
13
@@ -16,7 +18,7 @@ Are there designs for output of levels of admonition, such as warning, informati
16
18
For code examples, can you set the exact highlight you want to use, such as JavaScript or Python or Bash? Does the code snippet have a copy icon for copying only the code and not copying a prompt?
17
19
18
20
## Comment engines
19
-
Which comment engines are supported and do they work with what other organizations use in your company or group?
21
+
Which comment engines are supported? Do they work with what other organizations use in your company or group?
20
22
21
23
## Customization
22
24
How straightforward is it to add your logo or a header that's common to multiple web sites? Can you learn how to maintain the theme's customizations yourself or will you need to rely on a web developer for maintenance and any enhancements such as adding a version drop-down list? For example, the Jekyll theme "Minimal Mistakes" is "skinnable," meaning you can [configure various color variations](https://mmistakes.github.io/minimal-mistakes/docs/configuration/) for that theme.
@@ -28,7 +30,7 @@ Are images automatically resized when looking at them on a mobile browser or res
28
30
When translations are available, are they simple to get to? Does the theme itself have the ability to be localized, such as for the search form or navigation elements, can the labels used in the theme be localized?
29
31
30
32
## Navigation and configuration possibilities
31
-
Does the theme have a sidebar, breadcrumbs, and an in-page table of contents? Can you turn on or off each based on the page layout or page template or whether the person is using a mobile browser or tablet?
33
+
Does the theme have a sidebar, breadcrumbs, and an in-page table of contents available? Can you turn on or off each based on the page layout or page template or whether the person is using a mobile browser or tablet?
32
34
33
35
## Responsive and mobile design
34
36
Does the theme use thoughtful navigation and search when on a small screen?
@@ -37,12 +39,12 @@ Does the theme use thoughtful navigation and search when on a small screen?
37
39
Is the search form in a prominent location and if needed, can you move the search form on the page? Does the search work on mobile devices with readable results? Can the result list also be styled?
38
40
39
41
## Social media support
40
-
If you want Twitter cards for your documentation pages, are they available through the theme? Which social media sites can you link to from each documentation page?
42
+
If you want Twitter cards for your documentation pages, are they available through the theme? Which social media sites can you link to from each page?
41
43
42
44
## Tables
43
45
Do tables work on different browsers? If PDF or epub is another output option, do the tables still work on a particular page size or do you need to adjust how tables are made in the source file itself for good results in the output?
44
46
45
-
## Theme Updates
47
+
## Theme updates
46
48
How easy is it to upgrade the theme files? Can you make regular updates through a version-control system and know exactly which theme you have in use?
Copy file name to clipboardExpand all lines: _learn/08-evaluating-table-layouts.md
+4-2Lines changed: 4 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,12 @@
1
1
---
2
2
title: "Evaluating table layouts and formatting"
3
3
image:
4
-
path: /images/so-simple-sample-image-4.jpg
5
-
thumbnail: /images/site-logo.png
4
+
path: /images/learn/table-layout.png
5
+
thumbnail: /images/learn/table-layout400x225.png
6
6
---
7
7
8
+
Table layout can be an annoying and difficult aspect of using simple markdown as documentation source. That said, when using Markdown or RST tables you can compare changes to simple tables more easily during reviews.
9
+
8
10
One of the most helpful tools when creating tables for Markdown or RST is the Tables Generator at https://www.tablesgenerator.com/markdown_tables. You can draw tables or paste table data and then render the ASCII-based output for pasting into your document source file.
9
11
10
12
For example, here is an empty five-column table in Markdown, ready for you to insert cell data and spaces.
Most static site generators provide a browser-side search capability, where the list of indexed keywords for search are built at the same time as the output. Learn more about considerations for each SSG in the following sections.
Copy file name to clipboardExpand all lines: _posts/00-github-for-docs-files.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ Learning GitHub or any source control system backed by `git` for documentation s
12
12
13
13
You can learn how to sign up for a GitHub account and pricing plans on [help.github.com](https://help.github.com/articles/signing-up-for-a-new-github-account/).
14
14
15
-
You can do all these docs-as-code tutorials with a free GitHub account.
15
+
You can do all these docs-as-code tutorials with a free GitHub account. I recommend using SSH keys rather than entering your password for each `git` command that requires authentication. Read about [Connecting to GitHub with SSH](https://help.github.com/articles/connecting-to-github-with-ssh/) in the GitHub user documentation.
0 commit comments