小白友好(大概)的自建博客网站笔记!

整理自我建网站的时候的笔记

首先声明,本人相当小白,以下笔记可能会有并不太清楚的地方。在通过Hugo快速建立了自己的第一个博客网站之后,被提醒说为什么不自己从0开始搭建一个呢?于是产生了这个网站。这篇文章大致记录了一下我不借助任何第三方library和工具建网站的步骤,仅供参考。若想要方便快捷的搭建自己的网站,可以直接借助Hugo,WordPress等类似工具。

1.ssh到服务器

首先需要有个服务器,可以通过ssh到服务器上。这里是一篇关于ssh的基础介绍,关于ssh的基础这里都有写,不再赘述。我自己的电脑是GNOME Linux,Pop!_OS by System76, 顺手推荐一下popOS,非常非常适合想要尝试Linux的小白。

2.建立放网页文件的文件夹

需要在服务器上建立一个文件夹来存放网页需要用的文件。顺便在这里附一个Linux的commend line index

sudo mkdir /var/www/<directory>

3.在服务器安装Nginx并用作Web Server

这一步详细的官方doc在这里:

Installing NGINX Open Source

需要在/etc/nginx/sites-avaliable/里添加你的网站,doc在这里:

Configuring NGINX and NGINX Plus as a Web Server

3.建立Git repo

我使用Git来管理本地和服务器的更新,这里有详细的Git documentation。首先建立git repo:

sudo mkdir /srv/git/<repository>.git

(这里的<repository>可以使用之前的<directory>名)

cd到此文件夹里之后:

git init --bare

4.clone git repo到本地

首先在本地建立一个存放网页文件的文件夹<directory>,然后clone服务器上的git repo。我自己的笔记里并没有写明命令,所以参考了这篇教程

git clone <username>@<hostname>:<rpository>.git <directory>

(这里的<repository>.git是之前在第三步里建立的git repo)

5.在本地编写网页

之后便可以在本地建立html文件,或markdown文件来写文章,将markdown转成html的步骤见我的另一篇博客

HTML和CSS的教程可以参考w3school,基本可以利用这些教程建立一个基本的静态网站,其他特殊功能可以靠搜索引擎。

6.将写好的html推给服务器

使用Git来实现本地和服务器同步,具体可参考之前给出的documentation,此处仅代表我使用的方法:

git status
git add <modified items>
git commit -am "<message>"
git push

一阵魔法之后你就可以在你的网址看到网页了。

如果你看到这里的话那你大概已经发现了这并不是新手教程,还有很多东西我没解释清楚,后续再更新。