文章简述
5月13号的时候,上线了自己的个人博客网站,随后在平台上发布了一篇关于My-Blog的介绍博客《Docker+SpringBoot+Mybatis+thymeleaf的Java博客系统开源啦》,有几位朋友在浏览网站之后也有私信问过我,个人网站该怎么搭建和上线,当时就有想过会写一篇文章来介绍自己的网站是如何上线的,解答一下几位朋友的疑惑。
但是由于操作过程中可能选择的平台或者方案的差异不可能符合每个人的要求,这个问题就看每个人的个人选择了,我就不在文章中啰嗦了,文章中只是我选择的方案,如果对你有帮助的话那是最好不过了,如果和你所设想的有差异的话,你就再看看其他的教程吧,本文完全是根据My-Blog上线过程来写的。
上线步骤
My-Blog的开发过程就不算在内了,关于上线主要有以下几个步骤:
- 购买云服务器主机
- 购买域名
- ICP备案
- 系统安装及环境配置
- My-Blog安装
- 域名解析及端口映射
购买云服务器主机
目前,云计算近年以每年32%的增长率飞速发展,市场上也是百家争鸣(其实还是那几个大佬),阿里云、腾讯云、网易云....基本都可以提供一整套完善的解决方案,网易进入云计算市场的时间很晚,用户量及规模也远不如阿里云和腾讯云,针对熟悉度而言,本人所接触到的云产品都是阿里云的,因此这次的服务器主机选择的也是阿里云的ECS。
在阿里云购买其云产品之前,首先你要有一个阿里云的账号,阿里云官方网站:https://www.aliyun.com/
,可以到这里先注册一个账号,然后进入管理控制台,大致是这么一个样子:
左边的导航栏中有云服务器ECS选项,进入这个界面:
这里就是ECS的管理界面,如果还没有购买的话,点击页面中的购物车图案即可进入ECS的购买页面:
只截了部分页面,在此购买界面,可以选择服务器的区域、CPU、带宽等配置,根据个人需求进行选择即可,感觉这种个人网站访问量应该也不会很大,因此我是选择购买了一个较低配置的云服务器,确认好配置、设置完服务器的登陆密码之后,点击右下方的立即购买
按钮付款就行了,付款完成后就可以在你的ECS控制台看到你的服务器了。
购买域名
如果你没有自己的域名的话,也可以通过阿里云来购买,同样是在控制台的左侧导航栏中:
点击进入域名管理界面:
点击域名注册,进入域名的查询和购买界面:
确认好你想用的域名没有被注册之后,点击进入购买页面付款即可,有些域名其实还是很便宜的,一顿饭钱不到的样子,购买完域名之后建议去实名认证。
ICP备案
需要提醒大家的是,如果你买了阿里云的服务器,并且想要通过域名访问,那域名是必须要备案的,总结一句:必须先将域名备案,才能通过域名访问阿里云的服务器。
一提到备案,可能你会觉得备案这个事情很麻烦,各种流程啊,手续啊。其实没这么麻烦,步骤其实并不多,只是做一下实名认证以及一些资料的填写,还有一个事情就是办理拍照,阿里云也会免费给你邮寄一块背景幕布,你只需要在家以那块幕布为背景拍一张半身照上传就好,所以不管是个人网站的备案,还是企业网站的备案,都只是时间上的问题,一般备案审核需要二十天左右,我记得当时我在做ICP备案的时候,阿里云那边的客服是一直跟着进度的,有问题也会及时打电话过来确认,所以过程中并没有碰到特别大的阻力,等待一段时间后很顺利的通过了。
在右上方有一个备案栏:
点击即可进入阿里云的备案管理界面:
步骤在图里也做了标注,通过阿里云进行备案的话,先申请一个阿里云的备案服务号,通过后进入备案专区:
先看一下备案详细流程:https://help.aliyun.com/knowledge_detail/36895.html
然后是本页面下方的注意事项:
大致了解了流程后点击开始备案即可,接着就是按照要求填写资料然后耐心等待。
下面是备案完成后的页面,当时备案的时候没有截图,备案过程的图片就没了,可参考阿里云的教程。
系统安装及环境配置
ECS中安装的是centos系统,当然也有其他服务器操作系统,完全按照个人习惯去选择就好了。
接着是一些常用的工具需要安装:
- JRE(1.8)/JDK(1.8)
- MySql
- Nginx
- Maven
- git
- Docker
- docker-compose
- ftp服务
对于以上安装软件,并不是每个都必须要装,我是使用docker-compose启动My-Blog,因此只安装了jre、docker、docker-compose,但是如果是使用非docker方式启动的话,则需要安装MySQL Server;如果你还想要在服务器更新代码并且打包的话,git和maven两个软件也是必须要装的了;如果你想从本地打包并且将jar包或其他文件传到服务器上,那么ftp服务是一定要打开的。上面这些工具是针对My-Blog的,如果是其他web项目的话,可能tomcat或者jetty也是需要安装的。
**各个工具的安装教程我就不写了O(∩_∩)O。**
My-Blog安装
查看My-Blog的wiki文档,里面详细介绍了安装过程,地址:https://github.com/ZHENFENG13/My-Blog/wiki
域名解析及端口映射
域名解析
还是进入域名管理界面:
在你想要解析的域名那栏点击解析,然后进入域名解析界面:
点击添加解析 ,然后添加一条A类型的配置即可,比如My-Blog的网站地址是blog.hanshuai.xin,主机记录填写blog即可,然后是记录值,填写你服务器的IP地址。
端口映射
想要访问到你部署的web资源,还需要做一步操作,比如My-Blog暴露的端口是28080,那么你访问http://blog.hanshuai.xin
是访问不到的,因为http服务的端口是80,所以,要么你把暴露的端口改为80,但是这种改法不灵活,如果你要部署多个网站就完蛋啦,因此最好是安装一个反向代理软件监听80端口,再将请求转发到28080端口,如nginx,或者haproxy。
总结
以上步骤做完之后就完成了网站搭建及上线流程,可以在公网上访问网站了,其实最主要的还是前三步: 购买云服务器主机、购买域名、ICP备案,这三个步骤做完之后,你的网站就有了“合法身份”,后面的部署工作即使在日常开发中也是经常做的事情,因此也没有花太大篇幅去讲,如果文中有错误请提出,我会尽快纠正。
本文是根据自己的个人网站My-Blog来写的,文中所提到的也都是一个月以来的My-Blog上线经历,做一个简单的记录,同时也为了解答当时私信我的几位朋友的问题,希望你们看完之后能有一个简单的答案了。
相关推荐
"personal-hugo-blog"项目是一个基于Hugo框架构建的个人博客模板,旨在帮助用户快速搭建属于自己的博客平台。Hugo是一个用Go语言编写的静态网站生成器,以其高效、简洁和易于使用而受到广大开发者和非开发者喜爱。 ...
- **文件夹创建**:使用命令`mkdir my-site`创建一个文件夹来存放网站文件,其中`my-site`可以根据个人需求命名。 - **进入文件夹**:使用`cd my-site`命令进入刚创建的文件夹。 #### 4. 创建GitHub仓库 - **仓库...
Strapi Conf Admin 模板是专门为Strapi项目设计的一个预配置的管理后台模板。Strapi是一种流行的、开源的内容管理系统框架(CMS),它基于Node.js,适用于快速开发API驱动的Web应用。这个模板使得开发者能够更高效地...
后台管理一开始先开发Django自带的admin到后面会转到Xadmin上 视图先用FunctionView来写逻辑,后面再使用ClassBasedView 数据库在开发环境中先使用SQLITE,最后准备上线前替换为MySQL数据库 文本编辑使用Ckeditor富...
对于开发者而言,微信小程序有统一的开发工具和开发语言,让开发者可以快速地进行开发和调试。 #### 二、微信小程序开发者工具 **1. 开发者工具简介** 微信官方提供了开发者工具,这是一款集成环境,主要用于微信...
在进行Vue项目的开发之前,我们需要搭建一个完整的开发环境,其中包括安装Node.js和集成ElemeUI这个流行的UI组件库。以下是对整个过程的详细步骤和相关知识点的解释。 ### 1. 安装Node.js 首先,你需要在你的计算机...
本说明书将指导你逐步完成从环境搭建到系统上线的整个过程,重点关注JDK的安装、Tomcat的配置以及SQL Server的安装。 1. **准备材料** 在开始部署前,你需要收集以下组件: - JDK 1.7 或更高版本的安装包:Java ...
博客框架是一种专为构建个人或团队博客系统设计的软件架构,它简化了开发过程,让开发者可以快速搭建功能完备的博客平台。对于初学者来说,这样的框架提供了良好的学习基础,帮助他们理解Web应用的基本结构和工作...
- **社交功能**:如博客、微博客、讨论板等。 - **集成工作场所**:集成多种工具和服务,提高工作效率。 - **任务中心**:集中管理个人任务。 - **仪表盘**:展示关键指标和个人文档等。 #### 四、功能介绍 - **...
这个名为“my-story-master”的练手项目,为我们提供了一个绝佳的学习和实践平台,通过它,我们可以深入了解这三者如何协同工作,创建出功能丰富的Web应用程序。 首先,Node.js作为JavaScript运行环境,以其异步非...
6. **部署到GitHub Pages**:创建一个新的GitHub仓库,将`docs`目录下的所有内容推送到仓库的`gh-pages`分支,然后在GitHub设置中启用GitHub Pages,你的文档网站就上线了。 ### 3. 插件系统与增强功能 docsify的...
在本项目中,我们将探讨如何将一个结合这三者技术的项目进行上线部署,并绑定域名。 首先,Vue.js 是一款轻量级的前端框架,它以其响应式的数据绑定和组件化特性而广受欢迎。Vue.js 使得开发者能够快速构建用户界面...
Vue CLI 是 Vue.js 的官方命令行工具,用于快速搭建 Vue.js 项目。Vue CLI 3.x 版本引入了许多改进,使得项目初始化更加便捷。在本文中,我们将深入探讨如何使用 Vue CLI 3.x 快速创建项目,以及在创建过程中涉及的...
【标题】"从头开始制作一个雨果博客:大胆猜测" 在这个项目中,我们将深入探讨如何使用开源静态网站生成器Hugo创建一个个人博客。Hugo以其高效、快速的构建速度和丰富的主题库受到许多开发者和博主的喜爱。通过这次...
总结来说,“myblog:网络博客1.0”是一个集成了Node.js、Express、MongoDB和Mongoose的博客系统,具备强大的内容管理功能。其设计考虑了灵活性、可扩展性和安全性,为用户提供了一个易于维护和个人化的博客平台。...
Hugo博客自动构建是一个高效且灵活的方法,用于创建和管理个人或组织的静态网站。Hugo是一个用Go语言编写的开源静态站点生成器,以其速度、易用性和强大的功能而受到欢迎。在这个“HUGO_blog”项目中,我们将会探讨...
"揭示了这是一个与个人简历相关的项目,可能是求职者为了展示自己的技能和经历而创建的一个在线简历。在IT行业中,这样的简历通常会采用网页的形式,利用HTML、CSS和JavaScript等前端技术来构建,以便在各种设备上...