hw_report

主题选择

选择博客主题时，我的目标是在保证博客功能性的前提下，使页面尽量简洁干净。查找相关资料了解到，hexo是一款相当符合我的需求的博客框架平台，hexo可以快速生成博客网站的模板，然后部署博客网站。而Fluid是一款非常简洁舒服的主题，并且可支持的插件非常多，功能也很强大。因此我选择hexo作为基础框架，Fluid作为博客的主题。

技术分享

平台

ARM芯片的MacBook

MacBook中的Git安装与使用

若未安装Homebrew，可以进入官网获取下载链接，下载后配置环境变量，使用echo $SHELL确定终端类型为zsh，在配置文件~/.zshrc种添加环境变量：

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> ~/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

更新Homebrew的依赖包：

brew update

执行brew install git安装Git，安装后配置用户信息

git config --global user.name "mooricAnna"
git config --global user.email "15873008345@163.com"

查看Git版本

git --version

安装npm与node.js

npm自node.js v0.6.x版以后就内嵌在node.js中，所以安装node.js就可以了。MacOS系统推荐使用安装包安装，快速便捷。
1.首先在官网下载MacOS的node.js的安装包
2.像安装其他软件一样安装即可，安装好后在终端查看是否安装成功

npm -v

安装hexo

输入下面的指令安装hexo

npm install -g hexo

进入工作目录，初始化hexo。此处需保证hexo所使用的目录为空

mkdir ~/workspace/opensource_hw && cd ~/workspace/opensource_hw
hexo init

生成测试用的网站

hexo g
hexo s

hexo s是开启本地预览服务，打开浏览器访问 http://localhost:4000 即可看到内容

将hexo部署到github

在github中创建新的repo，名字为网站的名字，并修改本项目目录下的_config.yml文件，修改文件末尾的deploy参数

deploy:
  type: 'git'
  repository: 'https://github.com/mooricAnna/mooricAnna.github.io.git'
  branch: main

设置之后执行如下命令即可将网站部署在github服务器

hexo clean
hexo g
hexo d

若中途出现github密钥认证问题，可参考如下链接
https://zhuanlan.zhihu.com/p/501872439

安装Fluid主题

进入主题repo下载主题：https://github.com/fluid-dev/hexo-theme-fluid

npm install --save hexo-theme-fluid

修改本项目目录下_config.yml中有关主题的参数

language: zh-CN
theme: fluid

然后跟随主题的使用文档进行配置即可：https://fluid-dev.github.io/hexo-fluid-docs/guide/

总结反思

1. Hexo的优点：
   纯静态文件，打开速度快。
   不依赖服务器。直接部署腾讯云 COS，静态站点走 CDN 内容分发。
   内容批量修改很方便。直接在编辑器全局替换就行，不用连数据库更新数据。

2. Hexo的缺点：
   缺少动态页面功能，编写markdown文件虽然简单但也较为枯燥。
   只能依赖nodejs、git环境写博客。

3. 本次作业中存在的问题：
   标签页的配置还不够完善