【个人实验报告】博客网站

目录

项目名称

个人实验目标

完成情况

项目主要内容

1.任务完成情况：

2.项目目标实现情况：

3.项目经验总结：

4.存在的不足或欠缺：

个人在项目实施阶段所学习的内容：

个人在研发过程中的经验与心得：

个人在项目中的研发内容与成功：

项目名称

个人博客网站

个人实验目标

服务器，域名的购买，前端博客网站的搭建，更新博文并成功上线算法博客网站

完成情况

阿里云服务器和域名已经购买，前端博客网站已经基本搭建完成，实现了博客文章从个人CSDN迁移到个人博客网站，目前已经完成了网站的备案并且成功上线该网站，网站的域名：y-x.icu，欢迎来指点一二！

【温馨提示：请用手机的PC版浏览器输入域名：y-x.icu进入网站，非PC版浏览器打开页面的布局会很奇怪】

项目主要内容

购买一台配置为2核2G，镜像为CentOS 8.2的轻量级阿里云服务器，使用宝塔面板对云服务器进行管理，通过X-Shell实现远程登陆服务器。购买y-x.icu域名，并对网站进行备案，上线网站的前期准备工作就已经完成了。关于具体的实现流程已经记录在个人的CSDN博客上

关于建站前期工作请看这篇文章建站三大件

网站的内容是基于docsify框架开发的，首先安装docsify-cli脚手架，用于初始化docsify项目，然后通过命令行运行一个本地服务器，打开一个3000端口用于运行该项目。本地编译器使用的是VScode，编程语言是HTML、JavaScript、CSS，博客内容采用Markdowm的格式编写。

部分代码如下所示：

  
  

  
  

  
  
  
  
  

            
  

  

  
  

  Loading...
  置顶

  

  

  
  

  
  

  
  

  
  
  
  
  
  
  
  
  
  
  
  
  

  
  

  
  

  
  
  

  
  

  
  


  
  


  
  
  
  

  
  

  
  


  
  

  
  
  

简介：博客网站的文章内容主要有“大学之路”，“蓝桥杯篇”，“软件安装篇”，“开源篇”，“ACM算法修炼”，“学习笔记”六个专栏，目前一共26篇博客文章供学习，后续会发布新的专栏和文章。左侧菜单栏添加了一个模糊搜索组件，可以通过关键字的搜索找到对应的文章，网站最底部申请了Github里的Gitalk接口用来实现评论功能，使用JavaScript实现复制内容立刻出现小弹框的功能，每一页博客的右上角添加了“字数统计”和“阅读时间”小组件，除此之外还有一些其它小组件用于美化整个网站。

 网站的内容展示如下图所示：

1.任务完成情况：

服务器，域名的购买，博客网站前端的搭建，更新博文并成功上线算法博客网站

2.项目目标实现情况：

服务器，域名的购买，博客网站前端的搭建，更新博文并成功上线算法博客网站

3.项目经验总结：

（1）知道如何利用宝塔面板搭建网站站点，并将域名与ip进行绑定

（2）学会了服务器以及域名的购买，以及网站的备案全过程遇到问题并解决问题

（3）在利用X-Shell远程登录阿里云服务器时遇到了很多问题，会充分利用搜索引擎和技术论坛来解决自己所遇到的问题

（4）在网站正式上线之前，先在本地进行搭建和在自己的服务器上部署，先整理好思路再进行开发，会节约很多不必要的时间

（5）在开发的过程中难免会遇到各种问题，我学会了沉下心解决一个个令人头疼的bug，通过这次作业不仅提升了我在开发时解决问题的能力，也锻炼了我的心态，更让我明白了“只有克服重重困难才能赢来胜利的曙光”的道理

4.存在的不足或欠缺：

（1）网站的内容除了博客文章外，还可以继续开发其它功能；

（2）站点目前还未配置ssl证书；

（3）博客文章的内容还不够全面，还需要丰富文章专栏的多样性

个人在项目实施阶段所学习的内容：

（1）前端三件套HTML、JavaScript、CSS
（2）Markdown格式的文档编写

个人在研发过程中的经验与心得：

（1）知道如何利用宝塔面板搭建网站站点，并将域名与ip进行绑定

（2）学会了服务器以及域名的购买，以及网站的备案全过程遇到问题并解决问题

（3）在利用X-Shell远程登录阿里云服务器时遇到了很多问题，会充分利用搜索引擎和技术论坛来解决自己所遇到的问题

（4）在网站正式上线之前，先在本地进行搭建和在自己的服务器上部署，先整理好思路再进行开发，会节约很多不必要的时间

（5）开发的过程中难免会遇到各种问题，我学会了沉下心解决一个个令人头疼的bug，通过这次作业不仅提升了我在开发时解决问题的能力，也锻炼了我的心态，更让我明白了“只有克服重重困难才能赢来胜利的曙光”的道理

（6）一个人开发的过程虽然很艰辛，但网站上线的那一刻真的成就感爆棚

个人在项目中的研发内容与成功：

（项目组成员仅作者一人）

1. 服务器的购买
2. 域名购买
3. 网站开发
4. 博客内容的撰写,博客更新并发布
5. 网站备案
6. 网站上线

文章内容如有错误欢迎指正殺