在搭建我的插画博主网站之初,我并没有预见到这个过程会如此充满挑战。从一个简单的个人展示页面到最终的功能完善,每一步都充满了各种意想不到的曲折。以下是我在这段旅程中的一些实际记录和心得。
一开始,我面临的最大问题是环境配置。作为一个初学者,我试图使用多种工具来简化建站过程,但每次尝试都遇到了兼容性问题。例如,我尝试过使用WordPress作为平台,但由于服务器环境的限制,WordPress的一些插件无法正常运行。这让我意识到,选择一个合适的建站环境并不像想象中那么简单。
为了解决这个问题,我开始研究各种建站平台和框架。最终,我选择了基于静态网站的解决方案——使用Jekyll结合GitHub Pages。这个选择的主要依据是它的轻量级、易于配置以及与GitHub的无缝集成。虽然这需要一些基本的编程知识,但考虑到长期维护的便捷性,我认为这是一个合理的妥协。
在搭建初期结构时,我的规划并不稳定。最初,我打算创建一个简单的单页面网站,但随着时间的推移和内容的增多,我发现这种结构已经无法满足需求。于是我开始调整布局,添加了多个页面以展示不同的作品集和信息。
在这个过程中,我遇到了另一个问题:如何让网站既美观又实用?为了实现这一点,我使用了Bootstrap框架来确保网站在不同设备上都有良好的响应式设计。同时,我也学习了一些基本的CSS技巧来定制样式表。
以下是我使用Bootstrap框架时的一段代码示例:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>插画博主个人网站</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<!-- 页面内容 -->
...
</div>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>
当然,这个过程并不是一帆风顺的。虽然Bootstrap帮助我解决了响应式设计的问题,但在某些细节上仍然存在优化空间。例如,图片懒加载功能的实现需要额外编写JavaScript代码。
在网站搭建的过程中还有一些细节问题需要后续处理。比如优化网站的加载速度、提高搜索引擎排名等。这些问题都需要我在后续的时间里逐一解决。
总的来说,虽然我在搭建插画博主网站的过程中遇到了不少挑战和困难,但通过不断学习和调整策略,我终于完成了一个功能基本完善的个人平台。这个过程让我深刻体会到建站并非易事,但也让我收获了宝贵的经验和技术能力。
尽管如此,我对这个项目的满意度仍然有限。我知道还有很多地方可以改进和完善。未来我会继续努力优化我的网站性能和用户体验。在这个过程中不断学习和成长才是我最宝贵的收获吧!