--- title: "Papermod - Features" summary: Get known about All Features in PaperMod date: 2020-09-16T11:30:03+05:30 showToc: true weight: 2 aliases: ["/papermod-features"] tags: ["PaperMod"] author: "Aditya Telange" tocopen: true --- ### Assets (js/css) The following is enabled by default - [minification](https://gohugo.io/hugo-pipes/minification/) - makes the assets size smallest as possible. - [bundling](https://gohugo.io/hugo-pipes/bundling/) - bundles all the styles in one single asset - [fingerprint/intergity](https://gohugo.io/hugo-pipes/fingerprint/) check. --- ### Default Theme light/dark/auto ```yml params: # defaultTheme: light # defaultTheme: dark defaultTheme: auto # to switch between dark or light according to browser theme ``` --- ### Theme Switch Toggle (enabled by default) Shows icon besides title of page to change theme To disable it : ```yml disableThemeToggle: true ``` --- ### Archives Layout Create a page with `archive.md` in `content` directory with following content ```yml --- title: "Archive" # in any language you want layout: "archives" # is necessary url: "/archive" summary: "archive" --- ``` **Note:** Archives Layout does not support Multilingual Month Translations. ex: [archives.md](https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/archives.md) --- ### Regular Mode (default-mode) ![regular](images/regular.webp) --- ### Home-Info Mode ![homeinfo](images/homeinfo.webp) Use 1st entry as some Information add following to config file ```yml params: homeInfoParams: Title: Hi there wave Content: Can be Info, links, about... socialIcons: # optional - name: "" url: "" - name: "" url: "" ``` ex. [here](https://github.com/adityatelange/hugo-PaperMod/blob/exampleSite/config.toml#L14) --- ### Profile Mode ![profile](images/profile.webp) Shows Index/Home page as Full Page with Social Links and Image add following to config file ```yml params: profileMode: enabled: true title: "" # optional default will be site title imageUrl: "<image link>" # optional imageTitle: "<title of image as alt>" # optional buttons: - name: Archive url: "/archive" - name: Github url: "https://github.com/" socialIcons: # optional - name: "<platform>" url: "<link>" - name: "<platform 2>" url: "<link2>" ``` --- ### Draft Page indication adds `[draft]` mark to indicate draft pages. --- ### Post Cover Image In post's page-variables add : ```yml cover: image: "<image path/url>" # can also paste direct link from external site # ex. https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png alt: "<alt text>" caption: "<text>" ``` When you include images in the [Page Bundle](https://gohugo.io/content-management/page-bundles/), multiple sizes of the image will automatically be provided using the HTML5 `srcset` field. To reduce generation time and size of the site, you can disable this feature using ```yml params: cover: responsiveImages: false ``` To enable hyperlinks to the full image size on post pages, use ```yml params: cover: linkFullImages: true ``` --- ### Share Buttons on post Displays Share Buttons at Bottom of each post to show share buttons add ```yml params: ShowShareButtons: true ``` --- ### Show post reading time Displays Reading Time (the estimated time, in minutes, it takes to read the content.) To show reading time add ```yml Params: ShowReadingTime: true ``` --- ### Show Table of Contents (Toc) on blog post Displays ToC on blog-pages To show ToC add following to page-variables ```yml ShowToc: true ``` To keep Toc Open **by default** on a post add following to page-variables: ```yml TocOpen: true ``` --- ### Multiple Authors To Use multiple authors for a post, in post-variables: ```yml --- author: ["Me", "You"] --- ``` To use Multiple Authors Site-wide, in `config.yml`: ```yml params: author: ["Me", "You"] ``` --- ### Comments to add comments, create a html file `layouts/partials/comments.html` and paste code provided by your comments provider also in config add this ```yml params: comments: true ``` read more about this [here](https://gohugo.io/content-management/comments/) --- ### Misc #### Scroll-Bar themed (by default) #### Smooth Scroll between in-page links (by default) #### Scroll-to-Top Button (by default) Displays a Scroll-to-Top button in right-bottom corner #### Google Analytics integration #### Open-Graph support #### Twitter Cards Support #### Syntax highlighting #### Twitter cards and opengraph tags support #### RSS feeds #### Multilingual Support