前往小程序，Get更优阅读体验！
立即前往
文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP最新优惠活动
返回腾讯云官网
社区首页 >专栏 >搭建自己的技术博客系列（六）酷炫主题icarus常用配置整合版，快速搞定博客首页

搭建自己的技术博客系列（六）酷炫主题icarus常用配置整合版，快速搞定博客首页

原创
作者头像
程序员黄小斜
修改于 2019-09-16 10:50:01
2.4K0
修改于 2019-09-16 10:50:01
举报
文章被收录于专栏：微信公号【Java技术江湖】微信公号【Java技术江湖】

搭建自己的技术博客系列（六）酷炫主题icarus常用配置整合版，快速搞定博客首页

40/100

发布文章

a724888

_config.xml

这里首先要知道在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml，它们均是用于站点配置使用的。其中，一份位于站点根目录下（比如我的：D:\h2pl.github.io_config.yml），主要包含 Hexo 本身整站的配置；另一份位于主题目录（D:\hexo\themes\icaurs_config.yml）下，这份配置由主题作者提供，主要用于配置主题相关的选项。为了描述方便，在以下说明中，将前者称为站点配置文件， 后者称为主题配置文件。下面我们先来看看站点配置文件的配置修改。

在这里插入图片描述

代码语言：javascript
复制
# Hexo Configuration

代码语言：javascript
复制
## Docs: https://hexo.io/docs/configuration.html

代码语言：javascript
复制
## Source: https://github.com/hexojs/hexo/

代码语言：javascript
复制
# Hexo Configuration

代码语言：javascript
复制
## Docs: https://hexo.io/docs/configuration.html

代码语言：javascript
复制
## Source: https://github.com/hexojs/hexo/

代码语言：javascript
复制
# Site

代码语言：javascript
复制
title: 程序员江湖 #主页标题

代码语言：javascript
复制
subtitle: 黄小斜的博客 #副标题

代码语言：javascript
复制
description: 大厂程序员，互联网行业新知，终身学习践行者 # 网站描述，可以加一句自己喜欢的座右铭

代码语言：javascript
复制
author: 黄小斜 #作者，左下角显示

代码语言：javascript
复制
avatar: /images/hxx.jpg #设置头像，放在\themes\next\source\images里

代码语言：javascript
复制
language: zh-Hans # 选择中文简体

代码语言：javascript
复制
timezone:

代码语言：javascript
复制
since: 2018 #建站日期，左下角显示

代码语言：javascript
复制
# 多说 ShortName

代码语言：javascript
复制
busuanzi:

代码语言：javascript
复制
  enable: true

代码语言：javascript
复制
#duoshuo_shortname: your_username # 多说评论，后面填写用户名

代码语言：javascript
复制
# 百度分析

代码语言：javascript
复制
baidu_analytics: 2289335dd443797b5867abbd156e7575 # 填写自己获得的id

代码语言：javascript
复制
#Social links

代码语言：javascript
复制
links:

代码语言：javascript
复制
 我的简书: https://www.jianshu.com/users/9ab8d7b38c4e

代码语言：javascript
复制
 Github: https://github.com/h2pl

代码语言：javascript
复制
 知乎: https://www.zhihu.com/people/h2pl

代码语言：javascript
复制
 CSDN: https://blog.csdn.net/a724888

代码语言：javascript
复制
# URL

代码语言：javascript
复制
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

代码语言：javascript
复制
url: http://h2pl.github.io/ #填自己的github pages网址

代码语言：javascript
复制
root: /

代码语言：javascript
复制
permalink: :year/:month/:day/:title/

代码语言：javascript
复制
permalink_defaults:

代码语言：javascript
复制
# 本地搜索

代码语言：javascript
复制
search:

代码语言：javascript
复制
  path: search.xml

代码语言：javascript
复制
  field: post

代码语言：javascript
复制
# Directory

代码语言：javascript
复制
source_dir: source

代码语言：javascript
复制
public_dir: public

代码语言：javascript
复制
tag_dir: tags

代码语言：javascript
复制
archive_dir: archives

代码语言：javascript
复制
category_dir: categories

代码语言：javascript
复制
code_dir: downloads/code

代码语言：javascript
复制
i18n_dir: :lang

代码语言：javascript
复制
skip_render:

代码语言：javascript
复制
# Writing

代码语言：javascript
复制
new_post_name: :title.md # File name of new posts

代码语言：javascript
复制
default_layout: post

代码语言：javascript
复制
titlecase: false # Transform title into titlecase

代码语言：javascript
复制
external_link: true # Open external links in new tab

代码语言：javascript
复制
filename_case: 0

代码语言：javascript
复制
render_drafts: false

代码语言：javascript
复制
post_asset_folder: false

代码语言：javascript
复制
relative_link: false

代码语言：javascript
复制
future: true

代码语言：javascript
复制
# 语法高亮

代码语言：javascript
复制
highlight:

代码语言：javascript
复制
  enable: true

代码语言：javascript
复制
  line_number: true

代码语言：javascript
复制
  auto_detect: true

代码语言：javascript
复制
  tab_replace:

代码语言：javascript
复制
# Category & Tag

代码语言：javascript
复制
default_category: uncategorized

代码语言：javascript
复制
category_map:

代码语言：javascript
复制
tag_map:

代码语言：javascript
复制
# Date / Time format

代码语言：javascript
复制
## Hexo uses Moment.js to parse and display date

代码语言：javascript
复制
## You can customize the date format as defined in

代码语言：javascript
复制
## http://momentjs.com/docs/#/displaying/format/

代码语言：javascript
复制
date_format: YYYY-MM-DD

代码语言：javascript
复制
time_format: HH:mm:ss

代码语言：javascript
复制
# Pagination

代码语言：javascript
复制
## Set per_page to 0 to disable pagination

代码语言：javascript
复制
per_page: 10

代码语言：javascript
复制
pagination_dir: page

代码语言：javascript
复制
# Extensions

代码语言：javascript
复制
## Plugins: https://hexo.io/plugins/

代码语言：javascript
复制
## Themes: https://hexo.io/themes/

代码语言：javascript
复制
# 百度网站地图

代码语言：javascript
复制
plugins:

代码语言：javascript
复制
#busuanzi:

代码语言：javascript
复制
#  enable: true

代码语言：javascript
复制
baidusitemap: # 需要安装插件 npm install hexo-generator-baidu-sitemap@0.1.1 --save

代码语言：javascript
复制
  path: baidusitemap.xml

代码语言：javascript
复制
# 主题切换

代码语言：javascript
复制
theme: icarus

代码语言：javascript
复制
# RSS订阅

代码语言：javascript
复制
feed:

代码语言：javascript
复制
  type: atom

代码语言：javascript
复制
  path: atom.xml

代码语言：javascript
复制
  limit: 0

代码语言：javascript
复制
# ---------------下面选项需要对应插件的支持---------------

代码语言：javascript
复制
# npm install hexo-generator-index --save

代码语言：javascript
复制
# npm install hexo-generator-archive --save

代码语言：javascript
复制
# npm install hexo-generator-category --save

代码语言：javascript
复制
# npm install hexo-generator-tag --save

代码语言：javascript
复制
index_generator:

代码语言：javascript
复制
  per_page: 10 ##首页默认10篇文章标题 如果值为0不分页

代码语言：javascript
复制
archive_generator:

代码语言：javascript
复制
  per_page: 20 ##归档页面默认20篇文章标题

代码语言：javascript
复制
  yearly: true  ##生成年视图

代码语言：javascript
复制
  monthly: true ##生成月视图

代码语言：javascript
复制
tag_generator:

代码语言：javascript
复制
  per_page: 10 ##标签分类页面默认10篇文章

代码语言：javascript
复制
category_generator:

代码语言：javascript
复制
  per_page: 10 ###分类页面默认10篇文章

代码语言：javascript
复制
# Deployment

代码语言：javascript
复制
## Docs: https://hexo.io/docs/deployment.html

代码语言：javascript
复制
deploy:

代码语言：javascript
复制
- type: git
# 填上你自己的仓库名，注意后面有`.git`
  repository: git@github.com:h2pl/h2pl.github.io.git 
  branch: master
- type: git
  repo: git@github.com:h2pl/h2pl.github.io.git
  branch: src
  extend_dirs: /
  ignore_hidden: false
  ignore_pattern:
          public: .

icarus的主题配置文件.config_xml

在这里插入图片描述

代码语言：javascript
复制
# Version of the Icarus theme that is currently used

代码语言：javascript
复制
version: 2.6.0

代码语言：javascript
复制
# 你的网站图标，可以搜索在线图标制作，并将其放在images文件夹中

代码语言：javascript
复制
favicon: /images/favicon.svg

代码语言：javascript
复制
# Additional HTML meta tags in an array.

代码语言：javascript
复制
meta:

代码语言：javascript
复制
# Path or URL to RSS atom.xml

代码语言：javascript
复制
rss: /atom.xml

代码语言：javascript
复制
# 显示在导航栏左侧的网站logo，同样可以自己制作

代码语言：javascript
复制
logo: /images/hxx.jpg

代码语言：javascript
复制
# Open Graph metadata

代码语言：javascript
复制
# https://hexo.io/docs/helpers.html#open-graph

代码语言：javascript
复制
open_graph:

代码语言：javascript
复制
    # Facebook App ID

代码语言：javascript
复制
    fb_app_id:

代码语言：javascript
复制
    # Facebook Admin ID

代码语言：javascript
复制
    fb_admins:

代码语言：javascript
复制
    # Twitter ID

代码语言：javascript
复制
    twitter_id:

代码语言：javascript
复制
    # Twitter site

代码语言：javascript
复制
    twitter_site:

代码语言：javascript
复制
    # Google+ profile link

代码语言：javascript
复制
    google_plus:

代码语言：javascript
复制
# Navigation bar link settings

代码语言：javascript
复制
navbar:

代码语言：javascript
复制
    #菜单（显示名称：对应文件夹）

代码语言：javascript
复制
    menu:

代码语言：javascript
复制
        主页: /

代码语言：javascript
复制
        归档: /archives

代码语言：javascript
复制
        分类: /categories

代码语言：javascript
复制
        标签: /tags

代码语言：javascript
复制
        关于: /about

代码语言：javascript
复制
    # 导航栏右侧图标链接

代码语言：javascript
复制
    links:

代码语言：javascript
复制
        My GitHub:

代码语言：javascript
复制
            icon: fab fa-github

代码语言：javascript
复制
            url: 'https://github.com/h2pl/'

代码语言：javascript
复制
# Footer section link settings

代码语言：javascript
复制
footer:

代码语言：javascript
复制
    # 页脚图标链接

代码语言：javascript
复制
    links:

代码语言：javascript
复制
        Creative Commons:

代码语言：javascript
复制
            icon: fab fa-creative-commons

代码语言：javascript
复制
            url: 'https://creativecommons.org/'

代码语言：javascript
复制
        Attribution 4.0 International:

代码语言：javascript
复制
            icon: fab fa-creative-commons-by

代码语言：javascript
复制
            url: 'https://creativecommons.org/licenses/by/4.0/'

代码语言：javascript
复制
        Download on GitHub:

代码语言：javascript
复制
            icon: fab fa-github

代码语言：javascript
复制
            url: 'https://github.com/ppoffice/hexo-theme-icarus'

代码语言：javascript
复制
# 文章显示设置

代码语言：javascript
复制
article:

代码语言：javascript
复制
    #代码主题atom-one-light亮色，atom-one-dark暗色

代码语言：javascript
复制
    highlight:

代码语言：javascript
复制
        # Code highlight themes

代码语言：javascript
复制
        # https://github.com/highlightjs/highlight.js/tree/master/src/styles

代码语言：javascript
复制
        theme: atom-one-dark

代码语言：javascript
复制
        # Show code copying button

代码语言：javascript
复制
        clipboard: true

代码语言：javascript
复制
        # Default folding status of the code blocks. Can be "", "folded", "unfolded"

代码语言：javascript
复制
        fold: unfolded

代码语言：javascript
复制
    # 是否显示文章主图

代码语言：javascript
复制
    thumbnail: true

代码语言：javascript
复制
    # 是否显示估算阅读时间

代码语言：javascript
复制
    readtime: true

代码语言：javascript
复制
# 搜索插件设置

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Search

代码语言：javascript
复制
search:

代码语言：javascript
复制
    # Name of the search plugin

代码语言：javascript
复制
    type: insight

代码语言：javascript
复制
# 评论插件设置

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Comment

代码语言：javascript
复制
comment:

代码语言：javascript
复制
    #可选valine，disqus（访问外国网站）等

代码语言：javascript
复制
    # Name of the comment plugin

代码语言：javascript
复制
	avatar: retro # Gravatar style : mm/identicon/monsterid/wavatar/retro/hide

代码语言：javascript
复制
    placeholder: 要不要说点啥... # Comment Box placeholder

代码语言：javascript
复制
    type: valine

代码语言：javascript
复制
    shortname: 黄小斜

代码语言：javascript
复制
# 打赏功能

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/categories/Donation/

代码语言：javascript
复制
donate:

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # 阿里巴巴支付宝

代码语言：javascript
复制
        type: alipay

代码语言：javascript
复制
        # 二维码图片

代码语言：javascript
复制
        qrcode: '/images/hxx.jpg'

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # 微信

代码语言：javascript
复制
        type: wechat

代码语言：javascript
复制
        # 二维码图片

代码语言：javascript
复制
        qrcode: '/images/hxx.jpg'

代码语言：javascript
复制
# 分享插件设置

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Share

代码语言：javascript
复制
share:

代码语言：javascript
复制
    # Share plugin name

代码语言：javascript
复制
    type: sharejs

代码语言：javascript
复制
# Sidebar settings.

代码语言：javascript
复制
# Please be noted that a sidebar is only visible when it has at least one widget

代码语言：javascript
复制
sidebar:

代码语言：javascript
复制
    # 左侧边栏设置

代码语言：javascript
复制
    left:

代码语言：javascript
复制
        # 是否不随页面滚动

代码语言：javascript
复制
        # https://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/make-a-sidebar-sticky-when-page-scrolls/

代码语言：javascript
复制
        sticky: false

代码语言：javascript
复制
    # right sidebar settings

代码语言：javascript
复制
    right:

代码语言：javascript
复制
        # 是否不随页面滚动

代码语言：javascript
复制
        # https://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/make-a-sidebar-sticky-when-page-scrolls/

代码语言：javascript
复制
        sticky: false

代码语言：javascript
复制
# 边栏小部件设置

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/categories/Widgets/

代码语言：javascript
复制
widgets:

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # Widget name

代码语言：javascript
复制
        type: profile

代码语言：javascript
复制
        # Where should the widget be placed, left or right

代码语言：javascript
复制
        position: left

代码语言：javascript
复制
        # Author name to be shown in the profile widget

代码语言：javascript
复制
        author: 黄小斜

代码语言：javascript
复制
        # Title of the author to be shown in the profile widget

代码语言：javascript
复制
        author_title: 蚂蚁金服Java工程师

代码语言：javascript
复制
        # Author's current location to be shown in the profile widget

代码语言：javascript
复制
        location: 浙江 杭州

代码语言：javascript
复制
        # Path or URL to the avatar to be shown in the profile widget

代码语言：javascript
复制
        avatar: /images/gzh.jpg

代码语言：javascript
复制
        # Email address for the Gravatar to be shown in the profile widget

代码语言：javascript
复制
        gravatar:

代码语言：javascript
复制
        # Whether to show avatar image rounded or square

代码语言：javascript
复制
        avatar_rounded: false

代码语言：javascript
复制
        # 关注我的链接，可设为你的GitHub主页

代码语言：javascript
复制
        follow_link: 'https://github.com/h2pl/'

代码语言：javascript
复制
        # 个人介绍部件底部图标社交链接

代码语言：javascript
复制
        social_links:

代码语言：javascript
复制
            Github:

代码语言：javascript
复制
                icon: fab fa-github

代码语言：javascript
复制
                url: 'https://github.com/h2pl'

代码语言：javascript
复制
            RSS:

代码语言：javascript
复制
                icon: fas fa-rss

代码语言：javascript
复制
                url: /

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # Widget name

代码语言：javascript
复制
        type: toc

代码语言：javascript
复制
        # Where should the widget be placed, left or right

代码语言：javascript
复制
        position: left

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # Widget name

代码语言：javascript
复制
        type: links

代码语言：javascript
复制
        # Where should the widget be placed, left or right

代码语言：javascript
复制
        position: left

代码语言：javascript
复制
        # Links to be shown in the links widget

代码语言：javascript
复制
        links:

代码语言：javascript
复制
            CSDN: 'https://blog.csdn.net/a724888'

代码语言：javascript
复制
            知乎: 'https://www.zhihu.com/people/h2pl/activities'

代码语言：javascript
复制
            简书: 'https://www.zhihu.com/people/h2pl/activities'

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # Widget name

代码语言：javascript
复制
        type: category

代码语言：javascript
复制
        # Where should the widget be placed, left or right

代码语言：javascript
复制
        position: left

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # Widget name

代码语言：javascript
复制
        type: tagcloud

代码语言：javascript
复制
        # Where should the widget be placed, left or right

代码语言：javascript
复制
        position: left

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # Widget name

代码语言：javascript
复制
        type: recent_posts

代码语言：javascript
复制
        # Where should the widget be placed, left or right

代码语言：javascript
复制
        position: right

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # Widget name

代码语言：javascript
复制
        type: archive

代码语言：javascript
复制
        # Where should the widget be placed, left or right

代码语言：javascript
复制
        position: right

代码语言：javascript
复制
    -

代码语言：javascript
复制
        # Widget name

代码语言：javascript
复制
        type: tag

代码语言：javascript
复制
        # Where should the widget be placed, left or right

代码语言：javascript
复制
        position: right

代码语言：javascript
复制
# Other plugin settings

代码语言：javascript
复制
plugins:

代码语言：javascript
复制
    # Enable page animations

代码语言：javascript
复制
    animejs: true

代码语言：javascript
复制
    # Enable the lightGallery and Justified Gallery plugins

代码语言：javascript
复制
    # https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/gallery-plugin/

代码语言：javascript
复制
    gallery: true

代码语言：javascript
复制
    # Enable the Outdated Browser plugin

代码语言：javascript
复制
    # http://outdatedbrowser.com/

代码语言：javascript
复制
    outdated-browser: true

代码语言：javascript
复制
    # Enable the MathJax plugin

代码语言：javascript
复制
    # https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/mathjax-plugin/

代码语言：javascript
复制
    mathjax: true

代码语言：javascript
复制
    # Show the back to top button on mobile devices

代码语言：javascript
复制
    back-to-top: true

代码语言：javascript
复制
    # Google Analytics plugin settings

代码语言：javascript
复制
    # https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/site-analytics-plugin/#Google-Analytics

代码语言：javascript
复制
    google-analytics:

代码语言：javascript
复制
        # Google Analytics tracking id

代码语言：javascript
复制
        tracking_id:

代码语言：javascript
复制
    # Baidu Analytics plugin settings

代码语言：javascript
复制
    # https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/site-analytics-plugin/#Baidu-Analytics

代码语言：javascript
复制
    baidu-analytics:

代码语言：javascript
复制
        # Baidu Analytics tracking id

代码语言：javascript
复制
        tracking_id: 2289335dd443797b5867abbd156e7575

代码语言：javascript
复制
    # Hotjar user feedback plugin

代码语言：javascript
复制
    # https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/site-analytics-plugin/#Hotjar

代码语言：javascript
复制
    hotjar:

代码语言：javascript
复制
        # Hotjar site id

代码语言：javascript
复制
        site_id:

代码语言：javascript
复制
    # Show a loading progress bar at top of the page

代码语言：javascript
复制
    progressbar: true

代码语言：javascript
复制
    # BuSuanZi site/page view counter

代码语言：javascript
复制
    # https://busuanzi.ibruce.info

代码语言：javascript
复制
    busuanzi: true

代码语言：javascript
复制
busuanzi:

代码语言：javascript
复制
    enable: true

代码语言：javascript
复制
# CDN provider settings

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/speed-up-your-site-with-custom-cdn/

代码语言：javascript
复制
# Show PV/UV of the website/page with busuanzi.

代码语言：javascript
复制
# Get more information on http://ibruce.info/2015/04/04/busuanzi/

代码语言：javascript
复制
busuanzi_count:

代码语言：javascript
复制
  # count values only if the other configs are false

代码语言：javascript
复制
  enable: true

代码语言：javascript
复制
  # custom uv span for the whole site

代码语言：javascript
复制
  site_uv: true

代码语言：javascript
复制
  site_uv_header: 访客数

代码语言：javascript
复制
  site_uv_footer: 人

代码语言：javascript
复制
  # custom pv span for the whole site

代码语言：javascript
复制
  site_pv: true

代码语言：javascript
复制
  site_pv_header: 总访问量

