zoukankan      html  css  js  c++  java
  • hexo-theme-yilia使用遇到的问题

    该项目的github地址:https://github.com/litten/hexo-theme-yilia

    下面是该项目的README.md

    在使用过中遇到这么一个问题。

    文章不会自动的摘要,显示显示更多的按钮。本以为是自己的配置文件出了错误,或者自己少引入了css文件。但是,看了看作者的博客之后,才发现是在博客文章的内容中实现了这个功能。在文章内容中添加

    <!-- more -->

    这样一行代码之前的内容就是文章的摘要,之后的内容就是点击文章进入的内容。

    
    title: 欢迎你来到我的博客
    date: {{ date }}
    tags: 
    - android
    toc: true
    comments: true  -- 显示评论
    


    hexo-theme-yilia

    Yilia 是为 hexo 2.4+制作的主题。
    崇尚简约优雅,以及极致的性能。 你可以点击 我的博客 查看效果。

    如果想体验手机浏览效果,可以扫一下二维码:

    litten-qrcode

    —————————————————————

    关于主题:

    1. 崇尚简约
    2. 追求移动端体验
    3. 希望把加载速度做到极致(努力中)
    4. 让大家把注意力放到内容上。这是本主题设计初衷
    5. 主题不支持IE6,7,8。以后也不会

    近期更新(2017.07.09):

    2017.07.09
    1. 返回顶部
    2. TOC目录

    2016.12.04
    1. 打赏
    2. 搜索
    3. “更好的”标签云
    4. “更好的”分享
    5. 一些动画

    计划中:

    1. 移动端优化

    一、外观

    常规

    常规

    手机

    手机

    ipad横竖屏切换

    ipad横竖屏切换

    二、开发者

    为了性能和开发工程化考虑,Yilia需要使用webpack进行构建生成。

    如果您对主题有一些定制化的需求,请参考wiki《Yilia源码目录结构及构建须知》

    三、使用

    安装

    $ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

    配置

    修改hexo根目录下的 _config.ymltheme: yilia

    更新

    cd themes/yilia
    git pull

    四、配置

    主题配置文件在主目录下的_config.yml,请根据自己需要修改使用。
    完整配置例子,可以参考我的博客备份

    # Header
    
    menu:
      主页: /
      随笔: /tags/随笔/
    
    # SubNav
    subnav:
      github: "#"
      weibo: "#"
      rss: "#"
      zhihu: "#"
      #qq: "#"
      #weixin: "#"
      #jianshu: "#"
      #douban: "#"
      #segmentfault: "#"
      #bilibili: "#"
      #acfun: "#"
      #mail: "mailto:litten225@qq.com"
      #facebook: "#"
      #google: "#"
      #twitter: "#"
      #linkedin: "#"
    
    rss: /atom.xml
    
    # 是否需要修改 root 路径
    # 如果您的网站存放在子目录中,例如 http://yoursite.com/blog,
    # 请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。
    root: 
    
    # Content
    
    # 文章太长,截断按钮文字
    excerpt_link: more
    # 文章卡片右下角常驻链接,不需要请设置为false
    show_all_link: '展开全文'
    # 数学公式
    mathjax: false
    # 是否在新窗口打开链接
    open_in_new: false
    
    # 打赏
    # 打赏type设定:0-关闭打赏; 1-文章对应的md文件里有reward:true属性,才有打赏; 2-所有文章均有打赏
    reward_type: 2
    # 打赏wording
    reward_wording: '谢谢你请我吃糖果'
    # 支付宝二维码图片地址,跟你设置头像的方式一样。比如:/assets/img/alipay.jpg
    alipay: 
    # 微信二维码图片地址
    weixin: 
    
    # 目录
    # 目录设定:0-不显示目录; 1-文章对应的md文件里有toc:true属性,才有目录; 2-所有文章均显示目录
    toc: 1
    # 根据自己的习惯来设置,如果你的目录标题习惯有标号,置为true即可隐藏hexo重复的序号;否则置为false
    toc_hide_index: true
    # 目录为空时的提示
    toc_empty_wording: '目录,不存在的…'
    
    # 是否有快速回到顶部的按钮
    top: true
    
    # Miscellaneous
    baidu_analytics: ''
    google_analytics: ''
    favicon: /favicon.png
    
    #你的头像url
    avatar:
    
    #是否开启分享
    share_jia: true
    
    #评论:1、多说;2、网易云跟帖;3、畅言;4、Disqus;5、Gitment
    #不需要使用某项,直接设置值为false,或注释掉
    #具体请参考wiki:https://github.com/litten/hexo-theme-yilia/wiki/
    
    #1、多说
    duoshuo: false
    
    #2、网易云跟帖
    wangyiyun: false
    
    #3、畅言
    changyan_appid: false
    changyan_conf: false
    
    #4、Disqus 在hexo根目录的config里也有disqus_shortname字段,优先使用yilia的
    disqus: false
    
    #5、Gitment
    gitment_owner: false      #你的 GitHub ID
    gitment_repo: ''          #存储评论的 repo
    gitment_oauth:
      client_id: ''           #client ID
      client_secret: ''       #client secret
    
    # 样式定制 - 一般不需要修改,除非有很强的定制欲望…
    style:
      # 头像上面的背景颜色
      header: '#4d4d4d'
      # 右滑板块背景
      slider: 'linear-gradient(200deg,#a0cfe4,#e8c37e)'
    
    # slider的设置
    slider:
      # 是否默认展开tags板块
      showTags: false
    
    # 智能菜单
    # 如不需要,将该对应项置为false
    # 比如
    #smart_menu:
    #  friends: false
    smart_menu:
      innerArchive: '所有文章'
      friends: '友链'
      aboutme: '关于我'
    
    friends:
      友情链接1: http://localhost:4000/
      友情链接2: http://localhost:4000/
      友情链接3: http://localhost:4000/
      友情链接4: http://localhost:4000/
      友情链接5: http://localhost:4000/
      友情链接6: http://localhost:4000/
    
    aboutme: 很惭愧<br><br>只做了一点微小的工作<br>谢谢大家
  • 相关阅读:
    JavaScript-警告(alert 消息对话框)
    JavaScript中4种document.write()输出展示
    JavaScript-什么是函数
    JavaScript-判断语句(if...else)
    javascript里面什么是变量
    [学习笔记] IT项目管理
    [学习笔记] IT项目管理
    [学习笔记] Oracle基础增删改查用法
    [学习笔记] Oracle字段类型、建表语句、添加约束
    [学习笔记] RabbitMQ的简单使用
  • 原文地址:https://www.cnblogs.com/shaofeer/p/11154357.html
Copyright © 2011-2022 走看看