GeekaholicLin / hexo-theme-ylion

:blush: 说不定是一个让你感到惊喜的hexo主题 :beers: :candy:
http://blog.geekaholic.cn
MIT License
120 stars 30 forks source link

Can not find some css file #1

Closed EthanLXGu closed 7 years ago

EthanLXGu commented 7 years ago

GET http://localhost:4000/css/pages/article-exp.css localhost/:33 GET http://localhost:4000/css/base.css app.js:358 Uncaught ReferenceError: AV is not defined at app.js:358 at app.js:373 at window.onload (app.js:376)

When I use your theme, I got these errors, so many large words and no format, can you help me solve this issue? Thanks.

GeekaholicLin commented 7 years ago

It seems that you did not use the leancloud correctly if you got the error in your browser.Can your paste your theme config?Just part of the leancloud config as followings.If you do not have a leancloud account,you can register one or disable the leancloud.

leancloud:
  enable: true
  className: "BlogCounter"
  app_id:
  app_key:
  region:
  limits: 10 

leancloud_src: http://cdn1.lncld.net/static/js/2.1.0/av-min.js
GeekaholicLin commented 7 years ago

Sorry,I didn't see the issue title.

If your hexo can render the less files and there are no errors in the terminal, you can try to start a server listening to anothe port like 4303,using the commandhexo s -p 4303.

EthanLXGu commented 7 years ago
1c825b05-6d98-4378-a984-a0de22425671

# layout -- 布局相关

## menu -- 导航菜单显示{[@page:名字/*多语言支持*/,@url:地址,@icon:显示的图标],[...]}
menu:
- page: home
  url: /
  icon: fa-home
- page: rss
  url: /atom.xml
  icon: fa-rss

## favicon -- 网站图标位置{@favicon}
favicon: /favicon.ico

## rss --rss文件位置{@rss}
rss: /atom.xml

## widgets -- 6个左边小工具{@widgets:[notification,category,archive,popular,tagcloud,friends]}
widgets:
- notification
- category
- archive
- popular
- tagcloud
- friends

## widgets settings --各个小工具的设置
### notification config --网站公告设置。支持 html 和 纯文本
notification: |-

            <p>主题ylion v0.0.0版本即将上线,敬请期待~!
            主题作者:<a href="https://github.com/GeekaholicLin"
            title="fork me" target="_blank">Geekaholic</a></p>

### categories-list config --文章分类设置{@cate_config:{@show_count:是否显示数字,@show_current: 是否高亮当前category}}
cate_config:
 show_count: true
 show_current: true

### archives-list config
### 文章归档设置{@arch_config:/*参数参考:https://hexo.io/zh-cn/docs/helpers.html#list-archives*/}
arch_config:
 type: 'monthly'
 show_count: true
 order: -1

### tagcloud config
### 彩色标签云设置{@tagcloud_config:/*https://hexo.io/zh-cn/docs/helpers.html#tagcloud*/}
tagcloud_config:
 min_font: 0.14
 max_font: 0.2
 unit: rem
 amount: 100
 color: true
 orderby: 'count'
 start_color: '#6699cc'
 end_color: '#0A407C'

### friends' links settings
### 友链设置:{@links:[,,,]}
links:
- 主题作者: http://geekaholiclin.github.io

# content -- 内容显示相关

## show top posts or not
## 是否开启置顶文章功能?若开启,请在文章的Front-matter中加入`top`字段,top值越大越靠前
stick: true

## social config
## 社交功能设置 {@social:[url:地址,title:a标签的title,icon:显示图标],[]}
social:
- url: https://www.example1.com
  title: freecodecamp
  icon: fa-free-code-camp
- url: https://www.example2.com
  title: Follow me~
  icon: fa-github

## custom content config
## 自定义内容设置
### append copyright when copy the text
### 添加版权保护 {@appendCopyright:{enable:是否开启,triggerCopyLength:触发的复制长度,appendText:追加信息}}
appendCopyright:
  enable: true
  triggerCopyLength: 200
  appendText: '商业转载请联系作者获得授权,非商业转载请注明出处 © example'

### uncategory posts meta text
### 当无目录时的显示文字,默认为'null'
noCategoryText: 'null'

### outdated browser warning
### 过低版本的浏览器提醒文字
outdated_browser_text: '你使用的浏览器版本过低,为了你更好的阅读体验,请更新浏览器的版本或者使用其他现代浏览器,比如Chrome、Firefox、Safari等。'

### outdated post warning
### 文章过期提醒功能 {@warning:{days:临界天数,text:提醒文字/*%d为过期总天数占位符*/}}
warning:
  days: 300 #default is 300 days
  text: '本文于%d天之前发表,文中内容可能已经过时。如有疑问,请在评论区留言。'

