https://mei.bearblog.dev/

扫描 ID：
dbfa16fb-9fbc-46b6-a4e5-ab59e8be5d7a已完成
提交的 URL：
https://mei.bearblog.dev/
报告完成时间：

链接 · 找到 3 个

链接文本
https://shivrm.bearblog.dev/yet-another-old-toast-button/shivram
https://fonts.google.com/specimen/KarlaKarla
https://bearblog.devBear ʕ•ᴥ•ʔ

JavaScript 变量 · 找到 3 个

名称类型
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

控制台日志消息 · 找到 0 条

HTML

<!DOCTYPE html><html lang="en"><head>
  
  
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5">
  
  <title>mei's diary</title>
  <link rel="canonical" href="https://mei.bearblog.dev">
  


<meta name="mei" content="look-for-the-bear-necessities">

<!-- Primary Meta Tags -->
<meta name="title" content="mei's diary">
<meta name="description" content="Hello, world :8) Welcome to my online diary.

I'm . I mostly write about my anxieties and try to work through them in a positive way. I don't necessarily w...">

<!-- Open Graph / Facebook -->
<meta property="og:site_name" content="mei's diary">
<meta property="og:title" content="mei's diary">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mei.bearblog.dev">
<meta property="og:description" content="Hello, world :8) Welcome to my online diary.

I'm . I mostly write about my anxieties and try to work through them in a positive way. I don't necessarily w...">
<meta property="og:image" content="https://bear-images.sfo2.cdn.digitaloceanspaces.com/herman-1683556668-0.png">


<!-- Twitter -->
<meta property="twitter:card" content="summary">
<meta property="twitter:url" content="https://mei.bearblog.dev">
<meta property="twitter:title" content="mei's diary">
<meta property="twitter:description" content="Hello, world :8) Welcome to my online diary.

I'm . I mostly write about my anxieties and try to work through them in a positive way. I don't necessarily w...">
<meta property="twitter:image" content="https://bear-images.sfo2.cdn.digitaloceanspaces.com/herman-1683556668-0.png">



<!-- Microdata -->
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "website",
    "name": "mei&#x27;s diary",
    "url": "https://mei.bearblog.dev",
    "description": "Hello, world :8) Welcome to my online diary.

I&#x27;m . I mostly write about my anxieties and try to work through them in a positive way. I don&#x27;t necessarily w...",
    "about": {
      "@type": "mei&#x27;s diary",
      "description": "Hello, world :8) Welcome to my online diary.

I&#x27;m . I mostly write about my anxieties and try to work through them in a positive way. I don&#x27;t necessarily w..."
    }
  }
</script>
<link rel="alternate" type="application/atom+xml" href="/feed/">
<link rel="alternate" type="application/rss+xml" href="/feed/?type=rss">

  





  
  
  
    
        <link rel="shortcut icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Ctext%20y='.9em'%20font-size='90'%3E🎀%3C/text%3E%3C/svg%3E">
    



  <style>
      
      :root {
    --width: 800px;
    --font-main: Verdana, sans-serif;
    --font-secondary: Verdana, sans-serif;
    --font-scale: 1em;
    --background-color: #fff;
    --heading-color: #222;
    --text-color: #444;
    --link-color: #3273dc;
    --visited-color:  #8b6fcb;
    --code-background-color: #f2f2f2;
    --code-color: #222;
    --blockquote-color: #222;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #01242e;
        --heading-color: #eee;
        --text-color: #ddd;
        --link-color: #8cc2dd;
        --visited-color:  #8b6fcb;
        --code-background-color: #000;
        --code-color: #ddd;
        --blockquote-color: #ccc;
    }
}

body {
    font-family: var(--font-secondary);
    font-size: var(--font-scale);
    margin: auto;
    padding: 20px;
    max-width: var(--width);
    text-align: left;
    background-color: var(--background-color);
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.5;
    color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-main);
    color: var(--heading-color);
}

a {
    color: var(--link-color);
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline; 
}

nav a {
    margin-right: 8px;
}

strong, b {
    color: var(--heading-color);
}

button {
    margin: 0;
    cursor: pointer;
}

main {
    line-height: 1.6;
}

table {
    width: 100%;
}

hr {
    border: 0;
    border-top: 1px dashed;
}

img {
    max-width: 100%;
}

code {
    font-family: monospace;
    padding: 2px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: 3px;
}

blockquote {
    border-left: 1px solid #999;
    color: var(--code-color);
    padding-left: 20px;
    font-style: italic;
}

footer {
    padding: 25px 0;
    text-align: center;
}

.title:hover {
    text-decoration: none;
}

.title h1 {
    font-size: 1.5em;
}

.inline {
    width: auto !important;
}

