保姆级搭建网站

如何完全免费的拥有一台自己的可访问的服务器(超详细教程)

第一步

首先,你想要让别人访问你的服务器,就必须先拥有域名,所以,第一步就是获取一个免费的域名,这里推荐(https://www.freenom.com),在里面你可以申请免费的域名,但是这个网站是国外的所以,强烈建议fq访问!!!

  1. 进入freenom网站
  2. 输入你想要的域名(注意输入格式,有坑
    输入格式为xxx,前面千万不要加前缀www,但是后缀可以加,比如。com、.tk等,然后他就会显示可用的域名,如下图:在这里插入图片描述
    这些蓝色的都是显示free,免费的,然后选择一个你想要的域名,点击继续在这里插入图片描述
    点击之后就会你选择的域名就会显示selected,然后点击右上角的checkout继续下一步在这里插入图片描述
    右边点击下拉菜单,选择免费时间12个月 ,选择好之后点击continue继续进入结算页面。
    对了,英文像我一样不太好的小伙伴们可以右键翻译成中文(刚刚忘记说了,狗头保命),这样你阅读起来可能更方便一点。接下来就是输入你的邮箱地址点击左下角的验证按钮进行下一步,他会给你的邮箱发一封邮件让你进行验证。在这里插入图片描述
    点击邮件里的链接进行验证操作
    在这里插入图片描述
    验证信息像我这样填就行,地址啥的随便填,自己设置密码在这里插入图片描述
    填完之后点击完成订单,就会出现订单信息,这样就是购买成功了。在这里插入图片描述
    然后点击下面的转到客户区,进行登录,谷歌账号登录或者用你刚才输入的邮箱账号密码都行。
    在这里插入图片描述
    登录之后点击Services下的 My Domains
    在这里插入图片描述
    这样你就可以看到你购买的域名的信息。显示我的域名是存活的。
    在这里插入图片描述
    域名有了之后那就是搞一台免费的服务器了

获取免费服务器

这里我选择的是三丰云的免费虚拟主机
1、输入网址(https://www.sanfengyun.com),进行注册,按照他的步骤流程来就行
在这里插入图片描述
注册完了之后点击产品里面的免费虚拟主机,开通就行,这样你就拥有了一台免费的虚拟主机,内存不算太大,反正够用就行。如果你不是自己测试而是有比较高的要求的话,那建议你可以去购买比较好点的服务器。

你可以点击虚拟主机去查看你的主机状态
在这里插入图片描述

功能快捷键

现在有了虚拟主机,有了域名,现在要做的就是将域名指向你的服务器,在这中间,还有一个关键的步骤,就是如何去通过域名去找到你的服务器地址呢,这里就关系到DNS解析了,这里还是要回到freenom网站,更改一下你的DNS服务器解析。因为freenom是国外的,所以它对于国内的解析还是挺不友好的。

  1. 进入My Domains界面
    在这里插入图片描述
    进入管理界面
    在这里插入图片描述
    把默认模式改成自定义,选择国内的DNS服务器解析。
    在这里插入图片描述
    里面的servername字母填呢,这里关键来了啊,这里我们需要去一个网站DNSPOD(https://www.dnspod.cn/
    ),没有注册的注册一下,然后点击右上角的管理控制台进行添加域名
    在这里插入图片描述
    进入DNS域名解析模块
    在这里插入图片描述
    点击DNS域名解析,添加你的域名
    在这里插入图片描述
    添加完之后点击你的域名,进入设置界面,这里显示DNS错误是因为我们还没配置完,先不用管他
    在这里插入图片描述
    进入设置界面,把记录值添加到Freenom中的servername中,这里的记录值就是servername名字啦
    在这里插入图片描述
    返回freenom,添加servername(把这里的记录值复制过去就ok了,不要忘记点保存哦)
    在这里插入图片描述
    然后在你的域名设置里面在添加一条记录用于指向你的服务器地址,那么这个地址怎么搞呢,直接填ip地址是没有用的,我的域名都没备案,所以我这里要用到三丰云提供的一个免备案服务,然后把他生成的别名当做地址。看我操作。
    1、进入三丰云官网,打开产品里的免费虚拟主机,左侧有个免备案服务,点击它
    在这里插入图片描述
    输入域名,点击提交,获得别名
    在这里插入图片描述
    提示你添加成功,显示你的域名信息(因为我已经有一个域名了,然后又添加了一条,所以有两条)
    在这里插入图片描述
    复制别名,把别名添加到DNSpod里的记录里
    在这里插入图片描述
    添加完了只有就可以通过域名去访问你的服务器了,如果DNSpod那里还是显示DNS解析错误,那就是前面哪里设置错了,如果servername没设置错,也有可能是还没生效,等一等在刷新
    在这里插入图片描述
    打开cmd,ping 一下你的域名看看是否能否ping通,格式:ping www.xxxx.tk
    在这里插入图片描述
    如果指向的是你的别名并且ping通了,那就成功了,接下来访问一下我的域名(我自己写了个简单的网站传到了我的虚拟主机中)访问成功,大工告成。
    在这里插入图片描述

最后强调一遍,freenom最好是fq访问,fq访问,fq访问,重要的事情强调三遍!!!不然太太太…太…太慢了。

### 使用 VitePress 搭建网站的详细教程 #### 1. 初始化项目环境 在开始之前,确保已安装 Node.js 和 npm/yarn。进入目标文件夹后初始化一个新的 npm 项目: ```bash npm init -y ``` #### 2. 安装 VitePress 通过以下命令全局或本地安装 VitePress: ```bash npm install vitepress --save-dev ``` #### 3. 创建文档目录 在项目的根目录下创建 `docs` 文件夹,并在其内部添加一个基础的 Markdown 文件作为首页入口(通常是 `README.md` 或其他命名)。 #### 4. 启动开发服务器 使用如下命令启动开发服务器,在浏览器中打开指定地址可以预览效果[^1]。 ```bash npx vitepress dev docs ``` 此时,默认情况下开发服务器会运行于 `http://localhost:5173/` 地址上[^2]。 #### 5. 配置基本路由与页面结构 Markdown 文件会被自动解析为对应的 HTML 页面路径。例如,如果存在 `/docs/guide/getting-started.md` 这样的文件,则可以通过访问 `/guide/getting-started.html` 查看其内容。 #### 6. 编写内容及组件支持 利用标准 Markdown 语法撰写文章的同时还可以嵌入 Vue 自定义组件来扩展功能。这使得开发者能够灵活地设计交互性强的内容区域而无需离开熟悉的工具链之外寻找解决方案。 #### 7. 主题定制化选项 对于希望调整外观样式的用户来说,VitePress 提供了一个内置的主题系统允许修改配色方案、字体大小以及其他视觉属性等参数设置方法详见官方文档关于 **默认主题配置**部分说明. #### 8. 添加评论插件 (Disqus) 为了增加互动性, 可考虑集成第三方服务如 Disqus 来实现留言区的功能. - 注册并登录至 [Disqus](https://disqus.com/) 平台完成账号建立过程; - 新增站点获取 unique shortname 值以便后续引用时调用相应 API 接口[^3]; 最后按照具体需求编辑前端模板代码片段引入必要的 JavaScript 脚本从而激活在线讨论版块. #### 9. 构建生产版本 & 发布流程概述 当所有准备工作完成后就可以执行构建操作生成静态资源包用于上线发布: ```bash npx vitepress build docs ``` 生成后的产物通常位于 `.vitepress/dist` 子目录内. 根据所选托管平台的要求上传这些文件即完成了整个部署环节的工作. --- ### 注意事项 上述指导涵盖了从零起步直至最终成品发布的全过程要点介绍; 实际应用过程中可能还会遇到更多个性化场景需自行查阅相关资料深入研究解决办法.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值