Skip to content
Hexo:Icarus主題
📆2019-04-12 | 📂Blog

NexT主題實在是太多人用了,看得有點膩,最近看到Icarus主題覺得很Blog(?),決定來換個主題。


Download

shell
cd blog
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus
hexo s  # run on local host


Config

參考官方文件,主要配置:

yaml
# Version of the Icarus theme that is currently used
version: 2.3.0
# Path or URL to the website's icon
favicon: /images/favicon.svg
# Path or URL to RSS atom.xml
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

* 推薦兩個SVG線上製作工具:Image VectorizerSVG Editor

yaml
# Navigation bar link settings
navbar:
    # Navigation bar menu links
    menu:
        Home: /
        Archives: /archives
        Categories: /categories
        Tags: /tags
        # About: /about
    # Navigation bar links to be shown on the right
    links:
        GitHub_LaplaceTW:
            icon: fab fa-github
            url: 'https://github.com/laplacetw'
# Footer section link settings
footer:
    # Links to be shown on the right of the footer section
    links:
        CC BY 4.0:
            icon: fab fa-creative-commons
            url: 'https://creativecommons.org/licenses/by/4.0/'

Comment

評論系統使用DISQUS服務

yaml
comment:
    # Name of the comment plugin
    type: disqus
    enable: true
    shortname: {disqus shortname}
    count: true
    lazyload: false

Wiget

yaml
widgets:
    -
        # Widget name
        type: profile
        # Where should the widget be placed, left or right
        position: left
        # Author name to be shown in the profile widget
        author: LaplaceTW
        # Title of the author to be shown in the profile widget
        author_title: learning by doing
        # Author's current location to be shown in the profile widget
        location: Taiwan, Earth
        # Path or URL to the avatar to be shown in the profile widget
        avatar: 
        # Email address for the Gravatar to be shown in the profile widget
        gravatar: 
        # Whether to show avatar image rounded or square
        avatar_rounded: false
        # Path or URL for the follow button
        follow_link: 'https://github.com/laplacetw'
        # Links to be shown on the bottom of the profile widget
        social_links:
            Email:
                icon: far fa-envelope
                url: ''
            Github:
                icon: fab fa-github
                url: ''
            Linkedin:
                icon: fab fa-linkedin
                url: ''
            RSS:
                icon: fas fa-rss
                url: /atom.xml
    -
        # Widget name (文章內容目錄)
        type: toc
        # Where should the widget be placed, left or right
        position: right
    -
        # Widget name (友情連結)
        type: links
        # Where should the widget be placed, left or right
        position: left
        # Links to be shown in the links widget
        links:
            Hexo: 'https://hexo.io'
    -
        # Widget name (全站分類)
        type: category
        # Where should the widget be placed, left or right
        position: left
    -
        # Widget name (最新文章)
        type: recent_posts
        # Where should the widget be placed, left or right
        position: right
    -
        # Widget name (時間軸)
        type: archive
        # Where should the widget be placed, left or right
        position: right
    -
        # Widget name (標籤雲)
        type: tagcloud
        # Where should the widget be placed, left or right
        position: right

* hyphen 為每個 Wiget 的起始,多一個少一個都會導致Error

Plugins

啟用不蒜子網站流量統計設定(預設為關閉)

yaml
plugins:
    # BuSuanZi site/page view counter
    # https://busuanzi.ibruce.info
    busuanzi: true

更進一步個人化ICARUS主題的部分,例如調整文章版面配置、文末版權宣告等,網路教學的版本似乎都有點舊了,自己也是搞了很久...我懶得寫了,因為代碼高亮的問題一直無法順利解決,浪費太多時間了。一番折騰後我又換回NEXT...

Last updated: