hexo设置icarus主题

上篇博文只是简单搭建起来了Hexo博客,现在来设置主要配置信息和修改主题icarus

Hexo配置

# Site
title:  #主页标题
subtitle:  #副标题
description: #网站描述description主要用于SEO
keywords:  #博客关键字
author: #作者,左下角显示
language: zh_Hans # 选择中文简体
timezone: 'Asia/Shanghai'  #时区:国内选择上海
# Url
url: http://yoursite.com  #填自己的github pages网址 
root: /                   #网站根目录
permalink: :year/:month/:day/:title/        #文章的 永久链接 格式
permalink_defaults:                         #永久链接中各部分的默认值
pretty_urls:                                #改写 permalink 的值来美化 URL
trailing_index: false # 比如,一个页面的永久链接是 http://example.com/foo/bar/index.html 是否在                         永久链接中保留尾部的 index.html,设置为 false 时去除
trailing_html: true #是否在永久链接中保留尾部.html, 设置为 false 时去除

# Directory
source_dir: source        #资源文件夹,这个文件夹用来存放内容。
public_dir: public        #公共文件夹,这个文件夹用于存放生成的站点文件。
tag_dir: tags             #标签文件夹
archive_dir: archives     #归档文件夹
category_dir: categories  #分类文件夹
code_dir: downloads/code  #Include code 文件夹,source_dir 下的子目录
i18n_dir: :lang           #国际化(i18n)文件夹
skip_render:              #跳过指定文件的渲染。匹配到的文件将会被不做改动地复制到 public 目录中。您可                           使用 glob 表达式来匹配路径。

# Writing
new_post_name: :year-:month-:day-:title.md #生成yyyy-MM-dd-博文名称的名称有助于我们管理自己的博                                               文。 
default_layout: post    #预设布局
titlecase: false  #把标题转换为 title case
external_link:    #在新标签中打开链接
  enable: true #在新标签中打开链接
  field: site #对整个网站(site)生效或仅对文章(post)生效
  exclude: ''  #需要排除的域名。主域名和子域名如 www 需分别配置
filename_case: 0  #把文件名称转换为 (1) 小写或 (2) 大写
render_drafts: false #显示草稿
post_asset_folder: false  #启动 Asset 文件夹 new 文件的同时,xxxx.md文件还有一个同名的文件夹
relative_link: false  #把链接改为与根目录的相对位址
future: true  #显示未来的文章
highlight:
  enable: true  #开启代码块高亮
  line_number: true  #显示行数
  auto_detect: false  #如果未指定语言,则启用自动检测
  tab_replace: ''  #用 n 个空格替换 tabs;如果值为空,则不会替换 tabs
  wrap: true    # 将代码块包装到
  hljs: false   # CSS类使用hljs-*前缀

# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
  path: ''
  per_page: 10
  order_by: -date

# Category & Tag
default_category: uncategorized  #默认分类
category_map:   #分类别名
tag_map:   #标签别名

# Metadata elements
meta_generator: true   # Meta generator 标签。 值为 false 时 Hexo 不会在头部插入该标签

# Date / Time format
## Hexo uses Moment.js to parse and display date Hexo 使用 Moment.js 来解析和显示时间
## 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   #时间格式
use_date_for_updated: false  #启用以后,如果Front Matter中没有指定 updated, post.updated 将会使用date的值而不是文件的创建时间。在Git工作流中这个选项会很有用

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10  #每页显示的文章量 (0 = 关闭分页功能)
pagination_dir: page  #分页目录

# Include / Exclude file(s)
## include:/exclude: options only apply to the 'source/' folder
include:  #Hexo 默认会忽略隐藏文件和文件夹(包括名称以下划线和 . 开头的文件和文件夹,Hexo 的 _posts 和            _data 等目录除外)。通过设置此字段将使 Hexo 处理他们并将它们复制到 source 目录下。
exclude:  #Hexo 会忽略这些文件和目录
ignore:   #Ignore files/folders

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: icarus #当前主题名称。值为false时禁用主题

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:   #部署部分的设置
  type: git
  repo: https://github.com/CodePandaes/CodePandaes.github.io.git #github中仓库地址
  branch: master

替换icarus主题

icarus这个主题比较小众,个人也很喜欢yilia这个主题,或者选择官方主题,打开git bash下载主题icarus

$ cd /d/WorkPlace/myHexo
$ git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus

下载好的主题在themes文件夹下


hexo设置icarus主题_第1张图片

修改配置文件完成后,git bash中执行命令hexo clean(清除缓存文件),然后执行hexo g 和hexo s 重新发布

