Git Product home page Git Product logo

hexo-theme-lite's Introduction

Hi~ This is HeskeyBaozi, a front-end developer, a furry, (maybe) a piano composer, (maybe) a piano arranger...

kamui

visited

hexo-theme-lite's People

Contributors

heskeybaozi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

hexo-theme-lite's Issues

Archives 显示不全

有两篇文章时候随机显示一篇。。。
没有按照title部分的date: 2018-05-04来控制

手机访问样式优化问题

手机访问时,带图片的文章,首页展示的时候中间或有一大部分空白

IOS UC和自带浏览器是这样的,这个阔以优化下吗

TOC?

请问能添加TOC功能吗?

手机浏览器背景图片模糊

您的界面设计非常酷,我很是喜欢。
手机浏览器显示的背景图片是自动截取原图中一部分并且会缩放吧?Tags->Archives->Home三界面依次放大。我用手机Chrome浏览器,home界面背景图缩放太大,导致背景图很模糊,请问这个怎么处理?
博客地址:www.yawng.name

gitment

登陆之后没显示评论 显示404 ... 好难受怎么搞

hexo-theme-lite的about页面

你好:
关于这个主题,我怎么更改about页面的样式。再原有的基础上加上自己的样式?需要怎么做?

头像和背景图片无法载入

avatar:
  enable: true
  url: /static/images/face.jpg

background:
  background_color: '#ffffff'

  # Custom Background Picture
  enable_picture: true
  url: /static/images/帝国大厦.jpg
  css_size: cover
  css_position: 50%

这是我的背景图已经头像配置,头像和背景图放在的是 /Users/wushuaiping/blogs/themes/lite/static/images

审核URL问题:how to add url to power-by elem at footer?

您好,我需要补充域名备案后的审核,我想用power-by来实现,请问如何添加URL。
vue的语法不太熟悉。。

hello, i want to know how to add url in vue to this theme, as normal hexo added by footer.ejs, which i tried but not works.

【心得与个人理解】这个主题是怎么来的

本质上,这个主题实际上是我学习Vue框架时期的练手项目。
开源的博客项目很多很多,为什么选择了Hexo

首先,hexo提供的generator机制可以使我获取hexo渲染后的生页面(raw html page),并且以json格式存储。解决了 数据怎么来?从哪来? 的问题。

其次,hexo提供的__config.yml配置文件也可以记录在json格式文件里。上述两者就成为了SPA的应用源。我部署在Github Page上的网站请求的,就是静态json文件。

而且Vue也很棒,响应式数据比不可变数据好多了吧!?

满足了需要,对吧?但是,实际上这种做法在16年就过时了,而且,性能奇差无比

因为对于这种博客页面,做成SPA反而是没有必要,并且拉低了性能、降低了速度。本质上,渲染直出的静态页面,比客户端渲染一层要快得多的多,因为直接渲染的静态页面根本没有客户端逻辑。

改进方案有吗?有。本地拿到所有的路径列表,根据路径列表在本地实现渲染,也即是常说的服务端渲染。但是,如果这样,使用Hexo就没有意义了。因为我还能自己根据主题自己定制全部的markdown渲染需求,而且自己做可以做得更好。

所以我使用了更快的解决方案,迁移到了vuepress,写了vuepress-theme-lite这个主题,用法根据vuepress官方走,直接npm install vuepress-theme-lite less less-loader,在配置文件下主题设为lite即可。

我写这篇文章是安利vuepress?不是,我想说的是一个更综合的事情:当你想开发一个项目,首先问问自己这个项目是否有存在的必要?或者说,这是否能称作一个“项目”?或者说这只是一个充当以后面试项目经验积累的急救品。这又扯到当前前端市场供需情况了。我个人认为,至少在这个项目中,写界面、写事件处理是体力活,数据设计模块设计是脑力活。不要以为写个主题就高大上了,世界上永远有人比你做的更多写得更好,比如我的actions写的很烂,这是在我使用mobx-state-tree后才知道不可变数据和响应式数据还有中间态——快照(Snapshot)。很多其他知识也是在我后来学习更加深入理解到的。这个项目,如果你fork后并想要学习,我的建议是看两点即可:Vue如何与TypeScript整合,Hexo的数据如何整合到Store。当然,我也会继续维护这个项目,开源了自己就得负起责任。

最后也想说,高斯模糊真的很酷

很棒的主题,发现一个小问题。

当有多个pages时:
点击一个pages=>加载后点击另一个pages:
1、地址栏链接不会改变。
2、gitment评论不会重新加载。
3、如果这时再点击第一次点击的pages,出现加载进度条但不会切换pages页面。

hexo new test problem

环境:

mac os x 10.11.6
npm: 5.6.0
node: 8.11.1
package.json:

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
    "version": "3.7.1"
  },
  "dependencies": {
    "hexo": "^3.2.0",
    "hexo-generator-archive": "^0.1.4",
    "hexo-generator-category": "^0.1.3",
    "hexo-generator-index": "^0.2.0",
    "hexo-generator-tag": "^0.2.0",
    "hexo-renderer-ejs": "^0.3.0",
    "hexo-renderer-stylus": "^0.3.1",
    "hexo-renderer-marked": "^0.3.0",
    "hexo-server": "^0.2.0"
  }
}

当我使用这个主题后hexo new test之后hexo g会报一下错误:

TypeError: Cannot read property 'substring' of null
    at postMap (/Users/vision/loveder/myblg/themes/lite/scripts/generate-api.js:86:63)
    at Model._Query.Query.Query.map (/Users/vision/loveder/myblg/node_modules/warehouse/lib/query.js:229:17)
    at generator (/Users/vision/loveder/myblg/themes/lite/scripts/generate-api.js:194:26)
    at Hexo.<anonymous> (/Users/vision/loveder/myblg/themes/lite/scripts/generate-api.js:300:10)
    at Hexo.tryCatcher (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/util.js:16:23)
    at Hexo.<anonymous> (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/method.js:15:34)
    at Promise.map.key (/Users/vision/loveder/myblg/node_modules/hexo/lib/hexo/index.js:336:26)
    at tryCatcher (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/util.js:16:23)
    at MappingPromiseArray._promiseFulfilled (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/map.js:61:38)
    at MappingPromiseArray.PromiseArray._iterate (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/promise_array.js:114:31)
    at MappingPromiseArray.init (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/promise_array.js:78:10)
    at MappingPromiseArray._asyncInit (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/map.js:30:10)
    at Async._drainQueue (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/async.js:138:12)
    at Async._drainQueues (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/async.js:143:10)
    at Immediate.Async.drainQueues (/Users/vision/loveder/myblg/node_modules/bluebird/js/release/async.js:17:14)
    at runCallback (timers.js:794:20)
    at tryOnImmediate (timers.js:752:5)
    at processImmediate [as _immediateCallback] (timers.js:729:5)

请问这是什么原因&请问怎么解决?

感觉这个主题很梦幻,很喜欢,感谢大佬开源~

How to get those fancy images in the post list

Hi,

in your blog and in the screenshot to this theme there is a image shown between post title and content. When clicked, he image opens in a lightbox.

How to get this effect?

Would be nice, if you could include it to the documentation as it adds a lot to the theme.

Thanks,
bergziege

请问这个主题支持搜索吗

主题很漂亮,准备使用HEXO搭建个人博客,不知道这个主题是否支持搜索,毕竟博客搜索肯定跑不掉的

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.