using System;
using Microsoft.EntityFrameworkCore.Migrations;

#nullable disable

namespace WebNote.Migrations
{
    /// <inheritdoc />
    public partial class AddSiteOwnerTable : Migration
    {
        /// <inheritdoc />
        protected override void Up(MigrationBuilder migrationBuilder)
        {
            migrationBuilder.CreateTable(
                name: "SiteOwners",
                columns: table => new
                {
                    Id = table.Column<int>(type: "int", nullable: false)
                        .Annotation("SqlServer:Identity", "1, 1"),
                    Name = table.Column<string>(type: "nvarchar(100)", maxLength: 100, nullable: false),
                    Title = table.Column<string>(type: "nvarchar(200)", maxLength: 200, nullable: true),
                    Bio = table.Column<string>(type: "nvarchar(500)", maxLength: 500, nullable: true),
                    Resume = table.Column<string>(type: "nvarchar(max)", nullable: true),
                    AvatarPath = table.Column<string>(type: "nvarchar(255)", maxLength: 255, nullable: true),
                    Email = table.Column<string>(type: "nvarchar(20)", maxLength: 20, nullable: true),
                    Mobile = table.Column<string>(type: "nvarchar(20)", maxLength: 20, nullable: true),
                    GitHub = table.Column<string>(type: "nvarchar(100)", maxLength: 100, nullable: true),
                    QQ = table.Column<string>(type: "nvarchar(20)", maxLength: 20, nullable: true),
                    CreatedAt = table.Column<DateTime>(type: "datetime2", nullable: false),
                    UpdatedAt = table.Column<DateTime>(type: "datetime2", nullable: true),
                    IsActive = table.Column<bool>(type: "bit", nullable: false)
                },
                constraints: table =>
                {
                    table.PrimaryKey("PK_SiteOwners", x => x.Id);
                });
        }

        /// <inheritdoc />
        protected override void Down(MigrationBuilder migrationBuilder)
        {
            migrationBuilder.DropTable(
                name: "SiteOwners");
        }
    }
}

Add-Migration AddSiteOwnerTable

Update-Database

最近研究mysql，遇到这个问题

解决方法，用navicat加上用户，以及ip

  // 使用JsonConvert.SerializeObject保留中文
  var jsonSettings = new JsonSerializerSettings
  {
      StringEscapeHandling = StringEscapeHandling.Default
  };
  
  data.RequestBody = JsonConvert.SerializeObject(resultJson, jsonSettings);
  
  // 这里是关键 - 使用JsonConvert.SerializeObject来序列化整个data对象
  string postData = JsonConvert.SerializeObject(data, jsonSettings);
  
  // 使用序列化后的字符串而不是JSON.ToJSON(data)

 var content = HttpTools.PostHttpNHSHelp(url, postData, "同步答卷结果");

问题出在函数声明的位置和压缩工具处理函数声明的方式上。
在JavaScript中，函数声明提升是很常见的，但是在压缩过程中，当函数声明放在代码中间而不是顶部时，可能会导致问题。

采用将 togglePanel 改为函数表达式的方法

