Stories

List
Create Time

使用 Github Pages 和 Hexo 搭建博客

一、前言 其實可以通過github.io搭建wiki或者個人博客我挺久之前就知道，不過一直沒用，主要是因為已經有一個博客了，沒必要再搭一個，不過最近興起，就搭了個這個附屬博客，同步更新主博客的文章。 附屬博客地址：https://baby7.github.io/ 截圖： 下面説一下優缺點，主要對比的是購買服務器搭建個人博客。 優點： 不需要買服務器 使用Github Pages的服

博客搭建 , 博客 , hexo , github-pages
Create Time

【開源】靈卡面板 - 打造你的專屬摸魚辦公面板

【開源】靈卡面板 - 打造你的專屬摸魚辦公面板 軟件介紹 Windows桌面端軟件，摸魚辦公神器 擁有海量卡片，可以自定義卡片佈局，隱藏到側邊需要使用時彈出(可以鼠標或快捷鍵喚出) 主卡片 本地文件快捷搜索（基於everything） 局域網文件傳輸 快捷鍵截圖、屏幕取色 翻譯（同時接入截圖識別並翻譯） AI對話（多種智能體） TODO（待辦事項）功能 各大平台實時熱搜

開源 , 知識 , github , 資訊 , Python
Create Time

給VitePress的右上角增加Github角標

給VitePress的右上角增加Github角標 介紹 我沒有找到VitePress的Github角標的插件，所以做了後面的嵌入流程，方案是在主題佈局中直接引入。如果不知道這兩個項目的同學可以看看介紹部分 github-corner 可以在頁面的四角顯示Github角標，可以自定義大小、背景顏色。當鼠標移動到這個角標時還能看到Github搖尾巴的動畫 官網地址: https://tholman.c

github , vue.js
Create Time

Vue視差標題背景

一、説明 這個我是為了放在博客的標題部分作為背景圖，上下滾動的時候比較好看。 原理就是通過幾張透明的png進行疊加，然後在上下滾動時，外層png移動的快，內層png移動得慢來實現視差效果。 先放一張示意圖： 這裏實際的距離X和Y在觀察者看來是一樣的，原因是距離觀察者的距離Z不一樣導致的。 再放一張視差標題背景的3d示意圖： 二、Vue代碼 這裏為了代碼高亮分三部分展示 html部分

視差動畫 , 視差滾動 , 博客 , vue.js
Create Time

博客的加載速度和大小的優化、優化再優化

0. 前言 最近對博客的加載速度和各種文件體積進行了優化，特此記錄一下 可以點擊七仔的博客測試我的博客速度 1. 基礎 1.1 圖片加載優化 對於非文章類的大圖片先進行一遍壓縮，使用各種壓縮網站就可以 然後對於各種圖片最好都轉換為為webp格式，相對於傳統格式能降低大小大概四成左右 1.2 gzip壓縮 gzip是針對文本類型進行壓縮的，例如html、js、css、txt等格式，可以在ng

gzip , Nginx , 雲存儲 , vue.js , 前端
1