theme: icarus #在Hexo配置文件中把landscape切换为icarus

icarus配置

version: 2.6.0 #版本
favicon: /images/panda.ico #浏览器图标
meta: # Additional HTML meta tags in an array.
canonical_url: # canonical_url of your site
rss: # Path or URL to RSS atom.xml
logo: /images/logo.ico #logo
# Open Graph metadata
# https://hexo.io/docs/helpers.html#open-graph
open_graph:
 # Facebook App ID
 fb_app_id: 
 # Facebook Admin ID
 fb_admins: 
 # Twitter ID
 twitter_id: 
 # Twitter site
 twitter_site: 
 # Google+ profile link
 google_plus: 
navbar: # 导航栏
 # 菜单(显示名称:对应文件夹)
 menu:
 主页: / 
 归档: /archives
 分类: /categories 
 标签: /tags
 关于我: /about 
 # github账号
 links:
 Download on GitHub:
 icon: fab fa-github
 url: 'https://github.com/ppoffice/hexo-theme-icarus'
# 页脚图标链接
footer:
 # Links to be shown on the right of the footer section
 links:
 Creative Commons:
 icon: fab fa-creative-commons
 url: 'https://creativecommons.org/'
 Attribution 4.0 International:
 icon: fab fa-creative-commons-by
 url: 'https://creativecommons.org/licenses/by/4.0/'
 Download on GitHub:
 icon: fab fa-github
 url: 'https://github.com/ppoffice/hexo-theme-icarus'
# 文章显示设置
article:
 # Code highlight settings
 highlight:
 theme: atom-one-light # 代码主题atom-one-light亮色,atom-one-dark暗色
 clipboard: true #  显示代码copy按钮 
 # Default folding status of the code blocks. Can be "", "folded", "unfolded"
 fold: unfolded
 thumbnail: true #  是否显示文章主图
 readtime: true #  是否显示估算阅读时间
# Search plugin settings  搜索插件设置
search:
 type: insight # 插件名
# 评论插件设置
comment:
 #可选valine,disqus(科学上网)等
 # Name of the comment plugin
 #type: valine
 #app_id: 不为空
 #app_key: 不为空
 #notify: true
 #verify: true
 #placeholder:
 # Name of the comment plugin
 type: 
# Donation entries 打赏功能
donate:
 -
 type: alipay # 支付宝
 qrcode: '/' # 支付宝图片URL
 -
 type: alipay # 微信
 qrcode: '/' # 微信图片URL
 -
# 分享插件设置
share:
 # Share plugin name 插件类型,有多种,可选,自行百度
 type: 
# Sidebar settings.
sidebar:
 # left sidebar settings 左侧边栏设置
 left:
 # 是否不随页面滚动 
 sticky: true
 # right sidebar settings 右侧边栏设置
 right:
 sticky: false
# Sidebar widget settings  边栏小部件设置
widgets:
 -
 type: profile # 个人信息
 position: left  # 部件位置(左)
 author: 程序熊猫 # 作者名(字符串) 
 author_title: Developer #作者身份描述(字符串)
 location: 湖北·武汉 #作者当前居住地 
 avatar: '/images/touXiang.jpeg'  #头像(可用本地图片或网络图片链接)
 gravatar: # 要在配置文件小部件中显示的Gravatar的电子邮件地址
 avatar_rounded: false  #显示圆形或方形的化身图像
 follow_link: 'https://github.com/CodePandaes' #关注我的链接,可设为你的GitHub主页
 #个人介绍部件底部图标社交链接
 social_links:
 Github:
 icon: fab fa-github
 url: 'https://github.com/CodePandaes'
 Facebook:
 icon: fab fa-facebook
 url: 'https://facebook.com'
 # Twitter:
 # icon: fab fa-twitter
 # url: 'https://twitter.com'
 # Dribbble:
 # icon: fab fa-dribbble
 # url: 'https://dribbble.com'
 # RSS:
 # icon: fas fa-rss
 # url: /
 -
 # Widget name 组件toc
 type: toc
 # Where should the widget be placed, left or right
 position: left
 -
 # Widget name 标签
 type: tag
 # Where should the widget be placed, left or right
 position: right
 -
 # Widget name 分类
 type: category
 # 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
 -
 # Widget name 近期文章
 type: recent_posts
 # Where should the widget be placed, left or right
 position: left
 -
 # Widget name 归档
 type: archive
 # 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: right
 # Links to be shown in the links widget
 links:
 阮一峰的博客: 'http://www.ruanyifeng.com/blog'
 廖雪峰的博客: 'http://www.liaoxuefeng.com'

hexo博客常用插件请移步hexo常用的插件配置