2025.11.03
修改部分 改善部分问题 修改排版 解决已知问题 未知的正在查找 **署名** SkimrMe
This commit is contained in:
@@ -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>
|
||||
@@ -1,3 +1,4 @@
|
||||
<!-- blog主页 -->
|
||||
<html>
|
||||
<head>
|
||||
<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">
|
||||
<div id="post_content">
|
||||
<?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'] . " " . "文章标题: " . $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>
|
||||
<!-- gitea 图标 -->
|
||||
<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>
|
||||
<?php
|
||||
include "./fake_page.php";
|
||||
?>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -64,7 +107,7 @@
|
||||
{
|
||||
overflow: auto;
|
||||
/* up、right、down、left */
|
||||
margin: -610px 0px 0px 1036px;
|
||||
margin: -610px 0px 0px 1350px; /* 1064 */
|
||||
|
||||
}
|
||||
#open-ww3-project-img
|
||||
@@ -81,7 +124,7 @@
|
||||
color: rgb(202, 202, 202);
|
||||
overflow: auto;
|
||||
/* up、right、down、left */
|
||||
margin: -255px 0px 0px 700px;
|
||||
margin: -328px 0px 0px 700px;
|
||||
}
|
||||
body
|
||||
{
|
||||
@@ -101,7 +144,7 @@
|
||||
overflow: auto;
|
||||
background: #ffffffbc;
|
||||
/* up、right、down、left */
|
||||
margin: 40px 0px 0px 0px;
|
||||
margin: 95px 0px 0px 0px;
|
||||
}
|
||||
|
||||
#td_navbar_40px
|
||||
@@ -128,7 +171,7 @@
|
||||
{
|
||||
width: 75px;
|
||||
padding-bottom: 5px;
|
||||
padding-top: 5px;
|
||||
padding-top: 1.8px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,46 +1,80 @@
|
||||
<?php
|
||||
// 设定数据库路径
|
||||
$db_path = '/var/www/owp/open-ww3-project-ww3-tw/databases/sqlite/owp.db';
|
||||
<body id=wallpaper>
|
||||
<!-- 背景 -->
|
||||
<div id="div_1">
|
||||
<?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 /*查询posts表单中的id date title id从小到大排列*/ = $db->query('SELECT id, date, title FROM posts ORDER BY id ASC'); // 执行查询posts表单中的id date title id从小到大排列的命令
|
||||
// 循环 写入
|
||||
|
||||
echo "<center><b><h2>全部文章</h2></b></center>";
|
||||
echo "文章如下↓";
|
||||
echo "<br>";
|
||||
echo "<br>";
|
||||
|
||||
while ($row = $select_id_date_title_from_posts->fetchArray(SQLITE3_ASSOC)) {
|
||||
|
||||
echo "文章id: " . $row['id'] . "<br>";
|
||||
echo $row['date'] . " " . "文章标题: " . $row['title'] . "<br>";
|
||||
echo "<a href='https://ww3.tw/blog/post/s/?id=" . $row['id'] . "'>页面跳转</a><br><br>";
|
||||
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 "<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 "<br>";
|
||||
echo "文章如下↓";
|
||||
echo "<br>";
|
||||
echo "<br>";
|
||||
echo "<br>";
|
||||
|
||||
echo "<div id='content'>"; # 内容排版
|
||||
|
||||
while ($row = $select_id_date_title_from_posts_btos->fetchArray(SQLITE3_ASSOC)) {
|
||||
|
||||
echo "文章id: " . $row['id'] . "<br>";
|
||||
echo $row['date'] . " " . "文章标题: " . $row['title'] . "<br>";
|
||||
echo "<a href='https://ww3.tw/blog/post/s/?id=" . $row['id'] . "'>页面跳转</a><br><br>";
|
||||
}
|
||||
|
||||
echo "</div>"; # 内容排版
|
||||
|
||||
|
||||
|
||||
// 关闭数据库连接
|
||||
$db->close();
|
||||
// 关闭数据库连接
|
||||
$db->close();
|
||||
|
||||
// 捕获php报错
|
||||
} catch (Exception $e) {
|
||||
// 依旧显示为连接失败
|
||||
die("数据库连接失败");
|
||||
// 关闭数据库连接
|
||||
$db->close();
|
||||
// 捕获php报错
|
||||
} catch (Exception $e) {
|
||||
// 依旧显示为连接失败
|
||||
die("数据库连接失败");
|
||||
// 关闭数据库连接
|
||||
$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>
|
||||
Reference in New Issue
Block a user