从零开始的blog建站指南

( ꒪﹃꒪)

最近闲得无聊(其实是期末周不想复习了呜呜呜)，就想着建一个个人博客站点吧(

于是就有了这个东西(-w-)

服务器准备

如果你是一个大学牲，那么最好的方法就是通过学生认证白嫖云服务供应商的服务器~~(如果你是富哥而且有闲置电脑/服务器就当我没说~~

下面以Microsoft Azure为例

学生认证

• [ ] Todo: 添加学生认证具体操作(得等明年了

新建虚拟机

• [ ] Todo：我现在不想写(2024.6.9 9:55

服务器配置

现在你已经有了一个虚拟机，但是如果你试着访问你服务器的ip地址，你还是什么都看不到

你需要一个服务端来完成网络请求的收发。这里以nginx为例

nginx配置

在你的服务器中使用sudo apt install nginx命令安装nginx

安装完成后，nginx运行

如果此时没有消息提示，就代表启动成功了。试试访问你的服务器吧。你应该能看见nginx的默认欢迎界面

启动完成后，你可以通过ps -ef | grep nginx 来查看nginx的进程

还可以通过lsof -i:80查看80端口占用情况

注意 lsof需要管理员权限运行

服务器启动后，可以通过nginx -s [signal]来控制nginx的行为

• signal
  • quit 优雅停止
  • stop 立即停止
  • reload 重载配置文件(这个用的最多)
  • reopen 重新打开日志文件

我使用的是nginx默认root目录/var/www/html也就是说nginx会读取这个目录下的文件，在网页上显示

hexo配置

hexo是一个基于Node.js的博客框架，它可以生成静态博客站点，并能把Markdown格式的文档转换为静态页面

要安装hexo，首先应该安装其依赖nodejs与git

• git安装：sudo apt install git
• nodejs安装：nodejs

注意：ubuntu22.04中apt包管理器的nodejs版本过低，无法渲染页面。所以通过nodejs官网下载

依赖项配置完成后执行hexo init [directory name]进行初始化(hexo会帮你建好同名文件夹)

然后使用hexo g生成html文件(这个的作用是通过Markdown文件生成静态页面)

进入你的博客项目下public文件夹，将文件夹内所有内容复制到nginx的root目录中

1

sudo cp -rf * /var/www/html

再次进行sudo nginx -s reload，此时可以看到已经出现了Hello World界面

博客写作

使用hexo new <type> [name]来创建新的博客

• type
  • page 页面
  • post 博客

创建好的博客在项目文件下的source文件夹内，其中post在_post中，page在source下同名文件夹中

使用你喜欢的文本编辑器开始编写Markdown文件吧！

写完后记得执行hexo g来重新生成

Fancy settings

以上是博客写作的基本操作

但是嘛…感觉页面有点…简朴

根本就不是自己想要的~~(博客的最大用处就是放oyome的照片)~~

主题更改

待会再写