Homepage-imsyy/README_EN.md at 966580e3d874de8c53f95758f8e20e37e2a956fb

caojiezi2003/Homepage-imsyy

Fork 0

底层用户 cdf644caba 更新配置文件说明

2022-06-28 17:50:15 +08:00

5.0 KiB

Raw Blame History

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

Weather API is limited to 100 times per day, must Apply on your own, or change to another api

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

Haven't thought about it yet

Configuration

This project uses json file to configure the site content, the configuration is not affected by version updates, you can write custom configuration to setting.json to change the page content

Configuration instructions

{
    "title": "Title of the page",
    "description": "Short description of the page",
    "keywords": "Keyword(s)",
    "author": "author of the page",
    "logo_img": "Logo image path",
    "logo_text_1": "Domain Prefix",
    "logo_text_2": "Domain_suffix",
    "des_title": [
        "Hello World !" , // site description title
        "A small site built in the 21st century, living on the edge of the Internet" // site description content
    ],
    "des_title_change": [
        "Oops !" , //text after clicking on the site's title
        "Oops, you found this ( click once more to close )" //text after click on site content
    ],
    "github": "imsyy", //Github username
    "qq": "1539250352", //QQ
    "email": "one@imsyy.top", //email email
    "telegram": "bottom_user", //Telegram user name
    "twitter": "iimmsyy", //Twitter username
    "weather_api": "https://www.yiketianqi.com", //Weather API
    "link_1": [
        "https://blog.imsyy.top/", //link_address
        "fa-solid fa-blog", //icon class name
        "blog" //link text
    ],
    "link_2": [
        "https://drive.imsyy.top/",
        "fa-solid fa-cloud",
        "netdisk"
    ],
    "wallpaper_api": [
        [
            "picture of the day", //name of wallpaper setting item
            "https://api.dujin.org/bing/1920.php" //link to wallpaper image
        ]
    ],
    "Copyright_year": "2020", //site start year
    "Copyright_text": "No name" //Copyright
}

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

var server = "netease"; //netease; tencent; kugou; xiami; kuwo; 
var type = "playlist"; //song; playlist; album;
var id = "7452421335"; //album ID; song ID; playlist ID;

Fonts

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

5.0 KiB Raw Blame History