Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

主题配置说明(补) #46

Open
ZEROKISEKI opened this issue Dec 23, 2018 · 53 comments
Open

主题配置说明(补) #46

ZEROKISEKI opened this issue Dec 23, 2018 · 53 comments
Assignees
Labels

Comments

@ZEROKISEKI
Copy link
Owner

ZEROKISEKI commented Dec 23, 2018

这里将会将主题进行新修改的配置部分进行说明。

@ZEROKISEKI
Copy link
Owner Author

ZEROKISEKI commented Dec 23, 2018

2018-12-23 17 17 58

上面图中的文字由markdown文章的preview_text前缀决定:

2018-12-23 17 27 29

前缀可以采用<br/>的形式进行换行,不能按回车换行。

如果没有设置preview_text的话,默认使用<!--more-->之前的内容(即excerpt)作为preview_text

@ZEROKISEKI
Copy link
Owner Author

修复搜索页面统计评论错误,没有显示标签和阅读热度的问题:

使用者要在hexo根目录的_config.yml下增加以下配置:

jsonContent:
  dateFormat: MM-DD
  pages:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    preview: true
  posts:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    tags: [{
        name: tag.name,
        slug: tag.slug,
        permalink: tag.permalink
    }]
    preview: true

@520wsl
Copy link

520wsl commented Dec 31, 2018

中文命名的文章 打不开
url 路径被编码了 匹配不到文章

http://www.oschina.520wsl.com/

http://www.oschina.520wsl.com/2018/12/29/git%20%E5%AE%8C%E6%95%B4%E6%93%8D%E4%BD%9C%E6%B5%81%E7%A8%8B/

求大神指导。。。。

@ZEROKISEKI
Copy link
Owner Author

ZEROKISEKI commented Dec 31, 2018

@520wsl 可以用hexo-abbrlink解决,hexo站点安装hexo-abbrlink:

npm install hexo-abbrlink --save

在hexo站点根目录_config.yml修改permalink: :year/:month/:day/:title/配置为:

permalink: posts/:abbrlink/        // 官方示例,也可以permalink: :year/:month/:day/:abbrlink/

在hexo站点根目录_config.yml添加配置:

abbrlink:
  alg: crc32  #support crc16(default) and crc32
  rep: hex    #support dec(default) and hex

具体内容看上面那个github项目的说明。

@ZEROKISEKI
Copy link
Owner Author

ZEROKISEKI commented Dec 31, 2018

在主题_config.yml增加了代码高亮风格选择:

2018-12-31 14 12 17

高亮风格代码均来自于highlight.js

另外,hexo代码高亮的markdown写法可以参考如何让hexo代码高亮?

This was referenced Dec 31, 2018
@520wsl
Copy link

520wsl commented Jan 2, 2019

@520wsl 可以用hexo-abbrlink解决,hexo站点安装hexo-abbrlink:

npm install hexo-abbrlink --save

在hexo站点根目录_config.yml修改permalink: :year/:month/:day/:title/配置为:

permalink: posts/:abbrlink/        // 官方示例,也可以permalink: :year/:month/:day/:abbrlink/

在hexo站点根目录_config.yml添加配置:

abbrlink:
  alg: crc32  #support crc16(default) and crc32
  rep: hex    #support dec(default) and hex

具体内容看上面那个github项目的说明。

好的

@NENCAO
Copy link

NENCAO commented Jan 7, 2019

(´ཀ`」 ∠)
高亮还是不行...
反引号 +语言 阵亡
代码块写法 阵亡
渲染的 class keyword前面加上hljs- 阵亡
是我使用的姿势不对吗

123.png

TIM截图20190107090009.png

TIM截图20190107090024.png

yml.png

yml2.png

@feijian123456
Copy link

feijian123456 commented Jan 7, 2019

@NENCAO 是c++还是cplus?测试一下javascript的代码呢?这个class前面应该是没有hljs-的

@NENCAO
Copy link

NENCAO commented Jan 7, 2019

@NENCAO 是c++还是cplus?测试一下javascript的代码呢?这个class前面应该是没有hljs-的

不论有hljs 还是 没有 都没有高亮
声明为任何语言都不认识...

@feijian123456
Copy link

feijian123456 commented Jan 7, 2019

@NENCAO 你是直接在_config.yml改了而已吗?有没有git pull将主题的最新代码拉下来?

@NENCAO
Copy link

NENCAO commented Jan 7, 2019

@feijian123456 _(:з」∠)_必须是重新拉的呀... 原来的库我都删了

@ZEROKISEKI
Copy link
Owner Author

ZEROKISEKI commented Jan 7, 2019

@NENCAOhexo g生成的public文件夹中的css中的highlight.css是不是空的?尝试hexo clean清除一下.

@NENCAO
Copy link

NENCAO commented Jan 7, 2019

@ZEROKISEKI 真的是空的... 但是clean后 多次尝试生成后 highlight.css依然是空的..

@ZEROKISEKI
Copy link
Owner Author

我把highlight.scss换成了_highlight.scss了,可以重新拉下主题再生成一遍

@NENCAO
Copy link

NENCAO commented Jan 7, 2019

@ZEROKISEKI (´ཀ`」 ∠) 这次highlight.css 都不生成了

