LiuShen/Friend-Circle-Lite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🤪防止工作流因超时失效

Browse Source
This commit is contained in:
柳神
2024-09-05 20:08:14 +08:00
parent e4887b8f01
commit f49db80e4e
7 changed files with 55 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
static/deploy-home.html
View File

@@ -1,65 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Friend Circle Lite - 服务已运行">
<title>轻量友链朋友圈</title>
<link rel="icon" href="https://i.p-i.vip/30/20240803-66adf2c2e4931.webp" type="image/x-icon">
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: white;
}
.container {
text-align: center;
}
.avatar {
width: 150px;
height: 150px;
border-radius: 50%;
}
p {
color: #666;
margin-bottom: 30px;
}
.button-container {
margin-top: 20px;
display: flex;
justify-content: center;
gap: 10px;
}
.button {
background-color: white;
border: 2px solid #007BFF;
color: #007BFF;
padding: 10px 20px;
border-radius: 25px;
text-decoration: none;
font-size: 16px;
font-weight: bold;
display: inline-block;
transition: background-color 0.3s, color 0.3s;
}
.button:hover {
background-color: #007BFF;
color: white;
}
</style>
</head>
<body>
<div class="container">
<img src="https://i.p-i.vip/30/20240803-66adf2c2e4931.webp" alt="Avatar" class="avatar">
<p>Friend-Circle-Lite<br>服务已运行</p>
<div class="button-container">
<a href="https://blog.liushen.fun/posts/4dc716ec/" class="button">查看文档</a>
<a href="/all" class="button">测试接口</a>
</div>
</div>
</body>
</html>

36
static/index.html Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文章卡片展示</title>
</head>
<style>
.root-container {
margin: 0 auto;
padding: 20px;
}
</style>
<body>
<div class="root-container" style="max-width: 1000px;">
<div id="friend-circle-lite-root"></div>
</div>
<script>
if (typeof UserConfig === 'undefined') {
var UserConfig = {
// 填写你的fc Lite地址
private_api_url: './',
// 点击加载更多时，一次最多加载几篇文章，默认20
page_turning_number: 24,
// 头像加载失败时，默认头像地址
error_img: 'https://i.p-i.vip/30/20240815-66bced9226a36.webp', // https://pic.imgdb.cn/item/6695daa4d9c307b7e953ee3d.jpg
}
}
</script>
<link rel="stylesheet" href="./main/fclite.min.css">
<script src="./main/fclite.min.js"></script>
</body>
</html>

35
static/readme.md Normal file
View File

@@ -0,0 +1,35 @@
# RSS 订阅前端页面
这是一个用于展示 RSS 订阅内容的简单 HTML 页面。该前端页面用于渲染从后端获取的 RSS 订阅数据。本分支仅包含用于展示的静态资源（HTML、CSS、JS）。
## 功能
- **展示 RSS 订阅内容**：可以显示 RSS 订阅文章的标题、描述和发布时间。
- **简洁设计**：简单直观的用户界面，适用于浏览和查看 RSS 内容。
- **响应式布局**：适配不同设备的浏览体验。
## 部署到网站
如果你已经正确托管本分支到静态托管平台，你可以通过以下几个步骤将数据渲染到你的前端页面：
在前端页面的md文件中写入：
```html
<div id="friend-circle-lite-root"></div>
<script>
if (typeof UserConfig === 'undefined') {
var UserConfig = {
// 填写你的fc Lite地址
private_api_url: 'https://fc.liushen.fun/',
// 点击加载更多时，一次最多加载几篇文章，默认20
page_turning_number: 20,
// 头像加载失败时，默认头像地址
error_img: 'https://i.p-i.vip/30/20240815-66bced9226a36.webp',
}
}
</script>
<link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/willow-god/Friend-Circle-Lite/main/fclite.min.css">
<script src="https://fastly.jsdelivr.net/gh/willow-god/Friend-Circle-Lite/main/fclite.min.js"></script>
```
其中第一个地址填入你自己的地址即可，**注意**尾部带`/`，不要遗漏。