【个人网站开发 · 记录三】制定开发方案阶段 —— 技术角度分析如何去做一个个人网站

最新推荐文章于 2025-06-18 09:47:05 发布
最新推荐文章于 2025-06-18 09:47:05 发布
阅读量966 收藏 4
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 个人网站 文章标签： 前端 VuePress Gitee
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JZevin/article/details/108868791

前言

当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自己的个人网站。网站上可以有自己的个人介绍，技术博客，项目总结，生活分享等等。简直是COOL ！（面试神器有木有🐶）

在这里插入图片描述
就像上图这样，绝对原创设计，盗图必究！🐶

有了想法就去实现它！这里就做成一个链接合集，记录一下我本次项目的开发历程（有觉悟的童鞋建议跟我一起动手哦）：

🏆 制定开发方案阶段 🏆

文章目录

一. 开发模式分析

1.1 原生开发 or 非原生开发

首先一个项目本身可以根据代码是否原生分为：原生开发和非原生开发。

  • 原生开发
    借助Vue或者React等前端框架开发普通项目一样，需要自己做UI设计的主题开发，基础组件开发；往往工作量很大，后期运维复杂。
  • 非原生开发
    借助现有的开源博客框架（hexo，vuepress，halo，wordpress …）来做二次开发，避免了做重复的底层工作，开发效率更高。

1.2 静态网站 or 动态网站

网站本身也可以细分为：静态网站和动态网站。

  • 静态网站
    开发流程较简单，部署也相对容易，直接绑定好域名，把静态文件放入服务器空间即可，所以占用服务器资源也比较少；
    不足之处就是缺少交互，如用户，评论等交互功能。
  • 动态网站
    工作量大，需要自己完善前后端，服务器，配置繁琐；但是功能相对强大，用户体验较好，便于后期维护。

这样两两搭配就可以得到四种开发方案：

原生开发
（原生Vue / React开发）		 非原生开发
最低0.47元/天 解锁文章

