diff --git a/_config.theme.yml b/_config.theme.yml index 095505f..63471d9 100644 --- a/_config.theme.yml +++ b/_config.theme.yml @@ -6,7 +6,8 @@ favicon: /images/favicon.svg rss: # Path or URL to the website's logo to be shown on the left of the navigation bar or footer logo: /images/logo.svg -# Open Graph metadata (https://hexo.io/docs/helpers.html#open-graph) +# Open Graph metadata +# https://hexo.io/docs/helpers.html#open-graph open_graph: # Facebook App ID fb_app_id: @@ -47,27 +48,45 @@ footer: url: 'http://github.com/ppoffice/hexo-theme-icarus' # Article display settings article: - # Code highlight theme (https://github.com/highlightjs/highlight.js/tree/master/src/styles) + # Code highlight theme + # https://github.com/highlightjs/highlight.js/tree/master/src/styles highlight: atom-one-light # Whether to show article thumbnail images thumbnail: true # Whether to show estimate article reading time readtime: true -# Search plugin settings (http://ppoffice.github.io/hexo-theme-icarus/categories/Configuration/Search-Plugins) +# Search plugin settings +# http://ppoffice.github.io/hexo-theme-icarus/categories/Configuration/Search-Plugins search: # Name of the search plugin type: insight -# Comment plugin settings (http://ppoffice.github.io/hexo-theme-icarus/categories/Configuration/Comment-Plugins) +# Comment plugin settings +# http://ppoffice.github.io/hexo-theme-icarus/categories/Configuration/Comment-Plugins comment: # Name of the comment plugin type: disqus shortname: hexo-theme-icarus -# Share plugin settings (http://ppoffice.github.io/hexo-theme-icarus/categories/Configuration/Share-Plugins) +# Share plugin settings +# http://ppoffice.github.io/hexo-theme-icarus/categories/Configuration/Share-Plugins share: # Share plugin name type: sharethis install_url: //platform-api.sharethis.com/js/sharethis.js#property=5ab6f60ace89f00013641890&product=inline-share-buttons +# Sidebar settings. +# Please be noted that a sidebar is only visible when it has at least one widget +sidebar: + # left sidebar settings + left: + # Whether the left sidebar is sticky when page scrolls + # http://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/make-a-sidebar-sticky-when-page-scrolls/ + sticky: false + # right sidebar settings + right: + # Whether the right sidebar is sticky when page scrolls + # http://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/make-a-sidebar-sticky-when-page-scrolls/ + sticky: false # Sidebar widget settings +# http://ppoffice.github.io/hexo-theme-icarus/categories/Widgets/ widgets: - type: profile @@ -123,24 +142,35 @@ plugins: # Enable page animations animejs: true # Enable the lightGallery and Justified Gallery plugins + # http://ppoffice.github.io/hexo-theme-icarus/Plugins/General/gallery-plugin/ gallery: true # Enable the Outdated Browser plugin + # http://outdatedbrowser.com/ outdated-browser: true # Enable the MathJax plugin + # http://ppoffice.github.io/hexo-theme-icarus/Plugins/General/mathjax-plugin/ mathjax: true + # Show the back to top button on mobile devices back-to-top: true - # Google Analytics plugin settings (http://ppoffice.github.io/hexo-theme-icarus/2018/01/01/plugin/Analytics/#Google-Analytics) + # Google Analytics plugin settings + # http://ppoffice.github.io/hexo-theme-icarus/Plugins/General/site-analytics-plugin/#Google-Analytics google-analytics: # Google Analytics tracking id tracking_id: UA-72437521-5 - # Baidu Analytics plugin settings (http://ppoffice.github.io/hexo-theme-icarus/2018/01/01/plugin/Analytics/#Baidu-Analytics) + # Baidu Analytics plugin settings + # http://ppoffice.github.io/hexo-theme-icarus/Plugins/General/site-analytics-plugin/#Baidu-Analytics baidu-analytics: # Baidu Analytics tracking id tracking_id: + # Hotjar user feedback plugin + # http://ppoffice.github.io/hexo-theme-icarus/Plugins/General/site-analytics-plugin/#Hotjar hotjar: + # Hotjar site id site_id: 1067642 + # Show a loading progress bar at top of the page progressbar: true # CDN provider settings +# http://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/speed-up-your-site-with-custom-cdn/ providers: # Name or URL of the JavaScript and/or stylesheet CDN provider cdn: jsdelivr diff --git a/source/_posts/theme/Sticky-Sidebar.md b/source/_posts/theme/Sticky-Sidebar.md new file mode 100644 index 0000000..d0884d8 --- /dev/null +++ b/source/_posts/theme/Sticky-Sidebar.md @@ -0,0 +1,67 @@ +title: Make a Sidebar Sticky When Page Scrolls +date: 2018-10-16 +categories: +- Configuration +- Theme +sidebar: + right: + sticky: true +widgets: + - + type: profile + position: right + author: PPOffice + author_title: Web Developer + location: Earth, Solar System + avatar: + gravatar: + follow_link: 'http://github.com/ppoffice' + social_links: + Github: + icon: fab fa-github + url: 'http://github.com/ppoffice' + Facebook: + icon: fab fa-facebook + url: 'http://facebook.com' + Twitter: + icon: fab fa-twitter + url: 'http://twitter.com' + Dribbble: + icon: fab fa-dribbble + url: 'http://dribbble.com' + RSS: + icon: fas fa-rss + url: / + - + type: links + position: right + links: + Hexo: 'https://hexo.io' + Bulma: 'https://bulma.io' + - + type: recent_posts + position: left + - + type: archive + position: left + - + type: category + position: left + - + type: tag + position: left +--- +Sometimes you may want your sidebar's position to stay fixed when other parts of your page scrolls. This can be done via the `sticky` option of the sidebar in the theme's `_config.yml`. You can set any of the sidebar or even both of them to `sticky`. + +```yaml +sidebar: + left: + sticky: false + right: + sticky: true +``` + +
+
+

This is some really long content.

+
\ No newline at end of file diff --git a/themes/icarus b/themes/icarus index a785bd3..52ef5bd 160000 --- a/themes/icarus +++ b/themes/icarus @@ -1 +1 @@ -Subproject commit a785bd3b847bb1fc939a3e264dcfa98088b73871 +Subproject commit 52ef5bd93b6936397d5b23dccd24497e531578bc