建站流程

根据需求选择合适的服务器

• Github.io仓库

  只提供静态网页的服务

  免费

• 云服务器

  腾讯云、阿里云等

  优点是可以借助php JavaWeb .Net等技术动态生成网页

  可以通过网页api处理更多的数据

  推荐使用Wordpress+ Sakura主题

  缺点是配置比较麻烦，可能需要学习php，

  需要经济基础

笔者是学生无论是经济状况和需求都有限

于是选择了Github的网站仓库作为载体

事实上笔者也曾尝试过腾讯云的学生套餐(30￥/月)+Wordpress制作网站作为生日礼物，然而由于高三学习任务而放弃了更新

If 自租云服务器

某乎上已经有wordpress sakura 众多完备优秀的教程，这里不再赘述

Wordpress + Sakura 站点效果

If 使用Github仓库

创建Github网页仓库

1. 拥有一个github账号 这里注册-> Join GitHub · GitHub

2. 登录后创建github仓库 [你的账户名].github.io

   例如笔者需要创建 MilkBlock.github.io (点击Your repsitories 进入仓库栏)

3. 注意Repository name 是固定格式

其他不用修改

使用Hexo来生成网页文件

众所周知静态网页文件通常是html文件，然而html文件却编写复杂，因此将便于书写的Markdown转化为html的方法应运而生

人生苦短，我用Hexo

1. 安装node.js

   强大的包管理器npm正是其中一个feature

2. 如上图所示在添加环境变量后进入cmd执行

   npm install hexo-cli -g

然而仅仅是框架是不够的，我们尚且需要合适的主题为其增姿添彩

在Hexo基础上使用 fluid 主题

笔者强烈推荐使用 Hexo-fluid 主题

其安装方式请去此站 hexo-theme-fluid: 一款 Material Design 风格的 Hexo 主题

其中完善的用户文档是最为重要的一点。

• 图片懒加载
• 自定义代码高亮方案
• 内置多语言
• 支持多款评论插件
• 支持使用数据文件存放配置
• 自定义静态资源 CDN
• 无比详实的用户文档 Hexo Fluid 用户手册 (fluid-dev.com)
• 内置文章搜索
• 页脚备案信息
• 网页访问统计
• 支持 LaTeX 数学公式
• 支持 mermaid 流程图
• 音乐播放器