个人主页,我的个人主页,个人主页源码,主页模板,homepage
Go to file
2024-01-02 23:09:43 +08:00
.github feat: add Actions 2023-12-02 09:11:18 +08:00
.vscode Vue refactoring 2022-11-15 22:19:29 +08:00
public fix: 首字母裁切 #82 2023-11-09 09:59:38 +08:00
screenshots feat: 添加部署说明 2023-12-02 09:36:47 +08:00
src fix: 修复了播放器未加载完成或加载失败时,键盘控制事件仍旧生效的问题 2024-01-02 23:09:43 +08:00
.dockerignore feat: Add Docker #107 2023-12-06 13:41:45 +08:00
.env feat: 修改部分样式 2023-11-13 09:19:31 +08:00
.eslintignore feat: Add Docker #107 2023-12-06 13:41:45 +08:00
.eslintrc.json feat(dependencies): add ESLint #190 2023-08-26 16:03:07 +08:00
.gitignore Vue refactoring 2022-11-15 22:19:29 +08:00
.hintrc fix: 更换壁纸 API 接口 2023-04-03 09:42:07 +08:00
.prettierrc.json feat(dependencies): add ESLint #190 2023-08-26 16:03:07 +08:00
CODE_OF_CONDUCT.md feat: Create CODE_OF_CONDUCT.md 2023-08-01 14:13:33 +08:00
docker-compose.yml feat: Add Docker #107 2023-12-06 13:41:45 +08:00
Dockerfile feat: Add Docker #107 2023-12-06 13:41:45 +08:00
index.html style(formatting): apply Prettier code formatting 2023-08-23 13:38:17 +08:00
LICENSE LICENSE 2022-02-10 16:09:09 +08:00
package.json feat: 新增 GitHub 仓库列表 2024-01-02 18:11:48 +08:00
pnpm-lock.yaml feat: 新增 GitHub 仓库列表 2024-01-02 18:11:48 +08:00
README_EN.md fix: update README.md 2023-08-17 14:08:11 +08:00
README.md feat: 新增 GitHub 仓库列表 2024-01-02 18:11:48 +08:00
vite.config.js feat: Add Docker #107 2023-12-06 13:41:45 +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
  • Player cancels using Aplayer

Deployment

  • Installation node.js Environment

    node > 16.16.0
    npm > 8.15.0

  • Then run the cmd terminal with administrator privileges and cd to the project root directory

  • In the terminal type:

# Install pnpm
npm install -g pnpm

# Install the dependencies
pnpm install

# Preview
pnpm dev

# Build
pnpm build

Once the build is complete, the files in the dist folder can be uploaded to the server or imported and automatically deployed with one click using a hosting platform such as Vercel.

Weather

Weather and area access requires 高德开放平台 related API

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 change the song related parameters in the .env file to customize the song list

# Songs API address
VITE_SONG_API = "https://api-meting.imsyy.top"
# Song server ( netease-netease, tencent-qq music )
VITE_SONG_SERVER = "netease"
# Playback type ( song-song, playlist-playlist, album-album, search-search, artist-artist )
VITE_SONG_TYPE = "playlist"
# Playback ID
VITE_SONG_ID = "7452421335"

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

Technology Stack

API