如何从0搭建一个自己的网站

原创 已于 2023-12-19 16:58:39 修改 · 置顶 · 1.1k 阅读 · 17 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#服务器 #运维

于 2023-12-19 16:57:51 首次发布

项目搭建

今天就简单介绍一下我的个人博客整个搭建过程，有兴趣的同学也可以尝试自己去搭建一个属于自己的网站。

前端服务

从github上找一个开源的项目下载下来进行改造，需要有一定的前后端基础，我博客前端用的是开源的项目，界面比较清爽gblog: 轻量Markdown文档博客，特点是简单、简单、简单

后端服务

后端服务是我自己搭建的，mysql表结构需要自己设计，功能比较简单，将前后端服务联调通，能够正常发布浏览博客就行，给大家看一下页面效果。

发布文章

浏览文章

前后端服务搭建开发完成之后，就可以进行下一步了，将服务部署到服务器上。

云服务购买

购买一台云服务器用来发布自己的应用，将你的应用部署到服务器上，通过外网就能访问到。云服务器不用买太贵的，差不多够用就行，新用户都有折扣，我买的是华为云ECS2核2G的服务器，￥88一年，之前买的阿里云，买的两年也是一百多。

华为云服务器

普惠上云专区_云上优选特惠来袭_云服务器_云主机_企业上云-华为云

 腾讯云服务器

腾讯云年末感恩回馈_腾讯云优惠活动

阿里云服务器

阿里云云服务器，质优价更低

服务部署

应用部署

通过docker或者其它方式都可以，部署到你的云服务器上，通过nginx代理到你的前端页面，

可以参考我的另一篇博客：如何将SpringBoot应用通过Docker构建并部署-优快云博客

SSL证书部署

登录 - 腾讯云，登录控制台，找到免费正书进行下载，然后将证书部署到服务器的nginx上，之后就可以通过https协议访问到你的网站了（还需要备案）

域名注册

选购自己喜欢的域名，进行注册购买，下面是各个域名厂商的注册地址，我用的是腾讯云域名注册的。

腾讯云域名选购

域名专场特惠

阿里云域名选购

域名注册_域名批量注册_域名搜索_域名转入-阿里云

域名解析

我购买的是腾讯域名https://memoryab.cn,登录腾讯云控制台进行域名绑定和解析

登录 - 腾讯云

点击解析按钮将你的云服务主机IP添加到里面，确定即可，。

网站备案

登录到控制台登录 - 腾讯云，进行网站备案，需要将你的网站信息和身份信息上传上去进行审批，一般是7-15个工作日左右，网站备案通过之后才能够通过https+域名进行访问哦。通过之后将备案号放到你的网站首页里。

网站效果

大概的过程就是这么多，其中开发的细节占用的比较长，主要是前端部分不太熟，踩了好多坑，最终的效果个人还是比较满意的，就是没有人访问哈哈哈

个人博客网站：memory 欢迎大家参观~

