├── requirements.txt
├── .gitignore
├── vercel.json
├── package.json
├── public
├── image
│ └── favicon.ico
├── assets
│ ├── svg
│ │ ├── search.svg
│ │ ├── moon.svg
│ │ └── sun.svg
│ └── data.json
├── js
│ ├── main.js
│ ├── theme.js
│ ├── context-menu.js
│ └── data-loader.js
├── css
│ ├── dark.css
│ ├── daytime.css
│ ├── context-menu.css
│ └── style.css
├── index.html
└── service-worker.js
├── .github
└── workflows
│ └── scraping.yml
├── scripts
└── scrape.py
├── README.md
└── LICENSE
/requirements.txt:
--------------------------------------------------------------------------------
1 | notion_client==2.2.1
2 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .env
2 | .DS_store
3 | node_modules
4 | package-lock.json
--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
1 | {
2 | "cleanUrls": true,
3 | "trailingSlash": false
4 | }
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "dependencies": {
3 | "axios": "^1.4.0"
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/public/image/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nowscott/OldIndWebIndex/HEAD/public/image/favicon.ico
--------------------------------------------------------------------------------
/public/assets/svg/search.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/js/main.js:
--------------------------------------------------------------------------------
1 | if ('serviceWorker' in navigator) {
2 | window.addEventListener('load', () => {
3 | navigator.serviceWorker.register('/service-worker.js').then(registration => {
4 | registration.onupdatefound = () => {
5 | const installingWorker = registration.installing;
6 | installingWorker.onstatechange = () => {
7 | if (installingWorker.state === 'installed') {
8 | if (navigator.serviceWorker.controller) {
9 | // 新内容已下载，用户需要重新加载页面以获取更新
10 | if (confirm('新版本已更新，是否立即刷新页面？')) {
11 | window.location.reload();
12 | }
13 | } else {
14 | console.log('Content is now available offline!');
15 | }
16 | }
17 | };
18 | };
19 | }).catch(error => {
20 | console.log('Service Worker registration failed:', error);
21 | });
22 | });
23 | }
24 |
--------------------------------------------------------------------------------
/public/assets/svg/moon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/css/dark.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: #222;
3 | }
4 |
5 | .title-1 {
6 | text-decoration: underline;
7 | text-decoration-color: khaki;
8 | }
9 |
10 | h1 a {
11 | color: khaki;
12 | }
13 |
14 | .title-2 {
15 | text-decoration: underline;
16 | text-decoration-color: #eee;
17 | }
18 |
19 | h2 a {
20 | color: #eee;
21 | }
22 |
23 | .title-tags,
24 | .title-webs {
25 | color: #eee;
26 | }
27 |
28 | .search-in {
29 | color: lightgrey;
30 | background-color: rgb(0, 0, 49);
31 | }
32 |
33 | .search-btn {
34 | background-color: rgb(0, 0, 49);
35 | }
36 |
37 | .tag,
38 | #web {
39 | border: #909090 1.5px solid;
40 | }
41 |
42 | #web {
43 | color: lightgrey;
44 | background-color: rgb(0, 0, 49);
45 | }
46 |
47 | .on {
48 | background-color: lightgrey;
49 | color: darkslategrey;
50 | }
51 |
52 | .off {
53 | background-color: darkslategrey;
54 | color: lightgrey;
55 | }
56 | .footer-text{
57 | color: lightpink;
58 | }
--------------------------------------------------------------------------------
/public/css/daytime.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: #f7f7f7;
3 | }
4 |
5 | .title-1 {
6 | text-decoration: underline;
7 | text-decoration-color: darkorange;
8 | }
9 |
10 | h1 a {
11 | color: darkorange;
12 | }
13 |
14 | .title-2 {
15 | text-decoration: underline;
16 | text-decoration-color: darkslateblue;
17 | }
18 |
19 | h2 a {
20 | color: darkslateblue;
21 | }
22 |
23 | .title-tags,
24 | .title-webs {
25 | color: darkblue;
26 | }
27 |
28 | .search-in {
29 | color: navy;
30 | background-color: lemonchiffon;
31 | }
32 |
33 | .search-btn {
34 | background-color: lemonchiffon;
35 | }
36 |
37 | .tag,
38 | #web {
39 | border: #909090 1.5px solid;
40 | }
41 |
42 | #web {
43 | color: navy;
44 | background-color: lemonchiffon;
45 | }
46 |
47 | .on {
48 | background-color: darkslategray;
49 | color: #eee;
50 | }
51 |
52 | .off {
53 | background-color: #eee;
54 | color: darkslategray;
55 | }
56 |
57 | .footer-text {
58 | color: purple;
59 | }
--------------------------------------------------------------------------------
/public/css/context-menu.css:
--------------------------------------------------------------------------------
1 | /* 右键菜单 */
2 | #customContextMenu {
3 | display: none;
4 | position: absolute;
5 | z-index: 1000;
6 | background-color: #ffffff;
7 | border: 1px solid #ddd;
8 | box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
9 | border-radius: 3px;
10 | padding: 0px;
11 | width: 120px;
12 | }
13 |
14 | #customContextMenu li {
15 | padding: 8px 10px;
16 | /* 增加填充，使菜单项更易点击 */
17 | border-top: 1px solid #ddd;
18 | /* 为每个菜单项添加上边框 */
19 | }
20 |
21 | #customContextMenu li:first-child {
22 | border-top: none;
23 | /* 第一个菜单项不需要上边框 */
24 | }
25 |
26 | #customContextMenu li:last-child {
27 | border-bottom: none;
28 | /* 为最后一个菜单项不需要下边框 */
29 | }
30 |
31 | #customContextMenu ul {
32 | list-style-type: none;
33 | margin: 0;
34 | padding: 0;
35 | }
36 |
37 | #customContextMenu ul li {
38 | padding: 8px 12px;
39 | cursor: pointer;
40 | color: #333;
41 | }
42 |
43 | /* #customContextMenu ul li:hover {
44 | background-color: #f5f5f5;
45 | color: #000;
46 | } */
47 |
48 | #customContextMenu li.selected-font {
49 | box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
50 | /* 添加阴影效果 */
51 | background-color: #f0f0f0;
52 | /* 可选：改变背景颜色增强视觉效果 */
53 | }
--------------------------------------------------------------------------------
/.github/workflows/scraping.yml:
--------------------------------------------------------------------------------
1 | name: update data.json
2 |
3 | on:
4 | workflow_dispatch:
5 | schedule:
6 | - cron: "0 * * * *"
7 |
8 | jobs:
9 | scrape_and_save:
10 | runs-on: ubuntu-latest
11 | steps:
12 | - name: Checkout code
13 | uses: actions/checkout@v4
14 | - name: Set up Python
15 | uses: actions/setup-python@v5
16 | with:
17 | python-version: "3.x"
18 | - name: Install dependencies
19 | run: |
20 | python -m pip install --upgrade pip
21 | pip install -r requirements.txt
22 | - name: Run scraping script
23 | env:
24 | NOTION_TOKEN: ${{ secrets.NOTION_TOKEN }}
25 | DATABASE_ID: ${{ secrets.DATABASE_ID }}
26 | run: |
27 | python scripts/scrape.py
28 | - name: Commit data.json
29 | run: |
30 | git diff --quiet --exit-code public/assets/data.json || (
31 | git config --global user.name "NowScott"
32 | git config --global user.email "nowscott@qq.com"
33 | git add public/assets/data.json
34 | DATE=$(TZ="Asia/Shanghai" date "+%Y-%m-%d %H:%M:%S")
35 | git commit -m "Update data.json at $DATE"
36 | git push origin main
37 | )
38 |
39 |
40 |
--------------------------------------------------------------------------------
/public/assets/svg/sun.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
10 | 网站索引
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
25 |
28 |
29 |
34 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
筛选网页
46 |
47 |
48 |