Coder Social home page Coder Social logo

kaeyleo / jekyll-theme-h2o Goto Github PK

View Code? Open in Web Editor NEW
930.0 930.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%
blog blog-theme jekyll-themes

jekyll-theme-h2o's Issues

关于kramdown的问题

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

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

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

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

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

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

---
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适应夜间模式. 不过没有弄你的连接 , 介意的话说一声.可加

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,麻烦看下。

编码问题

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

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

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

这个问题我解决了
首先我们在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上去,一般情况下就能解决了。

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

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

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

主题做的真的很棒

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

disqus加载出错

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

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

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

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>

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

如题,现象就是如 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语言。还有就是代码不能自动换行,这点困扰我很久了。

首页显示不正常

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

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]

当前版本直接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.

關於 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 來改一下
這樣以後就不會有人遇到這問題
如有說錯請指正我
感謝你

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 %}

谢谢。

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.