小白友好(大概)的自建博客网站笔记!
整理自我建网站的时候的笔记
首先声明,本人相当小白,以下笔记可能会有并不太清楚的地方。在通过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在这里:
需要在/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
一阵魔法之后你就可以在你的网址看到网页了。
如果你看到这里的话那你大概已经发现了这并不是新手教程,还有很多东西我没解释清楚,后续再更新。