Hexo+NexT 个人静态博客搭建2 主题配置

创建时间:20210720-2 12:54

更新时间:20210720-2 13:05

版权作者:koalamni

当前版本:v1_beta

分类标签:软件数码,笔记工具,博客,blog,hexo


Hexo+NexT 个人静态博客搭建2 主题配置

配置

图片链接

  • 命令行输入 npm install hexo-image-link 安装图片链接转换插件
  • 打开站点配置文档 _config.yml,搜索post_asset_folderrelative_link,后面的值都改为true
  • 修改Typora的【图像】设置

导航栏配置

  • 打开主题配置文档 _config.yml(在node_modules\hexo-theme-next路径下),搜索menu
  • 命令行输入 hexo n page 标签 新建tags页面,会在【source】文件夹下生成【tags】文件夹,会使用【scaffolds】文件夹下的page模板在【tags】文件夹下生成index.md文件
  • 打开tags\index.md,添加type: tags
    1
    2
    3
    4
    5
    ---
    title: 标签
    date: 2021-07-08 08:27:38
    type: tags
    ---
  • 命令行输入 hexo n page 分类 新建categores页面,会在【source】文件夹下生成【categories】文件夹,会使用【scaffolds】文件夹下的page模板在【categories】文件夹下生成index.md文件
  • 打开tags\index.md,添加type: categories

浏览进度

  • 主题配置文档 _config.yml,搜索scrollpercent,值改为true,效果为:

本地搜索

  • 命令行输入npm install hexo-generator-searchdb,安装搜索工具
  • 站点配置文档 _config.yml,新增内容
    1
    2
    3
    4
    5
    search:
    path: search.xml
    field: post
    content: true
    format: html
  • 主题配置文档 _config.yml,搜索local_search,将子属性enable的值改为true

置顶文章

  • 命令行输入 npm uninstall hexo-generator-index 卸载默认插件
  • 命令行输入 npm install hexo-generator-index-pin-top 安装新插件
  • 修改模板,修改scaffolds\post.md,在文章元信息区(Front-matter)添加top: false,撰写文章时改为true即可

网站地图

网站地图是方便搜索引擎爬虫了解网站结构,提高网站曝光度。

  • 站点配置文档 _config.yml,搜索url,后面的值设置为你的网站url,例如https://koalamini.github.io
  • 命令行输入 npm install hexo-generator-sitemap 安装网站地图生成插件
  • 打开百度搜索资源平台,【菜单栏】→【用户中心】→【站点管理】→【添加站点】
  • 打开主题配置文档 _config.yml,搜索index_with_subtitle,将后面的值改为true
  • 打开主题配置文档 _config.yml,搜索baidu
  • 返回百度站点验证网页,点击【完成验证】
  • 网站地图提交收录
  • API提交收录

链接