概况:

1. 面积, 整个房子共上下两层.
2. 强电, 强电部分上下各一个配电箱.
3. 弱电, 弱电部分全部汇总到二楼的弱电箱.

基础网络 拓扑

概况: 每个屋子均有预留网络, 墙内铺设超五类网线, 客厅留有 2 个网口, 且不使用 IPTV.

硬件

1. 主路由: 小米的 AX6000
2. 接入点(也是路由): TP-LINK 的 TL-WDR5620✖️3
3. 交换机: TPLINK 的 TL-SG2008D

拓扑

其中光猫为桥接模式, 由 AX6000 拨号 + DHCP服务器, 其余路由器作为接入点使用(有线 AP),IP 池从 234 开始倒序分配.

*因为没有 mesh 的路由器所以全是手动配置的呃呃呃呃

服务提供

全屋的服务主要是影音娱乐(吃 GPU 与 CPU 能力) 和不间断服务(需要长时间不关机 不吃 U 能力)

大部分包使用 docker 进行部署

硬件

1. 不间断服务提供: raspberr-pi 4 [4GB+32GB(SD)+512GB(机械)]
2. 影音: XPS15 (12 核 8GB+512GB(SSD)+1TB(机械))
3. 传感器: ESP8266

软件

Docker

项目地址: https://www.docker.com/

安装位置: XPS15 & raspberry-pi

方便项目部署的肯定得有, 要不然环境装这么多东西肯定很乱.

Rsync

项目地址: https://github.com/WayneD/rsync

安装位置: XPS15 & raspberry-pi & 我自己电脑

用来局域网大文件互传, 在后面上传电视剧, 电影的时候巨好用

CasaOS

项目地址: https://github.com/IceWhaleTech/CasaOS

安装位置: raspberry-pi

这个就是一个 docker + 系统的 web 可视化管理, 有自己的 App Store也自带了一些 docker 的镜像一键安装, 但是版本都比较老, 我一般都是自己填参数什么的, 有 SMB 功能, 可以简单的当做云盘使用, 稍微有点点鸡肋但是界面挺现代化.

安装的话有一建安装脚本, 挺方便的

Flare

项目地址: https://github.com/soulteary/docker-flare

安装位置: docker + raspberry-pi

轻量、快速的个人导航页面, 因为服务太多啦, 我用它来导航记录我各个服务的地址,无任何数据库依赖, 巨好用٩(•̤̀ᵕ•̤́๑)ᵒᵏᵎᵎᵎᵎ.

HomeAssistant

项目地址: https://www.home-assistant.io/

安装位置: docker(host) + raspberry-pi

最流行的家庭助理了算是, 能帮你接入各种平台的智能家具, 同时也有很大的扩展能力.

HACS

项目地址: https://github.com/hacs

Homeassiant 的扩展商店能让你找到各种奇奇怪怪的插件和主题.

memos

项目地址: https://usememos.com/

安装位置: docker + raspberry-pi

一个很轻量并且美观有很多功能的记事本软件, 使用 md 的语法, 能让我全神贯注的记录和快捷的搜索我的想法,

Calibre-Web

项目地址: https://github.com/janeczku/calibre-web

镜像标签: johngong/calibre-web:latest

安装位置: docker + raspberry-pi

书库, 能自动从豆瓣等网站获取书籍信息, 后端是 py 的, 反应上来说稍微慢点但是好用, 我用来存漫画和小说还有一些项目的 pdf 文档.

n8n

项目地址: https://docs.n8n.io/

安装位置: docker + raspberry-pi

一个简单的自动化, 是那种类似 node-red 的自动化, 但是这个更适合家用, 因为比较简单且带着各种常用的模块, 我一般用它自动给手机推送我关注的博客的 RSS 和每日的新闻.

Grafana

项目地址: https://grafana.com/

安装位置: docker + raspberry-pi

用来监视家里服务器的运行状态和各个机子上 docker 的情况, 应该是有更厉害的用法, 目前没研究, 是一个可以高度自定义的监控面板.

prometheus

项目地址: https://prometheus.io/

安装位置: docker + raspberry

高性能时序数据库, 用来当我监视东西的后端数据库.

node_exporter

安装位置: XPS15 & raspberry-pi

提供电脑监视原数据

jellyfin

项目地址: https://jellyfin.org/

安装位置: docker + XPS15

作为本地的流媒体提供软件, 上面我用来存电视剧, 动漫等, 支持多客户端, DLAN 什么的, 很方便, 算是我家的家庭影音中心

nvidia-container-toolkit

项目地址: https://docs.nvidia.com/datacenter/cloud-native/container-toolkit/latest/install-guide.html

安装位置: xps15 作为 docker 扩展

方便我 n 卡对视频进行硬件解码.

immich

项目地址: https://github.com/immich-app/immich

安装位置: docker + XPS15

