前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >个人博客建设——Hexo的一些常见组件设置

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

作者头像
cn華少
发布2021-11-24 16:07:35
2160
发布2021-11-24 16:07:35
举报
文章被收录于专栏:IT综合技术分享IT综合技术分享

个人博客建设——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 国际许可协议 进行许可。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021/9/1 下午,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 个人博客建设——Hexo的一些常见组件设置
    • 背景
      • 正文
        • 1、文章使用自动概述配置
        • 2、文章头部设置
        • 3、文章置顶
        • 4、本地执行hexo命令时提示【因为在此系统上禁止运行脚本。有关详细信息,请参阅】错误处理
        • 5、安装icarus主题,这里我们采用git拉取代码的方式安装,而不是用npm安装方式,便于我们后续对于模板的内部修改一些设定
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档