kelevis.github.io/index.html at main · kelevis/kelevis.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168


<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta name="generator" content="Hugo 0.123.2">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noodp" />
    <title>kelevis</title><meta name="Description" content=""><meta property="og:title" content="kelevis" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://kelevis.github.io/" /><meta property="og:image" content="https://kelevis.github.io/favicon.ico" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://kelevis.github.io/favicon.ico" /><meta name="twitter:title" content="kelevis"/>
<meta name="twitter:description" content=""/>
<meta name="application-name" content="kelevis">
<meta name="apple-mobile-web-app-title" content="kelevis">

<meta name="theme-color" content="#f8f8f8"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="canonical" href="https://kelevis.github.io/" /><link rel="alternate" href="/index.xml" type="application/rss+xml" title="kelevis">
    <link rel="feed" href="/index.xml" type="application/rss+xml" title="kelevis">
<link rel="stylesheet" href="/css/main.css"><link rel="stylesheet" href="/lib/normalize/normalize.min.css"><link rel="stylesheet" href="/css/color.css"><link rel="stylesheet" href="/css/style.min.css"><link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/lib/fontawesome-free/all.min.css">
        <noscript><link rel="stylesheet" href="/lib/fontawesome-free/all.min.css"></noscript><link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/lib/animate/animate.min.css">
        <noscript><link rel="stylesheet" href="/lib/animate/animate.min.css"></noscript><script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "WebSite",
        "url": "https://kelevis.github.io/","inLanguage": "zh-CN","author": {
                "@type": "Person",
                "name": "kelevis"
            },"name": "kelevis"
    }
    </script></head>

<body header-desktop="fixed" header-mobile="auto"><script type="text/javascript">
        function setTheme(theme) {document.body.setAttribute('theme', theme); document.documentElement.style.setProperty('color-scheme', theme === 'light' ? 'light' : 'dark'); window.theme = theme;   window.isDark = window.theme !== 'light' }
        function saveTheme(theme) {window.localStorage && localStorage.setItem('theme', theme);}
        function getMeta(metaName) {const metas = document.getElementsByTagName('meta'); for (let i = 0; i < metas.length; i++) if (metas[i].getAttribute('name') === metaName) return metas[i]; return '';}
        if (window.localStorage && localStorage.getItem('theme')) {let theme = localStorage.getItem('theme');theme === 'light' || theme === 'dark' || theme === 'black' ? setTheme(theme) : (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? setTheme('dark') : setTheme('light')); } else { if ('' === 'light' || '' === 'dark' || '' === 'black') setTheme(''), saveTheme(''); else saveTheme('auto'), window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? setTheme('dark') : setTheme('light');}
        let metaColors = {'light': '#f8f8f8','dark': '#252627','black': '#000000'}
        getMeta('theme-color').content = metaColors[document.body.getAttribute('theme')];
        window.switchThemeEventSet = new Set()
    </script>
    <div id="back-to-top"></div>
    <div id="mask"></div><div class="wrapper"><header class="desktop" id="header-desktop">
    <div class="header-wrapper">
        <div class="header-title">
            <a href="/" title="kelevis">kelevis</a>
        </div>
        <div class="menu">
            <div class="menu-inner"><a class="menu-item" href="/posts/"> 文章 </a><a class="menu-item" href="/tags/"> 标签 </a><a class="menu-item" href="/categories/"> 分类 </a><a class="menu-item" href="/about/"> 关于我 </a><span class="menu-item delimiter"></span><a href="javascript:void(0);" class="menu-item theme-select" title="切换主题">
                    <i class="fas fa-adjust fa-fw"></i>
                    <select class="color-theme-select" id="theme-select-desktop" title="切换主题">
                        <option value="light">浅色</option>
                        <option value="dark">深色</option>
                        <option value="black">黑色</option>
                        <option value="auto">跟随系统</option>
                    </select>
                </a></div>
        </div>
    </div>
</header><header class="mobile" id="header-mobile">
    <div class="header-container">
        <div class="header-wrapper">
            <div class="header-title">
                <a href="/" title="kelevis">kelevis</a>
            </div>
            <div class="menu-toggle" id="menu-toggle-mobile">
                <span></span><span></span><span></span>
            </div>
        </div>
        <div class="menu" id="menu-mobile"><a class="menu-item" href="/posts/" title="">文章</a><a class="menu-item" href="/tags/" title="">标签</a><a class="menu-item" href="/categories/" title="">分类</a><a class="menu-item" href="/about/" title="">关于我</a><a href="javascript:void(0);" class="menu-item theme-select" title="切换主题">
                <i class="fas fa-adjust fa-fw"></i>
                <select class="color-theme-select" id="theme-select-mobile" title="切换主题">
                    <option value="light">浅色</option>
                    <option value="dark">深色</option>
                    <option value="black">黑色</option>
                    <option value="auto">跟随系统</option>
                </select>
            </a></div>
    </div>