document.addEventListener('DOMContentLoaded', function () {
    // 获取可折叠面板的标题元素
    const collapsibleHeader = document.querySelector('.collapsible-header');
    const collapseElement = document.getElementById('relatedNotesCollapse');
    const toggleIcon = document.querySelector('.toggle-icon');
    const mainContent = document.querySelector('.col-md-8');
    const sidePanel = document.querySelector('.col-md-4');
    const noteContent = document.querySelector('.note-content-detail');
    const floatBtn = document.querySelector('.float-toggle-btn');

    if (!collapsibleHeader || !collapseElement || !toggleIcon || !mainContent || !sidePanel) {
        // 如果找不到必要的元素，就退出
        return;
    }

    // 切换面板状态的函数（使用函数表达式而不是函数声明）
    const togglePanel = function() {
        const isExpanded = !sidePanel.classList.contains('collapsed');

        // 只在非移动设备上更新状态
        if (window.innerWidth >= 768) {
            // 更新本地存储中的状态
            localStorage.setItem('relatedNotesCollapsed', isExpanded);

            if (isExpanded) {
                // 收缩
                sidePanel.classList.add('collapsed');
                mainContent.classList.add('expanded');

                // 隐藏内容区域
                collapseElement.classList.remove('show');

                // 显示悬浮按钮
                if (floatBtn) {
                    floatBtn.classList.add('visible');
                }
            } else {
                // 展开
                sidePanel.classList.remove('collapsed');
                mainContent.classList.remove('expanded');

                // 显示内容区域
                collapseElement.classList.add('show');

                // 隐藏悬浮按钮
                if (floatBtn) {
                    floatBtn.classList.remove('visible');
                }
            }
        }
    };

    // 从本地存储中获取面板状态（如果有）
    const isCollapsed = localStorage.getItem('relatedNotesCollapsed') === 'true';

    // 初始化面板状态
    if (isCollapsed && window.innerWidth >= 768) {
        // 只在非移动设备上应用收缩状态
        // 收缩
        sidePanel.classList.add('collapsed');
        mainContent.classList.add('expanded');

        // 隐藏内容区域
        collapseElement.classList.remove('show');

        // 显示悬浮按钮
        if (floatBtn) {
            floatBtn.classList.add('visible');
        }
    }

    // 添加点击事件监听器，仅在非移动设备下启用
    collapsibleHeader.addEventListener('click', function (e) {
        // 在移动设备下阻止叉号图标的点击事件
        if (window.innerWidth < 768 && e.target.classList.contains('toggle-icon')) {
            e.stopPropagation();  // 阻止事件传播
            return;  // 在移动设备上不处理叉号图标点击
        }

        // 非移动设备下正常切换面板
        if (window.innerWidth >= 768) {
            togglePanel();
        }
    });

    // 特别为移动设备处理叉号图标
    if (toggleIcon) {
        toggleIcon.addEventListener('click', function (e) {
            // 在移动设备下阻止点击事件
            if (window.innerWidth < 768) {
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }

    // 如果存在悬浮按钮，添加点击事件
    if (floatBtn) {
        floatBtn.addEventListener('click', function () {
            togglePanel();
        });
    }

    // 窗口大小改变时的处理
    window.addEventListener('resize', function () {
        if (window.innerWidth < 768) {
            // 在移动设备视图下恢复正常布局
            sidePanel.classList.remove('collapsed');
            mainContent.classList.remove('expanded');

            // 显示相关笔记内容
            collapseElement.classList.add('show');

            // 隐藏悬浮按钮
            if (floatBtn) {
                floatBtn.classList.remove('visible');
            }

            // 确保叉号图标在移动设备上不执行收缩功能
            if (toggleIcon) {
                toggleIcon.style.pointerEvents = 'none';
                toggleIcon.style.display = 'none';
            }
        } else {
            // 恢复图标功能
            if (toggleIcon) {
                toggleIcon.style.pointerEvents = 'auto';
                toggleIcon.style.display = '';
            }

            // 在桌面视图下，如果状态是收缩的，保持收缩
            if (localStorage.getItem('relatedNotesCollapsed') === 'true') {
                sidePanel.classList.add('collapsed');
                mainContent.classList.add('expanded');
                collapseElement.classList.remove('show');
                if (floatBtn) {
                    floatBtn.classList.add('visible');
                }
            }
        }
    });

    // 初始检查是否为移动设备，禁用叉号图标功能
    if (window.innerWidth < 768 && toggleIcon) {
        toggleIcon.style.pointerEvents = 'none';
        toggleIcon.style.display = 'none';
    }
});

是因为这里选了GB936出的错，改了以后好了

添加 BuildBundlerMinifier NuGet 包

在项目根目录创建 bundleconfig.json 文件，用于配置要压缩和捆绑的文件

[
  {
    "outputFileName": "wwwroot/css/site.min.css",
    "inputFiles": [
      "wwwroot/css/site.css"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true
    }
  },
  {
    "outputFileName": "wwwroot/js/site.min.js",
    "inputFiles": [
      "wwwroot/js/site.js"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true
    }
  },
  {
    "outputFileName": "wwwroot/js/page-loader.min.js",
    "inputFiles": [
      "wwwroot/js/page-loader.js"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true
    }
  },
  {
    "outputFileName": "wwwroot/js/back-to-top.min.js",
    "inputFiles": [
      "wwwroot/js/back-to-top.js"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true
    }
  },
  {
    "outputFileName": "wwwroot/js/collapsible-panel.min.js",
    "inputFiles": [
      "wwwroot/js/collapsible-panel.js"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true
    }
  },
  {
    "outputFileName": "wwwroot/js/bundle.min.js",
    "inputFiles": [
      "wwwroot/js/site.js",
      "wwwroot/js/page-loader.js",
      "wwwroot/js/back-to-top.js"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true
    }
  }
]

@{
    // 获取当前页面路径
    var currentPage = ViewContext.RouteData.Values["page"]?.ToString() ?? "";
    var isPublicNotes = currentPage.StartsWith("/PublicNotes");
    var isPrivacy = currentPage.StartsWith("/Privacy");
    
    // 判断是否为开发环境
    var isDevelopment = Environment.GetEnvironmentVariable("ASPNETCORE_ENVIRONMENT") == "Development";
    var cssFile = isDevelopment ? "~/css/site.css" : "~/css/site.min.css";
}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - 个人研习知识记录笔记</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/lib/bootstrap-icons/bootstrap-icons.min.css" />
    <link rel="stylesheet" href="@cssFile" asp-append-version="true" />
    <link rel="stylesheet" href="~/WebNote.styles.css" asp-append-version="true" />
    @await RenderSectionAsync("Styles", required: false)
</head>
<body>
    <!-- 添加全局加载指示器 -->
    <div id="page-loader" class="page-loader">
        <div class="loader-container">
            <div class="spinner-border text-primary" role="status">
                <span class="visually-hidden">加载中...</span>
            </div>
            <p class="mt-3">页面加载中，请稍候...</p>
        </div>
    </div>
    <!-- 现有布局内容，包装在一个容器内以控制显示 -->
    <div id="page-content" class="page-content d-none">
        <!-- 页面内容 -->
    </div>
    
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    
    @if (isDevelopment)
    {
        <script src="~/js/site.js" asp-append-version="true"></script>
        <script src="~/js/page-loader.js" asp-append-version="true"></script>
        <script src="~/js/back-to-top.js" asp-append-version="true"></script>
    }
    else
    {
        <!-- 在生产环境中使用捆绑和压缩的JS文件 -->
        <script src="~/js/bundle.min.js" asp-append-version="true"></script>
    }
    
    @await RenderSectionAsync("Scripts", required: false)
</body>
</html>

1. css

   * 回到顶部按钮样式 */
   .back-to-top {
       position: fixed;
       bottom: 25px;
       right: 0; /* 修改为0，确保紧贴页面右边缘 */
       display: none;
       width: 40px;
       height: 40px;
       border-radius: 50% 0 0 50%; /* 修改为半圆形，左边圆形，右边直线 */
       background-color: #007bff;
       color: white;
       border: none; /* 移除按钮边框 */
       padding: 0; /* 移除按钮内边距 */
       text-align: center;
       font-size: 20px;
       cursor: pointer;
       z-index: 1000;
       transition: all 0.3s ease;
       box-shadow: 0 2px 5px rgba(0,0,0,0.2);
   }
   
       .back-to-top:hover {
           background-color: #0056b3;
           width: 45px; /* 悬停时稍微扩大按钮 */
       }
   
       .back-to-top:focus {
           outline: none; /* 移除焦点轮廓 */
       }
   
       .back-to-top i {
           line-height: 40px;
           margin-left: -3px; /* 微调图标位置 */
       }

2. js

   // 回到顶部功能
   document.addEventListener('DOMContentLoaded', function () {
       // 创建回到顶部按钮元素（使用button元素替代a元素）
       var backToTopButton = document.createElement('button');
       backToTopButton.className = 'back-to-top';
       backToTopButton.id = 'back-to-top';
       backToTopButton.type = 'button';
       backToTopButton.setAttribute('aria-label', '回到顶部');
       backToTopButton.innerHTML = '<i class="bi bi-arrow-up"></i>';
       document.body.appendChild(backToTopButton);
   
       // 控制按钮显示与隐藏
       window.addEventListener('scroll', function () {
           if (window.pageYOffset > 300) { // 当页面滚动超过300px时显示
               backToTopButton.style.display = 'block';
           } else {
               backToTopButton.style.display = 'none';
           }
       });
   
       // 点击按钮回到顶部
       backToTopButton.addEventListener('click', function () {
           // 平滑滚动回顶部
           window.scrollTo({
               top: 0,
               behavior: 'smooth'
           });
       });
   });

.net Framework可参照上图

.net core从 3.0以后支持TLS 1.3，.net 5以后也支持

// 添加到 Program.cs 中
app.UseStaticFiles(new StaticFileOptions
{
    OnPrepareResponse = ctx =>
    {
        // 缓存图片、CSS和JavaScript文件一周
        if (ctx.File.Name.EndsWith(".jpg") || ctx.File.Name.EndsWith(".css") || ctx.File.Name.EndsWith(".js"))
        {
            ctx.Context.Response.Headers.Append("Cache-Control", "public,max-age=604800");
           }
       }
   });

1. 在 _Layout.cshtml页面先添加html代码

       <div id="page-loader" class="page-loader">
           <div class="loader-container">
               <div class="spinner-border text-primary" role="status">
                   <span class="visually-hidden">加载中...</span>
               </div>
               <p class="mt-3">页面加载中，请稍候...</p>
           </div>
       </div>
        <!-- 现有布局内容，包装在一个容器内以控制显示 -->
   <div id="page-content" class="page-content d-none">
   ......
   </div>

2. 新的js文件

   document.addEventListener('DOMContentLoaded', function() {
       // 注册页面加载事件
       window.addEventListener('load', showPage);
       
       // 如果页面已加载完成，立即显示内容
       if (document.readyState === 'complete') {
           showPage();
       }
       
       // 如果页面加载超过3秒，仍然显示内容（防止加载卡住）
       setTimeout(showPage, 3000);
   });
   
   function showPage() {
       // 淡出加载指示器
       const pageLoader = document.getElementById('page-loader');
       if (pageLoader) {
           pageLoader.classList.add('fade-out');
           
           // 淡入页面内容
           setTimeout(function() {
               const pageContent = document.getElementById('page-content');
               if (pageContent) {
                   pageContent.classList.remove('d-none');
                   pageContent.classList.add('fade-in');
               }
               
               // 完全移除加载指示器
               setTimeout(function() {
                   pageLoader.style.display = 'none';
               }, 500);
           }, 300);
       }
   }

    

3. css 添加

   /* 页面加载指示器样式 */
   .page-loader {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: #ffffff;
       z-index: 9999;
       display: flex;
       justify-content: center;
       align-items: center;
       transition: opacity 0.5s ease;
   }
   
       .page-loader.fade-out {
           opacity: 0;
       }
   
   .loader-container {
       text-align: center;
       padding: 20px;
       border-radius: 8px;
       background-color: rgba(255, 255, 255, 0.9);
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   }
   
   .page-content {
       opacity: 0;
       transition: opacity 0.5s ease;
   }
   
       .page-content.fade-in {
           opacity: 1;
       }
   
   /* 适当调整主体部分，防止内容闪烁 */
   main {
       min-height: 60vh;
   }

4. 引用js

     <!-- 添加页面加载控制脚本 -->
   <script src="~/js/page-loader.js" asp-append-version="true"></script>