目录

​​✨前言​​

​​🗡️服务器​​

​​🔍什么是宝塔面板？​​

​​🔍什么是docsify？​​

​​🔦如何购买一台服务器？​​

​​🔦如何操作服务器？​​

​​🔦如何使用宝塔面板？​​

​​🔑域名​​

​​🔍如何购买域名？​​

​​🔍域名备案​​

​​🔧网页文件​​

​​ ✨写在最后​​

✨前言

你是否也像博主一样渴望拥有一个属于自己的博客网站呢，接下来请认真看完这篇博客！

许多人都认为搭建网站是一件很难的事情，因为包含许多的比较专业东西，比如服务器、编程之....，但是随着网站发展了那么多年，已经有许多很好的工具我们可以利用起来，搭建一个小型博客网站已经变得越来越简单！

简易网站必备三件套 ：

1、服务器

2、域名

3、网页代码

我可以把搭建网站比作搭建房子

  • 服务器就相当于盖房子的地基
  • 域名就相当于一个非常简介的可以访问网站的门牌号
  • 前端网页文件就相当于这个房子的外观
  • 后端网页文件就当于房子的内部结构

🗡️服务器

  • 服务器在搭建网站的过程中显得尤为重要，是一个网站的“基础”，没有服务器你的网站就无法被展示，它其实是一个容器可以用来放置你的网页文件.....
  • 我们可以自行搭建网站，也可以去各大平台租赁服务器，我们一般不推荐前者，因为自己的电脑不可能24小时不关机，一旦关机，相当于服务器宕机，你的网站就无法展示了。


🔍什么是宝塔面板？

正如它的宣传语：

一个简单好用的 Linux/Windows 面板。

功能：

  • 一键创建网站、FTP、数据库；
  • 安全管理，文件管理，PHP多版本共存及切换；
  • ASP+ASPX+PHP+MYSQL+MSSQL05/08+mariaDB+FTP、一键SSL，你能想到的，它都能做到；

总的来说，不需要多余的操作，只需安装一个宝塔面板，就能一键配置好服务器环境！

快速搭建一个小型博客网站_css

🔍什么是docsify？

  • docsify文档

​​docsifyA magical documentation generator.https://docsify.js.org/#/zh-cn/​​

  • Docsify 是一个动态生成文档网站的工具
  • 不同于 GitBook、​​Hexo​​ 的地方是它不会生成将 .md 转成 .html 文件，所有转换工作都是在运行时进行。
  • 这将非常实用，如果只是需要快速的搭建一个小型的文档网站，或者不想因为生成的一堆 .html 文件“污染” commit 记录，只需要创建一个 index.html 就可以开始写文档而且直接部署在 GitHub Pages。

快速搭建一个小型博客网站_html_02

🔦如何购买一台服务器？

  • 关于服务器，博主就拿自己买的那台轻量级服务器来说吧，当时博主是第一次购买阿里云的产品，当时双十一有活动，狠狠的薅了一波羊毛，所以大家可以多多关注​​阿里云​​，有活动的时候购买服务器性价比最高，如果作为普通用户去入手一台2核2G的服务器的话，可能就有点小贵了。当时现在新用户的话价格也还是是比较亲民的。

快速搭建一个小型博客网站_网站_03

  • 服务器的配置：

对于服务器配置这块，大家如果是只是想搭一个小型网站的话，直接参考我的配置即可：

快速搭建一个小型博客网站_css_04

🔦如何操作服务器？

购买成功后，我们如果需要在自己本地操作阿里云服务器的话，还需要下载两个软件：

  • Xshell：本地连接阿里云服务器
  • Xftp：向服务器传送本地的一些网页文件或者脚本文件，实现24小时脚本运行自由

关于Xshell连接服务器，大家把自己购买的阿里云服务器的主机号输入进去，连接成功即可，如果有的小伙伴担心安全问题，可以设置SSH密钥，这样就算别人知道你的服务器信息，也必须要通过SSH密钥才能连接你的服务器。

本地与阿里云服务器连接成功后如下图所示：

快速搭建一个小型博客网站_html_05

🔦如何使用宝塔面板？

大家第一次打开宝塔面板时，会出现这样子的情况，，如下图所示:

快速搭建一个小型博客网站_css_06

大家把“面板入口”后面的一串英文复制到刚刚Xshell的终端即可

  • username 是账号
  • password是密码

打开面板的地址，输入账号密码，然后就进入宝塔面板的主界面了，如下图所示：

快速搭建一个小型博客网站_html_07

🔑域名

🔍如何购买域名？

快速搭建一个小型博客网站_服务器_08

  • 大家可以在阿里云上购买域名，新用户也可以薅羊毛
  • 域名的价格之间是有差别的，像.com、.top、.xyz的域名就会比较贵了，对于大部分学生党我觉得可以入手.icu的域名

快速搭建一个小型博客网站_javascript_09

🔍域名备案

购买好域名后，最繁琐的一步就是域名的备案，需要提供个人信息，住址信息....

快速搭建一个小型博客网站_javascript_10

  • 关于住址信息，需要精确到学校地址，、学院专业、寝室楼寝室号等信息
  • 在备案期间要保持电话通畅，客服小姐姐会不定时来询问你的一些个人信息，然后就是按部就班的按客服小姐姐的要求往下进行就可，顺利的话大概二十天就可以完成备案！

快速搭建一个小型博客网站_html_11

🔧网页文件

  • 有了前面的服务器和域名，终于到了第三步了。需要有一定的HTML、CSS、Javascript知识储备
  • 网页文件构成了我们所看到的绚丽多彩的网页界面，如果想要搭建一个简单的个人博客网站的话，我建议大家就用docsify搭建即可，主页面用一个的HTML文件调用Docsify的一些现成的组件即可，而博客的内容直接用markdown文件写就可以了！
  • 将网页文件上传至服务器

快速搭建一个小型博客网站_服务器_12

如果大家只是想搭建一个简单的个人博客网站的话，详情仔细阅读Docsify官方文档即可！！