### index article excerpt
### 首页文章简介的图片
### 规则:Front-matter中的自定义'img'字段 > 文章内的图片(随机获取) > defaultImgs(随机获取)
defaultImgs:
  - http://XXXX.example.jpg
  - /img/default-1.jpg
excerptLength: 400

### article meta
### 文章信息(article meta)指首页和文章内页,与icon一起的信息
### @whichCategory 指定显示哪个分类,默认为最后一个,可以指定,若指定的超过该文章的分类总长度, 显示最后一个
whichCategory: 0

### post footer
### 作者信息部分设置
high_song: 'high起来 &#128541;'  ### 歌曲显示文字,若不需要该功能,则留空或移除
author_img: http://example.com/author.jpg
author_profile_page: /about.html
donate:
  text: '赠我一杯 &#128536;' ### 打赏功能显示文字,若不需要,则留空或移除
  img: ### 打赏图片地址
  - url: http://example.com/alipay.jpg
    alt: '支付宝付款'
  - url: http://example.com/wechat.png
    alt: '微信付款'

### support html&text like notification's support in this theme,
### but please don't use <li> tag
### 版权声明文字,支持html/text,但不要使用<li>标签
cc: |-
        <a href="https://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank">
        知识共享署名-非商业性使用-禁止演绎 3.0 未本地化版本许可协议(CC BY-NC-ND 3.0)
        </a>
### highlight
### 内置两款代码主题
highlightStyle: github
# third party service --第三方服务
## busuanzi --不蒜子站点总人数统计 {@visits_count:{enable:是否开启,icon:图标,text:显示文字/*%d为占位符*/,method:统计方式}}
visits_count:
  enable:  true
  icon: fa-bar-chart
  text: '欢迎第%d位小伙伴~'
  count_method: 'uv' ### uv 为多次点击算一次,pv为每篇文章算一次

## leancloud --- leancloud 阅读量统计
## {@leancloud:{enable:是否开启,className:创建的class,app_id:,app_key:,region:默认为中国地区,limits:热门文章显示总数}}
leancloud:
  enable: true
  className: "BlogCounter"
  app_id:
  app_key:
  region:
  limits: 10

## comments -- 评论框
### disqus
disqus_shortname:
### duoshuo
duoshuo_shortname:

## analytics --统计功能
baidu_anaylytics:
google_anaylytics:

## sitemap -- 站点验证
google_vertification:
baidu_vertification:
## mathjax
mathjax:
  enable: true
  src: //cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML
# cdn or local files --开启对应文件的cdn,默认使用本地文件。国内用户建议开启而不是使用github上的文件
## style cdn --样式 cdn
## icon -- 官网地址:http://fontawesome.io/icons/
fontAwesome: //cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css

## script cdn --脚本cdn
## leancloud -- 官网:https://leancloud.cn/
leancloud_src: http://cdn1.lncld.net/static/js/2.1.0/av-min.js
## busuanzi -- 官网:http://busuanzi.ibruce.info/
busuanzi_src: //dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js

# theme and site self settings
since: 2015
robot: 'all' ### 控制搜索引擎的抓取和索引编制行为,默认为all,搜索 `meta name="robots"` 或请参考: https://support.google.com/webmasters/answer/79812?hl=zh-Hans
version: 0.0.1

This is the default config I think, I am not customize it by myself.

EthanLXGu commented 7 years ago

The font is so large, no format in my Chrome, seems not import css correctly. Thanks.

GeekaholicLin commented 7 years ago

Just pasting the issue part of config is ok.Or it is too long.By the way, you should use the code block syntax (```)of markdown.

I tested it in my computer,and there was ok without any errors.Are you sure that you have installed all the needed plugins and hexo render all the files correctly?Please open your public/css directory of your blog directory.Can you find base.css and other css files in it?

EthanLXGu commented 7 years ago
6c8e48b1-60f0-4ee0-a6b9-c16938c7d236

I have these errors, and sorry paste so much content of config, and there is base.css.

5a658d4c-9ab6-44ee-8e9d-f2551159fcb7 dc5a7473-6c58-4f76-b181-62a30af7441b
EthanLXGu commented 7 years ago

Seems all base.less, not css

GeekaholicLin commented 7 years ago

Maybe you didn't install the less renderer of hexo.Try this commandnpm install hexo-renderer-less --savein your blog directory.

EthanLXGu commented 7 years ago

@GeekaholicLin Hi, I found the issue, I should install plugin in the blog folder. Now, seems good. Thanks.

GeekaholicLin commented 7 years ago

OK:smiley:

You should read the README.mdfile first if you have any issues.thx.:blush:

EthanLXGu commented 7 years ago

Yes, I have read through the README.md, seems not very carefully, not run all plugins in my blog folder. Thanks so much.

GeekaholicLin commented 7 years ago

You're welcome.And any other problems?

EthanLXGu commented 7 years ago

It looks ok so far. Just start using hexo yesterday. haha.