GithubHelp home page GithubHelp logo

kaeyleo / jekyll-theme-h2o Goto Github PK

View Code? Open in Web Editor NEW
933.0 21.0 529.0 4.47 MB

🎉 A clean and delicate Jekyll theme. Jekyll博客主题

Home Page: http://liaokeyu.com

License: MIT License

HTML 11.69% CSS 82.68% JavaScript 5.64%
jekyll-themes blog blog-theme

jekyll-theme-h2o's People

Contributors

bananaappletw avatar bobby285271 avatar cometeme avatar dyzsoft avatar grahamplace avatar gyje avatar kaeyleo avatar miaite avatar nathandai avatar ray-eldath avatar sctop avatar urain39 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jekyll-theme-h2o's Issues

主题做的真的很棒

在手机上查看 发现遇到代码块卡的厉害。。
iPhone手机在微信浏览器和safari里面都有点卡。

出现双重代码框/代码框无法显示,纯色背景 等的解决方案(专门开一个帖子)

这个问题我解决了
首先我们在prism的官网看到js占了一大半,所以我们可以肯定的是js是显示的主要部分
选中你要的部分,然后下载js和css,替换原来的
push上去或者直接127.0.0.1(建议push上去)
然后网页加载完毕之后(tips:看刷新键是否是刷新的样子),F12调出审查元素,点network(网络),然后点一下红点(有一个开始的红点的,按一下会变成灰色,同时下面会有“F5 xxxxx”),F5刷新。
网页加载再次成功后,检查一下prism.js是否有加载,如果有那么正常情况下是能显示正常的,如果只有css没有js的话,将layout里头的加载prism.js的片段扯出来放到和(include文件头里有两种head,两种都要加)里头(head头是一定会读取的)。再push上去,一般情况下就能解决了。

社交分享的部分出现了奇怪的错误

不知怎么的...社交分享功能分享不了,只有微信的部分会出现奇奇怪怪的东西,在脚本里也会出现红色叉叉,不知道发生了什么QAQ,求旁友解答~

顺便自己改的半水墨风主页!求围观求Star!!!!原PO做的是真的屌,在巨人肩膀上又做了一些改动~
nimocat.github.io!!
pic
!!求解答

pager 支持8页以上的情况

现在看是硬编码了一个8页,能否动态调整一下?

{% for page in (1..paginator.total_pages) %}
    {% if page > 8 %}
        <span class="page-link page-num">...</span>
        {% break %}
    {% endif %}
    {% if page == paginator.page %}
        <span class="page-link page-num active">{{ page }}</span>
    {% elsif page == 1 %}
        <a href="{{ site.baseurl }}" class="page-link page-num">{{ page }}</a>
    {% else %}
        <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" class="page-link page-num">{{ page }}</a>
    {% endif %}
{% endfor %}

谢谢。

文章页面的meta需要优化,搜索引擎结果页很不友好

发现文章页面的descriptionkeywords节点取的都是站点的(而不是文章本身),这样导致的结果是,从Google搜索出来的结果显示的全部都是网站的description,跟文章本身没有任何关系。

这个能修改一下吗?感恩!

编码问题

clone到本地 运行jekyll serve 后出错,错误如下:

jekyll 3.5.1 | Error: incompatible character encodings: UTF-8 and GBK

首页显示不正常

直接clone到本地,简单修改了下_config.yml文件,运行jekyll server,截图中的描述信息没有显示在底部,尝试回退所有修改,还是一样。 @kaeyleo
image

disqus加载出错

配置:
khq l d5 v_c of6pbv 6
disqus后台设置:
ct_t jd7itmvl d 6s2enz3
console控制台提示出错:

nlk7bb zb6axm6edy 9n7 k
出错代码具体位置:
m8y 7_v_rb yyr4powxs

搞不懂是哪里没有配置好,求指点

当前版本直接clone后jekyll server 文章内页不能成功加载 css 提示路径错误

直接使用 demo 进行 jekyll serve 报错如下

[2017-10-13 08:33:01] ERROR /技术/2017/04/18/assets/js/prism.js' not found. [2017-10-13 08:33:01] ERROR /技术/2017/04/18/assets/js/index.min.js' not found.
[2017-10-13 08:33:01] ERROR /技术/2017/04/uploads/test_cover.png' not found. [2017-10-13 08:33:01] ERROR /技术/2017/04/18/assets/js/index.min.js' not found.

