Merge branch 'main' of github.com:015yyds/015yyds.github.io

015yyds · Dec 7, 2024 · 6e5201f · 6e5201f
2 parents 2fc2f50 + 28d4cd2
commit 6e5201f
Show file tree

Hide file tree

Showing 8 changed files with 312 additions and 57 deletions.
diff --git a/.github/workflows/jekyll-gh-pages.yml b/.github/workflows/jekyll-gh-pages.yml
@@ -0,0 +1,51 @@
+# Sample workflow for building and deploying a Jekyll site to GitHub Pages
+name: Deploy Jekyll with GitHub Pages dependencies preinstalled
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Build with Jekyll
+        uses: actions/jekyll-build-pages@v1
+        with:
+          source: ./
+          destination: ./_site
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/cover.md b/cover.md
@@ -2,5 +2,5 @@
 
 > 🚀 If you're going through hell, keep going.
 
-[推荐网站](/wed/README.md)
+[推荐网站](/web/README.md)
 [寻找档案](guide.md)
diff --git a/linux/README.md b/linux/README.md
@@ -1,56 +1,56 @@
-# Linux 基础学习
-
-## 基本命令
-
-- pwd 打印当前路径
-- file 文件类型，—v 显示版本信息，—z 试图解读文件类别
-- Ctrl d 退出会话
-- wgte 网络请求
-- chmod u=,g=,o= 文件名
-- mkdir 创建一个新的目录 -m:配置文件的权限-p:帮助你直接将所需要的目录(包含上一级目录)递归创建起来
-- cp 即拷贝文件和目录—a 保留原文件属性的前提下复制文件-p 保留源文件或目录的属性
-- df 列出文件系统的整体磁盘使用量
-- du 检查磁盘空间
-- apt purge 卸载软件
-- apt instell 安装软件
-- dpkg -i 本地安装
-- unzip 解压 zip 文件
-- linux 想隐藏一个文件，只需要在文件名或目录名前面加一个 .
-
-## vim 使用
-
-- vim 有三种模式：命令、插入、编辑(使用 ESC 或 i 或：来切换模式)
-
-```linux
-命令模式下：
-:q 退出
-:q! 强制退出
-:wq  保存并退出
-/apache 在文档中查找apache 按n跳到下一个，shift+n上一个
-yyp 复制光标所在行，并粘贴
-h(左移一个字符)、j(下一行)、k(上一行)、l(右移一个字符)
-```
-
-## linux 权限问题
-
-```linux
-文件/目录	你对于此文件所拥有的权限	root 用户对于此文件所拥有的权限	 当前用户所在的组对于此文件所拥有的权限
--		rwx			r-x					r-x
-
-
-r : read  读权限
-w : write 写权限
-x : exec  运行权限
-- : 不存在/没指定
-
-权限可以用二进制表示：
-r	w	x
-100	010	001		1 + 2 + 4 = 7(rwx)
-
-每一种权限都对应一个唯一的数字：
-r	= 4
-rw	= 6
-rwx	= 7
-rx	= 5
-644 = rw-r--r--
-```
+# Linux 基础学习
+
+## 基本命令
+
+- pwd 打印当前路径
+- file 文件类型，—v 显示版本信息，—z 试图解读文件类别
+- Ctrl d 退出会话
+- wgte 网络请求
+- chmod u=,g=,o= 文件名
+- mkdir 创建一个新的目录 -m:配置文件的权限-p:帮助你直接将所需要的目录(包含上一级目录)递归创建起来
+- cp 即拷贝文件和目录—a 保留原文件属性的前提下复制文件-p 保留源文件或目录的属性
+- df 列出文件系统的整体磁盘使用量
+- du 检查磁盘空间
+- apt purge 卸载软件
+- apt instell 安装软件
+- dpkg -i 本地安装
+- unzip 解压 zip 文件
+- linux 想隐藏一个文件，只需要在文件名或目录名前面加一个 .
+
+## vim 使用
+
+- vim 有三种模式：命令、插入、编辑(使用 ESC 或 i 或：来切换模式)
+
+```linux
+命令模式下：
+:q 退出
+:q! 强制退出
+:wq  保存并退出
+/apache 在文档中查找apache 按n跳到下一个，shift+n上一个
+yyp 复制光标所在行，并粘贴
+h(左移一个字符)、j(下一行)、k(上一行)、l(右移一个字符)
+```
+
+## linux 权限问题
+
+```linux
+文件/目录	你对于此文件所拥有的权限	root 用户对于此文件所拥有的权限	 当前用户所在的组对于此文件所拥有的权限
+-		rwx			r-x					r-x
+
+
+r : read  读权限
+w : write 写权限
+x : exec  运行权限
+- : 不存在/没指定
+
+权限可以用二进制表示：
+r	w	x
+100	010	001		1 + 2 + 4 = 7(rwx)
+
+每一种权限都对应一个唯一的数字：
+r	= 4
+rw	= 6
+rwx	= 7
+rx	= 5
+644 = rw-r--r--
+```
diff --git a/wed/015.jpg b/wed/015.jpg
diff --git a/wed/README.md b/wed/README.md
@@ -0,0 +1,51 @@
+# 网站推荐
+
+## 设计类
+
+- https://palettemaker.com/ (调色板)
+
+- https://neumorphism.io/ (边框设计)
+
+- https://pixabay.com/zh/ (图片素材库)
+
+- https://www.addog.vip/ (广告网站导航)
+
+- https://cssbuttons.io/ (css 按钮)
+
+- https://webgradients.com/ (css 渐变)
+
+- https://www.zhongguose.com/ (中国色)
+
+- https://nipponcolors.com/#hai (日本色)
+
+- https://www.zitijia.com/ (免费字体,logo)
+
+## 工具类
+
+- https://haiyong.site/moyu/ (游戏大全)
+
+- https://zh.recompressor.com/ (图像优化)
+
+- https://ai.animedb.cn/ (ai 识番)
+
+- https://bigjpg.com/zh (无损放大)
+
+- https://trace.moe/ (动漫搜索)
+
+- https://www.tosound.com/ (免费音效)
+
+- https://temp-mail.org/zh/ (匿名邮箱)
+
+- https://www.coderutil.com/ (编程工具导航)
+
+- https://tool.pc.wiki/ (PC 工具箱)
+
+## 语言类
+
+- https://www.dotcpp.com/course/c/ (C 语言网)
+
+- https://www.programmercarl.com/ (代码随想录)
+
+## 命令类
+
+- https://man.niaoge.com/ (鸟哥 Linux 命令大全)
diff --git a/wed/Sayonara.js b/wed/Sayonara.js
diff --git a/wed/fusion-pixel-12px-monospaced-ja.woff2 b/wed/fusion-pixel-12px-monospaced-ja.woff2
diff --git a/wed/index.html b/wed/index.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>link</title>
+    <style>
+        @font-face {
+            font-family: 'xu';
+            src: url('/wed/fusion-pixel-12px-monospaced-ja.woff2') format('woff2');
+        }
+
+        body {
+            background-color: rgb(204, 212, 230);
+            display: flex;
+            font-family: 'xu', sans-serif;
+            justify-content: center;
+        }
+
+        .a {
+            position: relative;
+            width: 700px;
+            height: 400px;
+            border: #fff 10px solid;
+            /* background-color: rgba(120, 140, 200, .5); */
+            background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
+            border-radius: 20px;
+            overflow: hidden;
+        }
+
+        .b {
+            position: absolute;
+            width: 200px;
+            height: 300px;
+            left: 0;
+            margin: 75px 50px;
+            transition: 1s;
+        }
+
+        .b a {
+            text-decoration: none;
+            color: #fff;
+            font: 900 28px '';
+        }
+
+        .b h2 {
+            /* 鼠标放开时的动画，第一个值是动画的过渡时间
+            第二个值是延迟一秒后执行动画 */
+            transition: .5s 1s;
+            opacity: 0;
+            color: rgb(30, 210, 200);
+        }
+
+        .b span {
+            transition: .5s 1s;
+            color: #fff;
+            position: absolute;
+            top: 50px;
+        }
+
+        .c {
+            position: absolute;
+            top: -130px;
+            right: -240px;
+        }
+
+        .d,
+        .e {
+            position: absolute;
+            right: calc(var(--i)*100px);
+            width: calc(var(--w)*40px);
+            height: 500px;
+            overflow: hidden;
+            border-radius: 100px;
+            transform: rotateZ(220deg) translate(0, 0);
+            transition: .5s .5s;
+        }
+
+        .e {
+            left: -470px;
+            top: -140px;
+            width: 70px;
+        }
+
+        .a:hover .c div {
+            /* 设置延迟动画 */
+            transition: .5s calc(var(--i)*.1s);
+            /* 移动的轨迹 */
+            transform: rotateZ(220deg) translate(-200px, 400px);
+        }
+
+        .a:hover .b {
+            transition: 1s .5s;
+            left: 370px;
+        }
+
+        .a:hover .b span {
+            transition: 1s .5s;
+            top: 88px;
+        }
+
+        .a:hover .b h2 {
+            transition: 1s .5s;
+            opacity: 1;
+        }
+
+        .f {
+            width: 250px;
+            height: 250px;
+            position: absolute;
+            background-image: url("./015.jpg");
+            background-size: cover;
+            margin: 70px;
+            opacity: 0;
+            transition: .5s;
+        }
+
+        .a:hover .f {
+            transition: 1s 1.3s;
+            opacity: 1;
+        }
+    </style>
+</head>
+
+<body>
+    <!-- 名片分三大块
+    最外层的一块a
+    文字一大块b
+    平面圆柱一块c -->
+    <div class="a">
+        <div class="b">
+            <a href="#" style="color: #edce7a; font-family: 'xu', sans-serif;">Sayonara</a>
+            <h2>QQ:2951876653</h2>
+            <span style="color: #c98c9a; font-family: 'xu', sans-serif; font-size: 20px;">😃嗨，你好，我是 Sayonara</br>一位喜欢
+                C#的萌新!<br />🎨热爱编程、音乐、摄影<br />💗If you're going through hell, keep going.</span>
+        </div>
+        <div class="c">
+            <!-- --i是用来计算平面圆柱的动效延迟和距离的
+            --w则是用来计算平面圆柱的宽度 -->
+            <div class="d" style="--i:1;--w:1.5; background: #9ac5e5; "></div>
+            <div class="d" style="--i:2;--w:1.6; background: #4fb19d;"></div>
+            <div class="d" style="--i:3;--w:1.4; background-color:#e5c6c3"></div>
+            <div class="d" style="--i:4;--w:1.7; background-color: #c98c9a"></div>
+            <div class="e" style="--i:1; background-color: #edce7a;"></div>
+        </div>
+        <div class="f"></div>
+    </div>
+</body>
+
+</html>