NotionNext是一个在Github免费开源的博客生成器项目，项目自带了 blog.config.js 以及每个主题下都有一个配置文件 config_[theme].js ，以便用户配置自己的页面个性化。 除此之外，若你想要更大程度地自定义页面，就需要专业的开发，这时候你可以选择在github上向我提交issue，提出改进页面的建议。 本文便是针对小白的一篇开发手册，遵循此步骤你可以尝试自己修改网站的样式。 下载代码 安装Git 下载代码 在你想要存放代码的文件夹空白处，右键点选 Git GUI Here 输入 以下指令下载代码 git clone https://github.com/tangly1024/NotionNext.git 在vscode中调试项目 打开项目文件 安装项目依赖的组件 点击 菜单栏的终端，并选择 新建终端，然后在新建的终端窗口中输入安装启动脚本： 启动项目 只需一个命令 其他脚本说明 访问页面 浏览器打开 http://localhost:3000/ 即可访问你的本地博客 代码目录介绍 如果你是小白的话，这里基本只会改到 themes目录下的文件；以hexo 主题为例， component目录下是不同的组件，以 Layout 命名的文件是页面的样式布局。其他的目前可以不用关心。 项目使用TailwindCSS实现样式，上手很快：