Hexo - Live For Code

Hexo - Live For Code 主题介绍以及使用说明:Hexo主题LiveForCode介绍

公告

目前,jsDelivr **地区的功能已经 恢复正常。如果后续再次出现问题,可以切换 本地的静态资源,保证网站 正常运行

由于主题修改内容比较多,所以计划拆分版本,将当前的内容切换到 release-1.0.0 分支中,后续 master 分支将为 最新版本主题。由于静态资源有些许出入,所以将 CDN 静态资源 仓库同样进行了拆分。使用 1.0.0 版本 主题的小伙伴需要将 主题配置文件 静态资源链接中的 @master 修改为 @release-1.0.0。给大家带来的不便,深表歉意。

资源说明

名称 说明
404 此为主题 404 页面文件
static 此为主题 Style、Script、Font、Image 等静态资源文件
source 此为主题 文章、标签、分类 等模板文件
_config.yml 此为 Hexo 站点配置文件,仅供参考
LiveForCode 此为主题 Live For Code 页面模板等主要内容

提示:
如果在 主题配置文件 中添加新的配置信息,并且想要在 javascript 中使用,那么请将其同步配置到 config.ejs 中。在 javascript 中使用 window.config.xxx 获取对应的配置信息。

如果不想要在 javascript 中使用,或者只是修改 主题配置文件 中的配置信息,则不需要同步配置。

