diff options
author | Tory S. Anderson <torys.anderson@gmail.com> | 2020-04-29 21:20:31 +0300 |
---|---|---|
committer | Tory S. Anderson <torys.anderson@gmail.com> | 2020-04-29 21:20:31 +0300 |
commit | b51e20800f4d3688d094a749f11d0b8f2ba49290 (patch) | |
tree | 0d7ec6048448ffdd69623426e247bcb0f8e4fbb2 | |
parent | f2b7c35978458413bf9579d5e8e0fa809142feb6 (diff) |
readme updates
-rw-r--r-- | README.md | 164 | ||||
-rw-r--r-- | README.org | 160 |
2 files changed, 160 insertions, 164 deletions
diff --git a/README.md b/README.md deleted file mode 100644 index 3eee2e7..0000000 --- a/README.md +++ /dev/null @@ -1,164 +0,0 @@ -# Icarus - -Icarus is a responsive and customizable theme for bloggers. It's a port of the same-named theme for [Hexo](//hexo.io) made by [Ruipeng Zhang](https://github.com/ppoffice). Noteworthy features of this Hugo theme are the integration of a comment-system powered by Disqus, localization (l10n) support, syntax highlighting for source code and optional widgets for the sidebar. - -![](https://raw.githubusercontent.com/digitalcraftsman/hugo-icarus-theme/master/images/screenshot.png) - -## Get the theme - -I assume you've Git installed. Inside the folder of your Hugo site run - - $ cd themes - $ git clone https://github.com/digitalcraftsman/hugo-icarus-theme.git - -You should see a folder called `hugo-icarus-theme` inside the `themes` directory that we created a few moments ago. For more information read the official [setup guide](https://gohugo.io/overview/installing/) of Hugo. - - -## Setup - -Next, navigate to the `exampleSite` folder at `themes/hugo-type-theme/exampleSite/`. In order to get your site running, you need to copy `config.toml` and all the content of all relevant subfolders such as `data/l10n.toml` into the root folders. - -To turn the `exampleSite` folder in a standalone demo site the `themesDir` property has been set to `../..`. This way you can preview this theme by running `hugo server` inside `exampleSite` folder. - -**Due to the customized `themesDir` path Hugo will fail to find themes if you copied the `config.toml` into the root directory of a regular Hugo website.** Make sure you comment out the `themesDir` property if you use the theme in production. - - -## The config file - -Now, let us take a look into the `config.toml`. Feel free to play around with the settings. - - -### Comments - -The optional comment system is powered by Disqus. Enter your shortname to enable the comment section under your posts. - - disqusShortname = "" - -Tip: you can disable the comment section for a single page in its frontmatter: - -```toml -+++ -disable_comments = true -+++ -``` - - -### Menu - -You can also define the items menu entries as you like. First, let us link a post that you've written. We can do this in the frontmatter of the post's content file by setting `menu` to `main`. - - +++ - menu = "main" - +++ - -Furthermore, we can add entries that don't link to posts. Back in the `config.toml` you'll find a section for the menus: - - [[params.menu]] - before = true - label = "Home" - link = "/" - -Define a label and enter the URL to resource you want to link. With `before` you can decide whether the link should appear before **or** after all linked posts in the menu. Therefore, `Home` appears before the linked post. - - -### Sidebars - -In order to use the full width of the website you can disable the profile on the left and / or the widgets on the right for a single page in the frontmatter: - -```toml -+++ -disable_profile = true -disable_widgets = true -+++ -``` - - -### Tell me who you are - -This theme also provides a profile section on the left. Add your social network accounts to the profile section on the left by entering your username under `social`. The links to your account will be create automatically. - - -### Widgets - -Beside the profile section you can add widgets on the right sidebar. The following widgets are available: - -- recent articles -- category list -- tag list -- tag cloud - -You can deactivate them under `params.widgets`: - - [params.widgets] - recent_articles = false - categories = true - tags = true - tag_cloud = true - -### Date line - -The date line includes: post date, # of words, approximate reading, time tags and categories. However, if you want certain pages to omit the date line, simply put `nodateline = true` in the front matter for that page. - -### Disable Previous / next article links - -To disable the inclusion of a previous/next article link at the bottom of the page, add `noprevnext = true` to the front matter. This feature, along with `nodateline` can be used to create standalone pages that are less "blog-like" - -## Localization (l10n) - -You don't blog in English and you want to translate the theme into your native locale? No problem. Take a look in the `data` folder and you'll find a file `l10n.toml` that we've copied at the beginning. It contains all strings related to the theme. Just replace the original strings with your own. - - -## Linking thumbnails - -After creating a new post you can define a banner by entering the relative path to the image. - - banner = "banners/placeholder.png" - -This way you can store them either next to the content file or in the `static` folder. - - -## Mathematical equations - -Mathematical equations in form of LaTeX or MathML code can be rendered with the support of [MathJax](https://www.mathjax.org). MathML works out of the box. If you're using LaTeX you need to wrap your equation with `$$`. - -You can also print formulas inline. In this case wrap the formula only once with `$`. - -If you don't need equations, you can disable MathJax but putting `disable_mathjax = true` in your config.toml. This will prevent clients from unnecessarily downloading the MathJax library. - - -### Gallery shortcode - -This shortcode you to easily include a gallery into your pages. Copy the code below into your content file and enter the relative paths to your images. - - {{< gallery - "/banners/placeholder.png" - "/banners/placeholder.png" - "/banners/placeholder.png" - >}} - - -## Nearly finished - -In order to see your site in action, run Hugo's built-in local server. - - $ hugo server - -Now enter [`localhost:1313`](http://localhost:1313) in the address bar of your browser. - - -## Contributing - -Have you found a bug or got an idea for a new feature? Feel free to use the [issue tracker](//github.com/digitalcraftsman/hugo-icarus-theme/issues) to let me know. Or make directly a [pull request](//github.com/digitalcraftsman/hugo-icarus-theme/pulls). - - -## License - -This theme is released under the MIT license. For more information read the [license](https://github.com/digitalcraftsman/hugo-icarus-theme/blob/master/LICENSE.md). - - -## Acknowledgements - -Thanks to - -- [Ruipeng Zhang](https://github.com/ppoffice) for creating this theme -- [Steve Francia](//github.com/spf13) for creating Hugo and the awesome community around the project diff --git a/README.org b/README.org new file mode 100644 index 0000000..3fde076 --- /dev/null +++ b/README.org @@ -0,0 +1,160 @@ +The original Hugo Icarus theme has been unmaintained for years, and as Hugo upgraded, some features broke (such as recent posts, and post counts). This version fixes some of these. + +* Icarus + +Icarus is a responsive and customizable theme for bloggers. It's a port of the same-named theme for [[//hexo.io][Hexo]] made by [[https://github.com/ppoffice][Ruipeng Zhang]]. Noteworthy features of this Hugo theme are the integration of a comment-system powered by Disqus, localization (l10n) support, syntax highlighting for source code and optional widgets for the sidebar. + +** Get the theme + +I assume you've Git installed. Inside the folder of your Hugo site run + +#+BEGIN_SRC shell + $ cd themes + $ git clone https://gitlab.com/toryanderson/hugo-icarus.git +#+END_SRC + +You should see a folder called =hugo-icarus-theme= inside the =themes= directory that we created a few moments ago. For more information read the official [[https://gohugo.io/overview/installing/][setup guide]] of Hugo. + + +** Setup + +Next, navigate to the =exampleSite= folder at =themes/hugo-type-theme/exampleSite/=. In order to get your site running, you need to copy =config.toml= and all the content of all relevant subfolders such as =data/l10n.toml= into the root folders. + +To turn the =exampleSite= folder in a standalone demo site the =themesDir= property has been set to =../..=. This way you can preview this theme by running =hugo server= inside =exampleSite= folder. + +**Due to the customized =themesDir= path Hugo will fail to find themes if you copied the =config.toml= into the root directory of a regular Hugo website.** Make sure you comment out the =themesDir= property if you use the theme in production. + + +** The config file + +Now, let us take a look into the =config.toml=. Feel free to play around with the settings. + + +*** Comments + +The optional comment system is powered by Disqus. Enter your shortname to enable the comment section under your posts. + + =disqusShortname = ""= + +Tip: you can disable the comment section for a single page in its frontmatter: + +#+BEGIN_SRC toml +disable_comments = true +#+END_SRC + +*** Menu + +You can also define the items menu entries as you like. First, let us link a post that you've written. We can do this in the frontmatter of the post's content file by setting =menu= to =main=. +#+BEGIN_SRC toml + +++ + menu = "main" + +++ +#+END_SRC + +Furthermore, we can add entries that don't link to posts. Back in the =config.toml= you'll find a section for the menus: + +#+BEGIN_SRC toml + [[params.menu]] + before = true + label = "Home" + link = "/" +#+END_SRC + +Define a label and enter the URL to resource you want to link. With =before= you can decide whether the link should appear before **or** after all linked posts in the menu. Therefore, =Home= appears before the linked post. + + +*** Sidebars + +In order to use the full width of the website you can disable the profile on the left and / or the widgets on the right for a single page in the frontmatter: + +#+BEGIN_SRC toml ++++ +disable_profile = true +disable_widgets = true ++++ +#+END_SRC + + + +*** Tell me who you are + +This theme also provides a profile section on the left. Add your social network accounts to the profile section on the left by entering your username under =social=. The links to your account will be create automatically. + + +*** Widgets + +Beside the profile section you can add widgets on the right sidebar. The following widgets are available: + +- recent articles +- category list +- tag list +- tag cloud + +You can deactivate them under =params.widgets=: + +#+BEGIN_SRC toml + [params.widgets] + recent_articles = false + categories = true + tags = true + tag_cloud = true +#+END_SRC + +*** Date line + +The date line includes: post date, * of words, approximate reading, time tags and categories. However, if you want certain pages to omit the date line, simply put =nodateline = true= in the front matter for that page. + +*** Disable Previous / next article links + +To disable the inclusion of a previous/next article link at the bottom of the page, add =noprevnext = true= to the front matter. This feature, along with =nodateline= can be used to create standalone pages that are less "blog-like" + +** Localization (l10n) + +You don't blog in English and you want to translate the theme into your native locale? No problem. Take a look in the =data= folder and you'll find a file =l10n.toml= that we've copied at the beginning. It contains all strings related to the theme. Just replace the original strings with your own. + + +** Linking thumbnails + +After creating a new post you can define a banner by entering the relative path to the image. + + banner = "banners/placeholder.png" + +This way you can store them either next to the content file or in the =static= folder. + + +** Mathematical equations + +Mathematical equations in form of LaTeX or MathML code can be rendered with the support of [[https://www.mathjax.org][MathJax]]. MathML works out of the box. If you're using LaTeX you need to wrap your equation with =$$=. + +You can also print formulas inline. In this case wrap the formula only once with =$=. + +If you don't need equations, you can disable MathJax but putting =disable_mathjax = true= in your config.toml. This will prevent clients from unnecessarily downloading the MathJax library. + + +*** Gallery shortcode + +This shortcode you to easily include a gallery into your pages. Copy the code below into your content file and enter the relative paths to your images. + + {{< gallery + "/banners/placeholder.png" + "/banners/placeholder.png" + "/banners/placeholder.png" + >}} + + +** Nearly finished + +In order to see your site in action, run Hugo's built-in local server. + + $ hugo server + +Now enter [[http://localhost:1313][=localhost:1313=]] in the address bar of your browser. + +** License +This theme is released under the MIT license. For more information read the [[https://github.com/digitalcraftsman/hugo-icarus-theme/blob/master/LICENSE.md][license]]. + +** Acknowledgements +Thanks to +- [[https://github.com/digitalcraftsman/hugo-icarus-theme][digitalcraftsman]] for the initial Hugo port of the Icarus theme +- [[https://github.com/ppoffice][Ruipeng Zhang]] for creating this theme +- [[//github.com/spf13][Steve Francia]] for creating Hugo and the awesome community around the project |