博客总结与反思
记录第一次搭建博客
博客主题及其选取原因
博客的主题是学习与生活,内容包括了技术总结、论文分享、生活随笔。我选择该主题也是想记录一下日常的学习到了哪些知识,记录下生活的精彩瞬间。日后也会继续更新。
博客页面布局
博客页面主要有五个方面,首页、归档、分类、标签、关于,每个页面主体内容放在正中间,顶部放置背景图片,主题内容两侧根据不同页面有不同的设置,比如文章页面两侧就是文章标题和各段内容标题。
- 首页:博客主体,每篇文章的简要介绍会在首页展示
- 归档:列出了每篇文章标题,及其撰写时间
- 分类:一共有三种类别,技术总结、论文分享、随笔,每篇文章都会有其划分类别,可以在分类中查看每种类别的文章
- 标签:每篇文章会有自定义的标签,这样可以更快的定位到需要的文章
- 关于:该页是我自己的介绍
博客搭建技术
本博客主要采用hexo框架 + markdown,并用git做版本控制。
具体搭建流程如下:
- 实现要保证系统已经安装npm、git
- 安装hexo
- 安装:
npm install -g hexo-cli
- 安装:
- 布置简易hexo
hexo init <folder>
- 安装一些依赖包
npm install
- 更换主题
- 将
_config.yml
配置文件中theme改为fluid
- 将
- hexo的一些常用命令
1
2
3
4hexo clean //用于清理缓存文件
hexo generate //用于生成静态文件
hexo server //用于启动本地服务器
hexo deploy //用于部署网站
这样就将基本博客搭建完成,可以在其中使用markdown格式写文章,也可以用简单的html、css修改样式,创建新页面。
博客样式设计及其美学考量
在使用hexo主题时,也是浏览了很多theme,最终选择了fluid主题样式,我觉着主要原因有以下几点:
- 博客主题设计简洁,同时具有轻快的体验和优雅的颜值
- 博客结构清晰,可以方便的修改一些样式,并且可以根据自身喜好设计一些页面
- 页面整体是上下结构,下方页面再细分左、中、右三个模块,这样的设计很符合美学考量
遇到的困难
- 对git工具不够熟悉,通过本次博客搭建也进一步熟悉了git的使用,具体可看博客文章
- 在安装hexo时,npm和node版本没有对应,导致
npm install
时一直出错,会遇到很多奇怪的错误,最后才发现是版本问题 - 第一次搭建博客,对hexo框架不够熟悉,在写文章时,不会使用其已经实现的功能,还有就是想要添加一些样式和内容可能出现与原有样式冲突。
博客总结与反思
http://example.com/2023/04/01/博客总结与反思/