阿毛
It's me !
想你所想

站点概述

总结说明下,站点有关功能及大致架构分享。。持续更新中,也算是更新日志

截至2021-05-29,站点内容如下:

1、首页:https://humh.cn

首页主要作用,是对常用模块入口的一个汇总。

https://file.blog.humh.cn/2020/05/d2b5ca33bd970f64a6301fa75ae2eb22.png
首页“副页”

进入首页,首先渲染的是一个可背景鼠标渲染的彩页,点击“Enter”或下滑箭头均可进入副页。副页是真正意义上的首页。鼠标悬停不同“块”上,可看到不同的文字说明,即模块说明。暂提供如下七大模块。

  • blog:个人博客入口,该博客主要负责日常学习和生活的记录,当然页包含一些站点说明等。
  • about:比首页更丰富、更有趣的mac终端窗口。涵盖首页的功能,但更全面,包含个人大致介绍、博客、技能、书单、项目、音乐、常用社交圈以及联系方式等等。通过指令键入的这种方式对码友们更加友好,当然非码友,保证正常体验,仅需按照help提示,键盘输入即可!具体页面可摸索。
  • guestbook:留言板,尽情吐槽的地方。。
  • email:个人联系邮箱,可直接跳转至本地的邮箱客户端。
  • projects:个人相关的项目。
  • github:github个人主页。github-世界最大的“同性交友圈”!
  • other:其他功能,暂空缺,待补充。。。

2、关于页:https://humh.cn/about

一个比首页更丰富、更有趣的mac终端窗口。涵盖首页的功能,但更全面,包含个人大致介绍、博客、技能、书单、项目、音乐、常用社交圈以及联系方式等等。通过指令键入的这种方式对码友们更加友好,当然非码友,保证正常体验,仅需按照help提示,键盘输入即可!具体页面可摸索。

https://file.blog.humh.cn/2020/05/d2b5ca33bd970f64a6301fa75ae2eb22-1.png
about

技术说明
现主页与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主要为本人日常学习与生活的记录。
布局可分为五大部分
左侧

https://file.blog.humh.cn/2020/05/d2b5ca33bd970f64a6301fa75ae2eb22-2.png

菜单栏、个人背景以及主题切换。主题切换支持白天和黑夜两种模式。菜单栏为博客内容分类,有些是二级菜单项,可向下展开。 点击 页面左上角按钮即可呼出左侧内容,支持左右互动。
当阅读某一具体文章时,如果文章有菜单,左侧还会加载菜单列表。

右侧

https://file.blog.humh.cn/2020/05/d2b5ca33bd970f64a6301fa75ae2eb22-3.png

一键跳到页面顶部按钮、右侧工具栏。右侧工具栏包含一些常用工具,如时间、日历、标签云、最近文章、评论等。

顶部

https://file.blog.humh.cn/2020/05/d2b5ca33bd970f64a6301fa75ae2eb22-4.png

提供站内搜索,用于快速检索站内内容。点击页面右上角“放大镜”按钮,输入关键字即可。

中部

https://file.blog.humh.cn/2020/05/d2b5ca33bd970f64a6301fa75ae2eb22-5.png

Blog核心内容,提供推荐文章,暂从“code”分类中选出最新的4篇文章。最新则为文章倒叙排列,点击页面底部“加载更多”,可一直刷新加载文章。

底部

https://file.blog.humh.cn/2020/05/d2b5ca33bd970f64a6301fa75ae2eb22-6.png

页面每次重新加载,格言会从库中随机更换。Theme是对开源主题作者的支持,同时显示站点备案信息。

技术说明:

Blog基于WordPress脚手架实现,环境LNMP(Linux、Nginx、MySQL、PHP)即可。站点管理及文章撰写,均由后台操作。文章中文件、图片以及视频等资源均采用OSS存储,访问经CDN加速,具有基本防盗限制。
现站点所有资源均https访问。

4、时间轴-里程碑:https://milestone.humh.cn

这个站点主要用于记录我的成长过程,以及一些时间线上发生的重要事件。

https://file.blog.humh.cn/2021/05/d2b5ca33bd970f64a6301fa75ae2eb22-5.png

当前主页可分为三个功能模块,一个就是“时间”即主页内容。第二就是“归档”,主要可以一键列出整个时间线所有事件,按月归类。

https://file.blog.humh.cn/2021/05/d2b5ca33bd970f64a6301fa75ae2eb22-6.png

第三就是站点“关于页”,就是关于此站点的一些介绍说明。

站点支持评论。再无其他多余功能,保持简易。

站点技术暂采用typecho搭建,主题为开源stime。


如有什么建议或想吐槽的,欢迎移步留言板bb或底部评论 :oops:  :oops: 

humh

文章作者

站长本人,一个憨批!

发表回复

textsms
account_circle
email

想你所想

站点概述
总结说明下,站点有关功能及大致架构分享。。持续更新中,也算是更新日志 截至2021-05-29,站点内容如下: 1、首页:https://humh.cn 首页主要作用,是对常用模块入口的一个汇总…
扫描二维码继续阅读
2020-05-30