</header>
<div class="search-dropdown desktop">
    <div id="search-dropdown-desktop"></div>
</div>
<div class="search-dropdown mobile">
    <div id="search-dropdown-mobile"></div>
</div>
<main class="main">
            <div class="container"><div class="page home" posts><div class="home-profile"><div class="home-avatar"><a href="https://kelevis.github.io" title="文章" rel="noopener noreferrer" target="_blank"><img

        loading="eager"
        src="/images/avatar.webp"
        srcset="/images/avatar.webp, /images/avatar.webp 1.5x, /images/avatar.webp 2x"
        title="/images/avatar.webp" height="100"   width="100" ></a></div><h2 class="home-subtitle"><div id="id-1" class="typeit"></div></h2><div class="links"><a href="https://github.com/kelevis" title="GitHub" target="_blank" rel="noopener noreferrer me"><span data-svg-src="/lib/simple-icons/icons/github.min.svg"></span></a><a href="mailto:iskelevis@gmail.com" title="Email" rel=" me"><span class="far fa-envelope fa-fw"></span></a><a href="/index.xml" title="RSS" target="_blank" rel="noopener noreferrer me"><span class="fas fa-rss fa-fw"></span></a></div></div>
<article class="single summary" itemscope itemtype="http://schema.org/Article"><h1 class="single-title" itemprop="name headline">
        <a href="/posts/07.domain/">07.domain</a>
    </h1><div class="post-meta">
        <span class="post-author"><span class="author fas fa-user-circle fa-fw"></span><a href="https://kelevis.github.io" title="Author" target="_blank" rel="noopener noreferrer author" class="author">kelevis</a>
        </span>&nbsp;<span class="post-publish">发布于 <time datetime="2024-05-24">2024-05-24</time></span></div><div class="content">domainMy Domain: Domain</div><div class="post-footer">
        <a href="/posts/07.domain/">阅读全文</a></div>
</article>
<article class="single summary" itemscope itemtype="http://schema.org/Article"><h1 class="single-title" itemprop="name headline">
        <a href="/posts/06.%E6%B8%B8%E8%A7%88%E5%99%A8%E6%B8%B2%E6%9F%93%E8%BF%87%E7%A8%8B/">06.游览器渲染过程</a>
    </h1><div class="post-meta">
        <span class="post-author"><span class="author fas fa-user-circle fa-fw"></span><a href="https://kelevis.github.io" title="Author" target="_blank" rel="noopener noreferrer author" class="author">kelevis</a>
        </span>&nbsp;<span class="post-publish">发布于 <time datetime="2024-05-16">2024-05-16</time></span></div><div class="content">1.简介浏览器要渲染页面，需要我们告诉它要渲染哪个页面，因此我们需要输入地址，然后浏览器向服务器请求资源，服务器把资源给到浏览器后，浏览器开</div><div class="post-footer">
        <a href="/posts/06.%E6%B8%B8%E8%A7%88%E5%99%A8%E6%B8%B2%E6%9F%93%E8%BF%87%E7%A8%8B/">阅读全文</a></div>
</article>
<article class="single summary" itemscope itemtype="http://schema.org/Article"><h1 class="single-title" itemprop="name headline">
        <a href="/posts/05.hugo%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/">05.Hugo博客搭建</a>
    </h1><div class="post-meta">
        <span class="post-author"><span class="author fas fa-user-circle fa-fw"></span><a href="https://kelevis.github.io" title="Author" target="_blank" rel="noopener noreferrer author" class="author">kelevis</a>
        </span>&nbsp;<span class="post-publish">发布于 <time datetime="2024-04-25">2024-04-25</time></span></div><div class="content">1.查看 Hugo 版本查看 Hugo 是否安装成功，显示 Hugo 版本号代表 Hugo 安装成功 hugo version 2.用 Hugo 创建文章:hugo new ./posts/name.md 3.本地调试和预览在发布到网站前可以在本地预览</div><div class="post-footer">
        <a href="/posts/05.hugo%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/">阅读全文</a></div>