代码背景为纯白色背景,代码无法高亮,代码不能自己换行

如题,现象就是如 https://www.zhangqirun.cn/c%E8%AF%AD%E8%A8%80/2018/01/17/%E6%AD%A3%E7%A1%AE%E7%94%A8%E7%BC%96%E7%A8%8B%E8%A7%A3%E5%86%B3%E6%95%B0%E5%AD%A6%E9%A2%98%E7%9A%84%E5%A7%BF%E5%8A%BF.html 我的这个文章所表现的一样,显示的时候代码框没有了,字体勉强看的清楚。但手机端就会有黑色背景,不过就是代码不高亮,我用的是C语言。还有就是代码不能自动换行,这点困扰我很久了。

gems:[jekyll-paginate]

C:\Users\Administrator\Desktop\jekyll_demo\jekyll-theme-H2O>jekyll server
jekyll 3.5.2 | Error: (C:/Users/Administrator/Desktop/jekyll_demo/jekyll-theme-H2O/_config.yml): could not find expected ':' while scanning a simple key at line 64 column 1
line64 是 gems: [jekyll-paginate]

关于kramdown的问题

官方发来邮件说“You are currently using the 'kramdown`' Markdown engine, which is no longer supported by GitHub Pages and may cease working at any time”
要怎么解决?

【参考】自己写了一个归档的页面

自己写了一个归档页面,供大家参考

---
title: Archives
layout: default
---

{% include header.html %}

<div class="g-banner tags-banner {{ site.postPatterns | prepend: 'post-pattern-' }} {{ site.theme-color | prepend: 'bgcolor-' }}" data-theme="{{ site.theme-color }}">
    <h2>ARCHIVES</h2>
</div>


<main class="tags-content" style="margin-top: 0px">
  <ul class="tags-list" style="padding:40px">
    {% for post in site.posts %}
      
        {% unless post.next %}
          <h3 style="margin-bottom: 8px">{{ post.date | date: "%b-%Y" }}</h3>
        {% else %}
        {% capture year %}{{ post.date | date: "%b, %Y" }}{% endcapture %}
        {% capture nyear %}{{ post.next.date | date: "%b, %Y" }}{% endcapture %}
        
        {% if year != nyear %}
           <h3 style="margin-bottom: 8px">{{ post.date | date: "%b-%Y" }}</h3>
        {% endif %}
        {% endunless %}
       
       <li> 
           <a href="{{ post.url }}" style="color: black">{{ post.date | date:"%b-%-d-%Y" }}  {{ post.title }}</a>
       </li>
       
    {% endfor %}
  </ul>
</main>
{% include footer.html %}

修改了部分东西

修改了侧边栏显示最新文章 , 以及友情链接 , 集成了github的评论,并调整了css适应夜间模式. 不过没有弄你的连接 , 介意的话说一声.可加

mathjax inlinemath设置之后不起作用

在 _layouts/post.html中加入下面这段代码,然后行内公式不能显示
http://pickou.cn/blog/2017/12/24/hierarchical-attention-networks.html

主题做得很简洁,很好看。试过了很多主题,这个主题做得很nice!

<!-- mathjax -->
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        text2jax: {
        inlineMath: [['$','$'], ['\\(', '\\)']],
        processEscape: true
        }
    });
</script>   
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

關於 baseurl 部署的問題

你好
感謝樓主提供這個主題
最近有使用了一下
感覺相當美觀
後來發覺部署的時候會有個問題 (直接使用 github build from master branch)
就是 site.baseurl 的值會變成空的
導致一些頁面無法正常顯示
這個 issue 有關
也找到了一些修正方法
repo 如下: https://github.com/bamboofox/bamboofox.github.io
_config.yml 裡的 baseurl: '/' => ''
"{{site.baseurl}}" => "/{{site.baseurl}}"
如果有確認這問題
看要不要我發個 pull request 來改一下
這樣以後就不會有人遇到這問題
如有說錯請指正我
感謝你

recommend tag 好像不工作

clone GitHub 上的 demo,然后设置

recommend-tags: true 
recommend-condition-size: 1

运行 server 后在 tag.html 和右侧个人信息处也没有展示对应的 tag。

页面上直接输出{{ site.recommend-tags }} {{ site.tags.size>0 }},第一个是 true,第二个是空白。

不太熟悉 jekyll,麻烦看下。

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.