@ZEROKISEKI
Copy link
Owner Author

ZEROKISEKI commented Jan 7, 2019

@NENCAO 那是因为集成在style.css中,你可以看看style.css有没有highlight相关的样式代码(像.highlight{color:#333;background:#f8f8f8}这样的)

@NENCAO
Copy link

NENCAO commented Jan 7, 2019

@ZEROKISEKI
找到了这些 网页上虽然有 keyword这样的标签 但是依然没有渲染效果

.highlight{overflow:auto;padding:0;border-radius:4px;margin-top:10px;line-height:1.6;font-size:13px}.content-article
.highlight::-webkit-scrollbar{width:0;height:0;background-color:#ddd}.content-article .highlight::-webkit-scrollbar-track{border-radius:10px;background-color:#ddd}.content-article
.highlight::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ddd}.content-article
.highlight table{width:100%}.content-article
.highlight table pre{border:0;border-radius:0;line-height:1.6;font-size:13px}.content-article ul,

@ZEROKISEKI
Copy link
Owner Author

@NENCAO 看来_highlight.scss的内容没渲染进去,你看一下hexo g生成的输出过程中有没有什么错误提示之类的

@NENCAO
Copy link

NENCAO commented Jan 7, 2019

@ZEROKISEKI
没有报错 关于CSS生成的信息就这几个
INFO Generated: css/style.css
INFO Generated: css/aos.css
INFO Generated: js/highslide/highslide.css
INFO Generated: js/highslide/highslide-ie6.css
INFO Generated: css/bootstrap.min.css

@ZEROKISEKI
Copy link
Owner Author

@NENCAO 我试着用官方的hexo-theme-unit-test进行测试,结果是没问题的...,可以尝试重新rebuild一下你的hexo站点目录...,另外确认一下你的hexo版本是不是3.x

@NENCAO
Copy link

NENCAO commented Jan 7, 2019

@ZEROKISEKI (´ཀ`」 ∠)
rebuild后换别的主题测试 高亮就可以...
测试 hexo-theme-shana jsimple landscape 没有问题
版本 3.8.0 不知道是啥问题
ε=(´ο`*)))唉 看来用不了这个主题了

@liaochenlanruo
Copy link

liaochenlanruo commented Feb 8, 2019

想要把侧边栏的热门标签、友情链接和个人链接调整到热门文章的上面,请问如何实现,谢谢!
已经解决!

@zuihoudehuhuan
Copy link

请问你的主题配置里的预览图片是这样配置的吗
preview:xxxx.jpg

感觉没有作用的样子,我想每个文章配置不同的预图片

@liaochenlanruo
Copy link

请问你的主题配置里的预览图片是这样配置的吗
预览:xxxx.jpg

感觉没有作用的样子,我想每个文章配置不同的预图片


title: 微生物基因组学培训活动落幕
comments: true
categories: 活动
tags: 培训
abbrlink: 62466
date: 2017-07-24 21:22:43
preview: /imgs/news/湖北省名师工作室主持人孙明教授致辞.JPG

***像我这样配置,记得空格

@zuihoudehuhuan
Copy link

zuihoudehuhuan commented Mar 31, 2019 via email

@zuihoudehuhuan
Copy link

当我把修改root为/home/时。站内搜索功能就无效了,这个怎么配置?
url: http://gameheaven.coding.me/home
root: /home/(修改成/home/站内搜索就没有作用了,怎么配置?)

@MNilfheim
Copy link

请问站点图标是怎么设置的。。【捂脸】

@lllqf
Copy link

lllqf commented Jul 3, 2019

添加gitment提示Error: Bad credentials 怎么办。。。

@TyranitarX
Copy link

请问MathJax解析公式显示可以配置吗,百度了好多方法都不太行 唔

@liziyang1998
Copy link

请问MathJax解析公式显示可以配置吗,百度了好多方法都不太行 唔

这篇文章里面有写到可以使用的做法
https://comydream.github.io/2019/01/20/hexo-material-issues/index.html

@NyanShen
Copy link

这个透明度,感觉文字看的很费劲,在哪里可以修改

@kanbarasuruga
Copy link

