关于 Ocean 使用中的问题 | 数学家

[zhwangart]

https://zhwangart.github.io/2019/07/02/Ocean-Issues/

数学家的 Hexo 博客，用于展示 zhwangart 设计的一款极简、静谧、纯净、轻盈的主题 Ocean。

[andus-top]

支持

[TonyLonga]

请问打开页面好慢是为什么啊？

[TonyLonga]

请问还有那个，语言改了_config.yml 中：language: zh-CN 为啥旁边还是英文 我自己从HTML文件里改过以后，为啥也不显示- -！

[chixiaome]

@AgodMan 请问还有那个，语言改了_config.yml 中：language: zh-CN 为啥旁边还是英文 我自己从HTML文件里改过以后，为啥也不显示- -！

我也是。。。

[Tomatoro]

喜欢这个主题,作者后续会持续更新一些新的功能吗? 或者,一起开发?

[zhwangart]

喜欢这个主题,作者后续会持续更新一些新的功能吗? 或者,一起开发?

非常欢迎一起开发，我是个设计，代码写的很笨～

[zhwangart]

@chixiaome @AgodMan 在 theme/_config.yml 第 2 行开始定义了右侧菜单的显示文字。

[chixiaome]

@AgodMan 请问还有那个，语言改了_config.yml 中：language: zh-CN 为啥旁边还是英文 我自己从HTML文件里改过以后，为啥也不显示- -！

我找到解决方法了，你需要修改他主题里面的配置文件，按照他给的那个修改，其实就是手写的中文。。。。

[chixiaome]

@chixiaome @AgodMan 在theme/_config.yml第2行开始定义了右侧菜单的显示文字。

恩恩，我已经更改了，但是还是有些小问题等等，比如主页文章显示过长，10篇文章不多，但是每篇文章占得位置稍长了。

[adeansHFUT]

gallery页面能否增加翻页功能？谢谢

[wj828]

首页内容是否可以显示部分，然后点击阅读全文

[skywb]

分类可以添加成功， 但是打开分类的界面不显示有哪些分类， 直接跳转url打开分类， 是我设置的问题吗？

[RyanChent]

支持，请问我怎么配置不对呢，404的时候总是不能跳404页面而是Cannot get，网上查了很多都不对

[tinytoots]

你好请问导航栏上方的Hexo图片位置在哪里呀，想更换一下。谢谢你

[zhwangart]

@tinytoots 你好请问导航栏上方的Hexo图片位置在哪里呀，想更换一下。谢谢你

在 source/images/

[wj828]

@tinytoots 你好请问导航栏上方的Hexo图片位置在哪里呀，想更换一下。谢谢你

在 source/images/ 可以直接把favicon.ico替换了

[RunbinPeng]

hexo 4.0，markdown都是utf-8格式的。 在使用search搜索时，发现search.xml中的中文被转换为了HTML实体。 比如markdown被渲染过后的\<p>如上\</p>，在search.xml中变成了\<p>\&#x5982;\&#x4E0A;\</p> 导致在使用search搜索时，搜索结果都是呈现的乱码

网上搜索的乱码问题说的都是编码需要转为utf8，可是我的所有文件都已经是utf8格式的。

这个问题经过查看源码分析后发现既不是hexo-generator-searchdb的问题，也不是博主search.js的问题。 不知是什么原因hexo在解析数据的时候，导致如上的问题。

想了下解决办法，修改了search.js几行代码

      // get the contents from search data
      var _div = document.createElement('div') // 此处修改
      var datas = $("entry", xmlResponse).map(function () {
        // 解决search.xml中的中文被转码为HTML实体的问题,即出现<p>&#x56E0;&#x6B64;&#x4E0A;</p>这样的问题
        _div.innerHTML = $("content", this).text() // 此处修改
        return {
          title: $("title", this).text(),
          content: _div.innerHTML, // 此处修改
          url: $("url", this).text()
        };
      }).get();

以上就是source/js/search.js中的几处小修改，已经解决了乱码问题 希望能帮到有碰到类似问题的朋友。 同时非常感谢博主开源了这个这么好看的主题！

[zjzcc]

