Loading
0%
INITIALIZING
Album Cover
Fly Me To The Moon(In Other Words)-2007 MIX
宇多田ヒカル
0:00
萌新如何从零搭建一个自己的动态博客
DOC_ID // 2f9578ONLINE

萌新如何从零搭建一个自己的动态博客

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

1. 静态博客

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

2. 动态博客

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

1.拥有一个服务器

服务器类型选择
1.本地服务器
notion image
我这里有一台1037u,打印的壳子,不过性能太差力,学校晚上会断电,实在是不方便。
2.云服务商
云服务器(Cloud Server)的本质,是一种通过互联网按需提供计算资源的虚拟化服务。它将传统物理服务器的硬件资源(CPU、内存、存储、网络)进行抽象和池化管理,让用户可以像使用水电煤气一样,按需求灵活租用、配置和扩展计算能力,而无需拥有和维护物理硬件。
💡
服务器方面我选择了阿里云,相比其他的服务商,阿里dns解析服务相对麻烦一点(不备案不给用),其他的福利还是不错的

阿里云官网链接

白嫖教程

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

阿里云试用

学生白嫖300元卷

进入后搜索学生如图
(这张卷我最推荐轻量应用2核2g的,能用6个月)
notion image
进去后选择Ubuntu系统,版本新一点好,软件选择界面随便安一个,我们暂时不用他。

2.下载github仓库资源

不要问我为啥不用git下载,还是有点麻烦的,配置各种东东对于萌新,使用Workbench传起来更直观,同时给服务器配置一个好代理挺难QAQ
github连接不上怎么办
打开的你微软商店
notion image
搜索Watt Toolkit
notion image
勾选github服务开始加速
notion image
notion image
注:此仓库内含多种美化选择
我们直接下载到本地吧,这个文件我们不用动他。过会直接传到服务器上
💡
如果你想有多一点的博客美化
可以在github上面搜索notionnext对应的美化文件导入themes文件夹中,美化内部的配置界面在美化文件对应的config.js中,记得根据美化文件仓库中 佬的指引添加依赖awa
同时配置整体美化在后面讲解

一、创建您的Notion页面

复制模板

  1. 请先注册登陆您的Notion账号。
  1. 点击下方链接,打开模板
notion image
  1. 在右上角点击Duplicate复制模板,如图所示。点击后会将这个博客数据模板复制到您的笔记空间中。

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

notion image
notion image
先要设置密码再进入
notion image
点击远程连接,轻量运用服务器只有Workbench连接,ecs用户多几个连接选项,默认Workbench比较好用,对于萌新传文件啥的比较方便
notion image
我选择传到了opt文件夹下面
notion image
让我们回到控制终端
notion image
依次执行这几行代码
 
选取nodejs版本并安装
安装yarn
安装unzip解压notionnext文件
  1. 回到主文件夹:cd /
  1. 进入opt文件夹:cd opt
  1. 列出所有文件:ls
  1. 解压文件:unzip (此为你的文件名)
  1. ls列出文件名字
  1. cd 进入 解压出来的文件
退出终端重新选择
notion image
进入其中进行文件配置
其中
blog.config.js /opt/NotionNext-main/public/svg /opt/NotionNext-main/conf
是几个常用的配置界面,请仔细阅读其中的注释
我们来进行最主要的配置,进入blog.config.js
notion image
把两个化横线的id对应填上去(网站上是/后面?前面的一段字符串)
notion image
配置文件改满意以后进行下一步
使用cd 进入刚刚解压出来的文件内部
  1. 在解压出来的文件内部使用命令(安装依赖):yarn
  1. 编译整体:yarn build
  1. 先使用普通运行命令(这个跑在3000端口上,访问时需要输入IP:3000才能访问):yarn start
访问网站教程
进入其中设置入方向安全组(此为3000端口设置教程)
notion image
notion image
notion image
在浏览器上访问你的服务器公网(ip:3000)
notion image
如果访问不了,请注意你的服务器内部防火墙(使用sudo ufw status检查你的服务器防火墙状态,检查3000端口是否开启放行)
4.确认无误后使用(这个跑在80端口上,访问网站时不用输入端口号,且跑在后台,关闭终端不会关闭你的网页):nohup yarn start --port 80 > start.log 2>&1 & disown

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

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