Skip to content
/ home Public
forked from imsyy/home

我的个人主页,个人主页源码,主页模板,homepage

License

Notifications You must be signed in to change notification settings

huiyio/home

This branch is 7 commits ahead of, 54 commits behind imsyy/home:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

3ae39f5 · Feb 24, 2023
Nov 15, 2022
Feb 6, 2023
Feb 24, 2023
Feb 24, 2023
Feb 24, 2023
Jan 15, 2023
Jan 30, 2023
Feb 10, 2022
Feb 2, 2023
Jan 15, 2023
Feb 24, 2023
Jan 15, 2023
Feb 14, 2023
Jan 31, 2023
Jan 15, 2023

Repository files navigation

简体中文 | English

無名の主页

简单的小主页,原来的看够了,重新弄了一个

無名の主页

主页的 Logo 字体已经过压缩,若用本站 Logo 以外的字母会变回默认字体,这里是 完整字体

Demo

由于 CDN 缓存原因,查看最新效果可能需要 Ctrl + F5 强制刷新浏览器缓存

功能

  • 载入动画
  • 站点简介
  • Hitokoto 一言
  • 日期及时间
  • 实时天气
  • 时光进度条
  • 音乐播放器
  • 移动端适配
  • 播放器取消使用 Aplayer

部署

  • 安装 node.js 环境

    node > 16.16.0 npm > 8.15.0

  • 然后以 管理员权限 运行 cmd 终端,并 cd 到 项目根目录

  • 终端 中输入:

# 安装依赖
yarn install

# 预览
yarn dev

# 构建
yarn build

构建完成后,静态资源会在 dist 目录 中生成,可将 dist 文件夹下的文件上传至服务器,也可使用 Vercel 等托管平台一键导入并自动部署

天气

天气及地区获取需要 高德开放平台 相关 API

也可自行更换其他方式

音乐

本项目采用了基于 MetingJSAplayer 音乐播放器,可实现快速自定义歌单
*仅支持 中国大陆地区

请在 .env 文件中更改歌曲相关参数即可实现自定义歌单列表

# 歌曲 API 地址
VITE_SONG_API = "https://api-meting.imsyy.top"
# 歌曲服务器 ( netease-网易云, tencent-qq音乐 )
VITE_SONG_SERVER = "netease"
# 播放类型 ( song-歌曲, playlist-播放列表, album-专辑, search-搜索, artist-艺术家 )
VITE_SONG_TYPE = "playlist"
# 播放 ID
VITE_SONG_ID = "7452421335"

字体

现采用 HarmonyOS Sans 开源字体,采用字体拆分,提升加载速度

由于本站 CDN 已开启防盗链,非本站域名不可访问,请将字体引入链接更改为下方内容,否则 自定义字体将失效

https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css

旧版方式

由于本项目引入了中文字体,需要压缩中文字体以提高网页加载速度( 也可以取消使用中文字体 )

中文字体去除繁体

  • 安装 Python 3.7pip
  • 运行 pip install fonttools
  • 下载 sc_unicode.txt
  • 运行 pyftsubset 字体名称.ttf --unicodes-file=sc_unicode.txt

字体进一步压缩

  • 编译安装 Google woff2
sudo apt-get install -y git g++ make
git clone --recursive https://github.com/google/woff2.git
cd woff2
make clean all
  • 再压缩字体
./woff2_compress ./字体名称.ttf
  • 最终可对原字体进行缓加载,先行加载压缩后的字体

详细信息可前往 虹墨空间站 查看原文

技术栈

API

  

About

我的个人主页,个人主页源码,主页模板,homepage

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 62.8%
  • Vue 30.9%
  • CSS 2.8%
  • SCSS 1.8%
  • HTML 1.1%
  • Shell 0.6%