代码语言：javascript
复制
  site_pv_footer: 次

代码语言：javascript
复制
  # custom pv span for one page only

代码语言：javascript
复制
  page_pv: true

代码语言：javascript
复制
  page_pv_header: <i class="fa fa-file-o"></i>  阅读数

代码语言：javascript
复制
  page_pv_footer:

代码语言：javascript
复制
providers:

代码语言：javascript
复制
    # Name or URL of the JavaScript and/or stylesheet CDN provider

代码语言：javascript
复制
    cdn: jsdelivr

代码语言：javascript
复制
    # Name or URL of the webfont CDN provider

代码语言：javascript
复制
    fontcdn: google

代码语言：javascript
复制
    # Name or URL of the webfont Icon CDN provider

代码语言：javascript
复制
    iconcdn: fontawesome

效果预览

这就是目前我的博客主页：how2playlife.com

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

_config.xml

这里首先要知道在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml，它们均是用于站点配置使用的。其中，一份位于站点根目录下（比如我的：D:\h2pl.github.io_config.yml），主要包含 Hexo 本身整站的配置；另一份位于主题目录（D:\hexo\themes\icaurs_config.yml）下，这份配置由主题作者提供，主要用于配置主题相关的选项。为了描述方便，在以下说明中，将前者称为站点配置文件， 后者称为主题配置文件。下面我们先来看看站点配置文件的配置修改。

在这里插入图片描述

Hexo Configuration

Docs: https://hexo.io/docs/configuration.html

Source: https://github.com/hexojs/hexo/

Hexo Configuration

Docs: https://hexo.io/docs/configuration.html

Source: https://github.com/hexojs/hexo/

Site

title: 程序员江湖 #主页标题

subtitle: 黄小斜的博客 #副标题

description: 大厂程序员，互联网行业新知，终身学习践行者 # 网站描述，可以加一句自己喜欢的座右铭

author: 黄小斜 #作者，左下角显示

avatar: /images/hxx.jpg #设置头像，放在\themes\next\source\images里

language: zh-Hans # 选择中文简体

timezone:

since: 2018 #建站日期，左下角显示

多说 ShortName

busuanzi:

enable: true

#duoshuo_shortname: your_username # 多说评论，后面填写用户名

百度分析

baidu_analytics: 2289335dd443797b5867abbd156e7575 # 填写自己获得的id

#Social links

links:

我的简书: https://www.jianshu.com/users/9ab8d7b38c4e

Github: https://github.com/h2pl

知乎: https://www.zhihu.com/people/h2pl

CSDN: https://blog.csdn.net/a724888

URL

If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

url: http://h2pl.github.io/ #填自己的github pages网址

root: /

permalink: :year/:month/:day/:title/

permalink_defaults:

本地搜索

search:

path: search.xml

field: post

Directory

source_dir: source

public_dir: public

tag_dir: tags

archive_dir: archives

category_dir: categories

code_dir: downloads/code

i18n_dir: :lang

skip_render:

Writing

new_post_name: :title.md # File name of new posts

default_layout: post

titlecase: false # Transform title into titlecase

external_link: true # Open external links in new tab

filename_case: 0

render_drafts: false

post_asset_folder: false

relative_link: false

future: true

语法高亮

highlight:

enable: true

line_number: true

auto_detect: true

tab_replace:

Category & Tag

default_category: uncategorized

category_map:

tag_map:

Date / Time format

Hexo uses Moment.js to parse and display date

You can customize the date format as defined in

http://momentjs.com/docs/#/displaying/format/

date_format: YYYY-MM-DD

time_format: HH:mm:ss

Pagination

Set per_page to 0 to disable pagination

per_page: 10

pagination_dir: page

Extensions

Plugins: https://hexo.io/plugins/

Themes: https://hexo.io/themes/

百度网站地图

plugins:

#busuanzi:

enable: true

baidusitemap: # 需要安装插件 npm install hexo-generator-baidu-sitemap@0.1.1 --save

path: baidusitemap.xml

主题切换

theme: icarus

RSS订阅

feed:

type: atom

path: atom.xml

limit: 0

---------------下面选项需要对应插件的支持---------------

npm install hexo-generator-index --save

npm install hexo-generator-archive --save

npm install hexo-generator-category --save

npm install hexo-generator-tag --save

index_generator:

per_page: 10 ##首页默认10篇文章标题 如果值为0不分页

archive_generator:

per_page: 20 ##归档页面默认20篇文章标题

yearly: true ##生成年视图

monthly: true ##生成月视图

tag_generator:

per_page: 10 ##标签分类页面默认10篇文章

category_generator:

per_page: 10 ###分类页面默认10篇文章

Deployment

Docs: https://hexo.io/docs/deployment.html

deploy:

  • type: git填上你自己的仓库名，注意后面有.git repository: git@github.com:h2pl/h2pl.github.io.git branch: master
  • type: git repo: git@github.com:h2pl/h2pl.github.io.git branch: src extend_dirs: / ignore_hidden: false ignore_pattern: public: . icarus的主题配置文件.config_xml 在这里插入图片描述

Version of the Icarus theme that is currently used

version: 2.6.0

你的网站图标，可以搜索在线图标制作，并将其放在images文件夹中

favicon: /images/favicon.svg

Additional HTML meta tags in an array.

meta:

Path or URL to RSS atom.xml

