- 博客是什么(点击展开)
博客(Blog)是一种个人或集体在互联网上发布、分享内容的在线平台,本质上是一个 “网络日记” 或 “在线专栏”,其核心是定期更新的文章、图片、视频等多媒体内容,通常按时间倒序排列,方便读者阅读最新内容。 简单来说,博客就是你在互联网上的 “个人主页” 或 “内容阵地”,你可以通过它记录生活、分享知识、表达观点、展示作品,也可以作为个人品牌、技术交流或兴趣分享的载体。
* 博客类型区别
1. 静态博客
- 工具:Hexo、Jekyll、Hugo、Gatsby
- 特点:无数据库依赖,部署简单(可直接上传到 GitHub Pages、Netlify 等免费托管平台),无需维护服务器。
- 优势:稳定、安全(无数据库漏洞风险)、成本低,适合技术爱好者或内容更新频率低的场景。
2. 动态博客
- 工具:WordPress、Typecho、ZBlog、Drupal
- 特点:依赖数据库和后端程序,需购买服务器和域名,支持后台可视化管理。
- 优势:功能丰富,适合需要频繁更新内容、交互功能(如评论、点赞)的场景。
- (这里我选了动态,主要还是因为动态传文章方便点,能提高一点写作积极性qaq)
1.拥有一个服务器
- 服务器类型选择
1.本地服务器

我这里有一台1037u,打印的壳子,不过性能太差力,学校晚上会断电,实在是不方便。
2.云服务商
云服务器(Cloud Server)的本质,是一种通过互联网按需提供计算资源的虚拟化服务。它将传统物理服务器的硬件资源(CPU、内存、存储、网络)进行抽象和池化管理,让用户可以像使用水电煤气一样,按需求灵活租用、配置和扩展计算能力,而无需拥有和维护物理硬件。
💡 服务器方面我选择了阿里云,相比其他的服务商,阿里dns解析服务相对麻烦一点(不备案不给用),其他的福利还是不错的
阿里云官网链接
Alibaba Cloud: AI and Cloud Computing Services
白嫖教程
有两个可以白嫖(两个服务器不能互相通用续费,不过我们使用的是动态博客,转移数据起来非常简单,我是白嫖了一共9个月)
阿里云试用
试用界面链接
云服务器ECS - 高性能弹性计算服务 - 99.995%可用性保障 - 阿里云

2核心2G包可以用3个月,开网站绰绰有余
2核心4G就勉强可以开设原版MINECRAFT服务器了
学生白嫖300元卷
进入后搜索学生如图
(这张卷我最推荐轻量应用2核2g的,能用6个月)

进去后选择Ubuntu系统,版本新一点好,软件选择界面随便安一个,我们暂时不用他。
2.下载github仓库资源
不要问我为啥不用git下载,还是有点麻烦的,配置各种东东对于萌新,使用Workbench传起来更直观,同时给服务器配置一个好代理挺难QAQ
- github连接不上怎么办
打开的你微软商店

搜索Watt Toolkit

勾选github服务开始加速

https://github.com/tangly1024/NotionNext

注:此仓库内含多种美化选择
我们直接下载到本地吧,这个文件我们不用动他。过会直接传到服务器上
💡 **如果你想有多一点的博客美化** **可以在github上面搜索notionnext对应的美化文件导入themes文件夹中,美化内部的配置界面在美化文件对应的config.js中,记得根据美化文件仓库中 佬的指引添加依赖awa** **同时配置整体美化在后面讲解**
一、创建您的Notion页面
复制模板
- 请先注册登陆您的Notion账号。
- 点击下方链接,打开模板

- 在右上角点击Duplicate复制模板,如图所示。点击后会将这个博客数据模板复制到您的笔记空间中。
3.进入阿里云实例控制主页进行基础配置


先要设置密码再进入

点击远程连接,轻量运用服务器只有Workbench连接,ecs用户多几个连接选项,默认Workbench比较好用,对于萌新传文件啥的比较方便

我选择传到了opt文件夹下面

让我们回到控制终端

依次执行这几行代码
sudo apt update && sudo apt install git -y
git clone <https://gitee.com/mirrors/nvm.git> ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`
echo ". ~/.nvm/nvm.sh" >> ~/.bashrc && bash -c "source ~/.bashrc"
export NVM_NODEJS_ORG_MIRROR=https://npmmirror.com/mirrors/node && echo $NVM_NODEJS_ORG_MIRROR
选取nodejs版本并安装
nvm list-remote
nvm install v22.22.0
安装yarn
npm install -g yarn
安装unzip解压notionnext文件
sudo apt install unzip -y
- 回到主文件夹:cd /
- 进入opt文件夹:cd opt
- 列出所有文件:ls
- 解压文件:unzip (此为你的文件名)
- ls列出文件名字
- cd 进入 解压出来的文件
退出终端重新选择

进入其中进行文件配置
其中
blog.config.js /opt/NotionNext-main/public/svg /opt/NotionNext-main/conf
是几个常用的配置界面,请仔细阅读其中的注释
我们来进行最主要的配置,进入blog.config.js

把两个化横线的id对应填上去(网站上是/后面?前面的一段字符串)

配置文件改满意以后进行下一步
使用cd 进入刚刚解压出来的文件内部
- 在解压出来的文件内部使用命令(安装依赖):yarn
- 编译整体:yarn build
- 先使用普通运行命令(这个跑在3000端口上,访问时需要输入IP:3000才能访问):yarn start
- 访问网站教程
进入其中设置入方向安全组(此为3000端口设置教程)



在浏览器上访问你的服务器公网(ip:3000)

如果访问不了,请注意你的服务器内部防火墙(使用sudo ufw status检查你的服务器防火墙状态,检查3000端口是否开启放行)
- 确认无误后使用(这个跑在80端口上,访问网站时不用输入端口号,且跑在后台,关闭终端不会关闭你的网页):nohup yarn start --port 80 > start.log 2>&1 & disown
到此,你的网址基本建设完成力AWA🎉🎉🎉
感谢你的阅读,第一篇文章写的不咋地,见谅宝子QAQ…..
