-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
315 lines (214 loc) · 13.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#222"><meta name="generator" content="Hexo 7.3.0">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
<link rel="mask-icon" href="/images/logo.svg" color="#222">
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha256-5eIC48iZUHmSlSUz9XtjRyK2mzQkHScZY1WdMaoz74E=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css" integrity="sha256-PR7ttpcvz8qrF57fur/yAx1qXMFJeJFiA6pSzWi0OIE=" crossorigin="anonymous">
<script class="next-config" data-name="main" type="application/json">{"hostname":"example.com","root":"/","images":"/images","scheme":"Muse","darkmode":false,"version":"8.21.0","exturl":false,"sidebar":{"position":"left","width_expanded":320,"width_dual_column":240,"display":"post","padding":18,"offset":12},"hljswrap":true,"copycode":{"enable":false,"style":null},"fold":{"enable":false,"height":500},"bookmark":{"enable":false,"color":"#222","save":"auto"},"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"stickytabs":false,"motion":{"enable":true,"async":false,"transition":{"menu_item":"fadeInDown","post_block":"fadeIn","post_header":"fadeInDown","post_body":"fadeInDown","coll_header":"fadeInLeft","sidebar":"fadeInUp"}},"i18n":{"placeholder":"Searching...","empty":"We didn't find any results for the search: ${query}","hits_time":"${hits} results found in ${time} ms","hits":"${hits} results found"}}</script><script src="/js/config.js"></script>
<meta property="og:type" content="website">
<meta property="og:title" content="保持热爱">
<meta property="og:url" content="http://example.com/index.html">
<meta property="og:site_name" content="保持热爱">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="Jason">
<meta name="twitter:card" content="summary">
<link rel="canonical" href="http://example.com/">
<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":true,"isPost":false,"lang":"en","comments":"","permalink":"","path":"index.html","title":""}</script>
<script class="next-config" data-name="calendar" type="application/json">""</script>
<title>保持热爱</title>
<noscript>
<link rel="stylesheet" href="/css/noscript.css">
</noscript>
</head>
<body itemscope itemtype="http://schema.org/WebPage" class="use-motion">
<div class="headband"></div>
<main class="main">
<div class="column">
<header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="site-brand-container">
<div class="site-nav-toggle">
<div class="toggle" aria-label="Toggle navigation bar" role="button">
</div>
</div>
<div class="site-meta">
<a href="/" class="brand" rel="start">
<i class="logo-line"></i>
<h1 class="site-title">保持热爱</h1>
<i class="logo-line"></i>
</a>
<p class="site-subtitle" itemprop="description">杰森的探索与分享</p>
</div>
<div class="site-nav-right">
<div class="toggle popup-trigger" aria-label="Search" role="button">
</div>
</div>
</div>
</header>
<aside class="sidebar">
<div class="sidebar-inner sidebar-overview-active">
<ul class="sidebar-nav">
<li class="sidebar-nav-toc">
Table of Contents
</li>
<li class="sidebar-nav-overview">
Overview
</li>
</ul>
<div class="sidebar-panel-container">
<!--noindex-->
<div class="post-toc-wrap sidebar-panel">
</div>
<!--/noindex-->
<div class="site-overview-wrap sidebar-panel">
<div class="site-author animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
<p class="site-author-name" itemprop="name">Jason</p>
<div class="site-description" itemprop="description"></div>
</div>
<div class="site-state-wrap animated">
<nav class="site-state">
<div class="site-state-item site-state-posts">
<a href="/archives/">
<span class="site-state-item-count">1</span>
<span class="site-state-item-name">posts</span>
</a>
</div>
<div class="site-state-item site-state-categories">
<span class="site-state-item-count">1</span>
<span class="site-state-item-name">categories</span>
</div>
<div class="site-state-item site-state-tags">
<span class="site-state-item-count">1</span>
<span class="site-state-item-name">tags</span>
</div>
</nav>
</div>
</div>
</div>
</div>
</aside>
</div>
<div class="main-inner index posts-expand">
<div class="post-block">
<article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
<link itemprop="mainEntityOfPage" href="http://example.com/2024/10/12/2024-10-7-%E4%BD%BF%E7%94%A8Hexo%E9%87%8D%E6%96%B0%E5%BC%80%E5%A7%8B%E5%86%99%E5%8D%9A%E5%AE%A2/">
<span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
<meta itemprop="image" content="/images/avatar.gif">
<meta itemprop="name" content="Jason">
</span>
<span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="保持热爱">
<meta itemprop="description" content="">
</span>
<span hidden itemprop="post" itemscope itemtype="http://schema.org/CreativeWork">
<meta itemprop="name" content="undefined | 保持热爱">
<meta itemprop="description" content="">
</span>
<header class="post-header">
<h2 class="post-title" itemprop="name headline">
<a href="/2024/10/12/2024-10-7-%E4%BD%BF%E7%94%A8Hexo%E9%87%8D%E6%96%B0%E5%BC%80%E5%A7%8B%E5%86%99%E5%8D%9A%E5%AE%A2/" class="post-title-link" itemprop="url">使用Hexo重新开始写博客</a>
</h2>
<div class="post-meta-container">
<div class="post-meta">
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-calendar"></i>
</span>
<span class="post-meta-item-text">Posted on</span>
<time title="Created: 2024-10-12 15:10:05" itemprop="dateCreated datePublished" datetime="2024-10-12T15:10:05+08:00">2024-10-12</time>
</span>
<span class="post-meta-item">
<span class="post-meta-item-icon">
<i class="far fa-folder"></i>
</span>
<span class="post-meta-item-text">In</span>
<span itemprop="about" itemscope itemtype="http://schema.org/Thing">
<a href="/categories/%E5%8D%9A%E5%AE%A2%E5%BB%BA%E8%AE%BE/" itemprop="url" rel="index"><span itemprop="name">博客建设</span></a>
</span>
</span>
</div>
</div>
</header>
<div class="post-body" itemprop="articleBody">
<h3 id="为什么重启博客"><a href="#为什么重启博客" class="headerlink" title="为什么重启博客"></a>为什么重启博客</h3><p>很多年前曾经折腾过一个博客，发了几篇博文都是关于日常遇到的一些问题的解决办法。零零星星的也有一些浏览量。随着年纪增大，工作越来越多，折腾的动力慢慢变弱，渐渐也就不再更新了。</p>
<p>上周末整理自己的油管待看视频列表时发现了一个Hexo的教学视频合集。我已经忘了这个视频合集是什么时候保存下来的，甚至忘了Hexo是什么东西。上网搜了下才想起来Hexo是用于搭建博客的一个工具。不知为什么突然很想要重启自己的博客。大概一方面是因为折腾的心还没凉透，另一方面是因为年纪大了反而想要说说话，把自己的知识经验总结下来分享给别人。于是花了一下午的时间初步学习了下Hexo，打算把博客重新弄起来。</p>
<p>这篇文章算是一个过程记录。同时分享下学习的资料和学习过程中的一些感悟。</p>
<h3 id="如何学习Hexo"><a href="#如何学习Hexo" class="headerlink" title="如何学习Hexo"></a>如何学习Hexo</h3><ol>
<li>非常推荐大家观看我上文提到的Hexo教学视频。视频里都是实际的操作过程。每集都很短，很快就可以看完。如果不想自己创建或者修改主题，还可以跳过视频11~17节省时间。</li>
</ol>
<div class="video-container"><iframe src="https://www.youtube.com/embed/videoseries?list=PLLAZ4kZ9dFpOMJR6D25ishrSedvsguVSm" frameborder="0" loading="lazy" allowfullscreen></iframe></div>
<ol start="2">
<li><p>另外就是去Hexo的<a target="_blank" rel="noopener" href="https://hexo.io/">官方网站</a>查看官方文档。</p>
</li>
<li><p>另外需要学习<a target="_blank" rel="noopener" href="https://www.markdownguide.org/">Markdown</a>语言。因为Hexo里编写博客文章需要用到。这个简单来说就是一种格式系统，非常容易。我建议写博客的时候边写边学就可以了。</p>
</li>
</ol>
<h3 id="一些教学视频中没有提到的"><a href="#一些教学视频中没有提到的" class="headerlink" title="一些教学视频中没有提到的"></a>一些教学视频中没有提到的</h3><ul>
<li>可以用代码编辑器来管理自己的博客项目。</li>
</ul>
<p>博客实际上就是一个软件项目。可以使用代码编辑器来更方便地管理。比如我就是使用VSCode。没有使用过的同学就在VSCode和Atom之间选一个用就好了。</p>
<ul>
<li>在电脑的特定位置创建Hexo项目文件夹。</li>
</ul>
<p>在VSCode里，通过文件菜单在你想要存储项目的位置创建一个项目文件夹。然后在这个文件夹下根据教学视频里的介绍创建一个新博客。</p>
<ul>
<li>利用AI来帮助自己学习。</li>
</ul>
<p>比如一些名词没听过，或者一些概念不太明白，就可以让AI来解释一下。操作过程中遇到一些错误，可以把遇到的错误发给AI，让它解释原因并且给出解决办法。<strong>这个非常非常有用，强推！</strong></p>
<h3 id="学习过程中的一些思考"><a href="#学习过程中的一些思考" class="headerlink" title="学习过程中的一些思考"></a>学习过程中的一些思考</h3><ul>
<li>学习需要时间。</li>
</ul>
<p>我可能因为离开校园很久了，已经忘记了学习总是困难的，需要花费相应的时间。不论是看教学视频，了解视频中没有介绍的背景知识，还是解决软件安装和博客建设过程中碰到的各种问题都需要花时间。一定要耐心慢慢来。如果感觉坚持不下去了，就先休息放松下。</p>
<ul>
<li>接受反复。</li>
</ul>
<p>可能因为是年纪有点大了，视频看完了后没几天很多操作就忘了或者记不清了。这时就需要返回相关的视频再去查找。这个没有办法，通过后续的实际操作慢慢会熟练起来。</p>
<ul>
<li>行动起来最重要。</li>
</ul>
<p>不要为了追求完美关注某个细节而停滞不前。比如花很多时间挑一个好看的主题啦，不断反复配置主题之类的。这样会消耗你的精力使你失去继续的动力。博客最重要的是内容。先把博客的内容写出来发布。这个时候你就会有一些小小的成就感。后续有的是时间慢慢完善其它方面。</p>
<p>希望这篇文章对大家有帮助，祝大家都能搭建出自己想要的博客。</p>
</div>
<footer class="post-footer">
<div class="post-eof"></div>
</footer>
</article>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-inner">
<div class="copyright">
©
<span itemprop="copyrightYear">2024</span>
<span class="with-love">
<i class="fa fa-heart"></i>
</span>
<span class="author" itemprop="copyrightHolder">Jason</span>
</div>
<div class="powered-by">Powered by <a href="https://hexo.io/" rel="noopener" target="_blank">Hexo</a> & <a href="https://theme-next.js.org/muse/" rel="noopener" target="_blank">NexT.Muse</a>
</div>
</div>
</footer>
<div class="toggle sidebar-toggle" role="button">
<span class="toggle-line"></span>
<span class="toggle-line"></span>
<span class="toggle-line"></span>
</div>
<div class="sidebar-dimmer"></div>
<div class="back-to-top" role="button" aria-label="Back to top">
<i class="fa fa-arrow-up fa-lg"></i>
<span>0%</span>
</div>
<noscript>
<div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
</noscript>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script>
<script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/motion.js"></script><script src="/js/sidebar.js"></script><script src="/js/next-boot.js"></script>
</body>
</html>