Mark's blog

主站地址

https://zhouganqing.top

主站的源码使用WTFPL许可证开源

GitHub: https://github.com/Mark-ThinkPad/newbie_blog

Gitee: https://gitee.com/Mark-ThinkPad/newbie_blog (推荐国内用户访问, 速度更快)

现有的使用Hexo with Material X搭建的静态博客转为备用站点

GitHub Pages: https://mark-thinkpad.github.io

Gitee Pages: https://mark-thinkpad.gitee.io (如果上方的站点打开速度慢或者无法访问, 请使用这个站点)

关于主站和备站的更多信息请点击下方的阅读全文



主站更新日志

v0.9.5(第二版)

发布日期: 2019-08-28

代码风格优化

  • python和js中尽量使用单引号, 网页模板中以双引号为主
  • 后端API命名更加整齐规范
  • 更多的强迫症细节

前端细节修改

  • 更多的使用Materialize框架的CSS类和js方法: Document

views.py

base.html

  • footer Copyright年份自动更新
  • footer grid调整
  • 管理员选项迁移到fixed-action-btn中
  • 导航栏使用container自动调整宽度

管理员登录页面

  • 管理员登录页面回车键快速登录(回车触发按钮点击事件)
  • 为了移动端的体验更美观统一, 管理员登录页面弹窗弃用alter, 采用materialize框架中的对话框实现
  • 上述弹窗可以用回车键确认

Admin页面

  • 页面汉化
  • 优化多对多关系的格式化输出

文章上传页面

  • form表单使用grid动态调整宽度
  • input file js校验文件类型
  • 使用ajax实现多选输入的即时新增选项(实为数据对象)
  • 使用H5 sessionStorage 实现刷新后保留输入的数据, 但是之前上传的本地文件需要重新上传

文章模型

  • 支持多作者
  • 博客文章以markdown文件的形式储存

文章预览页面

  • 解决Materialize框架与Editor.md框架在预定义CSS上的冲突

文章二次编辑页面

  • 新增文章二次编辑页面

主页

  • 使用container自动调整宽度
  • 新增侧栏
  • 子页面多重继承网页模板

主页侧栏

  • 新增头像card
  • 新增网站简介card
  • 新增作者/分类/标签card
  • 新增精选项目card
  • 新增友链card
  • 新增音乐播放器card

子页面

  • 新增tags子页面
  • 新增categories子页面
  • 新增authors子页面

.gitignore

  • 忽略所有上传文件

图片上传页面

  • js功能和代码风格优化

图片浏览界面

  • 界面全新设计, 取消原瀑布流方案

v0.9.0(第一版)

发布日期: 2019-03-08

  • 添加移动端导航侧栏
  • 添加管理员登录页面
  • 添加在线图床功能, 包括上传页面和总览页面, 总览页面采用瀑布流方案
  • 文章上传页面采用开源项目Editor.md作为markdown在线编辑器
  • 实现文章点击量的统计和显示
  • 添加读书专栏
  • 添加关于页面
  • 以及个人博客该有的其他基本功能

保留Hexo站点作为备用站点的原因

  • Hexo搭建静态博客方便快捷
  • Material X 主题好看(这才是重点)
  • 维护成本低, 不需要直接支付服务器费用, 也不需要基本的Linux建站和运维能力
  • 历史文章迁移快

 评论