4.8 KiB
4.8 KiB
简体中文 | English
無名の主页
简单的小主页，原来的看够了，重新弄了一个
主页的 Logo 字体已经过压缩，若用本站 Logo 以外的字母会变回默认字体，这里是 完整字体
天气 API 每日限量100次，需 自行申请，或更换其他 API
Demo
由于 CDN 缓存原因，查看最新效果可能需要
Ctrl+F5强制刷新浏览器缓存
功能
- 载入动画
- 站点简介
- Hitokoto 一言
- 日期及时间
- 实时天气
- 时光进度条
- 音乐播放器
- 移动端适配
- 还没想好呢
配置
本项目采用 json 文件来配置站点内容，该配置不受版本更新影响，可将自定义配置写入 setting.json 以更改页面内容
配置说明
{
"title": "网页标题",
"description": "网页简短介绍",
"keywords": "网页关键词",
"author": "网页作者",
"logo_img": "Logo图片路径",
"logo_text_1": "域名前缀",
"logo_text_2": "域名后缀",
"des_title": [
"Hello World !", //站点介绍标题
"一个建立于 21 世纪的小站，存活于互联网的边缘" //站点介绍内容
],
"des_title_change": [
"Oops !", //站点介绍标题点击后文字
"哎呀，这都被你发现了 ( 再点击一次可关闭 )" //站点介绍内容点击后文字
],
"github": "imsyy", //Github 用户名
"qq": "1539250352", //QQ
"email": "one@imsyy.top", //Email电子邮件
"telegram": "bottom_user", //Telegram 用户名
"twitter": "iimmsyy", //Twitter用户名
"weather_api": "https://www.yiketianqi.com", //天气 API
"link_1": [
"https://blog.imsyy.top/", //链接地址
"fa-solid fa-blog", //图标类名
"博客" //链接文字
],
"link_2": [
"https://drive.imsyy.top/",
"fa-solid fa-cloud",
"网盘"
],
"wallpaper_api": [
[
"每日一图", //壁纸设置项名称
"https://api.dujin.org/bing/1920.php" //壁纸图片链接
]
],
"Copyright_year": "2020", //站点起始年份
"Copyright_text": "無名" //版权
}
音乐
本项目采用了基于
MetingJS的Aplayer音乐播放器，可实现快速自定义歌单
*仅支持 中国大陆地区，其他区域请将 以下内容 替换music.js以实现音乐播放器的正常使用
更改 music.js 的参数即可实现自定义歌单列表
var server = "netease"; //netease: 网易云音乐; tencent: QQ音乐; kugou: 酷狗音乐; xiami: 虾米; kuwo: 酷我
var type = "playlist"; //song: 单曲; playlist: 歌单; album: 唱片
var id = "7452421335"; //封面 ID / 单曲 ID / 歌单 ID
字体
由于本项目引入了中文字体，需要压缩中文字体以提高网页加载速度（ 也可以取消使用中文字体 ）
中文字体去除繁体
- 安装
Python 3.7和pip - 运行
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