@skywb 分类可以添加成功， 但是打开分类的界面不显示有哪些分类， 直接跳转url打开分类， 是我设置的问题吗？ 你这个问题解决了吗？

[yangtf983]

把主页的视频更换为图片后，原来视频上方的文字和图标没有了，请问 有办法 解决吗？

[zhwangart]

把主页的视频更换为图片后，原来视频上方的文字和图标没有了，请问 有办法 解决吗？

我刚测试了下没有任何问题呀，你看看这能不能帮到你：Ocean 首页的视频是否可以换成图片？

[Fanvvv]

小白想请问下为什么用deploy上传到github上，打开以后样式没了，在本地却能显示

[chendifan]

fancybox 没生效，点图片没反应

[zhwangart]

fancybox 没生效，点图片没反应

看下 ocean/_config.yml 中应该是第 30 行位置，是否为 fancybox: true：

# fancybox
fancybox: true

[zhwangart]

小白想请问下为什么用deploy上传到github上，打开以后样式没了，在本地却能显示

检查下页面是否引入 style.css 与 style.css 文件中是否有内容～

[chendifan]

fancybox 没生效，点图片没反应

看下 ocean/_config.yml 中应该是第 30 行位置，是否为 fancybox: true：

# fancybox
fancybox: true

默认就是 true，不起作用，这个插件是图片点击放大没错吧

[zhwangart]

默认就是 true，不起作用，这个插件是图片点击放大没错吧

是那里的图片？post 中的图片没有使用 fancybox 插件，仅在相册中使用了 fancybox

[chendifan]

好吧，是post里的…

发自我的iPhone

在 2020年2月11日，11:48，zhwangart notifications@github.com 写道：

 默认就是 true，不起作用，这个插件是图片点击放大没错吧

是那里的图片？post 中的图片没有使用 fancybox 插件，仅在相册中使用了 fancybox

— You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

[Afcsee]

请问将首页的视频转换为图片并设置不显示overlay之后应该怎样让整个首页完整显示图片呢？我不显示overlay的话首页的图片下面会空出一块，而且我的图片也没有完整显示

[zhwangart]

请问将首页的视频转换为图片并设置不显示overlay之后应该怎样让整个首页完整显示图片呢？我不显示overlay的话首页的图片下面会空出一块，而且我的图片也没有完整显示

1. 图片下面会空出一块，解决方法：ocean/source/css/_partial/layout.styl 中

   .jumbotron
   padding 0
   margin-bottom 3rem   // 这里的数值越小 下边的空白越小
   text-align center

2. 图片完整显示：请尽量使用大尺寸的图片

[Afcsee]

@zhwangart

请问将首页的视频转换为图片并设置不显示overlay之后应该怎样让整个首页完整显示图片呢？我不显示overlay的话首页的图片下面会空出一块，而且我的图片也没有完整显示

1. 图片下面会空出一块，解决方法：ocean/source/css/_partial/layout.styl 中

   .jumbotron
   padding 0
   margin-bottom 3rem   // 这里的数值越小 下边的空白越小
   text-align center

2. 图片完整显示：请尽量使用大尺寸的图片

问题成功解决，感谢作者大大提供这么好看的主题（以及这么细致的文档和解答）

[HLAPSE]

有个小问题,如何把链接的下划线去掉呢，我觉得去掉更好看一些

[zhwangart]

有个小问题,如何把链接的下划线去掉呢，我觉得去掉更好看一些

那需要写个 css 了：

a,a:hover {text-decoration: none;}

[HLAPSE]

@zhwangart

有个小问题,如何把链接的下划线去掉呢，我觉得去掉更好看一些

那需要写个 css 了：

a,a:hover {text-decoration: none;}

大大，这个该写在哪里呢，css小白😂一个

[zhwangart]

大大，这个该写在哪里呢，css小白😂一个

这样，打开 ocean/source/style.styl 修改第 35 行：

a
  color link-color
  &:hover
    color link-hover-color
  &:active
    color link-active-color
  &.disabled
    color disabled-color

为：

a
  color link-color
  text-decoration none
  &:hover
    color link-hover-color
    text-decoration none
  &:active
    color link-active-color
  &.disabled
    color disabled-color

