一、博客主题
博客主题:技术总结
选取原因:一方面是因为写技术博客是一个将所学知识内化之后输出的过程,在此过程中可以加深对技术的理解;另一方面是想通过博客进行一些知识的分享。
二、博客页面布局
本博客主要分为以下几个主要界面:
- 主页:背景全屏平铺,滚动字幕,往下滑动即可查阅所有博客
- 归档:包括所有博客,仅显示文章标题和写作日期
- 分类:分类文章
- 标签:文章中所带有的标签
- 友联:一些友情链接
- 关于我:博客作者介绍
左下角的搜索功能可以通过匹配关键字和文章内容对博客文章进行搜索。
三、博客功能实现及其技术选择
本博客网站采用Hexo框架搭建,选取该框架的主要原因有以下几点:
渲染速度块
Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。
支持markdown
Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。
一键部署
只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台。
可扩展性强
强大的 API 带来无限的可能,与数种模板引擎(EJS,Pug,Nunjucks)和工具(Babel,PostCSS,Less/Sass)轻易集成
四、博客样式以及美学考量
本博客的主题为Ayer,可在Hexo官网的themes中下载。Ayer 是一个干净且优雅的 Hexo 主题,文章内容美观易读,首页封面全屏平铺,扁平化设计,简洁优美。
五、博客制作过程中遇到的问题及其解决方法
1.本地静态博客部署到github上时,出现无法显示的情况,问题出在无法连接到github仓库的http地址,后换为ssh连接,问题即可解决。
deploy:
type: git
repository: git@github.com:Miaheeee/Miaheeee.github.io.git
branch: main
2.博客内无法显示图片