200万优质内容无限畅学
如何精准确定需求?——确定需求是提升产品质量、降低开发成本、优化用户体验的关键环节
AI天才研究院
08-04 1145
确定需求”是提升产品质量、降低开发成本、优化用户体验的关键环节。根据Dave Thomas的定义，需求就是一个想让某人或者某事物达到目的或实现某个功能的目标。在这个过程中，需求通常需要被收集、分析、理解、排序、规划等一系列的活动来制定和完善。需求分析的过程可以帮助业务领域专家更准确地把握产品的发展方向和策略，并最终帮助产品团队提高工作效率、提升产品质量、降低开发成本、优化用户体验。根据项目阶段性需求，通常会分为需求收集、整理、分析、设计、评审、测试几个阶段。
从零开始构建机器学习平台——架构设计、模块拆解及实现方案
AI天才研究院
08-10 1455
概述在当今数据驱动的时代,机器学习已经成为众多行业和领域的核心技术。然而,构建一个完整、高效且可扩展的机器学习平台仍然是一项复杂的工程挑战。从数据收集和预处理,到模型训练、评估和部署,再到持续监控和优化,每个环节都需要精心设计和实现。本文旨在为读者提供一个全面的指南,详细介绍如何从零开始构建一个功能完备的机器学习平台。我们将深入探讨平台的整体架构设计,各个关键模块的功能和实现,以及在实际开发过程中可能遇到的挑战和解决方案。
个人网站开发的思路--转载
Azrael_bs的博客
09-15 884
个人网站开发的思路–转载 一个正规的网站开发，理论上需要一个团队的配合，各自发挥自己的长处，网站需求分析、原型设计、效果图、切图、前台美工、后台代码、算法设计、数据库设计、服务器配置等等一系列的事情，而一个人想面面俱到这些，还是需要花些时间的。所以对一个初学者来说，我的建议是：别管他三七二十一，不是想开发一个网站吗，别管懂不懂，先开发出来一个再说，在开发的过程中，遇到了问题，再找解决方案的过程中，自己获得了学习，等完成了一个网站，乱七八糟的知识也学了一些，有了一个感性的认识，再去系统性的、深入的去学习也不晚
网站开发全记录
fjgysai的专栏
05-18 1122
从开始筹备网站到现在已经有将迟半年的时间，网站终于上线了。中间几经波折，花费的时间比我预想的要长了很多。现在想跟大家分享一下这段时间的建站的经验。首先是网站的主题，因为身边的一些朋友在做网站,自己也在各个站长的网上看了很多站长写的文章，以此从而得出的结论是，做自己感兴趣的东西是很重要的。于是我选择了我喜欢并且熟悉的主题：漫画。刚开始想做的是漫画在线网站，并以此为目标开发。后来虽然改了，但还是关
BT之家1LOU站官网，最新网址永久地址发布页|备用站入口
最新发布
2409_88939367的博客
06-18 1万+
BT之家1LOU站是一个由旧站BTBTT迁移而来的影视资源分享平台，主打“回归初心、追求极简”的理念。该站于2023年12月上线，原名为BT之家，因旧站系统崩溃后无法恢复访问，被迫启用新域名如1LOU、BTBBT、BTBTT等。网站初期以影视资源为核心，提供电影、电视剧、动漫及纪录片的BT种子下载，资源形式多样，涵盖高清、蓝光等画质。其核心优势在于简化操作流程，用户无需注册即可浏览资源，但需注意部分功能（如发帖、账号数据）需重新注册。
记录一下个人网站开发路程。
qq_44419884的博客
01-14 395
好久没写网页了，工作后主要开发hybrid app，小程序也有所接触，对pc端生疏了。 这次打算完整的写pc、移动端自适应的个人网站，以目前的知识点来看，还是挺有挑战的。 经过一段时间的了解，打算用vue+element-ui+node+mysql写web端，如果后面时间允许，还会打算做app端。做个完整的客户端（理想很丰满，显示很骨感）。 这次开发还是更注重代码质量，开发可以慢，质量不能烂。 技...
高效开发 Web 单页应用解决方案
weixin_34245749的博客
05-23 172
于 2017 年初，有在 Github 建立并维护一个项目：Vue Boilerplate Template，欲成就一款开箱即用 Vue + Webpack 的脚手架模版；其目标与宗旨是：根据以往经验提供一些参考，对于如何构建中大型 Vue 项目。这蛮久以来，有坚持维护更新，各项主要依赖库，基本都保持着同步升级；记载这篇文章，即是对关于它的设计做下更全面...
针对新产品（项目）如何制定阶段方案
weixin_47619173的博客
12-15 200
产品同学在日常工作中，应该多多少少有过操刀新产品的经历。不论是高层战略驱使还是自身项目组争取到的资源，从决定要落地的中间阶段其实是非常煎熬的。 没有直接做需求来的直接，更多是考验你对整个项目的熟悉认知程度，包括如何让你们的点子想法落地为产品。今天也是根据自身的经验进行总结，希望能给你一点启发。 从无到有是必经之路 其实网上有很多关于如何从零到一做产品，要经历哪些步骤。在这里我不是觉得这些不重要，也很重要，只是被太多人说反而变成一种八股文。对于作者和读者本身都没有太多帮助，我也反而不太想说这些。 我之
【个人网站开发 · 记录二】UI设计阶段 —— 设计角度分析如何去做一个个人网站
JZevin的博客
09-28 915
文章目录前言一. 需求分析二. UI设计2.1 LOGO设计2.2 色彩搭配2.3 风格基调三. 技术栈选择3.1 动态网站3.1.1 Vue全家桶3.1.1 nginx3.1.1 Vue全家桶3.1.1 Vue全家桶2.2 静态网页1.1 VuePress —— vue驱动的静态网站生成器1.2 VuePress-Creator —— VuePress脚手架1.3 Gitee —— 基于Git的代码托管和协作开发平台 前言 当下的自媒体时代，体现在一个爱折腾的程序猿身上，那么最好的方式莫过于 —— 搭建自
软件开发评审策略：5个案例分析——成功与失败的评审教训
[软件开发评审策略：5个案例分析——成功与失败的评审教训](https://img-blog.csdnimg.cn/24c3d7fd670c4e8fb18a9fd57ecbb487.png) 参考资源链接：[软件开发评审检查表大全]...
网站开发从陌生到了解
weixin_30518397的博客
02-10 238
网站结构 本文知乎链接 作者邮箱：zv_info@163.com 网站开发从陌生到了解 内容说明 适合的读者 背景 大量全新名词 杂乱网络结构 迷茫中尝试 一怒入坑 正文：网站开发结构认知 网站基本结构 网站前端 HTML 超文本标记语言 1989 css 层叠样式表 1996 J...
网站发布时链接地址依然指向本地而不是域名解决方法
05-18
网站发布时链接地址依然指向本地而不是域名解决方法。把该文件放在wwwroot目录下，然后访问该文件。
超漂亮的永久地址发布页PHP源码带后台
02-01
首发永久地址发布页源码带后台，后台可添加友情链接，懂代码的自己修改即可 安装说明： 源码上传后，导入数据库sql.sql 修改 config.php 数据库信息 登录后台：http://你的域名/admin/login.php 后台账号密码：admin admin
网站功能大全 需求分析
03-31 5132
网站所有功能大全上传下载短信息功能财务模块个人空间积分管理推广奖励访问流量统计在线咨询报表导出动态转静态页面（优化提速）留言板智能检索系统会员管理投票功能个人空间 1 文章管理 新建/修改/浏览自已的文章2 基本信息设置功能：设置自己的昵称以及基本资料，上传自己的照片。3 相册图库：收集自己照片4 评论管理：支持评论查看/回复/删除评论5 我的好友：添加/显示好友列表6 栏目设置：添加/删除栏
动态网页技术对比分析
一起去听海
05-24 5614
目前，主流的动态网页技术主要有：ASP,PHP,CGI,JSP等，技术上各有特点。1、JSP与ASP/ASP.NET的比较  JSP与Microsoft的ASP技术非常相似。两者都提供在HTML代码中混合某种程序代码且由语言引擎解释执行程序代码的能力。在ASP或JSP环境下，HTML代码主要负责描述信息的显示方式，而程序代码则用来描述处理逻辑，普通的HTML页面只依赖于Web服务器，而AS
个人网站性能优化经历（8）插件的拓展
exodus3的博客
10-27 389
自己搭建了一个基于SpringBoot+Spring Security+MyBatis+MySQL+Redis+Thymeleaf的博客网站 上线个人云服务器后，发现服务器访问慢。个人服务器是1核2G的，1M宽带，虽然服务器是低配的，但是可以通过优化代码，中间件等手段，来提升性能。 这篇主要讲插件的拓展 自己的网站加上了live2D，天气预报等插件，让自己的网站更加丰富，下面会依次讲讲这些插件是怎么实现的 一、live2D live2D也就是看板娘，是一种嵌入到网页的人物动画，有很多不错的动画效果，效果图如
如何开发一个网站：全面解析与实战指南
API_Zevin的博客
11-25 3726
开发一个网站是一个复杂而有趣的过程。从规划、设计、开发到上线，再到后期的维护与优化，每一步都需要你付出努力与智慧。通过本文的指南，希望你能更全面地了解网站开发的流程与技巧，并成功开发出一个符合你需求的网站。记住，一个好的网站不仅要有美观的界面与实用的功能，还要注重用户体验与安全性。只有这样，你的网站才能在众多竞争者中脱颖而出，成为用户信赖与喜爱的品牌。
手把手教（超详细）：个人如何快速建立一个网站
weixin_43008857的博客
09-27 8283
域名也是由若干部分组成，包括数字和字母。然后登录电子化备案系统，选择新增网站接入按照提示填写相应的资料并且提交，提交后九灵云备案合作商会初次审核你的备案资料，如备案资料无误将会提交管局审核，经过漫长的等待，管局审核通过后会以短信的形式将ICP备案号发送到你的手机上，至此备案结束。在云虚拟机绑定域名后，再进入用户中心->域名->找的已经注册的域名->点击管理->添加解析，并根据云虚拟主机绑定域名的提示，添加一个CNAME的解析记录，并将主机（host）填写成:www，记录值就粘贴刚刚复制下来的一长串网址。
一款好看的新网站发布导航页源码
www_5438xiazai的博客
03-25 7167
https://zijieyunpan.cn/E3aL2UYiZX9
汽车基础软件嵌入式开发过程
03-19
### 汽车基础软件嵌入式开发流程与方法论 汽车基础软件嵌入式开发是一个复杂的工程活动，涵盖了从需求分析到最终产品交付的全过程。以下是关于该主题的具体描述： #### 需求分析阶段 在这一阶段，主要目标是从客户和技术角度定义系统的功能和性能要求。这些需求通常被分解为功能性需求和非功能性需求两部分。为了确保需求的清晰性和可追踪性，在此过程中会采用ASPICE方法论来管理需求文档及其变更记录[^2]。 #### 设计阶段 进入设计阶段后，开发者依据已确认的需求制定详细的软硬件设计方案。对于较为复杂的控制系统或者算法实现，可能会引入基于模型的设计（Model-Based Design, MBD），这种方法能够显著提高效率并减少错误率。MBD允许工程师在一个统一环境中完成系统建模、仿真验证以及自动生成代码等工作流操作。 #### 实现阶段 当完成了初步设计之后，则进入到具体的编码环节即实现阶段。在此期间需要注意遵循既定的标准如MISRA C/C++等编程准则以保障所编写程序的安全可靠特性；另外还需要关注由工具链产生的任何警告信息以便及时修正潜在缺陷[^1][^2]。 #### 测试与集成阶段 最后一步便是全面而深入地对成品进行各项指标检测——单元测试、模块间接口联调直至整车级的功能演示均不可或缺。特别强调的是，在整个生命周期里维持良好的版本控制体系至关重要，它有助于快速定位问题根源所在同时促进团队协作顺畅运行[^3]。 综上所述可以看出，成功的汽车基础软件嵌入式项目离不开严谨科学的方法指导加上高效实用的技术手段相结合共同推进每一个里程碑节点达成预期成果。 ```python # 示例：简单的汽车控制器状态机模拟 class CarControllerStateMachine: def __init__(self): self.state = 'idle' def start(self): if self.state == 'idle': print("Engine started.") self.state = 'running' elif self.state == 'stopped': print("Restarting engine...") self.state = 'running' def stop(self): if self.state != 'stopped': print("Stopping engine.") self.state = 'stopped' controller = CarControllerStateMachine() controller.start() # 输出: Engine started. controller.stop() # 输出: Stopping engine. ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值