.highlight, .code {
    padding: 1px 15px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: 3px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    overflow-x: auto;
}

/* blog post list */
ul.blog-posts {
    list-style-type: none;
    padding: unset;
}

ul.blog-posts li {
    display: flex;
}

ul.blog-posts li span {
    flex: 0 0 130px;
}

ul.blog-posts li a:visited {
    color: var(--visited-color);
}
@font-face {
  font-family: "Montserrat";
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXx-p7K4KLg.woff);
}

@font-face {
  font-family: "Source Serif";
  src: url(https://fonts.gstatic.com/s/sourceserif4/v8/vEFI2_tTDB4M7-auWDN0ahZJW1gb8te1Xb7G.woff2);
}

@font-face {
  font-family: "Open Sans";
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2);
}

@font-face {
  font-family: "Outfit";
  src: url(https://fonts.gstatic.com/s/outfit/v11/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2);
}

@font-face {
  font-family: "Work Sans";
  src: url(https://fonts.gstatic.com/s/worksans/v19/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2);
}

@font-face {
  font-family: "Karla";
  src: url(https://fonts.gstatic.com/s/karla/v31/qkBbXvYC6trAT7RVLtyU5rZP.woff2);
}


:root {
	--width: 900px;
	--font-main: "Karla", sans-serif;
        --font-secondary: "Karla", sans-serif;
        --font-scale: 115%;
	--background-color: rgb(255,252,250);
	--heading-color: #5e4963;
	--text-color: #5e4963;
	--link-color: #6785af;
    --special-bg-color: #ffeded;
    --date-color: #fdf3f3; 
	--visited-color: #b65e7d;
    --code-background-color: #ffeded;
	--code-color: #5e4963;
	--blockquote-color: #5e4963; /** the text **/
    --hover-color: #fcf6f6;
    --special-color: #c8839d; /** 786a88, b65e7d **/ 
}

@media (prefers-color-scheme: dark) {
    :root {
		--background-color: #252739; 
		--heading-color: #d59cb0; 
		--text-color: #f2e4e4; 
		--link-color: #90b4df; 
        --special-bg-color: #35374f; 
        --date-color: #1f1b1b;
		--visited-color: #fff0ed;
		--code-background-color: #35374f;
		--code-color: #f2e4e4;
        --blockquote-color: #fff;
        --hover-color: #65607c;
        --special-color: #cfa3b0;
    }
}

body {
    font-family: var(--font-secondary);
    font-size: var(--font-scale);
    font-weight: 450;
    padding: 10px;
    margin: auto;
    max-width: var(--width);
    text-align: left;
    background-color: var(--background-color);
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 150%;
    color: var(--text-color);
}

details {
  border: 1px solid var(--special-color);
}

details div {
  padding: 0 1em;
}

summary {
  padding: 5px;
  background-color: var(--special-color);
  color: var(--background-color);
}

header {
	border-bottom: 3px solid var(--visited-color);
}

.tags {
    padding: 1em;
    font-size: 0.8em;
	border-top: 1px solid var(--visited-color);
    line-height: 200%;
}

.tags a {
  text-decoration: none;
  font-weight: normal;
  background-color: var(--code-background-color);
  border-radius: 5px;
  padding: 2px 4px;
  margin: 0 3px;
}

sup {
  line-height: 100%;
}

sup a {
  padding: 0 4px;
  background-color: var(--code-background-color);
  border-radius: 2px;
  color: var(--link-color);
  text-decoration: 1px solid underline;
}

sup a:hover{
  color: var(--heading-color);
}

h1, h2, h3, h4, h5, h6 {
  	font-family: var(--font-main);
    color: var(--heading-color);
    font-weight: 600;
}

.title h1:hover {
	color: var(--link-color);
}

.title h1::after {
	content: " ✺";
    color: var(--special-color);
}

h2 {
    border-bottom: dashed 1px var(--link-color);
    margin-top: 1.5em;
}

h3 {
    text-decoration: underline 2px var(--special-color);
    text-underline-offset: 3px;
}

strong, em {
    color: var(--special-color);
}

del {
  color: var(--special-color);
  text-decoration: 2px var(--text-color) solid line-through; 
}

strong {
  font-weight: 600;
}

a {
    color: var(--link-color);
    cursor: pointer;
    text-decoration: underline 2px solid;
    text-underline-offset: 3px;
}

time {
  padding: 0 3px;
  border-radius: 3px;
  font-weight: 550;
  color: var(--special-color);
  font-style: normal;
}

nav a {
    margin: 0 5px;
    color: var(--heading-color);
    text-decoration: none;
    letter-spacing: 1px;
}

nav a:hover {
    color: var(--link-color);
    text-decoration: underline 2px solid;
    text-underline-offset: 3px;
}

button {
    margin: 0;
}

main {
    line-height: 1.6;
}

main h1 {
  font-size: 1.7em;
}

table {
    width: 100%;
}

hr {
    border: 0;
    margin: 2em 0;
    border-top: 1px solid var(--special-color);
}

img {
    max-width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

code {
    font-family: monospace;
    padding: 2px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: 3px;
}

blockquote {
    border-left: 1px solid pink;
    color: var(--blockquote-color);
    padding: 0.5em 1em;
    margin: 1em auto;
    max-width: 90%;
    font-style: italic;
    background-color: var(--special-bg-color);
}

footer {
    padding: 25px 0;
    text-align: center;
}

.footnote {
  text-decoration: none;
}

.footnote::before {
  content: " ";
}

button {
	border: 0;
  	background-color: inherit;
  	text-decoration: underline;
  	color: var(--heading-color);
}

a:hover, 
ul.blog-posts li a:hover,
ul.blog-posts li a:visited:hover {
    color: var(--special-color);
    text-decoration: none;
}

.title {
    text-decoration: none;
    letter-spacing: 1px;
}

.title h1 {
    font-size: 1.5em;
}

.inline {
    width: auto !important;
}

.highlight,
.code {
    padding: 1px 15px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: 3px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    overflow-x: auto;
}

/* blog post list */
ul.blog-posts {
    list-style-type: none;
    padding: unset;
    line-height: 2em;
}

ul.blog-posts li {
    display: flex;
}

ul.blog-posts li span {
    flex: 0 0 130px;
}

ul.blog-posts li a {
    color: var(--text-color);
    text-decoration: none;
}

ul.blog-posts li a:visited {
    color: var(--link-color);
}

/* toast this post */

.upvote-button svg { display: none; }
.upvote-button { display: block !important; text-decoration: none; }

.upvote-button::before {
  content: "♡(*ﾟ▽ﾟ*)و✧♡ a toast?";
  background: white;
  color: #c8839d;
  border: 1px solid #c8839d;
  padding: 4px;
  border-radius: 4px;
}
.upvote-button:hover::before { background-color: var(--special-bg-color); }

.upvote-button[disabled] { color: inherit !important; }
.upvote-button[disabled]::before {
  content: "♡(*′∇‵*)و✧♡ thanks bud!";
  background: rgb(255,245,245);
  color: #c8839d;
  border: 1px dashed #c8839d;
  text-decoration: none;
}

.upvote-count { display: none; }
.upvote-count::before { content: " - "; }
.upvote-count::after { content: " toasts"; }
      
  </style>

  
</head>

<body class="home" onload="(function() { document.cookie = `timezone=${Intl.DateTimeFormat().resolvedOptions().timeZone};path=/`; })()">
  
  <header>
    <a class="title" href="/">
      <h1>
        mei's diary
      </h1>
    </a>
    <nav>
      <p><a href="/">home</a> <a href="/about/">about</a> <a href="/blog/">entries</a> <a href="/feed">rss</a></p>

    </nav>
  </header>
  <main>
    



<p>Hello, world :8) Welcome to my online diary.</p>
<p>I'm <a href="https://mei.bearblog.dev/about"><strong>Mei</strong></a>. I mostly write about my anxieties and try to work through them in a positive way. I don't necessarily want to be an anxiety blogger, but while I'm in the thick of it, I hope that sharing my thoughts (1) helps me feel less alone and (2) helps others feel less alone. I'd like to slowly but surely inch towards writing a blog with better vibes.</p>
<p><a href="/tags/">Here</a> are some things I talk about often, and <a href="/sampler/">here</a> is a small sampler of my posts.</p>
<p>I'm all sorts of enthusiastic about smaller spaces on the web and want to get in on them if I can understand how to work them, which is why I'm here. I hope we both enjoy our stay!</p>
<p>You can subscribe to my blog via <a href="https://mei.bearblog.dev/feed/">RSS</a> and get in touch with me at <code>hellomei[at]proton[dot]me</code>.</p>
<p><img src="https://images.squidge.org/images/2024/03/05/image.png" alt="Image"></p>
<h2 id="credits">credits</h2><ul>
<li>Special toast button code from <a href="https://shivrm.bearblog.dev/yet-another-old-toast-button/">shivram</a>.</li>
<li>Font used is <a href="https://fonts.google.com/specimen/Karla">Karla</a>.</li>
</ul>







  </main>
  <footer style="padding:25px 0;">
    

<span>
    Powered by <a href="https://bearblog.dev">Bear ʕ•ᴥ•ʔ</a>
</span>

  </footer>

</body></html>