请问下 移动端的页面还会做匹配吗 感觉现在的效果不是很好 在手机浏览器上页面会有卡顿延迟 背景不能根据分辨率缩放 菜单跟页面效果可以自己修改做到像大屏幕跟小屏幕中间的那个效果吗 那个效果看起来挺好的 希望能请教一下

@cardiffle
Copy link

请问 想调整字体大小,怎么配置呢

@Anlans
Copy link

Anlans commented Aug 16, 2019

关于加入网站标签页图标icon已解:

blog\themes\gal\layout\_partial 此文件夹里head.ejs打开添加如下代码,

<% if (theme.favicon){ %>
<link href="<%- config.root %>favicon.ico" rel="icon" type="image/x-ico">
<% } %>

接着,你只需要把要添加的图标更名位favicon.ico并且移动至blog\source\文件夹中,(注意不是主题的source文件夹

加个友链更友好哦

友链

参考链接

@shawsw
Copy link

shawsw commented Aug 18, 2019

如何添加一遍新文章?

@yiliao-sichu
Copy link

``

@yiliao-sichu
Copy link

为啥我的没有留言表

@Anlans
Copy link

Anlans commented Sep 20, 2019

为啥我的没有留言表

问题不贴出来没人帮你解决

@quietAir
Copy link

gitment.browser.js:1370 [mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: 'Reaction[Autorun@2] TypeError: Cannot read property 'firstChild' of null
at gitment.browser.js:3317
at reactionRunner (gitment.browser.js:216)
at trackDerivedFunction (gitment.browser.js:1053)
at Reaction.track (gitment.browser.js:1348)
at Reaction.onInvalidate (gitment.browser.js:213)
at Reaction.runReaction (gitment.browser.js:1324)
at runReactionsHelper (gitment.browser.js:1442)
at reactionScheduler (gitment.browser.js:1425)
at runReactions (gitment.browser.js:1429)
at Reaction.schedule (gitment.browser.js:1312)

@quietAir
Copy link

大佬,这是什么问题呢?

@SolitaryStarSky
Copy link

Error: Invalid CSS after '...rt "highlight";': expected "}", was ""
ERROR Asset render failed: css/style.css
Error: Invalid CSS after '...rt "highlight";': expected "}", was ""
at options.error (E:\MyBlog\blog\node_modules\node-sass\lib\index.js:291:26)
正常安装后就出现了这种情况 ,请问是什么问题(只有更换这个主题时会hexo g,hexo s报错,很喜欢这个主题,希望大佬能给出解决方法)

@ZEROKISEKI
Copy link
Owner Author

@KKChenRR 请确认是否安装了hexo-renderer-sasshexo-renderer-scss等依赖,参照项目的配置说明部分。

@ZEROKISEKI
Copy link
Owner Author

@quietAir 这个是控制台出现的错误吧,应该对实际展示没影响。

@SolitaryStarSky
Copy link

@ZEROKISEKI 我已经装了你文档中的3个hexo-renderer-sass hexo-renderer-scss 和npm install hexo-generator-json-content --save但是它还是报这个错

@quietAir
Copy link

@quietAir 这个是控制台出现的错误吧,应该对实际展示没影响。

好的,感谢,主题很好用

@SolitaryStarSky
Copy link

@ZEROKISEKI 我在自己笔记本搭了次 学校电脑也搭了次都是这样QAQ

@quietAir
Copy link

@ZEROKISEKI 我在自己笔记本搭了次 学校电脑也搭了次都是这样QAQ

你在Linux上试试呢

@ZEROKISEKI
Copy link
Owner Author

@KKChenRR 应该是最新的一个pr中有一个commit的scss文件出错了,现在去掉了错误部分后重新commit了一下,你重新git pull主题应该可以弄了

@SolitaryStarSky
Copy link

问题已经解决 谢谢

@hkjjsgdd
Copy link

关于加入网站标签页图标icon已解:

blog\themes\gal\layout\_partial 此文件夹里head.ejs打开添加如下代码,

<% if (theme.favicon){ %>
<link href="<%- config.root %>favicon.ico" rel="icon" type="image/x-ico">
<% } %>

接着,你只需要把要添加的图标更名位favicon.ico并且移动至blog\source\文件夹中,(注意不是主题的source文件夹

加个友链更友好哦

友链

参考链接
你好,我的head.ejs里面没有这一段,需要自己加上去吗?
<% if (theme.favicon){ %>

<% } %>

@hkjjsgdd
Copy link

问题已解决,谢谢

@wordly123
Copy link

我想把他改造成一个存本子的站 可以吗?

@akaimoe
Copy link

akaimoe commented Apr 27, 2022

请教一下大佬,我想开启gitment评论区,在config里面按照文中的要求将use_comment后面改成了true,comment的内容也按照文中的要求配置了,但是在网页中仍然看不到评论区,请问是我还漏掉了什么地方吗?谢谢

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests