Homepage-imsyy

caojiezi2003/Homepage-imsyy

个人主页模板，homepage

Go to file

底层用户 d95b2708c3 去除配置文件 & 天气 API 更换		2022-07-07 21:42:10 +08:00
.vscode	up music	2022-01-18 20:11:30 +08:00
css	修改鼠标样式 #7	2022-06-30 11:58:43 +08:00
font	去除配置文件 & 天气 API 更换	2022-07-07 21:42:10 +08:00
img	添加配置文件	2022-06-28 17:27:23 +08:00
js	去除配置文件 & 天气 API 更换	2022-07-07 21:42:10 +08:00
old	添加 Vercel 404 跳转	2022-01-22 10:17:35 +08:00
upgrade-your-browser	音乐播放方式改变 & 去除无用的代码压缩	2022-05-22 12:02:03 +08:00
.gitignore	弹窗样式修改	2022-03-04 18:52:51 +08:00
favicon.ico	first commit	2021-09-25 22:57:18 +08:00
index.html	去除配置文件 & 天气 API 更换	2022-07-07 21:42:10 +08:00
LICENSE	LICENSE	2022-02-10 16:09:09 +08:00
manifest.json	PWA Test	2022-06-21 17:23:38 +08:00
README_EN.md	去除配置文件 & 天气 API 更换	2022-07-07 21:42:10 +08:00
README.md	去除配置文件 & 天气 API 更换	2022-07-07 21:42:10 +08:00
setting.json	添加配置文件	2022-06-28 17:27:23 +08:00
sw.js	PWA Test	2022-06-21 17:23:38 +08:00
vercel.json	Update vercel.json	2022-01-22 10:18:47 +08:00

README_EN.md

English | Chinese

無名の主页

Simple little homepage, had enough of the original one and made a new one

The 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

Haven't thought about it yet

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 on MetingJS for quick song list customization
*Only supported in Mainland China, please replace music.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

var server = "netease"; //netease; tencent; kugou; xiami; kuwo; 
var type = "playlist"; //song; playlist; album;
var id = "7452421335"; //album ID; song ID; playlist ID;

Fonts

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 and pip
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