Kedouyiの小站
首页项目归档照片墙音乐灵境说说杂谈友链关于
封面

萌新如何从零搭建一个自己的动态博客拟到现实的漫长征途

写作时间:2026-03-26 07:00:00
# 学术
# 深度学习
  • 博客是什么(点击展开)

博客(Blog)是一种个人或集体在互联网上发布、分享内容的在线平台,本质上是一个 “网络日记” 或 “在线专栏”,其核心是定期更新的文章、图片、视频等多媒体内容,通常按时间倒序排列,方便读者阅读最新内容。 简单来说,博客就是你在互联网上的 “个人主页” 或 “内容阵地”,你可以通过它记录生活、分享知识、表达观点、展示作品,也可以作为个人品牌、技术交流或兴趣分享的载体。
* 博客类型区别

1. 静态博客

  • 工具:Hexo、Jekyll、Hugo、Gatsby
  • 特点:无数据库依赖,部署简单(可直接上传到 GitHub Pages、Netlify 等免费托管平台),无需维护服务器。
  • 优势:稳定、安全(无数据库漏洞风险)、成本低,适合技术爱好者或内容更新频率低的场景。

2. 动态博客

  • 工具:WordPress、Typecho、ZBlog、Drupal
  • 特点:依赖数据库和后端程序,需购买服务器和域名,支持后台可视化管理。
  • 优势:功能丰富,适合需要频繁更新内容、交互功能(如评论、点赞)的场景。
  • (这里我选了动态,主要还是因为动态传文章方便点,能提高一点写作积极性qaq)

1.拥有一个服务器

  • 服务器类型选择

1.本地服务器

‍

85ca73ac686ea1a2fc23cca09abb27e3_720.png

我这里有一台1037u,打印的壳子,不过性能太差力,学校晚上会断电,实在是不方便。

2.云服务商

云服务器(Cloud Server)的本质,是一种通过互联网按需提供计算资源的虚拟化服务。它将传统物理服务器的硬件资源(CPU、内存、存储、网络)进行抽象和池化管理,让用户可以像使用水电煤气一样,按需求灵活租用、配置和扩展计算能力,而无需拥有和维护物理硬件。

💡 服务器方面我选择了阿里云,相比其他的服务商,阿里dns解析服务相对麻烦一点(不备案不给用),其他的福利还是不错的

阿里云官网链接

Alibaba Cloud: AI and Cloud Computing Services

白嫖教程

有两个可以白嫖(两个服务器不能互相通用续费,不过我们使用的是动态博客,转移数据起来非常简单,我是白嫖了一共9个月)

阿里云试用

试用界面链接

云服务器ECS - 高性能弹性计算服务 - 99.995%可用性保障 - 阿里云

‍

image.png

2核心2G包可以用3个月,开网站绰绰有余

2核心4G就勉强可以开设原版MINECRAFT服务器了

学生白嫖300元卷

进入后搜索学生如图

(这张卷我最推荐轻量应用2核2g的,能用6个月)

‍

image.png

进去后选择Ubuntu系统,版本新一点好,软件选择界面随便安一个,我们暂时不用他。

2.下载github仓库资源

不要问我为啥不用git下载,还是有点麻烦的,配置各种东东对于萌新,使用Workbench传起来更直观,同时给服务器配置一个好代理挺难QAQ

  • github连接不上怎么办

打开的你微软商店

‍

image.png

搜索Watt Toolkit

‍

image.png

勾选github服务开始加速

‍

image.png

https://github.com/tangly1024/NotionNext

‍

image.png

注:此仓库内含多种美化选择

我们直接下载到本地吧,这个文件我们不用动他。过会直接传到服务器上

💡 **如果你想有多一点的博客美化** **可以在github上面搜索notionnext对应的美化文件导入themes文件夹中,美化内部的配置界面在美化文件对应的config.js中,记得根据美化文件仓库中 佬的指引添加依赖awa** **同时配置整体美化在后面讲解**

一、创建您的Notion页面

复制模板

  1. 请先注册登陆您的Notion账号。
  2. 点击下方链接,打开模板

Notion 博客 | Notion

‍

image.png

  1. 在右上角点击Duplicate复制模板,如图所示。点击后会将这个博客数据模板复制到您的笔记空间中。

3.进入阿里云实例控制主页进行基础配置

‍

image.png

‍

image.png

先要设置密码再进入

‍

image.png

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

‍

image.png

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

‍

image.png

让我们回到控制终端

‍

image.png

依次执行这几行代码

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
  1. 回到主文件夹:cd /
  2. 进入opt文件夹:cd opt
  3. 列出所有文件:ls
  4. 解压文件:unzip (此为你的文件名)
  5. ls列出文件名字
  6. cd 进入 解压出来的文件

退出终端重新选择

‍

image.png

进入其中进行文件配置

其中

blog.config.js /opt/NotionNext-main/public/svg /opt/NotionNext-main/conf

是几个常用的配置界面,请仔细阅读其中的注释

我们来进行最主要的配置,进入blog.config.js

‍

image.png

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

‍

image.png

配置文件改满意以后进行下一步

使用cd 进入刚刚解压出来的文件内部

  1. 在解压出来的文件内部使用命令(安装依赖):yarn
  2. 编译整体:yarn build
  3. 先使用普通运行命令(这个跑在3000端口上,访问时需要输入IP:3000才能访问):yarn start
  4. 访问网站教程

进入其中设置入方向安全组(此为3000端口设置教程)

‍

image.png

‍

image.png

‍

image.png

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

‍

image.png

如果访问不了,请注意你的服务器内部防火墙(使用sudo ufw status检查你的服务器防火墙状态,检查3000端口是否开启放行)

  1. 确认无误后使用(这个跑在80端口上,访问网站时不用输入端口号,且跑在后台,关闭终端不会关闭你的网页):nohup yarn start --port 80 > start.log 2>&1 & disown

到此,你的网址基本建设完成力AWA🎉🎉🎉

感谢你的阅读,第一篇文章写的不咋地,见谅宝子QAQ…..

avatar

Kedouyi

是笨猪

RECOMMENDED

换了这是第三个博客了,开久一点点,不想管了嗯嗯

2026-03-24 07:00:45

无

2026-03-24 07:00:01

Table of Contents