[HLAPSE]

@zhwangart

大大，这个该写在哪里呢，css小白😂一个

这样，打开 ocean/source/style.styl 修改第 35 行：

a
  color link-color
  &:hover
    color link-hover-color
  &:active
    color link-active-color
  &.disabled
    color disabled-color

为：

a
  color link-color
  text-decoration none
  &:hover
    color link-hover-color
    text-decoration none
  &:active
    color link-active-color
  &.disabled
    color disabled-color

哇！！！，太强了，改了后太棒了

不过，我还发现一个问题，就是Toc 文章目录在移动端的使用比较不友好，会导致网页变宽，而文章目录也会挤在一起，窄窄的一道，能不能取消手机上文章目录的显示啊

[zhwangart]

不过，我还发现一个问题，就是Toc 文章目录在移动端的使用比较不友好，会导致网页变宽，而文章目录也会挤在一起，窄窄的一道，能不能取消手机上文章目录的显示啊

移动端已取消 Toc 显示，可能兼容有 bug ，你是在什么手机（多大分辨率）上发现的问题？

[HLAPSE]

@zhwangart

不过，我还发现一个问题，就是Toc 文章目录在移动端的使用比较不友好，会导致网页变宽，而文章目录也会挤在一起，窄窄的一道，能不能取消手机上文章目录的显示啊

移动端已取消 Toc 显示，可能兼容有 bug ，你是在什么手机（多大分辨率）上发现的问题？

红米note7（2340*1080）浏览器使用的是chrome80.0，自带的小米浏览器也能加载出Toc，另外我测试了一下，qq内置的浏览器也可以加载出来

[zhwangart]

@hlapse 红米note7（2340*1080）浏览器使用的是chrome80.0，自带的小米浏览器也能加载出Toc，另外我测试了一下，qq内置的浏览器也可以加载出来

写了 media query 断点 1200像素，当屏幕分辨率大于 1200 像素则显示 Toc ，更新方法：

cd theme/ocean/
git pull

你先前修改的去除下划线如果被覆盖，可能需要你再修改一下～

[HLAPSE]

@zhwangart

@hlapse 红米note7（2340*1080）浏览器使用的是chrome80.0，自带的小米浏览器也能加载出Toc，另外我测试了一下，qq内置的浏览器也可以加载出来

写了 media query 断点 1200像素，当屏幕分辨率大于 1200 像素则显示 Toc ，更新方法：

cd theme/ocean/
git pull

你先前修改的去除下划线如果被覆盖，可能需要你再修改一下～

感谢大大的详细讲解！！！！！

[wellenzheng]

作者大大，为什么不能显示数学公式呀

[Ivan-Mingjr]

请问我这里deploy后，CSS都显示不出来是怎么回事？浏览器里调控台显示css文件和fancybox是404了； 我本地预览时是正常的···

[Afcsee]

作者大大，为什么不能显示数学公式呀

想要显示数学公式的话，这位朋友愿不愿意尝试一下我这几天pr的一点小改动？ 增加对Katex的支持 希望能帮上你的忙。

（顺路问一下作者大大为啥我自从在这里发了言过后，只要这边有人发言我就会收到一封邮件啊🤨

[wangchengming666]

请问首页的文章怎么实现倒序排序啊

[wangchengming666]

请问首页的文章怎么实现倒序排序啊

[Harteyang]

视频替换为图片后手机端无法自适应（长宽比例不固定），能帮你优化下吗？

[goen-kkk]

请问可以在图片下方显示图片名吗？

[hkp4570]

tags页面设置 layout: "tags" 之后tags页面为啥出不来了？

[zhwangart]

请问可以在图片下方显示图片名吗？

目前基于 Hexo 我没有找到方法，如果你有办法的话请告知我一下，我会更新 Ocean ～

[zhwangart]

视频替换为图片后手机端无法自适应（长宽比例不固定），能帮你优化下吗？

你的 URL 提供一下我看下问题出现在哪里？

[zhwangart]

tags页面设置 layout: "tags" 之后tags页面为啥出不来了？

报什么错？