mirror of
https://github.com/imsyy/home.git
synced 2025-05-20 05:00:14 +09:00
部署
This commit is contained in:
榴莲
parent
081834c3b1
commit
5608e4420d
236
README_EN.html
Normal file
236
README_EN.html
Normal file
@ -0,0 +1,236 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-US">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Begin Jekyll SEO tag v2.8.0 -->
|
||||||
|
<title>home | 个人主页，我的个人主页，个人主页源码，主页模板，homepage</title>
|
||||||
|
<meta name="generator" content="Jekyll v3.10.0" />
|
||||||
|
<meta property="og:title" content="home" />
|
||||||
|
<meta property="og:locale" content="en_US" />
|
||||||
|
<meta name="description" content="个人主页，我的个人主页，个人主页源码，主页模板，homepage" />
|
||||||
|
<meta property="og:description" content="个人主页，我的个人主页，个人主页源码，主页模板，homepage" />
|
||||||
|
<link rel="canonical" href="http://52liulian.vip/README_EN.html" />
|
||||||
|
<meta property="og:url" content="http://52liulian.vip/README_EN.html" />
|
||||||
|
<meta property="og:site_name" content="home" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta name="twitter:card" content="summary" />
|
||||||
|
<meta property="twitter:title" content="home" />
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{"@context":"https://schema.org","@type":"WebPage","description":"个人主页，我的个人主页，个人主页源码，主页模板，homepage","headline":"home","url":"http://52liulian.vip/README_EN.html"}</script>
|
||||||
|
<!-- End Jekyll SEO tag -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/assets/css/style.css?v=054b234cd998a42c8fcd5ec7dca28a0f806774fe">
|
||||||
|
<!-- start custom head snippets, customize with your own _includes/head-custom.html file -->
|
||||||
|
|
||||||
|
<!-- Setup Google Analytics -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- You can set your favicon here -->
|
||||||
|
<!-- link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" -->
|
||||||
|
|
||||||
|
<!-- end custom head snippets -->
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container-lg px-3 my-5 markdown-body">
|
||||||
|
|
||||||
|
<h1><a href="http://52liulian.vip/">home</a></h1>
|
||||||
|
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>English</td>
|
||||||
|
<td><a href="/README.md">Chinese</a></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>[!IMPORTANT]</p>
|
||||||
|
<h2 id="致大家">致大家</h2>
|
||||||
|
<p>This project was originally just a simple homepage. However, as more and more friends discovered this project, it received a lot of undue attention. Moreover, as a work of a beginner in front-end development, its code is quite messy and of low quality. In addition, this project has also been resold by many unknown resource or download sites, causing many unsuspecting buyers to find my contact information from the source code to consult on problems or request features. But due to current personal life reasons, and I have never gained any benefits from this project, so I am unable to maintain this project. This repository will not be archived. We will actively accept PRs from all the experts, but no updates will be made for any new features or bugs. Please understand!</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<strong><h2>Homepage</h2></strong>
|
||||||
|
Simple little homepage, had enough of the original one and made a new one
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p><img src="https://s2.loli.net/2022/07/14/K5JigfvDoNewtuS.webp" alt="無名の主页" /></p>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>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 <a href="https://file.4everland.app/font/Other/Pacifico-Regular.ttf">full font</a></p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<h3 id="demo">Demo</h3>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>Due to CDN caching, you may need <code class="language-plaintext highlighter-rouge">Ctrl</code> + <code class="language-plaintext highlighter-rouge">F5</code> to force a browser cache refresh to see the latest results</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://www.imsyy.top">無名の主页</a></li>
|
||||||
|
<li><a href="https://home-imsyy.vercel.app">無名の主页 - Dev</a></li>
|
||||||
|
<li><a href="https://home-5iw.pages.dev">無名の主页 - Standby</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3 id="functions">Functions</h3>
|
||||||
|
|
||||||
|
<ul class="task-list">
|
||||||
|
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />Loading animation</li>
|
||||||
|
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />Site description</li>
|
||||||
|
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />Hitokoto</li>
|
||||||
|
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />Date and time</li>
|
||||||
|
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />Live weather</li>
|
||||||
|
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />Time progress bar</li>
|
||||||
|
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />Music player</li>
|
||||||
|
<li class="task-list-item">
|
||||||
|
<p><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" checked="checked" />Mobile adaptation</p>
|
||||||
|
</li>
|
||||||
|
<li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" />Player cancels using Aplayer</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3 id="deployment">Deployment</h3>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p><strong>Installation</strong> <a href="https://nodejs.org/zh-cn/">node.js</a> <strong>Environment</strong></p>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>node > 16.16.0<br />
|
||||||
|
npm > 8.15.0</p>
|
||||||
|
</blockquote>
|
||||||
|
</li>
|
||||||
|
<li>Then run the <code class="language-plaintext highlighter-rouge">cmd</code> terminal with <strong>administrator privileges</strong> and <code class="language-plaintext highlighter-rouge">cd</code> to the project root directory</li>
|
||||||
|
<li>In the <code class="language-plaintext highlighter-rouge">terminal</code> type:</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Install pnpm</span>
|
||||||
|
npm <span class="nb">install</span> <span class="nt">-g</span> pnpm
|
||||||
|
|
||||||
|
<span class="c"># Install the dependencies</span>
|
||||||
|
pnpm <span class="nb">install</span>
|
||||||
|
|
||||||
|
<span class="c"># Preview</span>
|
||||||
|
pnpm dev
|
||||||
|
|
||||||
|
<span class="c"># Build</span>
|
||||||
|
pnpm build
|
||||||
|
</code></pre></div></div>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>Once the build is complete, the files in the <code class="language-plaintext highlighter-rouge">dist</code> folder can be uploaded to the server or imported and automatically deployed with one click using a hosting platform such as <code class="language-plaintext highlighter-rouge">Vercel</code>.</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<h3 id="weather">Weather</h3>
|
||||||
|
|
||||||
|
<p>Weather and area access requires <code class="language-plaintext highlighter-rouge">高德开放平台</code> related API</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Go to <a href="https://console.amap.com/dev/index">高德开放平台控制台</a> to create a <code class="language-plaintext highlighter-rouge">Key</code> of type <code class="language-plaintext highlighter-rouge">Web Service</code> and fill the <code class="language-plaintext highlighter-rouge">Key</code> into <code class="language-plaintext highlighter-rouge">VITE_WEATHER_KEY</code> in <code class="language-plaintext highlighter-rouge">.env</code></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>It can also be replaced by other methods</p>
|
||||||
|
|
||||||
|
<h3 id="music">Music</h3>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>This project uses the <code class="language-plaintext highlighter-rouge">Aplayer</code> music player based on <code class="language-plaintext highlighter-rouge">MetingJS</code> for quick song list customization<br />
|
||||||
|
*Only supported in <strong>Mainland China</strong></p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<p>Please change the song related parameters in the <code class="language-plaintext highlighter-rouge">.env</code> file to customize the song list</p>
|
||||||
|
|
||||||
|
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Songs API address</span>
|
||||||
|
VITE_SONG_API <span class="o">=</span> <span class="s2">"https://api-meting.imsyy.top"</span>
|
||||||
|
<span class="c"># Song server ( netease-netease, tencent-qq music )</span>
|
||||||
|
VITE_SONG_SERVER <span class="o">=</span> <span class="s2">"netease"</span>
|
||||||
|
<span class="c"># Playback type ( song-song, playlist-playlist, album-album, search-search, artist-artist )</span>
|
||||||
|
VITE_SONG_TYPE <span class="o">=</span> <span class="s2">"playlist"</span>
|
||||||
|
<span class="c"># Playback ID</span>
|
||||||
|
VITE_SONG_ID <span class="o">=</span> <span class="s2">"7452421335"</span>
|
||||||
|
</code></pre></div></div>
|
||||||
|
|
||||||
|
<h3 id="fonts">Fonts</h3>
|
||||||
|
|
||||||
|
<p>Now using <code class="language-plaintext highlighter-rouge">HarmonyOS Sans</code> open source font, using font splitting to improve loading speed</p>
|
||||||
|
|
||||||
|
<blockquote>
|
||||||
|
<p>Because this site’s <code class="language-plaintext highlighter-rouge">CDN</code> has opened anti-leech, <strong>non-site domain name is not accessible</strong>, please change the font import link to the following content, otherwise <strong>custom fonts will be invalid</strong></p>
|
||||||
|
|
||||||
|
<p><code class="language-plaintext highlighter-rouge">https://cdn.jsdelivr.net/gh/imsyy/file/font/HarmonyOS_Sans/regular.min.css</code></p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<details>
|
||||||
|
<summary>old way</summary>
|
||||||
|
|
||||||
|
>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](https://gist.githubusercontent.com/imaegoo/d64e5088b723c2e02c40985f55ff12db/raw/5ebd2ce49418c73459a9dfe050483409306a6c1d/sc_unicode.txt)
|
||||||
|
- Run `pyftsubset font-name.ttf --unicodes-file=sc_unicode.txt`
|
||||||
|
|
||||||
|
#### fonts further compressed
|
||||||
|
|
||||||
|
- Compile and install ``Google woff2``
|
||||||
|
|
||||||
|
```bash
|
||||||
|
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 [虹墨空间站](https://www.imaegoo.com/2020/chinese-font-compress/) to view the original article
|
||||||
|
|
||||||
|
</details>
|
||||||
|
|
||||||
|
<h3 id="technology-stack">Technology Stack</h3>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://cn.vuejs.org/">Vue</a></li>
|
||||||
|
<li><a href="https://vitejs.cn/vite3-cn/">Vite</a></li>
|
||||||
|
<li><a href="https://pinia.vuejs.org/zh/">Pinia</a></li>
|
||||||
|
<li><a href="https://iconpark.oceanengine.com/official">IconPark</a></li>
|
||||||
|
<li><a href="https://xicons.org/">xicons</a></li>
|
||||||
|
<li><a href="https://aplayer.js.org/">Aplayer</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3 id="api">API</h3>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://api.vvhan.com/">韩小韩 WebAPI 接口</a></li>
|
||||||
|
<li><a href="https://api.btstu.cn/doc/sjbz.php">搏天 API</a></li>
|
||||||
|
<li><a href="https://lbs.amap.com/">高德开放平台</a></li>
|
||||||
|
<li><a href="https://hitokoto.cn/">Hitokoto 一言</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p><a title="SSL" target="_blank" href="https://myssl.com/seal/detail?domain=blog.imsyy.top"><img src="https://img.shields.io/badge/MySSL-安全认证-brightgreen" /></a> <a title="CDN" target="_blank" href="https://cdnjs.com/"><img src="https://img.shields.io/badge/CDN-Cloudflare-blue" /></a> <a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2023-%E7%84%A1%E5%90%8D-red" /></a></p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
|
||||||
|
This site is open source. <a href="https://github.com/52liulian/home/edit/dev/README_EN.md">Improve this page</a>.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
|
||||||
|
<script>anchors.add();</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
assets/css/style.css
Normal file
1
assets/css/style.css
Normal file
File diff suppressed because one or more lines are too long
58
public/font/index.html
Normal file
58
public/font/index.html
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-US">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<!-- Begin Jekyll SEO tag v2.8.0 -->
|
||||||
|
<title>Logo 字体替换 | home</title>
|
||||||
|
<meta name="generator" content="Jekyll v3.10.0" />
|
||||||
|
<meta property="og:title" content="Logo 字体替换" />
|
||||||
|
<meta property="og:locale" content="en_US" />
|
||||||
|
<meta name="description" content="个人主页，我的个人主页，个人主页源码，主页模板，homepage" />
|
||||||
|
<meta property="og:description" content="个人主页，我的个人主页，个人主页源码，主页模板，homepage" />
|
||||||
|
<link rel="canonical" href="http://52liulian.vip/public/font/" />
|
||||||
|
<meta property="og:url" content="http://52liulian.vip/public/font/" />
|
||||||
|
<meta property="og:site_name" content="home" />
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta name="twitter:card" content="summary" />
|
||||||
|
<meta property="twitter:title" content="Logo 字体替换" />
|
||||||
|
<script type="application/ld+json">
|
||||||
|
{"@context":"https://schema.org","@type":"WebPage","description":"个人主页，我的个人主页，个人主页源码，主页模板，homepage","headline":"Logo 字体替换","url":"http://52liulian.vip/public/font/"}</script>
|
||||||
|
<!-- End Jekyll SEO tag -->
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="/assets/css/style.css?v=054b234cd998a42c8fcd5ec7dca28a0f806774fe">
|
||||||
|
<!-- start custom head snippets, customize with your own _includes/head-custom.html file -->
|
||||||
|
|
||||||
|
<!-- Setup Google Analytics -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- You can set your favicon here -->
|
||||||
|
<!-- link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" -->
|
||||||
|
|
||||||
|
<!-- end custom head snippets -->
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container-lg px-3 my-5 markdown-body">
|
||||||
|
|
||||||
|
<h1><a href="http://52liulian.vip/">home</a></h1>
|
||||||
|
|
||||||
|
|
||||||
|
<h2 id="logo-字体替换">Logo 字体替换</h2>
|
||||||
|
|
||||||
|
<p>可将该文件夹下的 <code class="language-plaintext highlighter-rouge">Pacifico-Regular-all.ttf</code> 替换原来的 <code class="language-plaintext highlighter-rouge">Pacifico-Regular.ttf</code></p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
|
||||||
|
This site is open source. <a href="https://github.com/52liulian/home/edit/dev/public/font/README.md">Improve this page</a>.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
|
||||||
|
<script>anchors.add();</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user