ikeq/hexo-theme-inside

🌈 SPA, Flat and clean theme for Hexo https://blog.oniuo.com/theme-inside

Language: EN 中文

INSIDE

🌈  SPA, Flat and clean theme for Hexo, built with Angular.

Preview

• https://blog.oniuo.com
• https://blog.oniuo.com/post/inside-theme-showcase

Features

• Custom theming
• Built-in Search
• Built-in Disqus
• Flexible plugin mechanism
• Enhanced content display
  • Reward, Copyright notice, Picture zooming
  • Table (headless table, long table)
  • Content addons, out of the box (Collapse, Timeline, Content Crypto)
• Misc
  • PWA (Immersive design, Offline support (workbox))
  • SEO (SSR、sitemap)
  • Print friendly

Quick start

1. Locate to project/ and run

npm install hexo-theme-inside

2. Config project/_config.yml

theme: inside

3. Copy _config.yml to project/_config.inside.yml, see here for full documentation.

Changelog

releases

FAQ

• Where to find front-end source code?

  https://bitbucket.org/ikeq/hexo-theme-inside-ng

License

MIT

hexo-theme-inside's Issues

侧边栏的 search

在配置 menu：下的 Search : /search，出现404。如何显示对应的搜索页面

能不能显示文章阅读数、网站浏览量等统计数据功能？

能不能显示文章阅读数、网站浏览量等统计数据功能？

主题很漂亮，评论系统能不能支持LiveRe？

