写在前面

本网站本质上是一个个人博客网站，主要用于展示个人信息和技术博客。这篇笔记只作为一个技术梳理和大致指引，并无详细的技术指导（我并不喜欢钻研技术，也不想把我从其他人博客中学到的东西占为己有），帮助大家构建出自己的个人网站。大家可根据相关的关键词进行检索，查看官方文档和其他大佬写的博客。

前期准备

在正式开始前，我们先需要进行一些必要的准备。

• 一台电脑，Windows系统和macOS系统均可
• 相对稳定的网络环境，本网站在构建过程中需要安装大量的组件，并且大部分组件在下载时需要从外网下载，特别是GitHub。请先自行解决网络问题。
• 相对成熟的计算机知识，本网站过程会涉及到大量的计算机相关知识，更推荐计算机相关专业的同学进行实践。当然，我们也欢迎其他同学进行尝试。
• 基本的技术需求，本网站的困难点在于大量的配置工作，过程可能会比较枯燥无聊，很多相关技术手段都需要学习。

构建过程

nodejs下载

nodejs是一个免费、开源、跨平台的 JavaScript 运行时环境

官网地址：Node.js — 在任何地方运行 JavaScript

可以从官网选择适合自己的方式下载，也可以从其他技术博客中的链接下

1
2
3
4

# 验证 Node.js 版本：
node -v
# 验证 npm 版本：
npm -v

安装后可通过上述两行命令检验

git下载

git是一个版本管理工具，可以管理本地代码的版本，并将代码推送至远程仓库，比如GitHub

官网地址：Git

可以从官网选择适合自己的方式下载，也可以从其他技术博客中的链接下

学习git的基本操作，后续会用到，直接搜索就行

代码编辑器下载

个人比较推荐vs code，当然也可以选择其他代码编辑器

官网地址：Visual Studio Code - The open source AI code editor

markdown编辑器下载

个人比较推荐Typora，但是最新正版并不免费，可以从网上下载破解版，其实就是一个有渲染功能的记事本，也可以使用vs code完成这部分工作，只是需要插件支持，这个我没研究过

学习markdown的基本语法，后续写博客会用到

官网地址：Typora — simple yet powerful Markdown reader.

PicGo下载

主要用于图床相关功能，属于可选功能

官网地址：PicGo

博客基本框架构建

本博客依托hexo实现，直接搜索hexo可以找到大量的教程，按照教程完成相关操作即可。

官网地址：Hexo

本网站选用的是anzhiyu主题，个人比较喜欢这种风格，也可根据个人喜好选择主题。

官网地址：主题简介 | 安知鱼主题官方文档

图床构建

图床可以理解为一个存放图片的仓库，每个图片都会有一个对应的链接，通过链接可以访问到对应的图片。该技术主要通过对象存储功能实现，目前大部分云服务商都有类似的功能实现，我使用的是华为云的对象存储，也可以选择其他云服务商的产品，网上都可以查询到大量的教程。

PicGo相当于一个本地的客户端，可以通过较为简单的操作实现图片的上传并返回图片的链接，推荐完成相关的配置。

网站部署

这部分工作在hexo构建相关的博客中均有详细说明。需要注意的是部署可以选择现有服务器，也可以直接使用github部署。我更推荐GitHub部署，毕竟免费，还比较方便，网上教程也比较多。

写在最后

anzhiyu主题提供了非常丰富的功能模块，包括但不限于相册、曲库、文章、留言板、日记、评论、好友链接等，基本涵盖了个人主页所需的各种功能。有能力的同学也可以针对该主题进行一定的修改。想了解具体呈现效果也可查看我的网站乐小窝 - 热爱生活 即刻出发