作为我们家的家庭相册的云盘, 保存到云端, 来减缓手机压力与家人共享什么的

未来设想

搞个 open-wrt 做软路由在主路由旁当旁臂路由来作为家里的代理服务器.

音乐播放器, 这个马上就要整了.

最近发现腾讯云搞得博客费钱太多，并且因为我是未成年嘛，也没有办法备案，于是就准备去租一个香港的对象存储，然后搞静态博客，最后我选择了hexo，如你所见这个博客就是由hexo所搭建的

hexo简介

Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Coding上，是搭建博客的首选框架。快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

这次教程主要介绍：

• 最基本的部署
• 撰写属于你的第一篇文章
• 了解文章的基本结构

本文所采用的系统是MacOS，可能有些地方与Windows有所出入，如遇不会的地方还请评论区留下你的问题。

本文配有目录，可根据自己需求进行跳转

部署

npm

安装

在mac上部署npm其实吧也简单，需要用到homebrew，这部分我会单独开一篇文章来讲。

在这里我假设您已经安装好了homebrew

如何判断安装？

1

brew -v

如果出现版本号说明已经安装好

执行

1

brew update

更新homebrew

执行

1

brew install npm

进行安装npm。执行npm -v即可看到安装好的npm版本

换源

终端执行：

1

npm config set registry https://registry.npm.taobao.org

npm安装与配置结束

git

1

brew install git

即可安装完毕

hexo

安装

所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。

1

npm install -g hexo-cli

建站

安装完成后，执行下述命令，hexo便会自动在指定文件夹添加所需文件。

1
2
3

hexo init <name>
cd <name>
npm install

执行完成后，使用

1
2

hexo g
hexo s

便可以在http://localhost:4000中看到以下页面：

恭喜你现在你的博客就算是在你的本地跑起来了

修改基本信息

现在让我们来看一看这个文件夹中的东西都是什么

1
2
3
4
5
6
7
8

.
├── _config.yml #网站的配置信息，您可以在此配置大部分的参数。
├── package.json #应用程序的信息。您可以自由移除留下你需要的东西
├── scaffolds #模版 文件夹。当您新建文章时，Hexo 会根据 scaffold 来建立文件。
├── source #资源文件夹是存放用户资源的地方
|   ├── _drafts
|   └── _posts
└── themes #主题 文件夹。Hexo 会根据主题来生成静态页面

不难看出“_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

<_config.yml>

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

title: Hexo
#站点标题
subtitle: ''
#站点副标题
description: ''
#站点描述
keywords:
#站点关键词多个时使用“,”分割
author: John Doe
#作者昵称
language: zh-CN
#网站语言（默认为en应改为zh-CN）
timezone: 'Asia/Shanghai'
#时区：使用电脑默认的就行

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
#设置你的网站地址，比如说，如果你使用github page，设置url像这样“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:
#不需要渲染的文件

# Writing
new_post_name: :title.md 
#默认的名称
default_layout: post
#默认的布局模版
titlecase: false
#是否将标题转化成标题形式
external_link:
  enable: true #在新建标签页中打开网页
  field: site 
  exclude: ''
filename_case: 0
render_drafts: false
#是否渲染草稿
post_asset_folder: false
#是否启用 Asset 文件夹
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: landscape #设置使用的主题

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

在修改完这些信息后，使用

1
2

hexo g
hexo s

便可在浏览器看到你修改后的效果

开始创作

你到现在已经完成了最最最基本的设置，现在便可以撰写文章了

创建文章

• 命令行： 使用 hexo new <title>
• 手动创建：在hexo主目录下source ->_posts目录中创建<title>.md的文件

初步感知

hexo的文章通常是由两部分构成的，分别是：

• Front-matter
• 正文

Front-matter

Front-matter 是文件最上方以 --- 分隔的区域，用于指定个别文件的变量，举例来说：

1
2
3
4

---
title: Hello World
date: 2026/02/27 23:47:57
---

以下是预先定义的参数，您可在模板中使用这些参数值并加以利用。

只有文章支持分类和标签，您可以在 Front-matter 中设置。在其他系统中，分类和标签听起来很接近，但是在 Hexo 中两者有着明显的差别：分类具有顺序性和层次性，也就是说 Foo, Bar 不等于 Bar, Foo；而标签没有顺序和层次。

1
2
3
4
5

categories:
- Diary
tags:
- PS3
- Games

正文

正文部分使用md语法撰写，详情可查看我的上一篇文章

更新

在你重新对你的博客做出更新后，通常需要部署到网站，下面介绍几个简单的指令。

hexo clean:清理已经生成的静态文件

hexo g:生成所需的静态文件

hexo s启动本地服务，默认访问网站：http://localhost:4000

hexo d:部署网站

感谢您对本文的阅读，如果遇到不理解的地方，可以通过评论的方式进行交流

下一篇将会将博客部署在Github Pages上