DISQUS被墙了，就很难受 :(

怎样修改footer

博客部署在coding上，怎样添加

Hosted by Coding Pages

在footer

toc 分级有误

1.存在h4,h5...等标题时，生成的toc有问题。
2.[建议] 能否兼容hexo-abbrlink plugin？

hexo g 报错

ERROR Plugin load failed: hexo-theme-inside
Error: EISDIR: illegal operation on a directory, read
INFO Start processing
FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html
TypeError: Cannot read property 'substring' of undefined
at exports.getPagePath (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\themes\hexo-theme-inside\lib\utils.js:67:44)
at config.routes.locals.pages.map.page (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\themes\hexo-theme-inside\lib\generator\config.js:23:46)
at Model._Query.Query.Query.map (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\warehouse\lib\query.js:229:17)
at Hexo.module.exports (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\themes\hexo-theme-inside\lib\generator\config.js:23:34)
at Hexo.tryCatcher (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\util.js:16:23)
at Hexo. (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\method.js:15:34)
at Promise.map.key (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\hexo\lib\hexo\index.js:336:26)
at tryCatcher (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\util.js:16:23)
at MappingPromiseArray._promiseFulfilled (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\map.js:61:38)
at MappingPromiseArray.PromiseArray._iterate (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\promise_array.js:114:31)
at MappingPromiseArray.init (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\promise_array.js:78:10)
at MappingPromiseArray._asyncInit (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\map.js:30:10)
at _drainQueueStep (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\async.js:142:12)
at _drainQueue (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\async.js:131:9)
at Async._drainQueues (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\async.js:147:5)
at Immediate.Async.drainQueues (C:\Users\Ennis-PC\EnnisWu\EnnisWu-projects\Hexo\node_modules\bluebird\js\release\async.js:17:14)
at runCallback (timers.js:810:20)
at tryOnImmediate (timers.js:768:5)
at processImmediate [as _immediateCallback] (timers.js:745:5)

Not Picking Up Manifest File

The theme is not picking up on the manifest.json file I created.

toc 不显示

关于生成 URL 后缀的一个小问题

以您的博客页面为例，当请求 https://blog.oniuo.com/about 时，实际上会先经过两次 301 跳转 about/，才能正常显示页面（见下图）：

但是如果手动给 URL 加上 /（比如 https://blog.oniuo.com/about/）后访问，就不会有 301 跳转的请求，但地址栏显示的 URL 后缀仍然是不带 / 的（https://blog.oniuo.com/about）（见下图）：

两次 301 跳转对首次进入网站或者刷新页面带来的体验不是很好，请问能否使生成路由的 URL 后缀末尾包含 /，比如直接生成 about 页面的 URL 为 https://blog.oniuo.com/about/ 而不是 https://blog.oniuo.com/about？

由于对 Angular Router 的不了解，我自己尝试改了，但点击就会跳转到 404 页面，希望告知修改方法

添加插件

我想给主题添加aos的页面滚动效果，但是这似乎起不到效果，貌似文章是最是后渲染的。

有什么办法在文章渲染成功后 再加载我的js插件吗

希望能兼容hexo的豆瓣插件

很喜欢作者的主题
插件地址：hexo-douban

有的文章不显示目录

最近新写的文章，都没有这个目录导航。检查了很多地方，没发现原因。请指教！

安装主题后没有内容显示

hi,你好:
感谢你的工作,inside是一个十分漂亮的主题.
在我clone到theme文件夹并按照提示修改配置后,页面只有一张背景图片.请问我应该怎么修复?

It doesn't show any posts

I've been trying to find best looking theme for Hexo, and I fount inside to be the good looking theme, but unfortunately after installing it is showing everything except posts.

发现一个自定义url生成问题

我需改hexo的_config.yml中的permalink，
将其改为：
permalink: :category/:title.html
然后重新生成，查看页面还是“https://域名/post/文章名”
我切换官方自带那个主题，就可以实现“目录/文章名.html”的效果
希望能得到您的指点。

主题很漂亮！是否考虑下评论系统接入 Gitment ？

可以通过 Github 的 “Issue” 系统来管理文章的评论 感觉很直观的说

Plugin load failed: hexo-theme-inside

我是从作者github上克隆的，然后复制在theme下，然后npm运行后，出现插件加载失败，目录无效，但是浏览器能正常打开博客，也没有发现错误。但就是存在那个错误，我有点纠结，然后我翻遍了那个文件，没有找到插件在那个目录，希望得到作者指点一下。
另外今天（2018.11.21）打开作者博客时，提示新浪云资源加载失败。
下面是命令行提示：
`
E:\我的文件\Blog>npm start

[email protected] start E:\我的文件\Blog
hexo g && hexo s

ERROR Plugin load failed: hexo-theme-inside
Error: EISDIR: illegal operation on a directory, read
INFO Start processing
INFO Files loaded in 143 ms
INFO 0 files generated in 39 ms
ERROR Plugin load failed: hexo-theme-inside
Error: EISDIR: illegal operation on a directory, read
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
`

子目录

如果使用子目录发布

url: http://xxxxx/my_blog
root: /my_blog/

会找不到 /api 下的资源，页面死循环

The style of default markdown code block is bad.

I'm back again! XD

You can check this article: https://sh.yorushika.xyz/post/code-of-markdown

The first method of code block(markdown default) looks so terrible!

seo优化

感觉好像不是很好做seo....想了解一下百度收录的情况怎么样

希望加个文章加密功能

因为这款主题不支持Hexo-blog-encrypt 这款插件！>_<

请问如何自定义文章的 URL

比如我的想法是在每个文章的 front matter 添加一个自定义字段：

---
title: Hello World
slug: d77abc78
---

使生成的文章是 post/d77abc78 而不是 post/Hello-World。
因为有些文章的题目是中文的，导致生成的 URL 也是中文的，有些不美观。
请问可以实现吗？

404页面

-1.当存在自己自定义的404页面时,utils.js 会编译不过。

404页面是如何触发的？

以你的Blog为例：关于页面Url为：https://blog.oniuo.com/about

如果此时我访问
https://blog.oniuo.com/about11
这是一个不存在的页面，并不会显示404页面，而是给出

Not Found The requested URL /about1 was not found on this server.

而在coding page部署的博客则会显示coding page的404页面。

怎么样才能使用主题自带的404页面？

两个问题

1. 发现图片放大缩小多次偶尔会卡住。
2. 新版2.2.0主题配置中那个字体url的css内部规则不了解，下边设置项的字体配置都是来源于这个css吗？这里无从下手。

多级分类

嗯。。再问一个问题，😂这个主题支持多级分类嘛，支持的话怎么操作。

文章摘要设置

我在设置page文章的摘要遇到问题了，它没能显示出来，请问是meta的设置吗

---

RSS not available

Wherever I add these lines into /_config.yml or inside/_config.yml:

feed:
  path: atom.xml

The rss share button doesn't appear at all, perhaps I didn't look for it at proper place?

Btw, hexo-generator-feed installed already.

支持图片点击放大

希望加入文章页图片点击放大功能。

代码块使用``` ```时，样式可能会出现错误

当文章中代码使用```包裹时，例如：

```

这里时代码块

```

代码单行长度过长时，在手机端浏览时，代码块并不会以“横拉框”的形式显示，导致页面宽度变的和代码长度一样宽。不能自适应。

而在使用{% codeblock lang:python %} {% endcodeblock %}包裹代码就不会出现该问题。

请问是不是主题配置或hexo配置的原因？

请问一下这个主题不支持hexo-tag-aplayer吗？

主题很好看，但是我的文章里面很多都带了音乐，所以对这个插件的需求有点高。

迷之错误。

第一篇 文章 会出现 Cannot GET /post/hello-world

Where to find front-end source code?

Right here. https://bitbucket.org/ikeq/hexo-theme-inside-ng

Firefox下右下角圆按钮显示错误

Firefox for mac 66.0.5下，右下角圆形按钮内的三个圆点不显示。

控制台报错：

• 解析 r 属性是遇到预期外的的值 .2rem。 main.dcb2507d5003b2c77884.en.js:1:183298
• 解析 cy 属性是遇到预期外的的值 -.8rem。 main.dcb2507d5003b2c77884.en.js:1:183298
• 解析 cy 属性是遇到预期外的的值 .8rem。 main.dcb2507d5003b2c77884.en.js:1:183298

Chrome，Safari均显示正常。

BUG：categroies无法正常删除

首先说明：如果正常删除名称毫不相干的分类的话，是没有问题的，发现bug是因为我做了如下操作：
本来使用了一个名为tech的分类，后来有点强迫症，觉得首字母大写比较好，于是就把所有文章的类别都改为Tech了。然后发现即使重新执行hexo clean、hexo g、命令，也无法删除原来那个小写的tech分类了，猜想或许跟windows平台下大小写不敏感有关。
OS：Windows

代码块的样式问题

https://lilpig.site/post/vscode-command

比如这篇文章，第一个代码块是正常的，第二个就有问题了，但是我看了css也没啥不一样的地方啊，不知道为啥显示会出错。

URL 输入锚链接无法正确定位锚点位置

以你的博客这篇文章为例：https://blog.oniuo.com/post/grunt-beginner。

该文章有一个锚点名为 准备工作。

当在地址栏输入 https://blog.oniuo.com/post/grunt-beginner#准备工作 的时候，应该正确跳转到 准备工作 的锚点位置，即和右侧的菜单点击 准备工作 相同的位置。就像这样：

但实际并不会跳转到指定位置，而是直接跳至文章顶部。

Disable comment section in posts

你好，

如果帖子里面不想要 comments plugin 的话，2.0.1版本帖子底部会显示 Load comments undefined

能否在 config 里面添加一个 comments = false 的选项，或者说，当 comments 被 comment 掉的时候 (e.g., # comments)， 主题就不会出现 Load comments undefined

谢谢！

关于menu专栏文章日期和评论系统

懒得打英文了Orz

目前发现添加进menu里的页面(about, link等等)都没有办法开启评论系统,无论是否添加comments条目

感觉about里加一个评论还好昂,可以拿来当和博主的直接留言.

然后就是日期问题,如果md里没有date表头,那显示的日期固定为文件修改日期.但about啊link啊这种地方应该不需要日期才对Orz

在文章里如何添加codepen

How to install ?

I downloaded release file,rename to inside and copy to my themes but it doesn't show anything
Site link: https://sharp-villani-dc8730.netlify.com/en/

添加搜索功能

主题如果再添加一个搜索功能就完美了

列表页的图片怎么加

列表页的图片怎么加

支持下数学公式

我的尝试的方法

• 增加到inside/layout/index.ejs的<head>

<% if (theme.plugins.mathjax) { %>
    <!-- Edit here -->
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ['\\(','\\)']] } });
    </script>
    <%- js('https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML') %>
<% } %>

• 修改主题配置

plugins:
  mathjax: true

• 修改主配置

mathjax:
  enable: true
  per_page: true
  cdn: https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML

公式插件：hexo-renderer-mathjax 测试网页或

问题：第一次网页打开是不加载公式， 刷新一下才能正确加载

参考

Plugin load failed: hexo-theme-inside

报错如下

ERROR Plugin load failed: hexo-theme-inside
Error: EISDIR: illegal operation on a directory, read
INFO Start processing
FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/docs/troubleshooting.html
TypeError: Cannot read property 'substring' of undefined
at exports.getPagePath (/Users/bingo/Dropbox/Talk2it_D/talk2.it/themes/inside/lib/utils.js:67:44)
at config.routes.locals.pages.map.page (/Users/bingo/Dropbox/Talk2it_D/talk2.it/themes/inside/lib/generator/config.js:23:46)
at Model._Query.Query.Query.map (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/warehouse/lib/query.js:229:17)
at Hexo.module.exports (/Users/bingo/Dropbox/Talk2it_D/talk2.it/themes/inside/lib/generator/config.js:23:34)
at Hexo.tryCatcher (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/util.js:16:23)
at Hexo. (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/method.js:15:34)
at Promise.map.key (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/hexo/lib/hexo/index.js:344:26)
at tryCatcher (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/util.js:16:23)
at MappingPromiseArray._promiseFulfilled (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/map.js:61:38)
at MappingPromiseArray.PromiseArray._iterate (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/promise_array.js:114:31)
at MappingPromiseArray.init (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/promise_array.js:78:10)
at MappingPromiseArray._asyncInit (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/map.js:30:10)
at Async._drainQueue (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/async.js:138:12)
at Async._drainQueues (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/async.js:143:10)
at Immediate.Async.drainQueues [as _onImmediate] (/Users/bingo/Dropbox/Talk2it_D/talk2.it/node_modules/bluebird/js/release/async.js:17:14)
at processImmediate (internal/timers.js:443:21)

主题很赞，遇到了一些小问题

这些问题主要因为自己不会js,css，还望作者大大解决
格式：需求/问题，尝试/描述

• description post摘要无法显示，试了插件hexo-description未生效
• 自定义文章内容的宽度, 替换main.js中max-width=900 生效
• 定义一个在主页显示略缩图的量, 例如pre-thumbnail
• 原生Gist标签插件未生效 ，例如{% gist 5bd5a2f0c126d8f60833973ca4b41749 find_cycle_in_graph.cpp %}
• 修改index.ejs使之支持mathjax公式 修改后index.ejs 遇到的问题：第一次载入网页无法渲染公式需手动刷新，例如从归档页跳转到post , 查了下是Angular无法动态加载第三方脚本
• 与hexo-blog-encrypt不兼容，无法检测到输入回车13
• 与Pandoc兼容不良，文章页目录按钮消失

手机浏览器上发生错位

手机浏览器上看一篇比较长的文章发生错位！
https://blog.xujiaji.com/post/learn-dagger

文章内容目录功能

你好！请问能否增加markdown的[TOC]功能，或者在文章侧边加个目录呢？方便直接看到文章整体结构也可快速定位位置。:laughing:

两个问题

1. 插入一个比较宽的视频，然后发现在小屏上右边出现越界了，视频右边紧靠屏幕边界，没有间隙。

2. 利用markdown编辑，采用键盘上的tab键代替```格式化一段文字，发现某行文字太长没有折行产生越界了，不能左右滑动。

首页加载不出文章

hexo g时提示：
(node:7852) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.