配置优化过程


零、快速开始

一、增加功能

二、主题特色化&优化

TOC:Table of Contents,HEXO自带了TOC生成功能,在文章头里可以设置开启/关闭,主题配置文件可设置展开级数,自动收缩等(ctrl+F:TOC)。

2、页

hexo new page "categories"   #分类页
hexo new page "tags"         #标签
hexo new page "about"        #关于
hexo new page "friends"      #友情链接
hexo new page "contact"      #留言

三、安装的插件

  • 安装过的插件
  • 安装命令及相关配置
  • 过程中遇到的问题
    通过npm list

    1、dplayer

    dplayer是用来在网页中插入视频的,安装命令:
    npm install dplayer 

1.2 问题

有些解析不了。。。

2、hexo-math

用来显示数学公式

npm install hexo-math --save

2.1 MathML语言与LaTxt

超详细 LaTex数学公式
2

3、搜索

在博客中增加内容搜索

npm install hexo-generator-search --save

在 Hexo 根目录下的_config.yml文件中,新增以下的配置项:

search:
  path: search.xml
  field: post

4、字数统计

在文章中显示文章字数、阅读时长信息

npm i --save hexo-wordcount   

根目录下的_config.yml文件中,新增以下的配置项:

wordCount:
  enable: false         # 将这个值设置为 true 即可.
  postWordCount: true   #字数统计
  min2read: true        # 阅读时长预计
  totalCount: true      #网站总字数

四、部署到腾讯云

npm i -g @cloudbase/cli hexo-cli  
cloudbase hosting deploy public -e blog-8grg2mls20371f76     #ps:[环境id]

五、markdown补充

<div align=center>  #居中对齐

空格:
&emsp; 表示一个中文空格
&ensp; 表示装修个中文空格
$~~~~~~$$~~~~~~$能实现,对不齐


文章作者: Zippo Chen
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Zippo Chen !
  目录