更新日志
· 阅读需 9 分钟
V1.0.1 2020-09-03 08:30:09
- 修复
menuDrawer
在手机端与电脑端的窗口显示问题 - 修复
fullScreen
在手机端依旧显示的问题(i 标签貌似无法使用 flex)
V1.0.0 2020-08-31
V0.6.0 2020-08-30 09:41:11
V0.5.5 2020-08-25 05:12:45
- 完成了菜单导航的 UI 设计
- 完成了列表页的 UI 设计
V0.5.4 2020-08-24 19:53:02
- 修改了登录组件,使之能与评论组件协同(本来想将登陆组件注册为全局组件,但由于该组件本身就依赖其他组件,因此未能成功)
- 基于
analyse
了解到ali-oss-sdk
体积过于庞大,不适合作为前端依赖,意欲使用python
完成ali-oss
的后端工作,但在搭建python
版本的sdk
时,遇到了服务器上环境安装的问题,目前正在提交工单等待解决。
V0.5.3 2020-08-23 14:27:25
- 自定义了
Icons | Containers
的CSS
类,实现了完全的flex
布局 - 解决了
color-mode
文件导航前缀添加不正常的问题,原因是需要使用&
符号表示串联
V0.5.2 2020-08-22 01:32:40
- 研究
@nuxt/i18n
后完善了本地路由(无硬编码) - 实现了菜单-导航的专辑化
- 实现了面包屑,但暂时不打算用于导航,原因是 UI 上不好放
V0.5.1 2020-08-21 13:19:52
- 升级了主页
Valar Dohaeris
的交互形式 - 取消了 Footer 的固定高度,针对 mb 进行了 hidden 优化
V0.5.0 2020-08-21 05:11:47
- 自主研究出一套多语言适配系统,使用体验良好
- 基于以上的多语言系统,完成了整站的多语言配置
- 将菜单抽屉的内容由卡片式改成了手风琴式(最后又改回了卡片)
V0.4.5 2020-08-20 23:29:58
- 研究了
nuxt-content
作者使用的tailwindcss
,十分的赞,决定与element-ui
一起作为接下来的主力 CSS 工具(后续深入了解发现,大家对tailwindcss
的评价不一,而在nuxt
的插件里,排名最高的css
插件是VueBootstrap
,所以目前保持观望态度,暂时继续使用element-ui
+ tailwindcss
)
V0.4.4 2020-08-19 23:19:51
- 头像的登录功能测试完成
- 头像的美化完成
- 简化了语言切换的点击逻辑
V0.4.3 2020-08-19 13:07:06
- 使用 Eslint 规范了所有代码
- 抽离了原主题所有的
menu
相关的代码
V0.4.2 2020-08-19
- 修改了
content-theme-mark/components/global/base/Alert.vue
组件,默认为success
,绿色挺好看的 - 修复了
content-theme-mark/components/global/base/CodeGroup.vue
组件,使之页面启动的时候能够自动显示默认的code block
- 将
content-theme-docs
全部移出到根目录,运行没有大错(少量浏览器警告),这意味着我们完全内化了该主题,这是一个非常值得高兴的信号。 在引入element-ui
的大部分组件后,由于content-theme-docs
内设定的alert
组件与element-ui
的alert
组件冲突,导致异常,现已全部重命名- 后续发现,其实是因为导入组件时,错误地加上了
Vue.use(Message) | Vue.use(MessageBox)
导致的 此外,根据element-ui
官网的指引,我们使用部分导入的方式,最终减少了生成体积 200M 左右可能是错觉
V0.4.1 2020-08-18
- 解决了一些 bug,例如 element-ui 的 drawer 和 content-theme-docs 里的 slug key
- 加入了一个 fullScreen 切换小组件,对 z-index 和组件的布局有了更多的了解
V0.4.0 2020-08-17 22:57:32
- 在深入研究
vuepress
框架继而彻底失望之后,重新拾起nuxt
框架,有了对vuepress
源码研究的基础,很快上手了nuxt
,并深刻感受到了它的强大,项目正式迁移 - 在研究
content-theme-docs
中发现他的main.css
内用的其实是less
语法,这直接导致我的IDE
(WebStorm)一堆报错。。所以修改它的后缀为less
后,安装了less-loader
,项目可以继续成功运行
V0.3.2 2020-08-16 21:16:01
- 深入研究了
markdown-it
的rules
,配置了可用于todo-list
的规则,使todo
页不再丑陋
v0.3.1 2020-08-16 17:06:15
- 花费巨大精力修改了框架的源代码,实现了满意的路由(但打包时也要记得同步),具体是替换
node_modules/@vuepress/core/lib /node/internal-plugins/routes.js
文件中的路由映射
V0.3.0 2020-08-15 23:57:21
- 移植了之前项目的登陆系统,集成到了目前的评论系统中
V0.2.5 2020-08-15 19:49:36
- 仿照 Gitalk 独立设计了一个评论组件
- 仿照 Gitee 重新设计了登录组件
- 对章节命名采取离散法(这样可避免反复修改其他章节以调整章节顺序)
V0.2.4 2020-08-15 01:23:09
- 配置了百度站长统计(不过目前是修改了@vuepress 内的 html,需要研究如何在自定义主题内配置 html)
- 统一了个人信息,以确保卡片的内容足够显示
V0.2.3 2020-08-14 15:51:20
- 完成了考研专辑列表页的卡片设计,使用正则标准化了所有信息字段
V0.2.2 2020-08-14 09:06:49
- 完成了升学专辑文章的所有封面云端化
- 为所有专辑文章加入了 excerpt(说实话这玩意不太智能,还不如直接提取前 100 字呢,就像 gatsby 那样),具体可以见源代码:
node_modules/@vuepress/core/lib/node/Page.js${106}
- 将所有文章封面迁移到了阿里云,并配置了封面专用压缩格式,极其显著地提升了专辑文章列表页的加载速度(单张图片从最大可能十几兆到每张 50k 以内,上百倍提升)。
V0.2.1 2020-08-13 23:49:31
- 关闭了 Markdown 页面的代码行数显示
- 经过反复 debug,大致理解了
locales
和themeConfig.locales
之间的覆盖机制,实现了双语言的配置
V0.2.0 2020-08-13 19:45:05
- 第一次进行打包直接失败,不知道改了源代码哪里导致出现问题
- 重建了一个 vuepress 项目,放弃了之前的主题覆写(直接使用默认),将所有文档图片网络化(方便迁移),再次打包成功~
- 后台使用的 nginx,网址是
blog.nanchuan.sie
V0.1.2 2020-08-13 16:40:31
- 研究了多语言的配置,目前只配置了首页(中+英),由于导航栏和侧边栏对路径的依赖较高,即 vuepress 是路径绑定的,所以暂时不打算继续尝试,某种意义上我不认可这样的国际化配置(怀念 Django,233)
V0.1.1 2020-08-12 15:53:59
- 初始化了 Gitee 仓库,位于:Gitee 地址
- 基于于兄的建议,修改了首页的 title
- 对 nav item 加入
_isAlbum
标识,使用更加系统的方式管理专辑内容 - 为每个 nav item 都加入一个 index.md,使每一项都可以被点击
V0.1.0 2020-08-12 06:51:13
- 完成了基于 vuepress 博客的首页搭建
- 开发了一个基于 markdown-it 的图像编码还原插件
- 规范了考研/留学文章的图片格式