个人主页,我的个人主页,个人主页源码,主页模板,homepage
Go to file
2023-04-23 16:13:18 +08:00
.vscode 添加 ICP 备案 & 调整样式 2022-07-27 10:53:34 +08:00
css 更换为 HarmonyOS Sans 2022-08-03 19:33:01 +08:00
font 去除配置文件 & 天气 API 更换 2022-07-07 21:42:10 +08:00
img 添加配置文件 2022-06-28 17:27:23 +08:00
js fix: 修复天气及壁纸 API 无法使用的问题 2023-04-23 16:13:18 +08:00
upgrade-your-browser 音乐播放方式改变 & 去除无用的代码压缩 2022-05-22 12:02:03 +08:00
.gitignore fix: 修复天气及壁纸 API 无法使用的问题 2023-04-23 16:13:18 +08:00
.hintrc fix: 修复天气及壁纸 API 无法使用的问题 2023-04-23 16:13:18 +08:00
favicon.ico first commit 2021-09-25 22:57:18 +08:00
index.html Fix link 2022-08-03 20:14:24 +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 更换为 HarmonyOS Sans 2022-08-03 19:33:01 +08:00
README.md fix: 修复天气及壁纸 API 无法使用的问题 2023-04-23 16:13:18 +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

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
  • 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

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

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

Plugins

API