规划 - 代码音符

文章分类系统
文章标签系统

列表应给一些额外左右边框

pre 分词测试下，本文章pre内部出现了过宽的混乱

overflow: scroll;

pre 上添加此可解决

p 标签没有天生高度，这导致分行失效

margin: 10px 0;

修改上下边框

做一些优化：

title规范
robot.txt
meta

<title>代码音符</title>
<meta name="description" content="代码音符是一个用于技术分享的个人网站，网站主要涉及内容有编程技术分享、软件安装教程、开发BUG解决经验等。" />
<meta name="robots" content="all" />
<link rel="canonical" href="https://createdpro.com" />

文章私有
文章区分文章与收藏，在归档与搜索时分别展示
首页收藏的展示方式 - 待定
创意，目前打算做两个，一个是音乐，一个是聊天室
文章展示页，新增根据h1 h2总结大纲，在右侧作者下显示，页面向下滚动一定位置时固定在右侧
数据统计，近七天网站pv、uv
签名历史留档
标签搜罗器标签库展示
图片搜罗器图片库展示

复选框：

article li[data-list=unchecked], article li[data-list=checked] {
    list-style-type: none;
}

article li[data-list=unchecked]::before {
    content: "☐";
}
article li[data-list=checked]::before {
    content: "☑";
}

临时死链：

https://createdpro.com/u/type/106509?type=Nginx
https://createdpro.com/a?id=83000537894
https://www.createdpro.com/u/type/106509?type=Java基础
https://www.createdpro.com/u/type/106509?type=Mysql
https://www.createdpro.com/u/type/106509
https://www.createdpro.com/u/type/106509?type=代码片段
https://www.createdpro.com/u/106509
https://www.createdpro.com/u/24943762
https://createdpro.com/u/type/106509?type=服务器
https://www.createdpro.com/a?id=100018
https://www.createdpro.com/u/type/106509?type=服务器

改版合集（认证www站点后）：

https://www.createdpro.com/a/100021 https://www.createdpro.com/a?id=100021
https://www.createdpro.com/a/100023 https://www.createdpro.com/a?id=100023
https://www.createdpro.com/a/100017 https://www.createdpro.com/a?id=100017
https://www.createdpro.com/a/11000528405 https://www.createdpro.com/a?id=11000528405
https://www.createdpro.com/a/100019 https://www.createdpro.com/a?id=100019
https://www.createdpro.com/a/34000646284 https://www.createdpro.com/a?id=34000646284
https://www.createdpro.com/a/100002 https://www.createdpro.com/a?id=100002
https://www.createdpro.com/a/100022 https://www.createdpro.com/a?id=100022
https://www.createdpro.com/a/83000876014 https://www.createdpro.com/a?id=83000876014
https://www.createdpro.com/a/56000231818 https://www.createdpro.com/a?id=56000231818
https://www.createdpro.com/a/100014 https://www.createdpro.com/a?id=100014
https://www.createdpro.com/a/12000452546 https://www.createdpro.com/a?id=12000452546
https://www.createdpro.com/a/41000842084 https://www.createdpro.com/a?id=41000842084

robots.txt 中 disallow: /s 屏蔽了 /sitemap.txt。

应修改为 /s?

此问题仍然存在。

新加上，然后测试抓取诊断

Allow: /sitemap.txt

为 blockquote 添加新属性：

article blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

编辑栏 header , 应在向下滚动一定部位后自动吸顶固定存在

// 将下面方法加入 onMounted 中
const settingHeaderBar = () => {
    // 添加一个自定义的类到工具栏容器
    const toolbarContainer: HTMLDivElement | null = document.querySelector('.ql-toolbar');
    const editor: HTMLDivElement | null = document.querySelector('#editor');
    window.addEventListener('scroll', function () {
        const currentScrollTop = document.documentElement.scrollTop;
        console.log(currentScrollTop);
        if (currentScrollTop > 110) {
            editor!.style.marginTop = toolbarContainer?.offsetHeight + "px";
            // 滚动向下，工具栏固定在顶部
            toolbarContainer!.style.position = 'fixed';
            toolbarContainer!.style.top = '0';
            toolbarContainer!.style.width = editor?.offsetWidth + "px";
            toolbarContainer!.style.backgroundColor = '#fff';
            toolbarContainer!.style.zIndex = '33';
        } else {
            toolbarContainer!.style.position = 'static';
            toolbarContainer!.style.backgroundColor = '';
            toolbarContainer!.style.width = '';
            editor!.style.marginTop = "";
        }
    });
}

代码音符

规划

登录