Hexo butterfly 自定义文章封面 && 主页顶部图片更改

问题来源:在给文章加封面后,实际网页中文章顶部也出现了封面图片

  1. 再主页中显示文章封面但是再文章页面不显示封面 参考:https://blog.csdn.net/qq_43857095/article/details/108306164
    1
    2
    3
    4
    5
    6
    7
    ---
    title: cs1
    date: 2023-12-15 20:11:21
    tags: 测试
    top_img: false # 文章顶部图不显示
    cover: https://b.zhutix.com/bizhi/yuan-shu/08.jpg # 显示封面
    ---
  2. 隐藏文章 参考:https://www.cnblogs.com/yangstar/articles/16690342.html#:~:text=%E5%AE%89%E8%A3%85%20%E5%9C%A8%E7%AB%99%E7%82%B9%E6%A0%B9%E7%9B%AE%E5%BD%95%E4%B8%8B%E6%89%A7%E8%A1%8C%20npm,install%20hexo-hide-posts%20--save
    需要安装hexo插件npm install hexo-hide-posts --save
    配置_config.yml
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # hexo-hide-posts
    hide_posts:
    # 可以改成其他你喜欢的名字
    filter: hidden #隐藏文件
    # 指定你想要传递隐藏文章的位置,比如让所有隐藏文章在存档页面可见
    # 常见的位置有:index, tag, category, archive, sitemap, feed, etc.
    # 留空则默认全部隐藏
    public_generators: []
    # 为隐藏的文章添加 noindex meta 标签,阻止搜索引擎收录
    noindex: true
    设置 filter: secret 之后,你就可以在 front-matter 中使用 secret: true 来隐藏文章了。
    使用
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    #hidden: true # 文章的md文件头部加入此代码
    #如下
    ---
    title: cs1
    date: 2023-12-15 20:11:21
    tags: 测试
    top_img: false # 文章顶部图不显示
    cover: https://b.zhutix.com/bizhi/yuan-shu/08.jpg # 显示封面
    hidden: true
    ---
  • 你可以在命令行运行 hexo hidden:list 来获取当前所有的已隐藏文章列表。
  1. 一个文章加多个tags
    1
    2
    3
    4
    tags:
    - 123
    - 456
    tags: [123, 456]
    多标签写法,这2种都是一样的效果,用哪个都可以
  2. 冷知识 使用hexo查看本地访问量数目回不对,上传后正确
  3. 一个文章加多个categories
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    # 这是默认的写法,给文章添加一个分类。
    categories: 123
    # 这会将文章分类123/456子分类目录下。
    categories: [123, 456]
    这会将文章分类到123/456子分类目录下。
    categories:
    - 123
    - 456
    多标签写法,文章被分类到123、456以及123的自分类789这3个分类下面,官方指定写法。
    categories:
    - [123]
    - [456]
    - [123, 789]

在Typora中的图片设置

由于本博客搭建在服务器上,所以图像文件上传至服务器而不使用图床

  1. 根据多次尝试有以下方案
  • 上传至GitHub作为图床,再使用picgo与本地typora连接,缺点就是访问太慢需要VPN。设置的时候有问题,按网上教程配置好之后,有问题可以尝试一下将图床设置改为设为默认设置
  • 使用其他图床,需付费,访问速度快但是要付费,长期发展不合适。