自制的博客主站上线了

主站地址

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

• 视图函数中使用视图装饰器: View decorators-Allowed HTTP methods

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建站和运维能力
• 历史文章迁移快