喜迎国庆节jimmysong.io博客盛装改版

1000 字 | 阅读需要 2 分钟
标签: github-pages 

经过昨天一天的努力,我的博客(https://jimmysong.io) 成功改版,度过一个十分有意义的国庆节。🎈💐👏

更新记录

2017-10-01

  1. 替换了原来的 nixon 主题,使用新的 Beautiful Hugo 主题
  2. 增加 categories,为之前写的所有文章分门别类,并在主页上使用下拉菜单导航
  3. 设计了网站的主页,明确网站的 topic 为 Building Cloud Native Confidence
  4. 使用了 menu 导航,快速进入相关文章列表,暂时规划为如下几个类别:
    • Kubernetes:所有与 kubernetes 相关的文章
    • Cloud Native:非 kubernetes 技术本身的与云原生相关的内容,如 service mesh
    • Container:容器生态、工具和开发
    • Github:开源项目、GitHub Pages、本博客相关的内容
    • DevOps:CI、CD、流程自动化
    • Code:程序设计、代码、编程语言相关
    • Architecture:软件架构
  5. 在导航栏中增加 BooksProjects 内容,为我的书籍和开源项目导航
  6. 优化了文章的标签,并提供标签导航页面
  7. 使用 CDN,优化了网站的加载速度
  8. 删除原有的划分不合理的 blogstalksprojetcs 路径,所有文章都从 posts 路径直接访问
  9. 页面上终于可以看到我的 logo 了,Jimminetes、Kubesong 😂
  10. 将默认的代码高亮插件 highlight 替换为 prism

TODO

  1. 移动设备页面适配问题,手机中打开有些长代码页面会需要缩放
  2. 评论框一直是个问题,现在使用的 Gitment 当文章的 URL 改变后需要重新 initial
  3. 每篇文章的标题显示还需要优化,对齐方式问题
  4. ⚠️文章正文部分的如果在 li 中有超长的使用点号连接起来的长“词”将无法实现分词,将导致移动设备上显示有问题
  5. 在主页中增加受欢迎文章和最新文章的入口,丰富首页功能
  6. 增加主页的个性化banner,并添加 description

注意事项

  1. 尽量不要在文章中直接用文本显示输入超链接,应该使用链接形式,否则对于移动设备的显示会造成不好的影响

2017-10-02

  1. 修复了移动设备适配问题,仅仅在 main.css 中增加了一行代码而已。
.container[role=main] {
    margin-bottom: 50px;
    width: 100%;
    flex: 1 0 auto;
}

增加了一行 width: 100%,问题解决👏

参考

2017-10-03

  1. 修改文章的标题对齐方式为居中对齐
  2. 在文章标题下方增加字数统计、阅读时间建议、文章创建时间记录
  3. 给网站首页增加多张图片做动态banner
  4. 自定义了hello variation为”Hi,I’m Jimmy”,并修改了subtitle
  5. 重新规划了导航栏的下拉菜单顺序

「真诚赞赏,手留余香」

Jimmy Song

真诚赞赏,手留余香

使用微信扫描二维码完成支付

相关推荐

1000 字 | 阅读需要 2 分钟
标签: github-pages 

深入剖析 Kubernetes by 张磊