总结说明下,站点有关功能及大致架构分享。。持续更新中,也算是更新日志
截至2021-05-29,站点内容如下:
1、首页:https://humh.cn
首页主要作用,是对常用模块入口的一个汇总。
进入首页,首先渲染的是一个可背景鼠标渲染的彩页,点击“Enter”或下滑箭头均可进入副页。副页是真正意义上的首页。鼠标悬停不同“块”上,可看到不同的文字说明,即模块说明。暂提供如下七大模块。
- blog:个人博客入口,该博客主要负责日常学习和生活的记录,当然页包含一些站点说明等。
- about:比首页更丰富、更有趣的mac终端窗口。涵盖首页的功能,但更全面,包含个人大致介绍、博客、技能、书单、项目、音乐、常用社交圈以及联系方式等等。通过指令键入的这种方式对码友们更加友好,当然非码友,保证正常体验,仅需按照help提示,键盘输入即可!具体页面可摸索。
- guestbook:留言板,尽情吐槽的地方。。
- email:个人联系邮箱,可直接跳转至本地的邮箱客户端。
- projects:个人相关的项目。
- github:github个人主页。github-世界最大的“同性交友圈”!
- other:其他功能,暂空缺,待补充。。。
2、关于页:https://humh.cn/about
一个比首页更丰富、更有趣的mac终端窗口。涵盖首页的功能,但更全面,包含个人大致介绍、博客、技能、书单、项目、音乐、常用社交圈以及联系方式等等。通过指令键入的这种方式对码友们更加友好,当然非码友,保证正常体验,仅需按照help提示,键盘输入即可!具体页面可摸索。
技术说明:
现主页与about页面内容均由github托管(https://github.com/Jump-Boy/Jump-Boy.github.io),通过GitHubPage的方式提供静态服务,然后自定义了域名,同时DNS配置一级域名humh.cn CNAME 至 GitHubPage域名,来达到一级域名访问到的效果。采用这种方式的初衷就是,主页上的内容不涉及动态资源解析,所以想把流量直接从主机上迁出去,毕竟GitHubPage纯免费不香吗?答案,现在看来可能中规中矩,这种方式可能省了流量费用,但毕竟git源站不在国内。。所以有时可能墙掉了,就算没墙,也可能加载速度较慢。。如果您大陆内有主机的话,建议您还是放在主机上,后续我大概率会把主页内容放在oss上,然后cdn加速。
关于GitHubPage的内容,可参考这里:https://blog.humh.cn/?p=519
3、Blog博客:https://blog.humh.cn
Blog主要为本人日常学习与生活的记录。
布局可分为五大部分
左侧:
菜单栏、个人背景以及主题切换。主题切换支持白天和黑夜两种模式。菜单栏为博客内容分类,有些是二级菜单项,可向下展开。 点击 页面左上角按钮即可呼出左侧内容,支持左右互动。
当阅读某一具体文章时,如果文章有菜单,左侧还会加载菜单列表。
右侧:
一键跳到页面顶部按钮、右侧工具栏。右侧工具栏包含一些常用工具,如时间、日历、标签云、最近文章、评论等。
顶部:
提供站内搜索,用于快速检索站内内容。点击页面右上角“放大镜”按钮,输入关键字即可。
中部:
Blog核心内容,提供推荐文章,暂从“code”分类中选出最新的4篇文章。最新则为文章倒叙排列,点击页面底部“加载更多”,可一直刷新加载文章。
底部:
页面每次重新加载,格言会从库中随机更换。Theme是对开源主题作者的支持,同时显示站点备案信息。
技术说明:
Blog基于WordPress脚手架实现,环境LNMP(Linux、Nginx、MySQL、PHP)即可。站点管理及文章撰写,均由后台操作。文章中文件、图片以及视频等资源均采用OSS存储,访问经CDN加速,具有基本防盗限制。
现站点所有资源均https访问。
4、时间轴-里程碑:https://milestone.humh.cn
这个站点主要用于记录我的成长过程,以及一些时间线上发生的重要事件。
当前主页可分为三个功能模块,一个就是“时间”即主页内容。第二就是“归档”,主要可以一键列出整个时间线所有事件,按月归类。
第三就是站点“关于页”,就是关于此站点的一些介绍说明。
站点支持评论。再无其他多余功能,保持简易。
站点技术暂采用typecho搭建,主题为开源stime。
如有什么建议或想吐槽的,欢迎移步留言板bb或底部评论
发表评论