小羊简介：
博客主页：小羊不会飞
年龄：20大二在读
爱好：干饭，运动，码代码，看书，旅游
即将更新：
1、手把手带你搭建个人博客网站
2、后台管理系统模块更新
3、算法题解更新
：感兴趣的朋友，赶紧上车吧！！
欢迎关注点赞收藏留言
有任何疑问，欢迎留言讨论！！！
文章图片
?
它来了，它来了，它终于来了！！！? 你想拥有一个属于自己的博客网站吗？你是否也像博主一样渴望拥有一个属于自己的博客网站呢？
你还在想吗？心动不如行动，赶快学起来吧！
手把手带你上车，快速搭建一个属于自己的博客网站！
接下来请认真看完这篇博客，博主将手把手带你快速搭建一个属于自己的网站哟！
文章图片
?
网站必备三件套 “第一套”：服务器
服务器最大的用途，就是可以搭建网站，许多人都认为搭建网站是一件很难的事情，因为包含许多的比较专业东西，比如服务器、编程之类的，确实，在几年前是这样的，普通人想要自己做一个网站太难了
但是随着网站发展了那么多年，已经有许多的其他人做好的工具我们可以利用起来，建一个网站已经越来越简单了，今天博主就介绍下新手如何使用宝塔面板和docsify搭建独立网站
什么是宝塔面板？
文章图片
正如它的宣传语：一个简单好用的 Linux/Windows 面板。
一键创建网站、FTP、数据库；安全管理，文件管理，PHP多版本共存及切换；ASP+ASPX+PHP+MYSQL+MSSQL05/08+mariaDB+FTP、一键SSL，你能想到的，它都能做到！总的来说，不需要多余的操作，只需安装一个宝塔面板，就能一键配置好服务器环境！
什么是docsify？
文章图片
Docsify 是一个动态生成文档网站的工具。不同于 GitBook、Hexo 的地方是它不会生成将 .md 转成 .html 文件，所有转换工作都是在运行时进行。
这将非常实用，如果只是需要快速的搭建一个小型的文档网站，或者不想因为生成的一堆 .html 文件“污染” commit 记录，只需要创建一个 index.html 就可以开始写文档而且直接部署在 GitHub Pages。
docsify 中文文档
如何购买一台服务器？
文章图片
划重点：关于服务器，博主就拿自己买的那台轻量级服务器来说吧，当时博主是第一次购买阿里云的产品，当时双十一有活动，狠狠的薅了一波羊毛，所以大家可以多多关注阿里云，有活动的时候购买服务器性价比最高，如果作为普通用户去入手一台2核2G的服务器的话，可能就有点小贵了。当时现在新用户的话价格也还是是比较亲民的。
新用户：
文章图片
非新用户：
文章图片
对于服务器配置这块，大家如果是只是想搭一个网站的话，直接参考我的配置即可，如下图所示
文章图片
文章图片
对于服务器购买这块，我建议大家能薅羊毛就千万别客气！！！
购买成功后，我们如果需要在自己本地连接阿里云服务器的话，还需要下载两个软件：
Xshell：
文章图片
Xshell是用来连接你的阿里云服务器的
文章图片
文章图片
Xftp:
文章图片
Xftp是可以向你的服务器传送本地的一些网页文件or脚本文件(比如一些自动签到的python游戏脚本....，都可以通过Xftp上传到服务器，然后通过宝塔面板设置每天执行的脚本即可实现每天自动签到功能)
文章图片
关于Xshell连接服务器，大家把自己购买的阿里云服务器的主机号输入进去，连接成功即可，如果有的小伙伴担心安全问题，可以设置SSH密钥，这样就算别人知道你的服务器信息，也必须要通过SSH密钥才能连接你的服务器。
SSH密钥：
文章图片
文章图片
本地与阿里云服务器连接成功后如下图所示：
文章图片
大家第一次打开宝塔面板时，会出现这样子的情况，，如下图所示:
文章图片
没关系，大家把“面板入口”后面的一串英文复制到刚刚Xshell的终端即可，如下图所示：
文章图片
将外网面板的地址百度搜索即可，然后下面的username 是账号，password是密码输入即可
文章图片
然后就进入宝塔面板的主界面了，如下图所示：
文章图片
“第二套”：域名
什么是域名？
文章图片
文章图片
同理，大家也可以在阿里云上购买域名，新用户也可以薅羊毛，这里我就不细讲了，跟购买服务器的流程一样一样的。
文章图片
域名的价格之间是有差别的，像.com、.top、.xyz的域名就会比较贵了，对于大部分学生党我觉得可以入手.icu的域名即可
文章图片
文章图片
购买好域名后，最繁琐的一步就是域名的备案，需要提供个人信息，住址信息....
文章图片
(关于住址信息，客服不仅需要你的学校地址，甚至还会问你的学院专业寝室楼寝室号等信息)
在备案期间要保持电话通畅，客服小姐姐会不定时来询问你的一些个人信息........,然后就是按部就班的按客服小姐姐的要求往下进行就可，顺利的话大概二十天就可以完成备案！
文章图片
然后进入我们的宝塔面板进行创建站点：
文章图片
“第三套”：网页文件
文章图片
index文件我放在下面了，仅供参考哈！！
小羊不会飞的博客 - 锐客网
、
有了前面的服务器和域名，终于到了第三步了，相信各位科班出身的朋友一定学过HTML、CSS、Javascript，通过Hbuild在本地写过静态的网页吧！网页文件构成了我们所看到的绚丽多彩的网页界面。如果想要搭建一个简单的个人博客网站的话，我建议大家就用docsify搭建即可，主页面用一个的HTML文件调用Docsify的一些现成的组件即可，而博客的内容直接用markdown文件写就可以了！
如果大家只是想搭建一个简单的个人博客网站的话，详情仔细阅读Docsify官方文档即可！！
Docsify官网
当然了 ，各位如果有自己的想法想做其它类型网站的朋友，自己可以去学习相关方面的知识吧，当然了，博主也给各位提个醒，做网站的同时要遵守《中华人民共和国网络安全法》，小心进局子！！
?总结： 我们可以这么理解，如果把搭建网站比作建房子，那么服务器就相当于盖房子必须要打的地基，域名就相当于一个非常简介且方便记忆的可以访问网站的门牌号，而前端网页文件就相当于这个房子的外观，而后端网页文件就当于房子的内部结构！
（哈哈哈，这个是博主突发奇想的，欢迎大家指正！！）
博主搭的小小简陋的网站：小羊不会飞的个人博客
【docsify|个人项目（从零开始搭建个人博客网站）】
推荐阅读
- p2p|芜湖，这是一棵会唱歌的圣诞树
- javascript|JavaScript脚本语言介绍并实现第一个Hello World程序
- Hello world ! CSDN
- 当el-input 失去焦点时触发blur 事件用法， 可以获取input 的其他属性值
- 链表|Node.js 流源码解读之可读流
- python|来聊聊SourceMap
- 前端WEB学习|JavaScript框架有哪些（JS框架汇总）
- vue|如果没有JS框架该怎么办
- 前端|JavaScript 存储对象 -sessionStorage （会话存储） 和 localStorage（本地存储）以及 cookie（保存用户信息） 的区别