总结和反思

一、关于博客的主题

这次使用Github + Hexo搭建了一个简单的个人静态博客, 之所以选择Hexo是有以下几个原因：

环境的配置相对来说十分简单，只需要安装Git和Nodejs即可 ~~恰好这两个都有现成的~~
官方文档十分友好, 页面简洁, 清晰简单, 详见https://hexo.io/zh-cn/docs/index.html
使用十分灵活简便, 支持强大的主题和插件系统

二、页面设计

这次采用的主题是Fluid

Fluid是基于Hexo的一款Material Design风格的主题，它有着优雅的颜值，使用Material Design风格突出层次感，但又不失简约，让用户能专注于写作；同时提供大量定制化配置项，使每个用户使用该主题都能具有独特的样式，能够适配手机、平板等设备，包括极端的分辨率都能轻松应对；并且主题中少有的整合了 LaTeX 和 mermaid 的支持。

三、功能实现及技术选择

使用Hexo Admin插件

Hexo Admin 是一个本地在线式文章管理器，可以用直观可视化的方式新建、编辑博客文章、page页面，添加标签、分类等，并且支持剪贴板粘贴图片（自动在source_images_目录中创建文件）,使用方便, 非常适合新手

安装命令: npm install –save hexo-admin
启动服务后访问地址: http://localhost:4000/admin

插件使用界面

使用Gitalk实现评论功能

安装命令

npm install hexo-plugin-gitalk –save

四、样式设计

由于Fluid本身主题足够简约大方，导览也很方便，所以并没有做太多的修改

需要注意的一个点是在md文件中可以通过以下方式来手动截断让首页更加干净简约

成功截断

五、问题及解决方法

1. hexo new新建文件失败

问题描述
修改_config.yml
解决办法
正确显示

2. 上传文件到github时上传到了master, 而不是默认分支main

修改_config.yml，设置的是部署到main分支（我的默认分支），所以将branch设置为main
修改branch为main，注意加冒号

3 出现评论界面但无法评论

问题描述如下：
无法评论

解决办法：
需要建一个仓库专门储存评论（可以直接在Boat2U.github.io中的issues存储评论）,该仓库需要初始化创建一个issue，并且新增一个label名为“Gitalk”
创建完Gitalk标签后，所有的评论都会在该标签下
并且settings - Developer Settings - OAuth Apps下要填入正确的域名
正确复制域名