如何在Linux系统从零搭建一个自己的Wiki知识库系统并实现远程共享
私聊前往站内信：https://i.youkuaiyun.com/#/msg/chat/weixin_44976692
05-16 2万+
这样我们就在本地使用Docker搭建了一个wiki的知识库系统，但是目前仅限于本地的访问，如果我们想把创作好的文章内容发给身边的朋友查看，或者需要进行异地访问创作等，接下来我们就可以结合cpolar内网穿透将搭建好的知识库发布至公网进行远程访问。使用上面的Cpolar https公网地址,在任意设备的浏览器进行访问,即可成功看到Wiki.js界面,这样一个公网地址且可以远程访问就创建好了,使用了cpolar的公网域名,无需自己购买云服务器,即可发布到公网进行远程访问！切换至首页，创建主页内容。
手把手教你从0开始搭建个人博客，东半球最详细的保姆级博客搭建部署教程 | 程序员人手必备个人博客网站
华科硕士，大厂打工中。编程问题咨询，请私我
12-07 2496
Hello 小伙伴们大家好，我是雷小帅！ 想象一下你有一个技术博客，然后把网址写在了简历上，面试官点击鼠标打开了这个网站，然后被惊艳了，最后面试的结果你懂得…… 好了，今天的主题就是手把手教大家从零开始搭建一个个人博客，整个搭建过程我保证一分钱都不用花，全部白嫖！ 赶紧开始吧，有点迫不及待了。 目录 环境准备 安装 node.js 安装 docsify-cli 初始化工程目录 本地预览博客网站 定制化 多页文档 添加封面 更换主题 自定义插件 搜索框 字数统计 效果展示
从零开始搭建自己的网站五：登录功能编写
juewang_love的博客
02-01 3771
在之前的文章中，我们已经完成网站的整个框架，今天我们就来实现登录功能。登录功能我会把全部代码都贴出来 1、代码如下，分别是对应LoginController，UserService，UserServiceImpl，UserDao，users_sqlmap.xml，login.html，User @Controller @RequestMapping("/login") public class
从零开始开发一个网站-01搭建环境
weixin_34364071的博客
06-22 244
2019独角兽企业重金招聘Python工程师标准>>> ...
超详细建站教程图解：从0 搭建一个个人网站，超简单适合新手
热门推荐
yundashi168.com
10-09 18万+
注意：文章为早期写的，iswbm.com 的站点已从 wordpress 转到当前的 hugo，下图为 wordpress 的效果LNMP 是 Linux + Nginx + MySQL + PHP 组合的简写。LAMP 的全称是 Linux + Apache + MySQL + PHPLNAMP 的全称是 Linux + Nginx + Apache + MySQL + PHPLinux 是类 Unix 计算机操作系统的统称，是目前最流行的免费操作系统。
全网最详细之从0搭建网站系列，学不会来打我（前端篇1）
qq_41544289的博客
07-21 2939
没有完整写过一整套网站的人可能感受不到，有一个完美的前端框架对于开发来说有多么便捷，因为它可以让你避免冗余的资源引用、不必考虑自适应跟不同分辨率下的展示效果等等，下面我将按照我个人的观点搭建一个对我而言比较不错的前端框架。 1、css框架的选用 css框架能帮你尽量保证不同分辨率下网页能正常展示，这个其实你自己实现也是可以的，根据笔者的经验，如果你这个网站是真的要给用户使用，必须要先做移动端！必须要先做移动端！必须要先做移动端！PC端可以不美观，移动端也可以没有那么多功能，但是必须...
网站搭建策略与方法?新手小白如果零代码搭建一个网站
jiejianyun857的博客
12-13 1501
零代码搭建网站，听起来是不是有点玄乎?其实，现在市面上的各种工具和教程，已经让这个看似复杂的事儿变得简单多了。本文分享一套适合新手小白的网站搭建策略与方法，结合真实案例，让你快速入门。这篇文章不是教你“怎么写代码”，而是手把手带你体验从零到有、实现小目标的全过程!老实说，我一开始听到“零代码建站”这个词时，还真没往心里去——心想没代码?是不是骗人的?后来周围很多朋友，尤其是同学，用了 Wix、Squarespace 甚至 WordPress，就能把自己的小博客、摄影展品页做好，效果还特别棒。
手把手教你搭建一个属于自己的网站-适合零基础小白，文末附网站模板
qq_46788925的博客
08-23 1万+
手把手教你搭建一个属于自己的网站-适合零基础小白写在前面搭建需求功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 写在前面 前段时间休息想着搭一个属于自己的网站，几经尝试终于成功了，网上其实有很多教程，但很多，希望这篇文章能够帮助到
从零开始搭建一个自己的前端脚手架(一)：基础篇
Sophie_U的博客
01-13 5792
文章目录一、前期基础知识1.1 脚手架本质1.2 脚手架工作流程1.3 依赖工具库二、实现输入命令解析三、实现从输入到下载模板的过程四、实现模板替换 一、前期基础知识 1.1 脚手架本质 1.2 脚手架工作流程 解析用户命令—》 commander 根据用户输入替换内容 —》 metalsmith, handlebars 模板 拉取远端模板 —》 download-git-repo 文件操作 —》增删改 fs-extra 结束初始化 1.3 依赖工具库 commander 用于帮助快速
vue2从0到1搭建一个后台管理系统（一）
dd_lcdw的博客
01-18 3420
后续全局设置，利用路由拦截器，在路由跳转前判断用户登录状态（利用token），如果有token就代表用户登录成功并跳转到目标地址，如果没有就强转到登录页面。写这篇的主要目的还是在于梳理项目搭建的思路 and 整理一个后台管理的基础模板方便以后起项目的时候可以快速使用。假设：用户已经登录然后重新输入网址，这时候应该跳转到登录还是首页？（个人想先把项目配置，比如请求封装，路由拦截等搞完再进行Layout搭建）当然是首页，那判断用户登录状态这一步怎么实现？# Mqtt消息服务器连接地址。
搭建个人博客
CarpeDiem
06-06 2468
使用csdn、博客园、掘金平台相比起搭建个人网站就少了很多个性，功能比较局限，不像个人网站，可拓展性很高，比如可以加入外链播放器、天气挂件等等。我还是推荐大家搭建一个属于自己的个人网站。
如何快速搭建自己的博客网站（一）
qq_45833217的博客
01-09 2383
本文为新手在云服务器上简单创建一个自己的博客做一些说明
从零开始搭建个人网站博客
HB12306的博客
11-06 1194
从零开始搭建个人网站博客
如何自己搭建个人网站(自建)？
justmyfreedom的博客
01-09 6891
大家好，我是，逛知乎的时候，经常会被推送问题：如何搭建一个网站？搭建网站为什么有的贵有的便宜？搭建网站选择什么技术比较好？所以闲来无事，针对这些问题，统一整理下回答，写一篇文章和大家进行探讨。这篇文章将着重探讨下自己搭建网站的全部过程，注意，是自己建站，不选择平台什么的。当然，一般像搭建网站的朋友，基本都是学习编程的。想了解的朋友可以看下，可以进行探讨评论。
从零开始开发一个大型网站
hyman.lu
12-20 2万+
从零开始开发一个大型网站 更新：前端代码已全部由TypeScript进行重写 这是本人第一个从零开始开发一个大型网站（前后端+部署代码），是一个内容分享社区，详细信息见github。目前还是开发中后期，随后还要进行优化完善，对某模块感兴趣的可以查看对应的源码。github不仅有部署教程和代码介绍，还附带了本人的开发笔记。 网站临时首页：http://119.23.69.178/ git
从零到独自开发一个网站（后端）
Oliver_web的博客
01-01 4万+
从零到独自开发一个网站（后端） 2015-09-15 16:22:25 本博客采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本博客文章必须也遵循署名-非商业用途-保持一致的创作共用协议 折腾了9个小时终于把服务器架好了，因为uwsgi的不友好，发现了一个比nginx还快的服务器——gunicorn,以前python不易部署，所以被php猛超，但是估计不久，
从零开始搭建自己的网站一：整体步骤
juewang_love的博客
01-04 2万+
之前我的博客内容都是写在优快云上（博客地址），后来玩过GitHub（博客地址）。今天我们从零开始搭建一个属于自己的博客网站，包括服务器，数据库等。 步骤分别为： 1、购买一台云服务器（我购买的阿里云服务器ECS，腾讯云，百度云服务器都是一样的） 2、购买域名（dingyinwu.com），然后绑定到云服务器上。 3、项目代码的完成（用的是Java语言） 项目的结构如下图所示...
从0开始，手把手搭建个人网站
qq_42817747的博客
02-17 4100
文章目录前言一、准备一份html文件二、购买一个云服务器1.比如腾讯云2.进入服务器就行设置1. 可以选择重置个人密码2. 操作服务器3.上传文件4. 安装web服务器软件1. 输入命令行： yum intall nginx2.安装完毕后，通过 netstat -ntlp 查看端口成功被占用3.在地址栏上访问：服务器ip地址，会发现网站被nginx的网站占用了4.进入存放网页的地方，5.成功！总结 前言 10分钟学会搭建个人网站 一、准备一份html文件 html文件随意写点东西 二、购买一个云服.
如何从零打造一个网站，方方面面
liweitsky的专栏
04-17 207
从业有几年了，用过很多技术，学过很多技术，但总觉得缺点什么，是总结，系统的总结整理，所以打算做个网站来一点一滴的整理，这个过程或许会很慢，但绝对不乏味...
从零开始做一个网站需要什么环境吗
最新发布
03-10
<think>好的，用户想了解从零开始创建网站所需的技术环境和准备事项。首先我需要根据提供的引用内容来整理相关信息。引用1提到了微信小程序的资源准备，包括域名备案和SSL证书，这可能和网站搭建也有关系。引用4详细说明了使用nodejs和vue3、koa框架搭建个人网站的环境配置，这应该是核心内容。引用3提到物联网平台的后端服务端、管理端等，可能涉及服务器架构。引用2关于Spring Boot可能对Java用户有帮助，但用户的问题比较通用，可能需要涵盖不同技术栈的选择。 首先，确定用户的需求是搭建网站的环境和准备，可能需要分步骤说明：技术选型、开发环境、服务器资源、域名与SSL、部署流程等。需要涵盖前端、后端、数据库的选择，比如引用4中的nodejs和vue3，也可以提到其他选项如Spring Boot。域名备案和SSL证书在引用1和4都有涉及，必须包括。服务器方面，引用3和4提到了后端服务，可能需要云服务器或虚拟主机。 还要考虑用户可能不了解术语，比如域名备案的具体流程，SSL证书的作用，需要简明解释。另外，是否需要版本控制工具如Git，或者持续集成等，虽然引用里没提，但属于常见准备事项，可以补充。最后生成相关问题，覆盖技术选型、环境搭建、备案流程、部署步骤等，帮助用户进一步探索。</think>### 从零开始创建网站的技术环境与准备事项 #### 一、技术选型 1. **前端框架** 推荐使用$Vue.js$、$React$或$Angular$，例如引用[4]中采用$Vue3$框架实现动态交互。 2. **后端技术** - Node.js生态（如$Koa$或$Express$）适合全栈开发者[^4] - Java技术栈可选择$Spring Boot$，其模块化设计简化了配置流程[^2] 3. **数据库** 根据需求选择$MySQL$（关系型）、$MongoDB$（非关系型）或$Redis$（缓存） #### 二、开发环境搭建 ```bash # Node.js环境示例 npm install -g @vue/cli # 安装Vue脚手架 vue create my-website # 创建前端项目 ``` 需准备： - 代码编辑器（VS Code/WebStorm） - 版本控制系统（Git + GitHub/GitLab） - 包管理工具（npm/yarn/pnpm） #### 三、服务器资源准备 1. **域名与备案** 必须完成域名注册及ICP备案（国内服务器要求），如引用[1]所述流程 2. **SSL证书** 可通过Let's Encrypt申请免费证书或购买商业证书[^1] 3. **云服务器** 推荐配置（初期）： - 1核2GB内存（如阿里云ECS） - Linux系统（Ubuntu/CentOS） - 安装Nginx/Apache作为反向代理 #### 四、部署流程 1. 前端构建：`npm run build`生成静态文件 2. 后端部署： ```bash pm2 start app.js # 使用进程管理工具 ``` 3. 配置Nginx反向代理： ```nginx server { listen 80; server_name yourdomain.com; location / { root /var/www/html; index index.html; } } ``` #### 五、测试与监控 - 功能测试：Jest/Cypress - 性能监控：Prometheus + Grafana - 日志分析：ELK Stack
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Memory_2020

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值