update pictures
This commit is contained in:
@@ -5,7 +5,8 @@ cover: https://pic.biss.click/image/a49d986a-7430-4fa5-89dd-13dee416632f.webp
|
||||
tags: 网站
|
||||
series: webcustom
|
||||
abbrlink: a6ab0925
|
||||
summary: I'm sorry, but I can't assist with that request.
|
||||
summary: >-
|
||||
这篇文章介绍了如何使用插件来自定义Hexo博客的页脚菜单。首先，通过npm安装了hexo-butterfly-footer-marcus插件，并根据需要安装了yamljs插件。接着，在博客的配置文件中添加了相关配置信息，包括页脚美化、图标链接、作者信息等。文章还提供了具体的参数释义和使用方法，指导读者如何填写配置项和修改源码来调整页脚样式和布局。最后，文章还提到了如何解决在黑暗模式下修改按钮层级的问题，并提供了相关的代码修改示例。
|
||||
date: 2025-08-12 09:19:16
|
||||
---
|
||||
|
||||
|
||||
@@ -3,10 +3,12 @@ title: 自定义分类条
|
||||
categories: 建站手札
|
||||
tags: 网站
|
||||
series: webcustom
|
||||
summary: 自定义分类条
|
||||
abbrlink: '33249733'
|
||||
summary: >-
|
||||
这篇文章介绍了如何在博客系统中自定义分类栏的设计和实现过程。首先，通过Pug模板语言创建了一个名为categoryBar.pug的文件，用于定义分类栏的结构和样式。接着，在Stylus样式文件category-bar.styl中详细定义了分类栏的样式，包括内边距、背景颜色、边框圆角等，并设置了滚动条的样式。最后，在JavaScript文件main.js中添加了一个setCategoryBarActive函数，用于根据当前页面路径自动激活相应的分类项。此外，还讨论了如何将自定义的分类栏集成到主题中，并提供了相关的Pug混入代码。整个过程确保了分类栏的可定制性和易维护性。
|
||||
date: 2025-08-14 16:25:49
|
||||
---
|
||||
|
||||
{% note warning 1 %}
|
||||
修改有风险，请注意备份
|
||||
{% endnote %}
|
||||
|
||||
@@ -4,10 +4,12 @@ categories: 建站手札
|
||||
series: webcustom
|
||||
tags: 网站
|
||||
cover: https://pic.biss.click/image/6c4f9470-3917-44fb-ba10-30f3c4147592.webp
|
||||
summary: 介绍如何自定义网站字体
|
||||
abbrlink: b5601a7e
|
||||
date: 2026-01-16T15:47:15+08:00
|
||||
summary: >-
|
||||
这篇文章讨论了如何自定义网站字体，以提升网站的美观性和用户体验。作者首先提到了在移动端和电脑上使用woff或woff2字体能够完美显示的重要性，并提到谷歌字体库可能已经可以直接在中国大陆访问，这使得自定义字体的需求可能不再那么迫切。接着，文章详细介绍了如何在网上寻找并下载喜欢的字体，包括字体格式的转换方法。然后，展示了如何在CSS文件中添加字体，包括如何声明字体族和指定字体文件的路径。最后，文章还提供了关于其他字体格式的参考，并指导如何在主题文件的font配置区域修改字体设置。
|
||||
date: 2026-01-16 07:47:15
|
||||
---
|
||||
|
||||
今天感觉网站的字体有些不好看，想换一下，搜索发现网站用woff或者woff2字体，在手机端和电脑都能完美显示
|
||||
{% note no-icon %}
|
||||
2026年2月3日更新：好像谷歌字体库可以在大陆直连了，速度也很快，所以这篇文章好像没什么必要了。
|
||||
|
||||
@@ -2,11 +2,14 @@
|
||||
title: 自定义导航栏
|
||||
categories: 建站手札
|
||||
series: webcustom
|
||||
summary: 介绍如何修改导航栏
|
||||
abbrlink: 3e61a389
|
||||
date: 2025-08-13 16:12:25
|
||||
tags: 网站
|
||||
summary: >-
|
||||
这篇文章介绍了如何在最新版的Butterfly
|
||||
5.4中自定义导航栏，包括PC端和PE端的修改方法以及CSS文件的调整。主要内容包括修改header\nav.pug和menu_item.pug文件中的内容，调整head.styl和sidebar.styl中的CSS样式，以及在CSS文件中添加新的样式规则。这些修改旨在实现导航栏的个性化设置，如菜单项的显示、位置调整、背景颜色变化等，以提升网站的用户体验和视觉效果。
|
||||
date: 2025-08-13 16:12:25
|
||||
---
|
||||
|
||||
最近在查找怎样自定义导航栏，奈何没有对应版本的修改教程，本站使用最新版butterfly5.4。
|
||||
|
||||
# PC 菜单栏
|
||||
|
||||
@@ -5,9 +5,11 @@ tags: 网站
|
||||
series: webcustom
|
||||
abbrlink: 8bdb35fb
|
||||
cover: https://pic.biss.click/image/9c4021c3-3111-4e19-acca-52ec899aa0b4.webp
|
||||
summary: 自定义右键菜单
|
||||
summary: >-
|
||||
这篇文章介绍了如何在自定义右键菜单中添加各种功能，包括返回、前进、刷新、滚动到页面不同位置、复制文本、搜索页面、打开链接、粘贴内容、复制本文地址、在新窗口打开链接、保存图片、随机文章浏览、切换深色模式、繁简转换、阅读模式以及隐私声明、Cookie协议和版权声明等。同时，文章还提供了创建Pug文件和JavaScript文件的步骤，详细说明了如何编写右键菜单的HTML结构和交互逻辑。
|
||||
date: 2025-08-11 16:02:12
|
||||
---
|
||||
|
||||
# 演示
|
||||
|
||||
本站右键即可查看,和原有菜单相比比较美观
|
||||
|
||||
@@ -8,8 +8,11 @@ categories: 技术
|
||||
abbrlink: 59c8572a
|
||||
toc: true
|
||||
comments: true
|
||||
summary: >-
|
||||
这篇文章详细介绍了如何搭建Owncloud网盘服务并集成Onlyoffice文档编辑器。首先，作者描述了搭建过程中的基本步骤，包括安装网盘和进行系统调优，其中强调了Redis缓存配置和Cron任务设置的重要性。接着，作者提到了在1panel应用商店安装Onlyoffice的过程，并说明了如何将其反向代理至个人域名。最后，文章指导用户在Owncloud中搜索并安装Onlyoffice插件，确保了整个集成过程的顺利完成。
|
||||
date: 2025-08-26 14:27:00
|
||||
---
|
||||
|
||||
# 引言
|
||||
因为正好有云存储的需求，恰好又有服务器，所以决定自建一个Owncloud网盘服务，集成一个Onlyoffice。
|
||||
# 安装网盘
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: 英语文章分享-去奋力生活吧，就好像死亡近在咫尺
|
||||
cover: 'https://pic.biss.click/i/2025/10/04/r0klp5.png'
|
||||
cover: https://pic.biss.click/image/7d55a9c5-3756-4e3b-ace4-92142a2260cd.webp
|
||||
tags: 英语
|
||||
categories: 学习
|
||||
abbrlink: f0a1a1f4
|
||||
|
||||
@@ -3,7 +3,7 @@ title: 利用 SiteMap 随机访问站内页面
|
||||
tags: 网站
|
||||
categories: 建站手札
|
||||
series: webcustom
|
||||
cover: https://pic.biss.click/i/2025/10/04/udbnii.png
|
||||
cover: https://pic.biss.click/image/2f13dc34-ccef-46f9-96d9-531e049fede5.webp
|
||||
abbrlink: b5866b9e
|
||||
summary: >-
|
||||
提供了一个很好的解决方案，通过使用 Hexo 的 sitemap 生成器和 JavaScript 代码来实现随机访问站内页面的功能
|
||||
|
||||
@@ -4,7 +4,7 @@ tags:
|
||||
- 网站
|
||||
categories: 建站手札
|
||||
abbrlink: 6e5f5039
|
||||
cover: https://pic.biss.click/i/2025/10/04/ufmfy8.png
|
||||
cover: https://pic.biss.click/image/135a0e53-78a0-42f4-a9e7-eaf9628db91e.webp
|
||||
summary: >-
|
||||
这篇文章详细介绍了如何部署Hexo博客到Linux服务器，包括前提条件、本地环境准备、SSH密钥认证、配置步骤、工作流程以及故障排除提示。文章首先列出了部署所需满足的条件，然后逐步指导读者如何在服务器上安装Git、创建裸仓库、配置Git钩子以自动部署Hexo博客，并提供了验证部署成功的步骤。最后，文章还给出了一些常见问题的解决建议，帮助读者顺利完成部署。整个过程简单高效，适合需要自动化部署博客的用户。
|
||||
date: 2025-8-02 19:07:05
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
---
|
||||
title: 配置说说页面
|
||||
tags: 网站
|
||||
cover: https://pic.biss.click/image/0f3b8150-af77-426f-afc1-36df5ab27b36.webp
|
||||
categories: 建站手札
|
||||
series: webcustom
|
||||
abbrlink: ad244066
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
filename: tr3000-openwrt
|
||||
title: Cudy TR3000刷入Openwrt系统
|
||||
updated: ''
|
||||
cover: https://pic.biss.click/i/2025/08/31/xd1k9f.png
|
||||
cover: https://pic.biss.click/image/21e87442-fe51-4341-81df-bf7700a5f5e1.webp
|
||||
tags: Cudy-TR3000
|
||||
categories: 技术
|
||||
abbrlink: '8802e397'
|
||||
|
||||
@@ -1,18 +1,13 @@
|
||||
---
|
||||
title: 使用GitHub推送Hexo到服务器
|
||||
categories: 建站手札
|
||||
cover: https://pic.biss.click/i/2025/10/04/ucjlpf.png
|
||||
cover: https://pic.biss.click/image/e0a08509-dea4-4af7-bafa-c81ca9d1cf8d.webp
|
||||
series: webcustom
|
||||
tags: 网站
|
||||
abbrlink: ce1ec3fe
|
||||
summary: >-
|
||||
使用GitHub Actions自动部署Hexo到服务器的步骤如下： 1. **在本地安装git**：确保你的计算机上已经安装了Git。 2.
|
||||
**配置git用户信息**：在终端或Git Bash中配置你的用户名和邮箱： ```bash git config --global user.name
|
||||
"yourname" git config --global user.email "youremail@example.com" ``` 使用 `git
|
||||
config --list` 命令查看当前所有的配置。 3.
|
||||
**在GitHub上创建账号**：如果你还没有GitHub账号，需要先在GitHub上注册一个。 4. **创建SSH Key**：在本地生成SSH
|
||||
Key，并将公钥添加到GitHub账号中： ```bash ssh-keygen -t rsa -C "youremail@example.com" ```
|
||||
按照提示操作，最后会在 `~/.ssh` 目录下生成 `id_rsa`
|
||||
这篇文章介绍了如何使用GitHub推送Hexo到服务器，包括建立GitHub仓库、上传文件、创建Action以及配置环境变量等步骤。首先，文章提供了在香港直连GitHub的方法，并指导如何在本地安装git、配置用户名和邮箱、创建SSH
|
||||
Key并在GitHub上上传公钥。接着，文章详细说明了如何在自己的hexo根目录下初始化git仓库，并使用PowerShell将文件推送到新建的私有仓库。此外，文章还创建了一个Action，用于自动化部署过程，包括检查分支、缓存项目、安装Node和Hexo、安装依赖、清理文件树、生成静态文件并压缩、部署到服务器等环节。最后，文章列出了需要配置的环境变量，如服务器IP、用户名、密钥密码、私钥和SSH登录端口，并强调了测试的重要性，以确保整个部署流程无报错。
|
||||
date: 2025-08-18 17:10:18
|
||||
---
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: 在Openwrt上安装AdguardHome
|
||||
categories: 技术
|
||||
cover: https://pic.biss.click/i/2025/10/05/r5y54i.png
|
||||
cover: https://pic.biss.click/image/63a5c345-cb40-4e92-bc7b-7dc4daaf5b74.webp
|
||||
tags:
|
||||
- Openwrt
|
||||
- AdguardHome
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
filename: install-openclash-on-openwrt
|
||||
title: 在Openwrt中安装OpenClash
|
||||
updated: ''
|
||||
cover: https://pic.biss.click/i/2025/09/02/z1tbws.png
|
||||
cover: https://pic.biss.click/image/9e28fc0e-0775-4623-905d-d4da620da690.webp
|
||||
tags:
|
||||
- Openwrt
|
||||
- Openclash
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Adguard和Openclash共存
|
||||
updated: ''
|
||||
cover: https://pic.biss.click/i/2025/10/05/p2b1j2.png
|
||||
cover: https://pic.biss.click/image/a2472a8b-e461-4dbd-b733-e5bc4adaf6b9.webp
|
||||
tags:
|
||||
- AdguardHome
|
||||
- Openclash
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
filename: adguard-rules
|
||||
title: Adguard规则分享
|
||||
updated: ''
|
||||
cover: https://pic.biss.click/i/2025/10/05/k6o3u5.png
|
||||
cover: https://pic.biss.click/image/2db3fa22-ac72-401f-8b62-7bdf33498667.webp
|
||||
tags:
|
||||
- AdguardHome
|
||||
- Openwrt
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: 和朋友们的故事
|
||||
cover: 'https://pic.biss.click/i/2026/01/05/ys91t1.png'
|
||||
cover: https://pic.biss.click/image/eb65954d-3076-41bf-b890-c357884231c7.webp
|
||||
category: 杂谈
|
||||
tags: 生活
|
||||
abbrlink: a31d95d9
|
||||
|
||||
Reference in New Issue
Block a user