rss: /atom.xml

显示在导航栏左侧的网站logo，同样可以自己制作

logo: /images/hxx.jpg

Open Graph metadata

https://hexo.io/docs/helpers.html#open-graph

open_graph:

代码语言：javascript
复制
# Facebook App ID

代码语言：javascript
复制
fb_app_id:

代码语言：javascript
复制
# Facebook Admin ID

代码语言：javascript
复制
fb_admins:

代码语言：javascript
复制
# Twitter ID

代码语言：javascript
复制
twitter_id:

代码语言：javascript
复制
# Twitter site

代码语言：javascript
复制
twitter_site:

代码语言：javascript
复制
# Google+ profile link

代码语言：javascript
复制
google_plus:

Navigation bar link settings

navbar:

代码语言：javascript
复制
#菜单（显示名称：对应文件夹）

代码语言：javascript
复制
menu:

代码语言：javascript
复制
    主页: /

代码语言：javascript
复制
    归档: /archives

代码语言：javascript
复制
    分类: /categories

代码语言：javascript
复制
    标签: /tags

代码语言：javascript
复制
    关于: /about

代码语言：javascript
复制
# 导航栏右侧图标链接

代码语言：javascript
复制
links:

代码语言：javascript
复制
    My GitHub:

代码语言：javascript
复制
        icon: fab fa-github

代码语言：javascript
复制
        url: 'https://github.com/h2pl/'

Footer section link settings

footer:

代码语言：javascript
复制
# 页脚图标链接

代码语言：javascript
复制
links:

代码语言：javascript
复制
    Creative Commons:

代码语言：javascript
复制
        icon: fab fa-creative-commons

代码语言：javascript
复制
        url: 'https://creativecommons.org/'

代码语言：javascript
复制
    Attribution 4.0 International:

代码语言：javascript
复制
        icon: fab fa-creative-commons-by

代码语言：javascript
复制
        url: 'https://creativecommons.org/licenses/by/4.0/'

代码语言：javascript
复制
    Download on GitHub:

代码语言：javascript
复制
        icon: fab fa-github

代码语言：javascript
复制
        url: 'https://github.com/ppoffice/hexo-theme-icarus'

文章显示设置

article:

代码语言：javascript
复制
#代码主题atom-one-light亮色，atom-one-dark暗色

代码语言：javascript
复制
highlight:

代码语言：javascript
复制
    # Code highlight themes

代码语言：javascript
复制
    # https://github.com/highlightjs/highlight.js/tree/master/src/styles

代码语言：javascript
复制
    theme: atom-one-dark

代码语言：javascript
复制
    # Show code copying button

代码语言：javascript
复制
    clipboard: true

代码语言：javascript
复制
    # Default folding status of the code blocks. Can be "", "folded", "unfolded"

代码语言：javascript
复制
    fold: unfolded

代码语言：javascript
复制
# 是否显示文章主图

代码语言：javascript
复制
thumbnail: true

代码语言：javascript
复制
# 是否显示估算阅读时间

代码语言：javascript
复制
readtime: true

搜索插件设置

https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Search

search:

代码语言：javascript
复制
# Name of the search plugin

代码语言：javascript
复制
type: insight

评论插件设置

https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Comment

comment:

代码语言：javascript
复制
#可选valine，disqus（访问外国网站）等

代码语言：javascript
复制
# Name of the comment plugin

代码语言：javascript
复制
avatar: retro # Gravatar style : mm/identicon/monsterid/wavatar/retro/hide

代码语言：javascript
复制
placeholder: 要不要说点啥... # Comment Box placeholder

代码语言：javascript
复制
type: valine

代码语言：javascript
复制
shortname: 黄小斜

打赏功能

https://ppoffice.github.io/hexo-theme-icarus/categories/Donation/

donate:

代码语言：javascript
复制
-

代码语言：javascript
复制
    # 阿里巴巴支付宝

代码语言：javascript
复制
    type: alipay

代码语言：javascript
复制
    # 二维码图片

代码语言：javascript
复制
    qrcode: '/images/hxx.jpg'

代码语言：javascript
复制
-

代码语言：javascript
复制
    # 微信

代码语言：javascript
复制
    type: wechat

代码语言：javascript
复制
    # 二维码图片

代码语言：javascript
复制
    qrcode: '/images/hxx.jpg'

分享插件设置

https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Share

share:

代码语言：javascript
复制
# Share plugin name

代码语言：javascript
复制
type: sharejs

Sidebar settings.

Please be noted that a sidebar is only visible when it has at least one widget

sidebar:

代码语言：javascript
复制
# 左侧边栏设置

代码语言：javascript
复制
left:

代码语言：javascript
复制
    # 是否不随页面滚动

代码语言：javascript
复制
    # https://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/make-a-sidebar-sticky-when-page-scrolls/

代码语言：javascript
复制
    sticky: false

代码语言：javascript
复制
# right sidebar settings

代码语言：javascript
复制
right:

代码语言：javascript
复制
    # 是否不随页面滚动

代码语言：javascript
复制
    # https://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/make-a-sidebar-sticky-when-page-scrolls/

代码语言：javascript
复制
    sticky: false

边栏小部件设置

https://ppoffice.github.io/hexo-theme-icarus/categories/Widgets/

widgets:

代码语言：javascript
复制
-

代码语言：javascript
复制
    # Widget name

