主题及其选取原因

框架：Hexo
主题：Tsu
选择原因：结合个人对简洁页面的喜好以及综合实现难易程度

页面布局及其设计思路

以简洁明了为中心，分为Home、Archives、About三部分，具体来说：

Home

呈现所有博客内容，包括多项曾经发表的论文以及现在的工作记录
右边栏是个人形象照以及联系方式等的概要展示
还包括各篇博客Tags的总结

Archives

按照时间顺序记录各条博客的title

About

关于一些自我介绍～

功能实现及其技术选择

功能实现：
·文章修改日期
·目录展示
·时间线自动调整
·在线联系
·分区明确

技术选择：
1、Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。即把用户的markdown文件，按照指定的主题解析成静态网页。
2、使用ejs模板语言，用Javascript代码生成HTML页面。语法简单，执行迅速，易于调试。
3、使用CSS对网页中元素位置的排版进行像素级精确控制，其支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

样式设计及其美学考量

Tsu内容简洁，色调统一，结构清晰。其版式设计有着独特的设计美感形式和原理，通过运用重复与交错、对称与均衡、对比与调和、虚实与留白、变化与统一等形式美构成法则，使观者在接受信息的同时体会到版式设计的形式美感。

制作过程中遇到的问题及其解决方法

搭建步骤

·GitHub创建个人仓库
·安装Git
·安装Node.js
·安装Hexo
·更换主题
·初识MarkDown语法
·发布文章
·个性化设置

问题&解决方案

1、使用npm命令安装Hexo，输入：npm install -g hexo-cli报错，可能是权限不够，前面加sudo即可
2、Hexo常用命令
npm install hexo -g #安装Hexo
npm update hexo -g #升级
hexo init #初始化博客
命令简写
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署
hexo server #Hexo会监视文件变动并自动更新，无须重启服务器
hexo clean #清除缓存，若是网页正常情况下可以忽略这条命令
3、github上传文件命令
$ git init //初始化本地仓库
$ git add README.md //添加README文档
$ git commit -m "你的注释...." //提交到本地仓库，并写一些注释
$ git remote add origin git@github.com:yourname/xxxx.git //连接远程仓库并建了一个名叫origin的别名
$ git push -u origin main //将本地仓库的文件提交到别名为origin的地址的main分支下，-u为第一次提交，需要创建master分支，下次就不需要了