博客设计参考

 😅 https://nshipster.com/ https://stuffandnonsense.co.uk/blog https://cssdb.org/ https://webkit.org/blog/ https://bundlers.tooling.report/ https://m2.material.io/design/color/dark-theme.html#usage https://mxb.dev/notes/ https://color.adobe.com/zh/color-wheel-game https://stackoverflow.design/ https://lukelowrey.com/ https://whitep4nth3r.com/blog/best-light-dark-mode-theme-toggle-javascript/ https://duckduckgo.com/ https://tailwindui.com/components?ref=sidebar root@mysql0823 [email protected] mysql0823 root@mysql8023 mysql@8023 mysql@root8023 mysql@root0823 C:> mysqld —defaults-file=“D:\ProgramData\MySQL\MySQL Server 8.0\my.ini” —init-file=C:\mysql-init.txt

mysqld —defaults-file=“D:\ProgramData\MySQL\MySQL Server 8.0\my.ini” —init-file=C:\mysql-init.txt

页面版中心宽度

nshipster

.container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    margin: 0 auto;
    padding: 2em;
}

cssdb

body {
    padding: 0 calc((100% - 960px) / 2);
}

obsidian

.container {
    margin-left: auto;
    margin-right: auto;
    width: 72rem;
    max-width: 90%;
}

dark-mode-baseline

html {
    font-family: sans-serif;
    font-size: 12pt;
    max-width: 900px;
    position: relative;
    margin: 0 auto;
}

侧边栏布局 obsidian https://obsidian.md/account ![[Pasted image 20240714195816.png]]

导航栏参考

obsidian duckduckgo https://duckduckgo.com/ ![[Pasted image 20240714203755.png]]

文章卡片功能学习切换 https://developers.google.com/codelabs/devtools-cvd?hl=zh-cn#2