欢迎


也许你可以静静等待
或者干些别的呢

如何制作类似网站

2025/7/7 教程

目录

准备
安装

配置文件
编写文章

主题
生成文件

准备

安装基础依赖

Windows

下载安装 NodejsGit 即可

Android

可以使用 Termux
输入下面命令安装即可
pkg install nodejs -y
pkg install git -y

均可输入node -v 以及 git -v 查看是否安装成功

(理论上会输出版本号)

安装Hexo

Hexo 需要安装在空文件夹
Termux 可以使用mkdir [文件夹名]


Windows需要在空文件夹处打开Cmd
(路径栏处输入Cmd即可)
Termux需要定位空文件夹
cd [文件夹名]


输入 npm install -g hexo-cli
后续出现问题可以尝试 npx hexo [命令值]

可输入hexo v 查看是否安装成功

输入 hexo init , 等待安装\

安装完成后可以输入 hexo s 运行一下

INFO  Validating config
INFO Start processing
INFO Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

即为安装成功了
你可以访问localhost:4000来查看成果

修改配置文件

Site 基本信息

title: 冷散  # 大标题&网页标题
subtitle: '冷冷散散,我们还会冷漠分散吗' # 小标题
description: '冷散の无聊记录' # 自己的描述/介绍
keywords: # 如果网站支持搜索的话,可以填这个
author: 'Leng' # 网站署名
language: zh-cn # 默认文档语言,如果只有一种,en/xh-cn就行
timezone: 'Asia/Shanghai' # 时间地区 此处为上海

URL 链接

url: http://example.com # 没搞懂
root: # 网站根目录,没搞懂
permalink: LengPost/:post_title/ # 网页格式
# :year 年份 :i_month 月份(2) :month 月份(02)
# :i_day 日(2) :day 日(02) :hour 小时
# :minute 分钟 :second 秒 :title md文件名
# :name md文件名 :post_title 文章标题
# :category 分类,默认default_category,上到下排序
# :id 文章id :hash 文件名+哈希值
permalink_defaults: # 调整permalink的参数默认值
# lang: zh-cn
# ...
pretty_urls:
trailing_index: true
# 当true(是)时,链接为 xxx/xxx.html
# 当false(否)时,链接为 xxx/xxx/index.html
trailing_html: true
# 当true(是)时,链接为 xxx/xxx
# 当false(否)时,链接为 xxx/xxx.html

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:

Writing 编写 ⊕ 本人暂未用到不知道作用

new_post_name: :title.md # 新文档文件名
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: true
relative_link: false
future: true
syntax_highlighter: highlight.js
highlight:
line_number: false
auto_detect: true
tab_replace: ''
wrap: true
hljs: false
prismjs:
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: particlex # 主题文件夹名称

Deployment ⊕ 本人暂未用到不知道作用

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

编写文章

创建文章

命令

hexo new [layout] <title> [-p <path>] [-s <slug>] [-r]

参数 介绍 数据
layout css样式 post, page, draft, 其余的
title 标题,若-s不存在则默认文件名 任意合理字符
-p path 自定义路径,默认以_post文件夹(随default_layout改变而改变)为根文件夹 任意合理字符
-s slug 自定义文件名 任意合理字符
-r 若此文章存在,则替换

编写文章

如果没有修改default_layout,则默认文件应该在
根文件夹/source/_posts/<文件名>.md\

对于 Termux

你可以使用 nano <文件路径> 来编辑
按下快捷栏的CtrlXY Enter Enter即可保存并退出

配置Front-Matter

Front-Matter,即自动创建的

---
参数: 数据
---
参数 介绍 数据
layout 布局参数 默认为 default_layout
title 文章标题(必需) 合理字符
date 创建日期(必需) 格式:YYYY-MM-DD HH:MM:SS [+/-TTTT]
updated 更新日期 格式同 date
comments 是否开启评论功能 true / false
tags 文章标签,特殊格式 合理字符
categories 文章分类,特殊格式 合理字符
permalink 自定义链接 合理字符
disableNunjucks 是否禁用Nunjucks标签渲染 truefalse
lang 文章语言 格式语言
published 是否发布 true / false
pinned 置顶 数值越大越靠前,默认0

<!-- more -->
主页外页展现的内容
合理字符

例子:

114514
<!-- more -->
1919810

则主页信息只显示114514

特殊格式
参数:
- 数据1
- 数据2
...

安装主题

访问Hexo主题页(无中文),按照主题教程自行配置,theme处应填文件夹 themes 中的 文件夹名

生成文件

在根文件夹处输入hexo g即可生成public文件夹,将里面的所有文件复制到你网站文件管理处即可