Web基础：记录简单个人网站建站过程

背景

现在的数据和算法工作者，有自己的个人网站总是看起来专业一些的，有利于树立所谓的个人品牌；同时，基本的web开发技巧也是数据工作者不可或缺的技能之一。因此，利用周末建了一个自己的个人网站，这里简单记录一下。

准备工作

之前虽然太忙，但着手做了一些准备工作。

• 在阿里云上买了三年最基础的(1核2G内存）的服务器，类似AWS的EC2，花费227
• 本来计划在godaddy上买域名，后来图便宜在阿里云上买了十年的yuetan.space，在国内买的话就需要去备案了，话费189
• 写几篇日志准备着。(耗时最长，由于网站已经有了却没有素材略尴尬)

建站

需求

在开始做之前当然是规划好需求。

• 由于自己平时python用的最多，所以后端语言选择python。我的Flask和Django大概小学生水平，选择Flask
• 由于日志可能相对较频繁更新，因此要选择markdown格式快速更新输入
• 前端更是幼儿园水平了，但为了增强基础概念，没有选择Hexo主题模式，而是选择html5、js
• 部署还是选择docker和docker-compose

步骤

• 首先是把云服务器安装一些基础。比如git、docker、docker-compose
• 根据以上确定的技术需求，当然是去github找一个相对接近的借鉴一下。我主要借鉴了 https://github.com/john-b-yang/blog-website
• 小修小改一波加上各种调试，跑通即可。其实问题不大，虽然基础薄弱，但改了大概半天之后就也可以跑通了

后续

• nginx
• Disqus/lsso搭建评论系统

效果

• 可以满足包含图片、公式、代码的markdown日志更新
• 满足日志更新后，网站无需操作直接更新。这里通过docker-compose映射来实现。

参考

• Hugo+Github Pages+Github Action博客方案之三