docsify|个人项目（从零开始搭建个人博客网站）网站|javascript|css|阿里云

小羊简介：
博客主页：小羊不会飞
年龄：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|个人项目（从零开始搭建个人博客网站）】