前言

从2022年8月19日购买域名开始搭建小站，到如今正式发布V3.0的博客（以及相关网站矩阵如个人主页、Memos、相册等），我在博客搭建的过程中经历了许多困难，比如内容不尽充实丰富、自定义程度低、博客访问速度慢。这些问题，最终都通过各种方式得到解决。在博客搭建指南系列文章中，我将从博客功能、开发周边网站、博客优化等三个方面向大家介绍我的博客搭建之旅。

导航栏

  • 经过几次修改，我的导航栏主要分为以下三部分
    • 左侧更多按钮和LOGO，悬浮在更多按钮可查看应用、线路和友链等相关网站，点击LOGO可返回首页
    • 中间导航菜单，包括文章、空间、站点、关于等菜单
    • 右侧快捷按钮，包括搜索、开往、随机文章、控制台等功能
  • 在控制台-外观中，提供了固定导航栏的选项，默认不勾选；勾选固定导航栏后，当页面下滑时，导航栏将始终显示，当页面上滑时，导航菜单将被替换为页面名称或文章名称，点击可返回顶部
  • 当页面下滑时，右侧快捷按钮中将出现提示阅读进度百分比的按钮，点击可返回顶部

侧边按钮

  • 相较于Butterfly的默认侧边按钮，我对其进行了精简和修改，包含以下功能
    • 在非文章页面，包括切换深浅色模式和跳转到页面底部的按钮
    • 在文章页面，还包括跳转到评论区和开关评论弹幕的按钮
    • 在移动端的文章页面，还包括打开目录的按钮

右键菜单

  • 右键菜单功能分为小按钮栏和功能栏
    • 小按钮栏常驻，包含回到首页、刷新、控制台、回到顶部等功能
    • 功能栏列表如下
分组 内容 非文章页 文章页 备注
默认分组 简繁切换、深浅色模式切换、协议声明 显示 显示
通用菜单 归档、标签、专栏 显示 不显示
文章功能 转到评论、复制本文地址 不显示 显示
其他文章功能 播放/暂停音乐、阅读模式、单双栏切换 不显示 显示
文本菜单 复制文本、引用至评论、Google/Bing/Baidu搜索 选中文本时显示
图片菜单 复制链接、新标签页打开、全屏显示、保存图片 图片上右键时显示
链接菜单 复制链接、新标签页打开、转到链接 链接上右键时显示
文本框菜单 粘贴 文本框内右键时显示
  • 在控制台底部的快捷按钮中，提供了切换默认/自定义右键菜单的选项，默认勾选；勾选自定义右键菜单后，按住Ctrl右键单击将显示默认菜单
  • 在阅读模式下，右键菜单将被屏蔽，默认/自定义右键菜单均不显示

控制台

  • 本博客的控制台功能移植自Ariasakaの小窝
  • 控制台分为底部快捷按钮、外观菜单、APlayer菜单、背景菜单
    • 底部快捷按钮包括重置设置、简繁切换、深浅色模式切换、阅读模式、单双栏切换、打开/关闭评论弹幕、切换全屏、切换默认/自定义右键菜单、启用/禁用快捷键
    • 外观菜单包括固定导航栏、显示侧边按钮、侧栏居左/右、深色模式跟随系统设置、繁星效果、噪点效果、文章页自动主题色
    • 背景菜单包括切换为默认背景、图片背景、渐变色背景、纯色背景
    • APlayer菜单包括打开APlayer、切换歌单、解析歌单

快捷键

  • 本博客的快捷键功能移植自安知鱼
  • 快捷键均通过shift触发，列表如下
快捷键 功能 记忆方式
？ 查看辅助功能
S 站内搜索 search
R 随机访问 random
H 返回首页 home
C 打开/关闭控制台 console
P 播放/暂停音乐 play
D 深色/浅色显示模式 darkmode
L 「挚爱」页面 love
E 「即刻」页面 essay
G 「画廊」页面 gallery
T 「藏宝」页面 treasure
M 「天籁」页面 music
A 「关于」页面 about
  • 在控制台底部的快捷按钮中，提供了启用/禁用快捷键的选项，默认勾选