代码语言：javascript
复制
    type: profile

代码语言：javascript
复制
    # Where should the widget be placed, left or right

代码语言：javascript
复制
    position: left

代码语言：javascript
复制
    # Author name to be shown in the profile widget

代码语言：javascript
复制
    author: 黄小斜

代码语言：javascript
复制
    # Title of the author to be shown in the profile widget

代码语言：javascript
复制
    author_title: 蚂蚁金服Java工程师

代码语言：javascript
复制
    # Author's current location to be shown in the profile widget

代码语言：javascript
复制
    location: 浙江 杭州

代码语言：javascript
复制
    # Path or URL to the avatar to be shown in the profile widget

代码语言：javascript
复制
    avatar: /images/gzh.jpg

代码语言：javascript
复制
    # Email address for the Gravatar to be shown in the profile widget

代码语言：javascript
复制
    gravatar:

代码语言：javascript
复制
    # Whether to show avatar image rounded or square

代码语言：javascript
复制
    avatar_rounded: false

代码语言：javascript
复制
    # 关注我的链接，可设为你的GitHub主页

代码语言：javascript
复制
    follow_link: 'https://github.com/h2pl/'

代码语言：javascript
复制
    # 个人介绍部件底部图标社交链接

代码语言：javascript
复制
    social_links:

代码语言：javascript
复制
        Github:

代码语言：javascript
复制
            icon: fab fa-github

代码语言：javascript
复制
            url: 'https://github.com/h2pl'

代码语言：javascript
复制
        RSS:

代码语言：javascript
复制
            icon: fas fa-rss

代码语言：javascript
复制
            url: /

代码语言：javascript
复制
-

代码语言：javascript
复制
    # Widget name

代码语言：javascript
复制
    type: toc

代码语言：javascript
复制
    # Where should the widget be placed, left or right

代码语言：javascript
复制
    position: left

代码语言：javascript
复制
-

代码语言：javascript
复制
    # Widget name

代码语言：javascript
复制
    type: links

代码语言：javascript
复制
    # Where should the widget be placed, left or right

代码语言：javascript
复制
    position: left

代码语言：javascript
复制
    # Links to be shown in the links widget

代码语言：javascript
复制
    links:

代码语言：javascript
复制
        CSDN: 'https://blog.csdn.net/a724888'

代码语言：javascript
复制
        知乎: 'https://www.zhihu.com/people/h2pl/activities'

代码语言：javascript
复制
        简书: 'https://www.zhihu.com/people/h2pl/activities'

代码语言：javascript
复制
-

代码语言：javascript
复制
    # Widget name

代码语言：javascript
复制
    type: category

代码语言：javascript
复制
    # Where should the widget be placed, left or right

代码语言：javascript
复制
    position: left

代码语言：javascript
复制
-

代码语言：javascript
复制
    # Widget name

代码语言：javascript
复制
    type: tagcloud

代码语言：javascript
复制
    # Where should the widget be placed, left or right

代码语言：javascript
复制
    position: left

代码语言：javascript
复制
-

代码语言：javascript
复制
    # Widget name

代码语言：javascript
复制
    type: recent_posts

代码语言：javascript
复制
    # Where should the widget be placed, left or right

代码语言：javascript
复制
    position: right

代码语言：javascript
复制
-

代码语言：javascript
复制
    # Widget name

代码语言：javascript
复制
    type: archive

代码语言：javascript
复制
    # Where should the widget be placed, left or right

代码语言：javascript
复制
    position: right

代码语言：javascript
复制
-

代码语言：javascript
复制
    # Widget name

代码语言：javascript
复制
    type: tag

代码语言：javascript
复制
    # Where should the widget be placed, left or right

代码语言：javascript
复制
    position: right

Other plugin settings

plugins:

代码语言：javascript
复制
# Enable page animations

代码语言：javascript
复制
animejs: true

代码语言：javascript
复制
# Enable the lightGallery and Justified Gallery plugins

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/gallery-plugin/

代码语言：javascript
复制
gallery: true

代码语言：javascript
复制
# Enable the Outdated Browser plugin

代码语言：javascript
复制
# http://outdatedbrowser.com/

代码语言：javascript
复制
outdated-browser: true

代码语言：javascript
复制
# Enable the MathJax plugin

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/mathjax-plugin/

代码语言：javascript
复制
mathjax: true

代码语言：javascript
复制
# Show the back to top button on mobile devices

代码语言：javascript
复制
back-to-top: true

代码语言：javascript
复制
# Google Analytics plugin settings

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/site-analytics-plugin/#Google-Analytics

代码语言：javascript
复制
google-analytics:

代码语言：javascript
复制
    # Google Analytics tracking id

代码语言：javascript
复制
    tracking_id:

代码语言：javascript
复制
# Baidu Analytics plugin settings

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/site-analytics-plugin/#Baidu-Analytics

代码语言：javascript
复制
baidu-analytics:

代码语言：javascript
复制
    # Baidu Analytics tracking id

代码语言：javascript
复制
    tracking_id: 2289335dd443797b5867abbd156e7575

代码语言：javascript
复制
# Hotjar user feedback plugin

代码语言：javascript
复制
# https://ppoffice.github.io/hexo-theme-icarus/Plugins/General/site-analytics-plugin/#Hotjar

代码语言：javascript
复制
hotjar:

代码语言：javascript
复制
    # Hotjar site id

