hexo+icarus博客搭建
展示效果:米七小站
环境准备
安装nodejs、git、hexo
Hexo初始化项目
$ hexo init myblog
$ cd myblog
$ yarn
查看效果
$ hexo g && hexo s
更换Icarus 主题
在myblog目录中下载 Icarus 主题代码。
git clone git@github.com:ppoffice/hexo-theme-icarus.git /themes/icarus
之后修改_config.yml文件,将theme修改为icarus
# 当前主题名称
theme: icarus
文章样例
---
title: hexo+icarus博客搭建
date: 2023-11-29 18:39:50
categories: 技术分享
tags: hexo
id: 1
toc: true
thumbnail: '/img/code.jpg'
cover: '/img/code.jpg'
---
简介
<!--more>>
正文
部署
在 _config.yml
中配置仓库地址
deploy:
type: git
repo: git@{服务器地址}:/home/git/blog.git
branch: master
快速部署执行 npm hexo d
主题自定义
1、yml配置&详细说明
2、更换logo
3、文章相关配置
添加摘要、阅读更多
添加分享工具:AddToAny
添加版权声明
发表时间修改
添加默认主图
文章详情三栏边两栏
修改文章访问路径
文章目录
文章添加密码:npm install hexo-blog-encrypt
4、插件安装
5、增加友链、留言板
6、CDN资源
配置详解
修改配置文件 _config.yml
和 _config.icarus.yml
,配置网站相关信息。
#######_config.yml#############
# 网站
# 网站标题
title: mi7小站
# 网站副标题
subtitle: mi7小站
# 网站描述
description: 分享点有用的
# 网站的关键词。支持多个关键词。
keywords: null
# 您的名字
author: wuchao
# 网站使用的语言。对于简体中文用户来说,使用不同的主题可能需要设置成不同的值,请参考你的主题的文档自行设置,常见的有 zh-Hans和 zh-CN。
language: zh-CN
# 网站时区
timezone: Asia/Shanghai
######################################
# 网址
# 网址, 必须以 http:// 或 https:// 开头
url: http://mi7.net
# root 网站根目录
# 文章的 永久链接 格式
# permalink: ':year/:month/:day/:title/'
permalink: '/pages/:title/'
# 永久链接中各部分的默认值
permalink_defaults: null
# 改写 permalink 的值来美化 URL
pretty_urls:
# 是否在永久链接中保留尾部的 index.html,设置为 false 时去除
trailing_index: true
# 是否在永久链接中保留尾部的 .html, 设置为 false 时去除 (对尾部的 index.html无效)
trailing_html: true
#####################################
# 目录
# 资源文件夹,这个文件夹用来存放内容。
source_dir: source
# 公共文件夹,这个文件夹用于存放生成的站点文件。
public_dir: public
# 标签文件夹
tag_dir: tags
# 归档文件夹
archive_dir: archives
# 分类文件夹
category_dir: categories
# Include code 文件夹,source_dir 下的子目录
code_dir: downloads/code
# 国际化(i18n)文件夹
i18n_dir: ':lang'
# 跳过指定文件的渲染。匹配到的文件将会被不做改动地复制到 public 目录中。
# 您可使用 glob 表达式来匹配路径。
skip_render: 404.html
######################################
# 文章
# 新文章的文件名称
new_post_name: ':title.md'
# 预设布局
default_layout: post
# 把标题转换为 标题大写
titlecase: true
external_link:
# 在新标签中打开链接
enable: true
# 对整个网站(site)生效或仅对文章(post)生效
field: site
# 需要排除的域名。主域名和子域名如 www 需分别配置
exclude: ''
# 把文件名称转换为 (1) 小写或 (2) 大写
filename_case: 0
# 显示草稿
render_drafts: false
# 启动 Asset 文件夹 资源(Asset)代表 source 文件夹中除了文章以外的所有文件,例如图片、CSS、JS 文件等。
post_asset_folder: false
# 把链接改为与根目录的相对位址
relative_link: false
# 显示未来的文章
future: true
syntax_highlighter: highlight.js
# 代码块的设置, 请参考 Highlight.js 进行设置
highlight:
enable: true
line_number: true
auto_detect: false
tab_replace: ''
wrap: true
hljs: false
# 代码块的设置, 请参考 PrismJS 进行设置
prismjs:
enable: false
preprocess: true
line_number: true
tab_replace: ''
index_generator:
path: ''
per_page: 10
order_by: '-date'
###################################
# 分类 & 标签
# 默认分类
default_category: uncategorized
# 分类别名
category_map: null
# 标签别名
tag_map: null
meta_generator: true
##################################
# Hexo 使用 Moment.js 来解析和显示时间。
# 日期格式
date_format: YYYY-MM-DD
# 时间格式
time_format: HH:mm:ss
# 当 Front Matter 中没有指定 updated 时 updated 的取值
# mtime: 使用文件的最后修改时间。这是从 Hexo 3.0.0 开始的默认行为。
# date: 使用 date 作为 updated 的值。可被用于 Git 工作流之中,因为使用 Git 管理站点时,文件的最后修改日期常常会发生改变
# empty: 直接删除 updated。使用这一选项可能会导致大部分主题和插件无法正常工作。
updated_option: mtime
###################################
# 分页
# 每页显示的文章量 (0 = 关闭分页功能)
per_page: 10
# 分页目录
pagination_dir: page
##################################
# 在 Hexo 配置文件中,通过设置 include/exclude 可以让 Hexo 进行处理或忽略某些目录和文件夹。你可以使用 glob 表达式 对目录和文件进行匹配。
# Hexo 默认会忽略隐藏文件和文件夹(包括名称以下划线和 . 开头的文件和文件夹,Hexo 的 _posts 和 _data 等目录除外)。
include: null
# Hexo 会忽略这些文件和目录
exclude:
# Ignore files/folders
ignore:
##################################
# 扩展
# 当前主题名称。值为false时禁用主题
theme: icarus
# 部署仓库
deploy:
type: git
repo: git@你的服务器地址:/home/git/blog.git
branch: master
#######_config.icarus.yml#############
# Version of the configuration file
version: 5.1.0
# Icarus 主题样式,一种默认,一种赛博朋克"default" or "cyberpunk"
variant: default
# 顶部logo 设置你站点的logo。 此logo会显示在导航栏和页脚。 图片或者是文字
logo: /img/logo.jpg
# 页面元数据配置
head:
# 浏览器图标
favicon: /img/favicon.svg
# Web应用程序清单配置 Icarus支持基本的PWAmanifest.json的生成与Meta标签
# https://developer.mozilla.org/en-US/docs/Web/Manifest
manifest:
# web应用程序的名称(默认为站点标题)
name: mi7小站
# 显示的web应用程序名称
short_name: mi7小站
# web应用程序的起始URL
start_url: https://mi7.net
# 应用程序的默认主题颜色
theme_color:
# 在加载样式表之前,要显示的应用程序页面的占位符背景颜色
background_color:
# 网站的首选显示模式
display: standalone
# 可以作为不同上下文的应用程序图标的图像文件
icons:
-
# 映像文件的路径
src: ''
# 包含空格分隔的图像维数的字符串
sizes: ''
# 关于图像的媒体类型的提示
type:
# 打开图元数据
# https://hexo.io/docs/helpers.html#open-graph
open_graph:
# 页面标题(og:title)(可选)
title: mi7net
# 页面类型(og:type)(可选)
type: blog
# 页面URL (og: URL)(可选)
url: https://mi7.net/
# 封面地址 (og:image) (可选)
image:
# 站点名 (og:site_name) (可选)
site_name:
# 创建作者 (article:author) (可选)
author:
# 页面描述 (og:description) (可选)
description:
# Twitter card type (twitter:card)
twitter_card:
# Twitter ID (twitter:creator)
twitter_id:
# Twitter Site (twitter:site)
twitter_site:
# Google+ profile link (deprecated)
google_plus:
# Facebook admin ID
fb_admins:
# Facebook App ID
fb_app_id:
# 页面的结构化数据
# https://developers.google.com/search/docs/guides/intro-structured-data
structured_data:
# 页标题 (可选)
title:
# 页面描述 (可选)
description:
# 链接页面网址 (可选)
url:
# 创建作者 (article:author) (可选)
author:
# 页面的出版商 (可选)
publisher:
# 页面出版商标志 (可选)
publisher_logo:
# 页面图片 (可选)
image:
# 数组中的附加HTML元标记
meta:
# Meta tag specified in <attribute>=<value> style
# E.g., name=theme-color;content=#123456 => <meta name="theme-color" content="#123456">
- ''
# 网址或路径到网站的RSS atom.xml
rss: atom.xml
# 页面顶部导航栏配置
navbar:
# 导航菜单项
menu:
首页: /
文章归档: /archives
分类: /categories
标签: /tags
留言: /message
关于: /about
# 导航右侧快捷方式
# links:
# Gitee:
# icon: fab fa-git-square
# url: 'https://gitee.com/wuchao321'
# 页脚
footer:
# Copyright text
# copyright: 2023
# Links to be shown on the right of the footer section
# 右侧超链接设置
links:
知识共享:
icon: fab fa-creative-commons
url: 'https://creativecommons.org/'
CC BY-NC 4.0:
icon: fab fa-creative-commons-by
url: 'https://creativecommons.org/licenses/by-nc/4.0/deed.zh'
Download on Gitee:
icon: fab fa-git-square
url: 'https://gitee.com/wuchao321'
# 文章相关配置
article:
# 代码高亮显示设置
highlight:
# 代码高亮显示主题
# https://github.com/highlightjs/highlight.js/tree/master/src/styles
theme: atom-one-light
# 显示复制代码按钮
clipboard: true
# 代码块的默认折叠状态。 可以是 "", "folded", "unfolded"
fold: unfolded
# 显示文章字数统计以及预计阅读时间。
readtime: true
# 文章许可协议
licenses:
Creative Commons:
icon: fab fa-creative-commons
url: 'https://creativecommons.org/'
Attribution:
icon: fab fa-creative-commons-by
url: 'https://creativecommons.org/licenses/by-nc/4.0/'
Noncommercial:
icon: fab fa-creative-commons-nc
url: 'https://creativecommons.org/licenses/by-nc/4.0/'
# 搜索插件配置
# https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Search/
search:
type: insight
# 评论插件配置-这里使用的畅言
# https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Comment/
comment:
type: valine
app_id: iCu4v9Qxxxxxxxx
app_key: ENtPhFixxxx
placeholder: "欢迎留言交流~" # 可选填
avatar: monsterid # 可选填
avatar_force: false # 可选填
meta: ["nick", "mail", "link"] # 可选填
page_size: 10 # 可选填
lang: zh-CN # 可选填
visitor: true # 是否允许游客评论 ,进入官网查看设置:https://valine.js.org/visitor.html
highlight: true # 可选填
record_ip: false # 可选填
server_urls: # 可选填
emoji_cdn: # 可选填
emoji_maps: # 可选填
enable_qq: false # 可选填
required_fields: [] # 可选填
# 捐赠插件配置
# https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Donation/
donates:
# 支付宝捐赠按钮配置
-
type: alipay
# Alipay qrcode image URL
qrcode: '/img/alipay.jpg'
# 微信捐赠按钮配置
-
type: wechat
# Wechat qrcode image URL
qrcode: '/img/wechatpay1.jpg'
# "Afdian.net" 捐赠按钮配置
#-
# type: afdian
# URL to the "Afdian.net" personal page
# url: ''
# "Buy me a coffee" donate button configurations
#-
# type: buymeacoffee
# URL to the "Buy me a coffee" page
# url: ''
# Patreon donate button configurations
#-
# type: patreon
# URL to the Patreon page
# url: ''
# Paypal donate button configurations
#-
# type: paypal
# Paypal business ID or email address
# business: ''
# Currency code
# currency_code: USD
# 分享插件配置
# https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/Share/
share:
type: addtoany
# URL to the ShareThis share plugin script
install_url: ''
# 侧边栏的配置。
# 请注意,侧边栏只有在至少有一个小部件时才可见
sidebar:
# 左栏的配置
left:
# 当页面滚动时左侧侧边栏是否停留在顶部
sticky: false
# 右栏的配置
right:
sticky: true
# 布局配置文件遵循着与主题配置文件相同的格式和定义。
# _config.post.yml中的配置对所有文章生效,而_config.page.yml中的配置对所有自定义页面生效。
# 这两个文件将覆盖主题配置文件中的配置。
# 注: 如果想对于文章进行单独设置时,我们就启用_config.post.yml配置文件配置
# http://ppoffice.github.io/hexo-theme-icarus/categories/Widgets/
widgets:
# 个人信息小部件配置
-
# 小部件应该放在哪里,左边栏还是右边栏
position: left
type: profile
# 作者名称
author: 吳先森321
# 作者标题
author_title: 记录、分享~
# 当前位置
location: 中国·北京
# 图像URL
avatar: /img/avatar1.jpg
# 是否显示圆形头像图像
avatar_rounded: true
# Gravatar头像邮箱地址
gravatar:
# 关注按钮的URL或路径
follow_link: 'https://gitee.com/wuchao321'
# 底部快捷连接配置
social_links:
Gitee:
icon: fab fa-git-square
url: 'https://gitee.com/wuchao321'
Email:
icon: fa fa-envelope
url: 'mailto:eryueren@163.com'
Weibo:
icon: fab fa-weibo
url: ''
WeiXin:
icon: fab fa-weixin
url: ''
# Next:
# icon: fab fa-dribbble
# url: 'https://mi7.net'
# RSS:
# icon: fas fa-rss
# url: /
# 目录 小部件配置
-
# 小部件显示位置
position: left
type: toc
# 是否显示每个标题的索引
index: true
# 是否在看不到副标题时折叠副标题
collapsed: true
# 标题显示的最高水平
depth: 3
# 链接小部件配置
-
# 左边栏还是右边栏
position: left
type: links
# 站点的名称和url
links:
Hexo: 'https://hexo.io'
Gitee: 'https://gitee.com/wuchao321'
# 分类小部件配置
-
# Where should the widget be placed, left sidebar or right sidebar
position: right
type: categories
# 最新文章小部件配置
-
# Where should the widget be placed, left sidebar or right sidebar
position: right
type: recent_posts
# 档案小部件的配置
-
# Where should the widget be placed, left sidebar or right sidebar
position: right
type: archives
# 标签小部件的配置
-
# Where should the widget be placed, left sidebar or right sidebar
position: right
type: tags
# # 邮件订阅widget配置
# -
# # Where should the widget be placed, left sidebar or right sidebar
# position: left
# type: subscribe_email
# # Hint text under the email input
# description:
# # Feedburner ID
# feedburner_id: ''
# # 谷歌AdSense单元配置
# -
# # Where should the widget be placed, left sidebar or right sidebar
# position: right
# type: adsense
# # data-ad-client
# client_id: ''
# # data-ad-slot
# slot_id: ''
# # Follow.跟进。它的电子邮件订阅小部件配置
# -
# # Where should the widget be placed, left sidebar or right sidebar
# position: left
# type: followit
# # Hint text under the email input
# description:
# # Subscription form action URL
# action_url: ''
# # Feed claiming verification code
# verification_code: ''
# 插件配置
# https://ppoffice.github.io/hexo-theme-icarus/categories/Plugins/
plugins:
# 启用页面启动动画
animejs: true
# 显示“返回顶部”按钮
back_to_top: true
# 百度分析插件设置
# https://tongji.baidu.com
baidu_analytics:
# Baidu Analytics tracking ID
tracking_id:
# Bing网站管理员工具插件设置
# https://www.bing.com/toolbox/webmaster/
bing_webmaster:
# Bing Webmaster Tools tracking ID in the <meta> tag
tracking_id:
# 不蒜子网页计数器
# https://busuanzi.ibruce.info
busuanzi: true
# CNZZ统计
# https://www.umeng.com/web
cnzz:
# CNZZ tracker id
id:
# CNZZ website id
web_id:
# 提醒用户cookies的使用
# https://www.osano.com/cookieconsent/
# cookie_consent:
# # The compliance type. Can be "info", "opt-in", or "opt-out"
# type: info
# # Theme of the popup. Can be "block", "edgeless", or "classic"
# theme: edgeless
# # Whether the popup should stay static regardless of the page scrolls
# static: false
# # Where on the screen the consent popup should display
# position: bottom-left
# # URL to your site's cookie policy
# policyLink: 'https://www.cookiesandyou.com/'
# Enable the lightGallery and Justified Gallery plugins
gallery: true
# 谷歌分析插件设置
# https://analytics.google.com
google_analytics:
# Google Analytics tracking ID
tracking_id:
# Hotjar user feedback plugin
# https://www.hotjar.com/
hotjar:
# Hotjar site id
site_id:
# Enable the KaTeX math typesetting support
# https://katex.org/
katex: false
# Enable the MathJax math typesetting support
# https://www.mathjax.org/
mathjax: false
# 浏览器升级提醒
# http://outdatedbrowser.com/
outdated_browser: false
# 网页载入进度条
progressbar: true
# Statcounter statistics
# https://statcounter.com/
statcounter:
# Statcounter project id
project:
# Statcounter project security code
security:
# Twitter conversion tracking plugin settings
# https://business.twitter.com/en/help/campaign-measurement-and-analytics/conversion-tracking-for-websites.html
twitter_conversion_tracking:
# Twitter Pixel ID
pixel_id:
# CDN 提供商
# https://ppoffice.github.io/hexo-theme-icarus/Configuration/Theme/speed-up-your-site-with-custom-cdn/
providers:
# Name or URL template of the JavaScript and/or stylesheet CDN provider
cdn: jsdelivr
# Name or URL template of the webfont CDN provider
fontcdn: google
# Name or URL of the fontawesome icon font CDN provider
iconcdn: fontawesome
encrypt:
enable: true
hexo+icarus博客搭建的更多相关文章
- hexo 个人博客搭建
Hexo 小插曲介绍 虽然标题是第一次写博客. 但是我这个困难户至少挣扎了1年多了, 一直下不去手.今天可算是开了个头. 贵在坚持吧 抽时间介绍我的hexo安装历程吧,今天实在是有点困了,要睡觉了. ...
- Hexo静态博客搭建教程
Hexo是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.生成静态网页可以托管在github.下面简单介绍一下he ...
- hexo&github博客搭建
闲来无事,偶然看到hexo,便试着玩玩,hexo是一种静态博客工具,使用nodejs流生成静态博客,速度快,主题多,附地址:https://hexo.io/ 下面详细介绍如何使用hexo在github ...
- 超详细Hexo+Github博客搭建小白教程
原文链接:超详细Hexo+Github博客搭建小白教程 去年9月的时候开始搭建了第一个自己的独立博客,到现在也稍微像模像样了.很多小伙伴应该也想过搭建一个自己的博客,网上也有一堆详细教程.我在此稍稍总 ...
- Hexo+Github博客搭建
一.准备 1.安装git 点击下载:链接:https://pan.baidu.com/s/1eToStns 密码:r93r 安装参考之前随笔:http://www.cnblogs.com/jiangb ...
- hexo个人博客搭建
遇见西门的个人博客 https://www.simon96.online/ 内容详细!
- Hexo+Github: 博客网站搭建完全教程(看这篇就够了)
本篇教程首次发布在个人博客:sunhwee.com,想要获得最佳阅读体验,欢迎前往,建议用电脑查看教程文档. # 阅读须知 注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦, ...
- U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索
指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写he ...
- 基于hexo创建博客(Github托管)
基于hexo的博客 搭建好的博客网站 dengshuo7412.com 搭建步骤 1.依赖文件下载 Node.js 2.Hexo的安装 3.部署到Github 4.Hexo创建博客基本操作 5.Hex ...
- [原创]HEXO博客搭建日记
博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好 ...
随机推荐
- Linux cpu 亲缘性 绑核
前言 https://www.cnblogs.com/studywithallofyou/p/17435497.html https://www.cnblogs.com/studywithallofy ...
- 用 GPT-4 给开源项目 GoPool 重构测试代码 - 每天5分钟玩转 GPT 编程系列(8)
目录 1. 好险,差点被喷 2. 重构测试代码 2.1 引入 Ginkgo 测试框架 2.2 尝试改造旧的测试用例 2.3 重构功能测试代码 3. 总结 1. 好险,差点被喷 早几天发了一篇文章:&l ...
- 服务端不回应客户端的syn握手,连接建立失败原因排查
背景 测试环境有一个后台服务,部署在内网服务器A上(无外网地址),给app提供接口.app访问这个后台服务时,ip地址是公网地址,那这个请求是如何到达我们的内网服务器A呢,这块我咨询了网络同事,我画了 ...
- 角度新奇!第一次看到这样使用MyBatis的,看得我一愣一愣的。
你好呀,我是歪歪. 这期给大家分享一个读者给我分享的一个关于 MyBatis 的"编程小技巧",说真的,这骚操作,直接把我看得一愣一愣的. 我更情愿叫它:坑你没商量之埋雷大法. D ...
- github.com/yuin/gopher-lua 踩坑日记
本文主要记录下在日常开发过程中, 使用 github.com/yuin/gopher-lua 过程中需要注意的地方. 后续遇到其他的需要注意的事项再补充. 1.加载LUA_PATH环境变量 在实际开发 ...
- yum&二进制安装PostgreSQL 12
一.yum安装&配置PostgreSQL 12 目录 一.yum安装&配置PostgreSQL 12 一.前言 1.本文主要内容 2.本文环境信息与适用范围 二.PostgreSQL安 ...
- 如何实现一个数据库的 UDF?图数据库 NebulaGraph UDF 功能背后的设计与思考
大家好,我是来自 BOSS直聘的赵俊南,主要负责安全方面的图存储相关工作.作为一个从 v1.x 用到 v3.x 版本的忠实用户,在见证 NebulaGraph 发展的同时,也和它一起成长. BOSS直 ...
- 一篇文章让你弄懂分布式一致性协议Paxos
一.Paxos协议简介 Paxos算法由Leslie Lamport在1990年提出,它是少数在工程实践中被证实的强一致性.高可用.去中心的分布式协议.Paxos协议用于在多个副本之间在有限时间内对某 ...
- BY组态-低代码web可视化组件
简介 BY组态是贵州九元四方科技完全自主研发的集实时数据展示.动态交互等一体的全功能可视化平台.帮助物联网.工业互联网.电力能源.水利工程.智慧农业.智慧医疗.智慧城市等场景快速实现数字孪生.大屏可视 ...
- AnyLabeling标定及转化成labelmaskID
一.标定工具 在进行分割任务时,对分割工具进行预研和验证,现在AI辅助标定已经成熟,目标则是利用sam进行辅助标定.调研的三款标定工具情况如下: labelme:可以加载sam,但是在进行辅助标定后, ...