个人博客建设——Hexo的一些常见组件设置

2021-11-24 16:07:35 浏览数 (1)

个人博客建设——Hexo的一些常见组件设置

背景

我的CN華少博客建设也有一段时间了,这段时间想去更新一下文章,突然发现原来的源码被我不知道弄到哪里去了,于是乎我又准备重新建一个项目,并在其基础上更换一套新的模板,并与Typore中的.md文件进行使用尝试,近期这几篇可能就是这个系列来进行了。 另之前开设的SSO统一身份认证近期没有再进行更新,后续会对其进行补充,请大家持续关注。

正文

本篇用于记录我在Hexo个人博客中进行的一些常规设置。

1、文章使用自动概述配置

安装相关组件

代码语言:javascript复制
npm install hexo-excerpt --save

在_config.yml中增加相关配置

代码语言:javascript复制
###################
# 文章自动化概述生成
excerpt:
  depth: 10
  excerpt_excludes:
  more_excludes: 
  hideWholePostExcerpts: true

2、文章头部设置

在文章.md文件的头部增加如下信息

代码语言:javascript复制
---
title: 文章名称
date: 2021-09-01 09:36:05
tags: [标签1,标签2]
categories: "类别"
comments: true # 是否可评论
toc: true # 是否显示文章目录
top: true # 置顶设置
---

3、文章置顶

安装如下插件

代码语言:javascript复制
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save

需要置顶的文章头部再增加如下属性配置

代码语言:javascript复制
top: true

注:可以设置true,也可以设置置顶的编号顺序,例如top: 1 注2:可以根据主题寻找article文件进行设置置顶图标显示。

4、本地执行hexo命令时提示【因为在此系统上禁止运行脚本。有关详细信息,请参阅】错误处理

在本地电脑打开管理员的cmd

在其中执行如下命令,设置执行策略远程签名

代码语言:javascript复制
set-executionpolicy remotesigned

输入y选择

再次执行就正常了

5、安装icarus主题,这里我们采用git拉取代码的方式安装,而不是用npm安装方式,便于我们后续对于模板的内部修改一些设定

拉取模板,并放到themes/icarus目录下

代码语言:javascript复制
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus

设置基础配置文件_config.yml中的模板使用配置参数

代码语言:javascript复制
##################################
# 扩展
# 当前主题名称。值为false时禁用主题
theme: icarus

根目录下新增_config.icarus.yml文件作为该主题的配置文件

本文声明:

本作品由 cn華少 采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。

0 人点赞