代码语言：javascript
复制
    site_id:

代码语言：javascript
复制
# Show a loading progress bar at top of the page

代码语言：javascript
复制
progressbar: true

代码语言：javascript
复制
# BuSuanZi site/page view counter

代码语言：javascript
复制
# https://busuanzi.ibruce.info

代码语言：javascript
复制
busuanzi: true

busuanzi:

代码语言：javascript
复制
enable: true

CDN provider settings

https://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/speed-up-your-site-with-custom-cdn/

Show PV/UV of the website/page with busuanzi.

Get more information on http://ibruce.info/2015/04/04/busuanzi/

busuanzi_count:

count values only if the other configs are false

enable: true

custom uv span for the whole site

site_uv: true

site_uv_header: 访客数

site_uv_footer: 人

custom pv span for the whole site

site_pv: true

site_pv_header: 总访问量

site_pv_footer: 次

custom pv span for one page only

page_pv: true

page_pv_header: <i class="fa fa-file-o"></i> 阅读数

page_pv_footer:

providers:

代码语言：javascript
复制
# Name or URL of the JavaScript and/or stylesheet CDN provider

代码语言：javascript
复制
cdn: jsdelivr

代码语言：javascript
复制
# Name or URL of the webfont CDN provider

代码语言：javascript
复制
fontcdn: google

代码语言：javascript
复制
# Name or URL of the webfont Icon CDN provider

代码语言：javascript
复制
iconcdn: fontawesome

效果预览

这就是目前我的博客主页：how2playlife.com

在这里插入图片描述在这里插入图片描述

在这里插入图片描述

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

https
网络安全
github
git
开源

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

https
网络安全
github
git
开源
评论
登录后参与评论
0 条评论
热度
最新
登录 后参与评论
推荐阅读
LV.
文章
0
获赞
0
目录
  • _config.xml
  • icarus的主题配置文件.config_xml
  • 效果预览
  • Hexo Configuration
    • Docs: https://hexo.io/docs/configuration.html
      • Source: https://github.com/hexojs/hexo/
      • Hexo Configuration
        • Docs: https://hexo.io/docs/configuration.html
          • Source: https://github.com/hexojs/hexo/
          • Site
          • 多说 ShortName
          • 百度分析
          • URL
            • If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
            • 本地搜索
            • Directory
            • Writing
            • 语法高亮
            • Category & Tag
            • Date / Time format
              • Hexo uses Moment.js to parse and display date
                • You can customize the date format as defined in
                  • http://momentjs.com/docs/#/displaying/format/
                  • Pagination
                    • Set per_page to 0 to disable pagination
                    • Extensions
                      • Plugins: https://hexo.io/plugins/
                        • Themes: https://hexo.io/themes/
                        • 百度网站地图
                        • enable: true
                        • 主题切换
                        • RSS订阅
                        • ---------------下面选项需要对应插件的支持---------------
                        • npm install hexo-generator-index --save
                        • npm install hexo-generator-archive --save
                        • npm install hexo-generator-category --save
                        • npm install hexo-generator-tag --save
                        • Deployment
                          • Docs: https://hexo.io/docs/deployment.html
                          • Version of the Icarus theme that is currently used
                          • 你的网站图标，可以搜索在线图标制作，并将其放在images文件夹中
                          • Additional HTML meta tags in an array.
                          • Path or URL to RSS atom.xml
                          • 显示在导航栏左侧的网站logo，同样可以自己制作
                          • Open Graph metadata
                          • https://hexo.io/docs/helpers.html#open-graph
                          • Navigation bar link settings
                          • Footer section link settings
                          • 文章显示设置
                          • 搜索插件设置
                          • https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Search
                          • 评论插件设置
                          • https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Comment
                          • 打赏功能
                          • https://ppoffice.github.io/hexo-theme-icarus/categories/Donation/
                          • 分享插件设置
                          • https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Share
                          • Sidebar settings.
                          • Please be noted that a sidebar is only visible when it has at least one widget
                          • 边栏小部件设置
                          • https://ppoffice.github.io/hexo-theme-icarus/categories/Widgets/
                          • Other plugin settings
                          • CDN provider settings
                          • https://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/speed-up-your-site-with-custom-cdn/
                          • Show PV/UV of the website/page with busuanzi.
                          • Get more information on http://ibruce.info/2015/04/04/busuanzi/
                          • count values only if the other configs are false
                          • custom uv span for the whole site
                          • custom pv span for the whole site
                          • custom pv span for one page only
                          相关产品与服务
                          内容分发网络 CDN
                          内容分发网络（Content Delivery Network，CDN）通过将站点内容发布至遍布全球的海量加速节点，使其用户可就近获取所需内容，避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题，有效提升下载速度、降低响应时间，提供流畅的用户体验。
                          免费体验产品介绍产品文档
                          CDN 境内流量包 1元起 ，更有新老同享套餐包0.09元/GB起，立即选购
                          领券

                          腾讯云开发者

                          扫码关注腾讯云开发者

                          扫码关注腾讯云开发者

                          领取腾讯云代金券

                          热门产品

                          热门推荐

                          更多推荐

                          Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

                          深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

                          腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号 | 京公网安备号11010802020287

                          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档

                          Copyright © 2013 - 2024 Tencent Cloud.

                          All Rights Reserved. 腾讯云 版权所有

                          登录 后参与评论