-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
638 lines (379 loc) · 21.7 KB
/
index.html
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
<!DOCTYPE html>
<html theme="dark" showBanner="true" hasBanner="false" >
<link href="https://cdn.staticfile.org/font-awesome/6.4.2/css/fontawesome.min.css" rel="stylesheet">
<link href="https://cdn.staticfile.org/font-awesome/6.4.2/css/brands.min.css" rel="stylesheet">
<link href="https://cdn.staticfile.org/font-awesome/6.4.2/css/solid.min.css" rel="stylesheet">
<script src="/js/color.global.min.js" ></script>
<script src="/js/load-settings.js" ></script>
<head>
<meta charset="utf-8">
<title>Hexo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="preload" href="/css/fonts/Roboto-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous">
<link rel="preload" href="/css/fonts/Roboto-Bold.ttf" as="font" type="font/ttf" crossorigin="anonymous">
<meta property="og:type" content="website">
<meta property="og:title" content="Hexo">
<meta property="og:url" content="http://example.com/index.html">
<meta property="og:site_name" content="Hexo">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="John Doe">
<meta name="twitter:card" content="summary">
<link rel="alternate" href="/atom.xml" title="Hexo" type="application/atom+xml">
<link rel="icon" media="(prefers-color-scheme: light)" href="/images/favicon-light-32.png" sizes="32x32">
<link rel="icon" media="(prefers-color-scheme: light)" href="/images/favicon-light-128.png" sizes="128x128">
<link rel="icon" media="(prefers-color-scheme: light)" href="/images/favicon-light-180.png" sizes="180x180">
<link rel="icon" media="(prefers-color-scheme: light)" href="/images/favicon-light-192.png" sizes="192x192">
<link rel="icon" media="(prefers-color-scheme: dark)" href="/images/favicon-dark-32.png" sizes="32x32">
<link rel="icon" media="(prefers-color-scheme: dark)" href="/images/favicon-dark-128.png" sizes="128x128">
<link rel="icon" media="(prefers-color-scheme: dark)" href="/images/favicon-dark-180.png" sizes="180x180">
<link rel="icon" media="(prefers-color-scheme: dark)" href="/images/favicon-dark-192.png" sizes="192x192">
<link rel="stylesheet" href="/css/style.css">
<meta name="generator" content="Hexo 7.1.1"></head>
<body>
<div id="main-grid" class=" ">
<div id="nav" class=" is_home " >
<navbar id="navbar">
<nav id="title-nav">
<a href="/">
<div id="vivia-logo">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
<div>Hexo </div>
</a>
</nav>
<nav id="main-nav">
<a class="main-nav-link" href="/">Home</a>
<a class="main-nav-link" href="/archives">Archives</a>
<a class="main-nav-link" href="/about">About</a>
</nav>
<nav id="sub-nav">
<a id="theme-btn" class="nav-icon">
<span class="light-mode-icon"><svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M438.5-829.913v-48q0-17.452 11.963-29.476 11.964-12.024 29.326-12.024 17.363 0 29.537 12.024t12.174 29.476v48q0 17.452-11.963 29.476-11.964 12.024-29.326 12.024-17.363 0-29.537-12.024T438.5-829.913Zm0 747.826v-48q0-17.452 11.963-29.476 11.964-12.024 29.326-12.024 17.363 0 29.537 12.024t12.174 29.476v48q0 17.452-11.963 29.476-11.964 12.024-29.326 12.024-17.363 0-29.537-12.024T438.5-82.087ZM877.913-438.5h-48q-17.452 0-29.476-11.963-12.024-11.964-12.024-29.326 0-17.363 12.024-29.537t29.476-12.174h48q17.452 0 29.476 11.963 12.024 11.964 12.024 29.326 0 17.363-12.024 29.537T877.913-438.5Zm-747.826 0h-48q-17.452 0-29.476-11.963-12.024-11.964-12.024-29.326 0-17.363 12.024-29.537T82.087-521.5h48q17.452 0 29.476 11.963 12.024 11.964 12.024 29.326 0 17.363-12.024 29.537T130.087-438.5Zm660.174-290.87-34.239 32q-12.913 12.674-29.565 12.174-16.653-.5-29.327-13.174-12.674-12.673-12.554-28.826.12-16.152 12.794-28.826l33-35q12.913-12.674 30.454-12.674t30.163 12.847q12.709 12.846 12.328 30.826-.38 17.98-13.054 30.653ZM262.63-203.978l-32 34q-12.913 12.674-30.454 12.674t-30.163-12.847q-12.709-12.846-12.328-30.826.38-17.98 13.054-30.653l33.239-31q12.913-12.674 29.565-12.174 16.653.5 29.327 13.174 12.674 12.673 12.554 28.826-.12 16.152-12.794 28.826Zm466.74 33.239-32-33.239q-12.674-12.913-12.174-29.565.5-16.653 13.174-29.327 12.673-12.674 28.826-13.054 16.152-.38 28.826 12.294l35 33q12.674 12.913 12.674 30.454t-12.847 30.163q-12.846 12.709-30.826 12.328-17.98-.38-30.653-13.054ZM203.978-697.37l-34-33q-12.674-12.913-13.174-29.945-.5-17.033 12.174-29.707t31.326-13.293q18.653-.62 31.326 13.054l32 34.239q11.674 12.913 11.174 29.565-.5 16.653-13.174 29.327-12.673 12.674-28.826 12.554-16.152-.12-28.826-12.794ZM480-240q-100 0-170-70t-70-170q0-100 70-170t170-70q100 0 170 70t70 170q0 100-70 170t-170 70Zm-.247-82q65.703 0 111.475-46.272Q637-414.544 637-480.247t-45.525-111.228Q545.95-637 480.247-637t-111.475 45.525Q323-545.95 323-480.247t45.525 111.975Q414.05-322 479.753-322ZM481-481Z"/></svg></span>
<span class="dark-mode-icon"><svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M480.239-116.413q-152.63 0-258.228-105.478Q116.413-327.37 116.413-480q0-130.935 77.739-227.435t206.304-125.043q43.022-9.631 63.87 10.869t3.478 62.805q-8.891 22.043-14.315 44.463-5.424 22.42-5.424 46.689 0 91.694 64.326 155.879 64.325 64.186 156.218 64.186 24.369 0 46.978-4.946 22.609-4.945 44.413-14.076 42.826-17.369 62.967 1.142 20.142 18.511 10.511 61.054Q807.174-280 712.63-198.206q-94.543 81.793-232.391 81.793Zm0-95q79.783 0 143.337-40.217 63.554-40.218 95.793-108.283-15.608 4.044-31.097 5.326-15.49 1.283-31.859.805-123.706-4.066-210.777-90.539-87.071-86.473-91.614-212.092-.24-16.369.923-31.978 1.164-15.609 5.446-30.978-67.826 32.478-108.282 96.152Q211.652-559.543 211.652-480q0 111.929 78.329 190.258 78.329 78.329 190.258 78.329ZM466.13-465.891Z"/></svg></span>
</a>
<a id="nav-rss-link" class="nav-icon mobile-hide" href="/atom.xml" title="RSS Feed">
<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M198-120q-25.846 0-44.23-18.384-18.384-18.385-18.384-44.23 0-25.846 18.384-44.23 18.384-18.385 44.23-18.385 25.846 0 44.23 18.385 18.384 18.384 18.384 44.23 0 25.845-18.384 44.23Q223.846-120 198-120Zm538.385 0q-18.846 0-32.923-13.769-14.076-13.769-15.922-33.23-8.692-100.616-51.077-188.654-42.385-88.039-109.885-155.539-67.5-67.501-155.539-109.885Q283-663.462 182.385-672.154q-19.461-1.846-33.23-16.23-13.769-14.385-13.769-33.846t14.076-32.922q14.077-13.461 32.923-12.23 120.076 8.692 226.038 58.768 105.961 50.077 185.73 129.846 79.769 79.769 129.846 185.731 50.077 105.961 58.769 226.038 1.231 18.846-12.538 32.922Q756.461-120 736.385-120Zm-252 0q-18.231 0-32.423-13.461t-18.653-33.538Q418.155-264.23 348.886-333.5q-69.27-69.27-166.501-84.423-20.077-4.462-33.538-18.961-13.461-14.5-13.461-33.346 0-19.076 13.884-33.23 13.884-14.153 33.115-10.922 136.769 15.384 234.384 112.999 97.615 97.615 112.999 234.384 3.231 19.23-10.538 33.115Q505.461-120 484.385-120Z"/></svg>
</a>
<div id="nav-menu-btn" class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M177.37-252.282q-17.453 0-29.477-11.964-12.024-11.963-12.024-29.326t12.024-29.537q12.024-12.174 29.477-12.174h605.26q17.453 0 29.477 11.964 12.024 11.963 12.024 29.326t-12.024 29.537q-12.024 12.174-29.477 12.174H177.37Zm0-186.218q-17.453 0-29.477-11.963-12.024-11.964-12.024-29.326 0-17.363 12.024-29.537T177.37-521.5h605.26q17.453 0 29.477 11.963 12.024 11.964 12.024 29.326 0 17.363-12.024 29.537T782.63-438.5H177.37Zm0-186.217q-17.453 0-29.477-11.964-12.024-11.963-12.024-29.326t12.024-29.537q12.024-12.174 29.477-12.174h605.26q17.453 0 29.477 11.964 12.024 11.963 12.024 29.326t-12.024 29.537q-12.024 12.174-29.477 12.174H177.37Z"/></svg>
</div>
</nav>
</navbar>
<div id="nav-dropdown" class="hidden">
<div id="dropdown-link-list">
<a class="nav-dropdown-link" href="/">Home</a>
<a class="nav-dropdown-link" href="/archives">Archives</a>
<a class="nav-dropdown-link" href="/about">About</a>
<a class="nav-dropdown-link" href="/atom.xml" title="RSS Feed">RSS</a>
</div>
</div>
<script>
let dropdownBtn = document.getElementById("nav-menu-btn");
let dropdownEle = document.getElementById("nav-dropdown");
dropdownBtn.onclick = function() {
dropdownEle.classList.toggle("hidden");
}
</script>
</div>
<div id="sidebar-wrapper">
<sidebar id="sidebar">
<div class="widget-wrap">
<div class="info-card">
<div class="avatar">
<div class="img-dim"></div>
</div>
<div class="info">
<div class="username">Your Name </div>
<div class="dot"></div>
<div class="subtitle">This is the subtitle </div>
<div class="link-list">
<a class="link-btn" target="_blank" rel="noopener" href="https://twitter.com" title="Twitter"><i class="fa-brands fa-twitter"></i></a>
<a class="link-btn" target="_blank" rel="noopener" href="https://store.steampowered.com" title="Steam"><i class="fa-brands fa-steam"></i></a>
<a class="link-btn" target="_blank" rel="noopener" href="https://github.com" title="GitHub"><i class="fa-brands fa-github"></i></a>
</div>
</div>
</div>
</div>
<div class="sticky">
</div>
</sidebar>
</div>
<div id="content-body">
<article id="post-Hexo-更换主题" class="h-entry article article-type-post" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
<div class="article-inner">
<div class="article-main">
<header class="article-header">
<div class="main-title-bar">
<div class="main-title-dot"></div>
<h1 itemprop="name">
<a class="p-name article-title" href="/2024/03/24/Hexo-%E6%9B%B4%E6%8D%A2%E4%B8%BB%E9%A2%98/">Untitled</a>
</h1>
</div>
<div class='meta-info-bar'>
<div class="meta-info">
<time class="dt-published" datetime="2024-03-24T12:31:12.698Z" itemprop="datePublished">2024-03-24</time>
</div>
<div class="need-seperator meta-info">
<div class="meta-cate-flex">
Uncategorized
</div>
</div>
<div class="wordcount need-seperator meta-info">
608 words
</div>
</div>
</header>
<div class="e-content article-entry" itemprop="articleBody">
<div class="truncate-text">
#正在搞
生产日期2024-03-24 18:39让我开心一下，谢谢了
12git clone https://github.com/fan-lv/Fan.git themes/Fangit clone https://github.com/saicaca/hexo-theme-vivia.git themes/vivia
Administrator@WILL-TOP MINGW64 ~/Downloads/hexo$ git clone https://github.com/fan-lv/Fan.git themes/FanCloning into ‘themes/Fan’…fatal: unable to access ‘https://github.com/fan-lv/Fan.git/‘: Failure when receiving data from the peer
多来几次
根据主页安装所需报
1npm install --save hexo-renderer-pug hexo-renderer-stylus
修改...
</div>
</div>
</div>
<a class="right-panel non-pic "
href="/2024/03/24/Hexo-%E6%9B%B4%E6%8D%A2%E4%B8%BB%E9%A2%98/"
>
<i class="fa-solid fa-angle-right non-pic"></i>
</a>
</div>
</article>
<article id="post-Hexo-准备环境" class="h-entry article article-type-post" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
<div class="article-inner">
<div class="article-main">
<header class="article-header">
<div class="main-title-bar">
<div class="main-title-dot"></div>
<h1 itemprop="name">
<a class="p-name article-title" href="/2024/03/24/Hexo-%E5%87%86%E5%A4%87%E7%8E%AF%E5%A2%83/">Untitled</a>
</h1>
</div>
<div class='meta-info-bar'>
<div class="meta-info">
<time class="dt-published" datetime="2024-03-24T12:31:12.671Z" itemprop="datePublished">2024-03-24</time>
</div>
<div class="need-seperator meta-info">
<div class="meta-cate-flex">
Uncategorized
</div>
</div>
<div class="wordcount need-seperator meta-info">
823 words
</div>
</div>
</header>
<div class="e-content article-entry" itemprop="articleBody">
<div class="truncate-text">
#博客 #环境搭建
其实很早就想搭建自己的博客了，那个时候用WP，DZ之类的，但无奈学习成本太高了，人生精力有限，因此选择了Hexo，其实也不是选择，只是想让自己的MD文件发挥更多的价值，正好看到GitHUB和Hexo的搭配，很符合我的胃口\ -WILL 2023-03-31
Hexo是啥Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。简单的说就是轻量化小型化，不用数据库，更多的内容可以看他官网文档。
他的对我而言的优点如下
小型化，速度够快
配合GitHub Pages，我不用买服务器，买域名
不用特地准备SSL，不用担心证书会过期
准备Git环境准备Git环境，如果忘了细节可以去看[[Git安装-Win]]
去官网下载Git安装包，并通过默认参数安装完成
生成SSH秘钥，并添加到GitHUB后台，便于后期认证
添加全局用户名
安装完成
准备Node.js环境准备Node.JS环境，如果脑子抽了那就用[[Node.js安装-Win10]]治疗步骤很简单，简单到这一节可...
</div>
</div>
</div>
<a class="right-panel non-pic "
href="/2024/03/24/Hexo-%E5%87%86%E5%A4%87%E7%8E%AF%E5%A2%83/"
>
<i class="fa-solid fa-angle-right non-pic"></i>
</a>
</div>
</article>
<article id="post-Hexo-开始配置" class="h-entry article article-type-post" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
<div class="article-inner">
<div class="article-main">
<header class="article-header">
<div class="main-title-bar">
<div class="main-title-dot"></div>
<h1 itemprop="name">
<a class="p-name article-title" href="/2024/03/24/Hexo-%E5%BC%80%E5%A7%8B%E9%85%8D%E7%BD%AE/">Untitled</a>
</h1>
</div>
<div class='meta-info-bar'>
<div class="meta-info">
<time class="dt-published" datetime="2024-03-24T12:31:12.653Z" itemprop="datePublished">2024-03-24</time>
</div>
<div class="need-seperator meta-info">
<div class="meta-cate-flex">
Uncategorized
</div>
</div>
<div class="wordcount need-seperator meta-info">
3.8k words
</div>
</div>
</header>
<div class="e-content article-entry" itemprop="articleBody">
<div class="truncate-text">
#博客 #搭建
生产日期\ -WILL 2023-03-31
![[Hexo-准备环境#Hexo是啥]]
准备~！在开始之前你需确认已经安装了node.js环境，这就好比你要装QQ必须先装Windows一样，可以简单的理解为Hexo是基于node.jsnode.js是hexo的基础依赖环境
安装Hexo模块目录准备
新建一个目录用于存放Hexo的文件
然后再地址栏输入CMD，以便直接定位到该目录，当然你硬是敲命令我也没意见
无论是cmd运行Node.JS，还是进入hexo文件夹内右键打开Git Bash Here，安装模块的命令相同
1npm install -g hexo-cli
安装模块的命令为npm install -g hexo-cli
这是原版命令，如果安装缓慢可以更换国内源
国内源其实是安装了cnpm工具，之后通过cnpm进行安装
如果安装了cnpm，之后的命令都会令开头都会多个n
命令会变更成cnpm install -g hexo-cli
本例中并没有咏唱，直接完成了下载操作。。。你真信了
安装完成后，样张如下12345678npm install...
</div>
</div>
</div>
<a class="right-panel non-pic "
href="/2024/03/24/Hexo-%E5%BC%80%E5%A7%8B%E9%85%8D%E7%BD%AE/"
>
<i class="fa-solid fa-angle-right non-pic"></i>
</a>
</div>
</article>
<article id="post-WordPress-主页显示异常" class="h-entry article article-type-post" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
<div class="article-inner">
<div class="article-main">
<header class="article-header">
<div class="main-title-bar">
<div class="main-title-dot"></div>
<h1 itemprop="name">
<a class="p-name article-title" href="/2024/03/24/WordPress-%E4%B8%BB%E9%A1%B5%E6%98%BE%E7%A4%BA%E5%BC%82%E5%B8%B8/">Untitled</a>
</h1>
</div>
<div class='meta-info-bar'>
<div class="meta-info">
<time class="dt-published" datetime="2024-03-24T06:32:23.356Z" itemprop="datePublished">2024-03-24</time>
</div>
<div class="need-seperator meta-info">
<div class="meta-cate-flex">
Uncategorized
</div>
</div>
<div class="wordcount need-seperator meta-info">
2.1k words
</div>
</div>
</header>
<div class="e-content article-entry" itemprop="articleBody">
<div class="truncate-text">
生产日期2023-07-07 13:17
问题
一个网站从 一台服务器搬迁到另外 一台服务器
因为是docker部署的，我连docker启动配置文件都是照抄的，数据库目录什么的都是一模一样的
当我启动docker，访问原来的主页的时候，他却是只有文字，没有图片等内容，犹如网速很慢很多内容没有加载出来一样
对于这个 问题，表面上就是CSS没有加载的感觉，当然我也不知道CSS是啥
问题点说明
该问题是WordPress数据库里面对于访问地址不正确所导致的，对此需要这么做
登陆WordPress的容器
从WordPress的容器中，跳转登陆到没有端口号的MySQL数据库
用查询语句更新关键字段
处理步骤
登陆MYSQL注意容器名字，特别是数据库名字是否正确在登陆数据库的时候有账户名密码，这个是建立docker的时候配置文件中自定的，可以去[[WordPress-博客]]中查看
123docker exec -it wordpress-db-1 bashmysql -u wd_db_user -puse wordpress_db
查询错误网址主要就是用来看下现在的登陆网...
</div>
</div>
</div>
<a class="right-panel non-pic "
href="/2024/03/24/WordPress-%E4%B8%BB%E9%A1%B5%E6%98%BE%E7%A4%BA%E5%BC%82%E5%B8%B8/"
>
<i class="fa-solid fa-angle-right non-pic"></i>
</a>
</div>
</article>
<article id="post-hello-world" class="h-entry article article-type-post" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
<div class="article-inner">
<div class="article-main">
<header class="article-header">
<div class="main-title-bar">
<div class="main-title-dot"></div>
<h1 itemprop="name">
<a class="p-name article-title" href="/2024/03/24/hello-world/">Hello World</a>
</h1>
</div>
<div class='meta-info-bar'>
<div class="meta-info">
<time class="dt-published" datetime="2024-03-24T06:26:46.827Z" itemprop="datePublished">2024-03-24</time>
</div>
<div class="need-seperator meta-info">
<div class="meta-cate-flex">
Uncategorized
</div>
</div>
<div class="wordcount need-seperator meta-info">
367 words
</div>
</div>
</header>
<div class="e-content article-entry" itemprop="articleBody">
<div class="truncate-text">
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment
</div>
</div>
</div>
<a class="right-panel non-pic "
href="/2024/03/24/hello-world/"
>
<i class="fa-solid fa-angle-right non-pic"></i>
</a>
</div>
</article>
</div>
<div id="footer-wrapper">
<footer id="footer">
<div id="footer-info" class="inner">
© 2024 Your Name<br>
Powered by <a href="https://hexo.io/" target="_blank">Hexo</a> & Theme <a target="_blank" rel="noopener" href="https://github.com/saicaca/hexo-theme-vivia">Vivia</a>
</div>
</footer>
</div>
<div class="back-to-top-wrapper">
<button id="back-to-top-btn" class="back-to-top-btn hide" onclick="topFunction()">
<i class="fa-solid fa-angle-up"></i>
</button>
</div>
<script>
function topFunction() {
window.scroll({ top: 0, behavior: 'smooth' });
}
let btn = document.getElementById('back-to-top-btn');
function scrollFunction() {
if (document.body.scrollTop > 600 || document.documentElement.scrollTop > 600) {
btn.classList.remove('hide')
} else {
btn.classList.add('hide')
}
}
window.onscroll = function() {
scrollFunction();
}
</script>
</div>
<script src="/js/light-dark-switch.js"></script>
</body>
</html>