2025.11.03

修改部分
改善部分问题
修改排版
解决已知问题
未知的正在查找

**署名**
SkimrMe
This commit is contained in:
2025-11-03 09:40:54 +08:00
parent b40c68063c
commit 45f3cf0474
6 changed files with 127 additions and 208 deletions

View File

@@ -1,27 +1,5 @@
<a href="https://ww3.tw/">点击访问</a> <a href="https://ww3.tw/">点击访问</a>
## 2025.08.25
开始规划记录添加与修改
添加部分
- 暂无
修改部分
- 暂无
备注部分
- 暂无
预计规划 (不一定会做到)
- 暂无
**署名**
skimrme
## 2025.7.20 ## 2025.7.20
open-ww3-project-ww3-tw open-ww3-project-ww3-tw
个人博客地址(预计) 个人博客地址(预计)
@@ -33,9 +11,6 @@ open-ww3-project-ww3-tw
skimrme skimrme
测试 # 感谢谷歌Genmini的指导
# 感谢互联网
**署名** # 感谢自己
kami

View File

@@ -1,3 +0,0 @@
# 2025.08.25
- 整体重构,完善推文增、改 (进行中)
-

View File

@@ -1,130 +0,0 @@
<!-- 伪页面跳转 -->
<nav>
<a href="#雜談">雜談</a>
<a href="#學習">學習</a>
<a href="#課題">課題</a>
<a href="#gmssh">gmssh</a>
</nav>
<div id="雜談" class="page">
<div id="body_color">
<h2>雜談</h2>
<p>
目前什么都没有哦。
感谢您的访问
</p>
</div>
</div>
<div id="學習" class="page">
<div id="body_color">
<h2>學習</h2>
<p>
目前什么都没有哦。
感谢您的访问
</p>
</div>
</div>
<div id="課題" class="page">
<div id="body_color">
<h2>課題</h2>
<p>
关于pygame的学习
</p>
</div>
</div>
<div id="gmssh" class="page">
<div id="body_color">
<h2>gmssh</h2>
<li>gmssh官网
<a href="https://www.gmssh.com/">点击跳转</a>
</li>
<p>
关于gmssh的应用构建与学习
</p>
</div>
</div>
<style>
.page h2
{
text-align: center;
}
#body_color
/* 背景颜色 */
{
background-color: rgba(147, 185, 255, 0.644);
position: absolute;
overflow-y: auto;
box-sizing: border-box;
width: 100%;
height: 90%;
}
.page
{
display: none;
width: 120%;
height: 120%;
position: absolute;
top: -60;
left: -76;
background-color: white;
overflow-y: auto;
box-sizing: border-box;
padding-top: 50px;
}
.page:target
{
display: block;
}
nav a
/* 字体 */
{
color: white;
text-decoration: none;
padding: 10px 15px;
}
</style>
<!-- 伪页面跳转 -->
<script>
function updateTitle() {
let hash = window.location.hash;
// 获取基础的网站标题
const baseTitle = "ww3";
if (hash) {
// 移除哈希值前面的 #
let pageName = hash.substring(1);
// 解码URL
pageName = decodeURIComponent(pageName);
// 动态设置标题:自定义页面标题 | 网站标题
document.title = `${pageName} | ${baseTitle}`;
} else {
// 如果没有哈希值,可以设置一个默认的首页标题
document.title = `首页 | ${baseTitle}`;
}
}
// 1. 页面加载时执行一次
window.addEventListener('load', updateTitle);
// 2. 当URL的哈希值改变时执行
window.addEventListener('hashchange', updateTitle);
</script>

View File

