Homepage-imsyy/README.md
2022-06-28 17:50:15 +08:00

4.8 KiB
Raw Blame History

简体中文 | 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": "無名" //版权
}

音乐

本项目采用了基于 MetingJSAplayer 音乐播放器,可实现快速自定义歌单
*仅支持 中国大陆地区,其他区域请将 以下内容 替换 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.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