另一篇闲言碎语

另一篇闲言碎语

对于hexo我的技术力实在是太低了,于是乎就在hexo的主题库中找了一个–“anatole”非常的不错。其中一个巨大的原因是因为我发现我忘记怎么设计网页了,回忆以前还知道玩玩什么jqury,boostrapl,如果回到18年甚至可以手撸css,js。奈何现在是一位大专两年级的学生,除了每顿猛造两碗饭,其他的都忘记了。
所以坦白一下我是如何做了这个稀烂的主页的。


首先用日常是开了一个科学上网,用winget把nodejs给整上,迅速的安装一波hexo

1
2
3
4
5
npm install -g hexo-cli
npm install hexo
hexo init <blog-name>
cd <blog-name>
npm install

对了,如果不能直接用hexo指令的话可以配置一下
1. npx hexo <command>
2. 将 Hexo 所在的目录下的 node_modules 添加到环境变量之中即可直接使用 `hexo
1
echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile

上述步骤完成后,就是抄一个主题下来。感谢hexo设计的很简单,让我一下子就上手了。
把主题文件放到themes下就可以了,比如我的是E:\blog\themes\anatole
什么?如何安装主题,当然是点一个然后 git clone下来哦

1
2
3
4
git clone https://github.com/Ben02/hexo-theme-Anatole.git themes/anatole
cd anatole
git pull
npm install --save hexo-render-pug hexo-generator-archive hexo-generator-tag hexo-generator-index hexo-generator-category

然后在_config.yml里填写一个特殊的配置

1
2
3
4
5
archive_generator:
per_page: 0
yearly: false
monthly: false
daily: false

每一个主题的安装都不尽相同,所以得按照自己挑选的主题来进行配置。


按照主题的官网wiki配置一通以后,发现下面那个小蓝鸟,小粪坑不知道怎么关闭2333。在尝试去ejs中修改的我也放弃了。对了,这里要坦白我学会怎么修改favicon以及logo,于是就去主题中修改了源图标[手动狗头]。好了,今日吹水到此结束,明日(或许)开始认真更新一些东西。
顺便在下面贴上使用的_config.yml

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
# Hexo Configuration

## Docs: https://hexo.io/docs/configuration.html

## Source: https://github.com/hexojs/hexo/



# Site

title: CvRaindays

subtitle: std::shared_ptr<Blog> CvRain(this);

description: ''

keywords: C,C++,Linux

author: CvRaindays,cvraindays@outlook.com

language: zh-cn

timezone: ''



# URL

## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'

url: http://example.com

permalink: :year/:month/:day/:title/

permalink_defaults:

pretty_urls:

  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks

  trailing_html: true # Set to false to remove trailing '.html' from permalinks



# Directory

source_dir: source

public_dir: public

tag_dir: tags

archive_dir: archives

category_dir: categories

code_dir: downloads/code

i18n_dir: :lang

skip_render: README.md



# Writing

new_post_name: :title.md # File name of new posts

default_layout: post

titlecase: false # Transform title into titlecase

external_link:

  enable: true # Open external links in new tab

  field: site # Apply to the whole site

  exclude: ''

filename_case: 0

render_drafts: false

post_asset_folder: false

relative_link: false

future: true

highlight:

  enable: true

  line_number: true

  auto_detect: false

  tab_replace: ''

  wrap: true

  hljs: false

prismjs:

  enable: false

  preprocess: true

  line_number: true

  tab_replace: ''



# Home page setting

# path: Root path for your blogs index page. (default = '')

# per_page: Posts displayed per page. (0 = disable pagination)

# order_by: Posts order. (Order by date descending by default)

index_generator:

  path: ''

  per_page: 10

  order_by: -date



# Category & Tag

default_category: uncategorized

category_map:

tag_map:



# Metadata elements

## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta

meta_generator: true



# Date / Time format

## Hexo uses Moment.js to parse and display date

## You can customize the date format as defined in

## http://momentjs.com/docs/#/displaying/format/

date_format: YYYY-MM-DD

time_format: HH:mm:ss

## updated_option supports 'mtime', 'date', 'empty'

updated_option: 'mtime'



# Pagination

## Set per_page to 0 to disable pagination

per_page: 10

pagination_dir: page



# Include / Exclude file(s)

## include:/exclude: options only apply to the 'source/' folder

include:

exclude:

ignore:



# Extensions

## Plugins: https://hexo.io/plugins/

## Themes: https://hexo.io/themes/

theme: anatole



# Deployment

## Docs: https://hexo.io/docs/one-command-deployment



deploy:

  type: git

  repo: https://github.com/CvRain/cvrain.github.io.git

  branch: main



archive_generator:

  per_page: 0  

  yearly: false

  monthly: true

  daily: false

另一篇闲言碎语
http://cvrain.cloudvl.cn/2022/08/07/another-gossip/
作者
ClaudeRainer
发布于
2022年8月7日
许可协议