修改说明

  • 2022/07/15
  1. U 修改了首页样式。
  2. U 修改了文章页面样式。
  3. U 修改了 CDN 版本的 主题配置文件 名称。
  4. U 修改了 CDN 版本的 主题配置文件 中的静态资源链接。(说明:由于即将 发布新版本的主题,静态资源有些出入,所以拆分了版本)
  • 2022/06/06
  1. F 修复了 Github Pages 统一跳转到 notes.worstone.cn 的问题。CNAME 文件 需要修改为自己的域名,如果出现此问题,请将内容清空。
  2. F 修复了图片插件不生效的问题。
  3. F 修复了 <blockquote> 标签样式异常的问题。

  1. A 新增了 Hexo主题LiveForCode介绍 文章的相关图片。
  2. D 删除了无用的图片。
  • 2022/05/21
  1. F 修复了网站样式丢失的问题,并提供了多种解决方案。
  2. F 修复了 Valine 相关的问题,将相关设置还原,添加域名判断存在其他问题。
  3. F 修复了归档页面样式问题。

  1. A 新增了 Hexo-Abbrlink 插件,并引入相关设置,引入文章短链接替换日期加文章名称的形式。
  2. A 新增了 Valine Service,引入评论邮件通知功能,以及评论后台管理。
  3. A 新增了 Hexo主题LiveForCode介绍 文章中,关于 Vercel 部署以及 Hexo-Abbrlink 插件相关设置。
  4. U 修改了 Valine 版本,并针对主题样式对其进行调整。
  5. U 修改了静态资源文件引入方式,将其添加到 Hexo 主题目录中的 source 文件夹中。
  • 2022/03/20
  1. F 修复了 Valine 切换国际版 LeanCloud 时,由于域名 us.avoscloud.com 失效导致的 Valine 不可用的问题。需要用户添加 Valine 配置中的 serverURLs,内容为 LeanCloudRequest Domain

  1. A 新增了 Hexo主题LiveForCode介绍 文章中,关于 Valine 的相关问题。
  2. U 修改了 Valine 设置,文章路径 path 新增域名判断,解决文章评论以及留言内容数据异常的问题。
  • 2021/09/30
  1. A 新增了鼠标动画相关内容。该动画效果来源于 @BNDong
  2. U 修改了文章后缀的样式,在 720px 屏幕尺寸设备将隐藏文章后缀。
  • 2021/08/08
  1. F 修复了网页控制台提示的 favicon.ico 404 的问题,实际显示效果没有变化。
  • 2021/08/02
  1. U 修改了 Hexo主题LiveForCode介绍 文章中,Algolia Search 设置中的错误内容。感谢提供信息的小伙伴
  • 2021/07/01
  1. A 新增了 Hexo主题LiveForCode介绍 文章中,Cannot read property 'LongCang' of undefined 问题 以及 标签、分类、归档等页面 404Cannot GET 问题的说明以及解决方案。
  • 2021/05/28
  1. U 修改了网站首页的标题设置,即 <title> 标签内容。现在的网站首页的标题为 站点配置文件 中的 title 属性。
  • 2021/03/31
  1. F 修复了 jsDelivr 超过 50M 失效的问题。

  1. U 修改了相关文件中的 CDN 配置链接,并将主题的静态资源文件提取到单独的仓库中,以便通过 jsDelivr 进行加速。
  2. U 修改了 H5 <video> 中的字幕样式。
  • 2021/03/26
  1. F 修复了设置成 Meting 后,无法加载音乐播放插件的问题。
  • 2021/03/20
  1. A 新增了 友情链接 页面的图片,解决了由于网络原因图片加载失败的问题。
  2. U 修改了 友情链接 页面图片 url
  3. U 修改了 Hexo 配置文件,修改了 use_date_for_updated 属性为 updated_option 以适应高版本的 Hexo,详细信息参考官方文档 日期 / 时间格式
  • 2020/11/20
  1. F 修复了 jsDelivr 超过 50M 失效的问题。

  1. U 修改了 music 文件的位置,将其调整到主题的 source 文件目录下,原位置只保留主题默认的一首歌曲信息。
  2. U 修改了主题中音乐播放器配置中的歌曲信息,修改其访问路径。
  3. U 修改了 Hexo主题LiveForCode介绍 文章中,音乐播放器相关内容。
  • 2020/11/09
  1. F 修复了文章 <ol> 标签样式异常的问题。
  2. F 修复了文章中某些代码块字体大小异常的问题。
  3. F 修复了手机端横屏时,字体大小异常的问题。
  4. F 修复了菜单配置异常的问题。

  1. A 新增了 Hexo主题LiveForCode介绍 文章中,安装主题时 source 文件夹处理的相关内容,解决安装主题后,分类、标签、赞赏等页面出现的 404 情况,十分抱歉给各位带来不好的体验
  2. A 新增了 Hexo主题LiveForCode介绍 文章中,404 错误页面的设置内容。
  3. A 新增了 Hexo主题LiveForCode介绍 文章中,音乐播放器相关内容。
  4. U 修改了 Hexo主题LiveForCode介绍 文章的排版格式。
  • 2020/11/08
  1. A 新增了 APlayer 相关的音乐文件 music,其中包括封面、歌曲以及歌词。
  2. A 新增了 APlayer 相关设置,可以不再依赖 Meting.js 实现音乐播放器功能,并且保留 Meting.js 的实现方式,可以相互切换。
  • 2020/11/05
  1. F 修复了当前 404 页面存在的小问题,例如 404 标题重影问题。

  1. A 新增了 404 页面背景图片。
  2. U 修改了主题 LiveForCode 中的 404 页面原型以及主题中的 404 页面相关文件。适配了手机端样式,以及高分辨率下的样式。
  • 2020/10/22
  1. U 修改了 Hexo主题LiveForCode介绍 文章中关于主题安装部分的错误内容。
  • 2020/09/17
  1. U 修改了菜单样式,适配手机端的 Safari 浏览器。Safari 浏览器在上滑的时候会隐藏底部的工具栏,此时点击工具栏所在区域的链接时,默认触发 底部工具栏显示 的事件,然后触发页面调整,将点击元素内容移出工具栏所在区域,并且阻止元素后续事件。但是当元素样式为 position: fixed 时,底部工具栏显示会直接将元素内容遮盖,并阻止元素后续事件,导致元素无法点击。(ios 13 新的特性,可以将 Safari 浏览器的底部工具栏设置为时刻隐藏的状态,但是这也出现了一个问题,那就是隐藏了工具栏以后,工具栏对应位置的所有 点击事件 失效)
  2. U 修改了 #sidebar 元素的位置,使页面布局更加合理。
  • 2020/09/15
  1. F 修复了菜单滚动条在移动端穿透的问题。
  2. F 修复了查询窗口中的输入框获取焦点时,页面缩放的问题。
  3. F 修复了查询窗口在移动端滚动事件从当前元素中逃逸的问题。
  4. F 修复了移动端搜索窗口在搜索框获得焦点时,body 仍会发生滚动的问题。
  5. F 修复了移动端菜单按钮的图标与单词错位的问题。

  1. A 新增了 iscroll.js 滚动插件,解决查询窗口滚动逃逸的问题。
  2. D 删除了页面中 #sidebar 元素样式。(仅仅是一个盒子元素,没有在页面显示)
  3. D 删除了 optiscroll.js 滚动插件以及对应样式。
  4. D 删除了 jquery.mousewheel.js 插件。(此插件是 mCustomScrollbar.js 插件的依赖插件,之前修改遗漏)
  5. U 修改了文章列表页面阅读统计部分样式,使其响应式效果更佳。
  6. U 修改了菜单的页面结构以及样式,使之可以支持原生的滚动事件。
  • 2020/09/13
  1. A 新增了 word-twoword-three 样式,用于文章信息卡片。文章信息卡片中的信息标题默认为 4 字,如果修改为 2 字或者 3 字,添加对应样式即可。
  2. U 修改了文章页样式,包括:文章标签与分类信息字体、文章信息卡片字体以及信息标题样式。
  3. U 修改了评论列表样式,Valine.js 在没有评论下的字体颜色。
  4. U 修改了文章页图片样式,图片修改为居中放置。
  • 2020/09/12
  1. F 修复了 Valine.js 1.4.14 版本中 获取用户 IP 接口 MIME 类型不匹配错误。
  2. F 修复了代码块换行以及字体大小变化等样式错误。

  1. A 新增了 Hexo 自带的代码高亮配置,因其是通过生成静态页面的时候,直接解析 Markdown 内容,生成对应的代码格式,并通过页面的 Style 文件,实现代码高亮。
  2. A 新增了新的代码高亮样式 normal 以及 night,分别为 Tomorrow Theme 中的 Tomorrow 以及 Tomorrow Night Eighties,稍有修改。
  3. D 删除了 mCustomScrollbar.js 代码块的滚动条插件。(由于 IE 浏览器以及手机端兼容性问题)
  4. D 删除了 highlight.js 代码高亮插件。(由于 highlight.js 插件必须在 javascript 中动态处理代码块高亮,若 Markdown 中的代码块过多,则会导致页面加载速度略慢、客户端性能开销稍大)
  5. U 修改了代码块的样式,固定代码行,设置仅代码内容可以水平滚动。