.vscode | ||
public | ||
src | ||
.env | ||
.gitignore | ||
index.html | ||
LICENSE | ||
package-lock.json | ||
package.json | ||
README_EN.md | ||
README.md | ||
vite.config.js | ||
yarn.lock |
English | Chinese
無名の主页
Simple little homepage, had enough of the original one and made a new oneThe logo font on the home page has been compressed, so if you use a font other than this logo, it will change back to the default font, Here is the full font
Demo
Due to CDN caching, you may need
Ctrl
+F5
to force a browser cache refresh to see the latest results
Functions
- Loading animation
- Site description
- Hitokoto
- Date and time
- Live weather
- Time progress bar
- Music player
- Mobile adaptation
- Remove jQuery dependency
- VUE refactoring
Weather
Because the original weather API is unstable, the weather API has been replaced. Now you need to go to the following website to obtain the key
-
to [ROLL] (https://www.mxnzp.com/doc/list) for app_id and app_secret, used to capture the city
-
to [and wind weather] (https://dev.qweather.com/) to obtain the key, is used to get the weather information
It can also be replaced by other methods
Music
This project uses the
Aplayer
music player based onMetingJS
for quick song list customization
*Only supported in Mainland China, please replacemusic.js
with the following in other regions to enable the music player to work properly
Change the parameters of music.js
to achieve a custom song list
let server = "netease"; //netease; tencent; kugou; xiami; kuwo;
let type = "playlist"; //song; playlist; album;
let id = "7452421335"; //album ID; song ID; playlist ID;
Fonts
Now using HarmonyOS Sans
open source font, using font splitting to improve loading speed
Because this site's
CDN
has opened anti-leech, non-site domain name is not accessible, please change the font import link to the following content, otherwise custom fonts will be invalid
https://cdn.jsdelivr.net/gh/imsyy/file/font/HarmonyOS_Sans/regular.min.css
old way
As Chinese fonts are introduced in this project, Chinese fonts need to be compressed to improve the loading speed of the page (you can also cancel the use of Chinese fonts)
Chinese font removal traditional
- Install
Python 3.7
andpip
- Run
pip install fonttools
- Download sc_unicode.txt
- Run
pyftsubset font-name.ttf --unicodes-file=sc_unicode.txt
fonts further compressed
- Compile and install
Google woff2
sudo apt-get install -y git g++ make
git clone --recursive https://github.com/google/woff2.git
cd woff2
make clean all
- Compress the font again
. /woff2_compress . /font_name.ttf
- Eventually the original font can be slow loaded, load the compressed font first
For more information, please go to 虹墨空间站 to view the original article