@@ -1,3 +1,4 @@
<!-- blog主页 -->
<html> <html>
<head> <head>
<title>首页 | ww3</title> <title>首页 | ww3</title>
@@ -46,16 +47,58 @@
<img id="open-ww3-project-img" width="10%" src="./src/img/open-ww3-project.png" alt="open-ww3-project-img"> <img id="open-ww3-project-img" width="10%" src="./src/img/open-ww3-project.png" alt="open-ww3-project-img">
<div id="post_content"> <div id="post_content">
<?php <?php
include "post/index.php"; //include "post/index.php";
// 设定数据库路径
$db_path = '/var/www/owp/open-ww3-project-ww3-tw/databases/sqlite/owp.db';
try {
// 连接数据库
$db = new SQLite3($db_path);
// 连接成功输出连接成功
echo "<!--数据库连接成功-->";
// 如果连接成功,但是内部状态有问题
if ($db->lastErrorCode() !==0) {
// 依旧显示为连接失败
die("数据库连接失败");
}
// 内容区
// 执行sql命令 查询表单
$select_id_date_title_from_posts_btos /*查询posts表单中的id date title id从大到小排列*/ = $db->query('SELECT id, date, title FROM posts ORDER BY id DESC'); // 执行查询posts表单中的id date title id从大到小排列的命令
// 循环 写入
echo "<center><b><h2>全部文章</h2></b></center>";
echo "<br>";
echo "文章如下↓";
echo "<br>";
echo "<br>";
while ($row = $select_id_date_title_from_posts_btos->fetchArray(SQLITE3_ASSOC)) {
echo "文章id: " . $row['id'] . "<br>";
echo $row['date'] . "&nbsp;&nbsp;&nbsp;" . "文章标题: " . $row['title'] . "<br>";
echo "<a href='https://ww3.tw/blog/post/s/?id=" . $row['id'] . "'>页面跳转</a><br><br>";
}
// 关闭数据库连接
$db->close();
// 捕获php报错
} catch (Exception $e) {
// 依旧显示为连接失败
die("数据库连接失败");
// 关闭数据库连接
$db->close();
}
?> ?>
</div> </div>
<!-- gitea 图标 --> <!-- gitea 图标 -->
<a style="background-color: blueviolet; position: absolute;" href="https://gitea.ww3.tw/skimrme/open-ww3-project-ww3-tw"> <a style="background-color: blueviolet; position: absolute;" href="https://gitea.ww3.tw/skimrme/open-ww3-project-ww3-tw">
<img id="gitea-img" src="https://gitea.ww3.tw/assets/img/logo.svg" width="10%" alt="gitea" > <img id="gitea-img" src="https://gitea.ww3.tw/assets/img/logo.svg" width="7.5%" alt="gitea" >
</a> </a>
<?php
include "./fake_page.php";
?>
</body> </body>
</html> </html>
@@ -64,7 +107,7 @@
{ {
overflow: auto; overflow: auto;
/* up、right、down、left */ /* up、right、down、left */
margin: -610px 0px 0px 1036px; margin: -610px 0px 0px 1350px; /* 1064 */
} }
#open-ww3-project-img #open-ww3-project-img
@@ -81,7 +124,7 @@
color: rgb(202, 202, 202); color: rgb(202, 202, 202);
overflow: auto; overflow: auto;
/* up、right、down、left */ /* up、right、down、left */
margin: -255px 0px 0px 700px; margin: -328px 0px 0px 700px;
} }
body body
{ {
@@ -101,7 +144,7 @@
overflow: auto; overflow: auto;
background: #ffffffbc; background: #ffffffbc;
/* up、right、down、left */ /* up、right、down、left */
margin: 40px 0px 0px 0px; margin: 95px 0px 0px 0px;
} }
#td_navbar_40px #td_navbar_40px
@@ -128,7 +171,7 @@
{ {
width: 75px; width: 75px;
padding-bottom: 5px; padding-bottom: 5px;
padding-top: 5px; padding-top: 1.8px;
vertical-align: top; vertical-align: top;
} }

View File

@@ -1,4 +1,7 @@
<?php <body id=wallpaper>
<!-- 背景 -->
<div id="div_1">
<?php
// 设定数据库路径 // 设定数据库路径
$db_path = '/var/www/owp/open-ww3-project-ww3-tw/databases/sqlite/owp.db'; $db_path = '/var/www/owp/open-ww3-project-ww3-tw/databases/sqlite/owp.db';
@@ -15,21 +18,28 @@
// 内容区 // 内容区
// 执行sql命令 查询表单 // 执行sql命令 查询表单
$select_id_date_title_from_posts /*查询posts表单中的id date title id从小到大排列*/ = $db->query('SELECT id, date, title FROM posts ORDER BY id ASC'); // 执行查询posts表单中的id date title id从小到大排列的命令 $select_id_date_title_from_posts_btos /*查询posts表单中的id date title id从大到小排列*/ = $db->query('SELECT id, date, title FROM posts ORDER BY id DESC'); // 执行查询posts表单中的id date title id从大到小排列的命令
// 循环 写入 // 循环 写入
echo "<a href='https://ww3.tw' style='background-color: rgba(147, 185, 255, 0.644);position: absolute;'>返回首页</a>";
echo "<center><b><h2>全部文章</h2></b></center>"; echo "<center><b><h2>全部文章</h2></b></center>";
echo "<br>";
echo "文章如下↓"; echo "文章如下↓";
echo "<br>"; echo "<br>";
echo "<br>"; echo "<br>";
echo "<br>";
while ($row = $select_id_date_title_from_posts->fetchArray(SQLITE3_ASSOC)) { echo "<div id='content'>"; # 内容排版
while ($row = $select_id_date_title_from_posts_btos->fetchArray(SQLITE3_ASSOC)) {
echo "文章id: " . $row['id'] . "<br>"; echo "文章id: " . $row['id'] . "<br>";
echo $row['date'] . "&nbsp;&nbsp;&nbsp;" . "文章标题: " . $row['title'] . "<br>"; echo $row['date'] . "&nbsp;&nbsp;&nbsp;" . "文章标题: " . $row['title'] . "<br>";
echo "<a href='https://ww3.tw/blog/post/s/?id=" . $row['id'] . "'>页面跳转</a><br><br>"; echo "<a href='https://ww3.tw/blog/post/s/?id=" . $row['id'] . "'>页面跳转</a><br><br>";
} }
echo "</div>"; # 内容排版
// 关闭数据库连接 // 关闭数据库连接
@@ -42,5 +52,29 @@
// 关闭数据库连接 // 关闭数据库连接
$db->close(); $db->close();
} }
?>
</div>
</body>
?> <style>
#wallpaper {
background-image: url(https://www.loliapi.com/acg/pc/); /*图片地址*/ /* https://api.sretna.cn/api/pc.php */
background-repeat: no-repeat; /*禁止平铺*/
background-size: 100% 100%; /*图片占满100%*/
margin: 0; /* 外边框为0 */
/*padding: 0;*/
}
#div_1 {
height: 100%;
color: rgb(0, 0, 0);
font-size: 19px;
background-color: rgba(169, 169, 169, 0.48);
}
#content {
/* up、right、down、left */
margin: 0px 0px 0px 100px;
}
</style>