Hcode网站的搭建日记（一）技术介绍和建站准备

前言概述

Hcode网站已经正式运行，本网站由Himit_ZH和Howie协同合作搭建，网站的主旨是“记录编程技术，实现在线功能”

Hcode算是我和Howie所建的第二个网站，上一个网站后端是用Python的Flask框架做后端，Boostrap框架做前端，但是并没有合适的后台管理和美观界面，经过讨论打算换Django框架做后端，django-admin和Simpleui真香 ，本篇文章将总起介绍搭建本网站所用的技术和所需准备。

建站所需

网站前端

1. Hexo的Volantis主题的静态文件。
2. Ajax技术实现阅读量统计。
3. Leancloud+Valine实现评论留言和邮箱提醒。
4. 当然还有必不可少的html5+css+js(jquery)三件套。
5. 在线功能的部分功能页界面使用了Boostrap框架。

网站后端

• 熟悉会使用Python编程技术。
• 基本会使用Python的Django框架。
• 当然功能页的脚本实现需要Python强大的各种外接库和模块。
• 会基本MySQL数据库的建表的DDL和增删改查DML语法，当然用Django框架有专门的数据库模型类增删改查语法。

服务器

本站用的是腾讯云服务器，域名解析，操作系统为Linux系列的Ubuntu，HTTP和反向代理web服务器用的是Nginx。

建站准备

购买服务器

首先肯定是买个云服务器，个人网站建议购买腾讯云的学生套餐，节约持家，再顺便买个域名，因为总不能访问你的网站的时候总是用服务器的IP进行访问，不好记和不符合上网习惯。当然若是打算练练手，使用本地内网访问网站的可以跳过。

配置项目环境

1. 下载安装Python3

官网下载点此

Python安装后的环境配置也得弄好，Pip命令也是一样！

2. 下载安装Pycharm专业版（Professional）

官网下载点此

因为Pycharm专业版有自带的Django项目选择，后续会介绍创建Django项目的流程。

在这里插入图片描述

在这里插入图片描述

3.下载Git Bash

官网下载链接点此

下载这个是为了项目版本控制，还有上传文件或下载文件到远程仓库或服务器，几行命令便可解决，后续会介绍在此次建站中所需的git命令操作。

在这里插入图片描述

4.建立远程仓库

建议使用Coding平台或者Github创建远程仓库项目。

在这里插入图片描述

在这里插入图片描述

5.前端网页的静态文件

Hcode网站用的是Hexo的Volantis主题的静态文件，具体详细过程不介绍了，就是生成此主题的静态文件(html+css+js)，然后自己进行修改，在各html添上Django的模板语言，与后端Django结合起来，成功与后端Django进行数据交互。

Hexo

6.MySQL数据库

MySQL官网下载点此

本机操作系统是什么就选择什么版本的MySQL下载，在安装过程中记住数据库的账号和密码，后续Django与MySQL数据库进行连接配置需要这些信息。

在这里插入图片描述

后续文章目录

后续文章将会介绍本站建设过程中用到技术知识点：

1. Django框架实现最简单的web服务，使用模板语言向前端传数据（Response），接受前端的数据请求（Request）。
2. Django建设数据库模型类与MySQL联系起来，网站后台django-admin的使用与使用Simpleui美化后台管理系统。
3. Ajax如何实现阅读量统计。
4. Git与远程仓库和服务器进行数据传输的一些命令操作，Leancloud+Valine如何实现评论与邮箱提醒。
5. 如何部署Django项目到服务器（Linux）。
6. 有缘更新开源功能页的部分功能的后端Python脚本的代码与简单介绍如何运作。

*以上将由Himit_ZH和Howie后续逐步用各篇文章进行介绍，具体内容皆是以本站创建过程为主体。 *