</article>
<article class="single summary" itemscope itemtype="http://schema.org/Article"><h1 class="single-title" itemprop="name headline">
        <a href="/posts/04.metamask/">04.Metamask invoke</a>
    </h1><div class="post-meta">
        <span class="post-author"><span class="author fas fa-user-circle fa-fw"></span><a href="https://kelevis.github.io" title="Author" target="_blank" rel="noopener noreferrer author" class="author">kelevis</a>
        </span>&nbsp;<span class="post-publish">发布于 <time datetime="2024-04-24">2024-04-24</time></span></div><div class="content">Metamask demoMetamask demo: Metamask</div><div class="post-footer">
        <a href="/posts/04.metamask/">阅读全文</a></div>
</article>
<article class="single summary" itemscope itemtype="http://schema.org/Article"><h1 class="single-title" itemprop="name headline">
        <a href="/posts/03.nextjs/">03.Nextjs</a>
    </h1><div class="post-meta">
        <span class="post-author"><span class="author fas fa-user-circle fa-fw"></span><a href="https://kelevis.github.io" title="Author" target="_blank" rel="noopener noreferrer author" class="author">kelevis</a>
        </span>&nbsp;<span class="post-publish">发布于 <time datetime="2024-04-02">2024-04-02</time></span></div><div class="content">Nextjs demoDashBoard demo: DashBoard</div><div class="post-footer">
        <a href="/posts/03.nextjs/">阅读全文</a></div>
</article>
<article class="single summary" itemscope itemtype="http://schema.org/Article"><h1 class="single-title" itemprop="name headline">
        <a href="/posts/02.my-react-demo/">02.My React Demo</a>
    </h1><div class="post-meta">
        <span class="post-author"><span class="author fas fa-user-circle fa-fw"></span><a href="https://kelevis.github.io" title="Author" target="_blank" rel="noopener noreferrer author" class="author">kelevis</a>
        </span>&nbsp;<span class="post-publish">发布于 <time datetime="2024-03-11">2024-03-11</time></span></div><div class="content">React demoreact demo: Hello Word</div><div class="post-footer">
        <a href="/posts/02.my-react-demo/">阅读全文</a></div>
</article>
<article class="single summary" itemscope itemtype="http://schema.org/Article"><h1 class="single-title" itemprop="name headline">
        <a href="/posts/01.my-first-post/">01.My First Post</a>
    </h1><div class="post-meta">
        <span class="post-author"><span class="author fas fa-user-circle fa-fw"></span><a href="https://kelevis.github.io" title="Author" target="_blank" rel="noopener noreferrer author" class="author">kelevis</a>
        </span>&nbsp;<span class="post-publish">发布于 <time datetime="2024-02-27">2024-02-27</time></span></div><div class="content">Hi there 👋I’m kelevis, there are some situation of mine.
🔭 I&rsquo;m focusing on Golang, React, Web3 …
📫 Reach me Here, github, blog , Email
Thanks！</div><div class="post-footer">
        <a href="/posts/01.my-first-post/">阅读全文</a></div>
</article>
</div></div>
        </main><footer class="footer">
        <div class="footer-container"><div class="footer-line"><i class="far fa-copyright fa-fw"></i><span itemprop="copyrightYear">2019 - 2024</span><span class="author" itemprop="copyrightHolder">&nbsp;<a href="https://kelevis.github.io" target="_blank" rel="noopener noreferrer">kelevis</a></span></div>
            <div class="footer-line"></div>
            <div class="footer-line">
            </div>
        </div></footer></div>

    <div id="fixed-buttons"><a href="#back-to-top" id="back-to-top-button" class="fixed-button" title="回到顶部">
            <i class="fas fa-arrow-up fa-fw"></i>
        </a><a href="#" id="view-comments" class="fixed-button" title="查看评论">
            <i class="fas fa-comment fa-fw"></i>
        </a>
    </div><div class="assets"><script type="text/javascript">window.config={"code":{"copyTitle":"复制到剪贴板","maxShownLines":10},"data":{"id-1":"It's kelevis Blog site"},"typeit":{"cursorChar":null,"cursorSpeed":null,"data":{"id-1":["id-1"]},"duration":null,"speed":null}};</script><script type="text/javascript" src="/lib/clipboard/clipboard.min.js"></script><script type="text/javascript" src="/lib/typeit/typeit.min.js"></script><script type="text/javascript" src="/js/theme.min.js" defer></script></div>
</body>

</html>