精华内容
下载资源
问答
  • title: HEXO next live2d插件删除问题 date: 2018-03-06 13:09:12 updated: tags: [hexo,next,建站,学习,前端技术,疑问] description: 关于建站中解决live2d插件无法删除的记录,目前仍未彻底解决。 keywords: ...

    title: HEXO next live2d插件删除问题
    date: 2018-03-06 13:09:12
    updated:
    tags: [hexo,next,建站,学习,前端技术,疑问]
    description: 关于建站中解决live2d插件无法删除的记录,目前仍未彻底解决。
    keywords:
    comments:
    image:
    ---
    前几天准备使用live2d插件,一直照着官方文档没有成功,今天发现其实是已经成功了,似乎是pc的问题导致了动态资源无法加载,虽然当时换了几个不同内核的浏览器测试,但是没有想到是pc的问题。

    pc问题解决后就想关闭live2d插件了,因为插件内包含的都是些可爱少女和萌物,不是很喜欢这种风格的,自己又不会制作。将配置文件的相关信息删除后,部署本地页面依然加载着live2d部件,以为是本地缓存问题,删除后依然存在,又hexo d到托管库,使用别的电脑依然有加载。
    现在靠常识来关闭已经不可能了,查看live2d的wikl&issue界面并没有相关信息,google几个关键字后也没有相关问题。

    只能不断尝试修改配置文件,很久后还是没办法。

    最后只能死马当作活马医,在不知道原因的情况下表面上解决了问题。

    实际上完全不知道问题在哪里,按照官方文档enble值设定为false就不会显示插件了,可是无论怎么改都不行,浪费了许多时间。
    这个文章用于记录问题。

    如果你有更好的解决办法请留言告知,谢谢

    下面给出解决步骤

    (并不想尝试问题复现,所以这个步骤只能保证在本机上有用,且并不能证明所有步骤都与本问题有关)

    next版本:5.14

    首先删除\themes\next\layout_layout.swig文件内的与live2d有关的代码(你配置时添加的代码)

    同理删除主题配置文件和hexo配置文件(如果也添加过live2d相关代码)。
    检查是否页面还存在live2d部件

    将live2d的npm安装命令 npm install -save hexo-helper-live2d

    稍作修改变为 npm uninstall hexo-helper-live2d -g在你的hexo博客根目录执行。

    清除本地浏览器缓存,输入命令“hexo s"部署,浏览器查看地址localhost:你的端口live2d部件是否还存在。

    如果还存在,接着

    直接文件管理器搜索”live2d“关键字,将hexo博客内所有含有”live2d“有关的文件夹全部删除。

    测试插件已经不再显示了



    20180306 补充

    描述:上面虽然暂时解决了问题,但是在我后来想给hexo添加新的插件时执行了某个插件的npm install命令后发现,live2d插件又回来了,搜索后发现之前删除的live2d文件夹又恢复了。

    结论:所以实际上我仍然没有解决live2d插件问题,只能再次重复上面的步骤暂时删除插件。

    转载于:https://www.cnblogs.com/e1sewhere/p/9606810.html

    展开全文
  • Hexo And Hexo Next Theme

    2019-03-20 19:28:56
    Hexo NexT Theme 主题是一套css样式加 Hexo 插件的集合,由于插件较多,同一个功能又可能有多个解决方案,导致部分插件兼容使用有问题,也是让人又爱又恨。 Hexo的标签和分类 Front-matter中有两个至关重要的参数...

    Hexo 的文档写的相当烂,特别是中文站翻译的一些关键的名词,特别容易让人产生误解。
    Hexo NexT Theme 主题是一套css样式加 Hexo 插件的集合,由于插件较多,同一个功能又可能有多个解决方案,导致部分插件兼容使用有问题,也是让人又爱又恨。

    Hexo的标签和分类

    Front-matter中有两个至关重要的参数,tags和categories;只有文章支持分类和标签;文档上对其区别有一个关键的描述,分类具有顺序性和层次性,而标签没有顺序和层次。

    在官方文档的回复中有一个这样的描述,可以给一些无法理解这两个概念的人一点启发:

    “物以类聚”,有相同点的“物”可分为一类。“横看成岭侧成峰 远近高低各不同”,能有很多分类,但认知上有一个主分类(身在此山中)。

    以博客为整体,每篇文章为个体来说,categories就如书的目录一样,是主分类。而tags可以理解为另一个维度的分类,就是不同categories(目录)中的一些相同点,这些就可以作为tags。

    很喜欢NexT主题的设置,每一个category和tag点开都是一个时间轴页面。

    如眼睛一样,两只可以产生立体感,两种分类就基本能满足博客的需求了。但还有其它维度的分类,就如同其它感官,比如:archives页面(按时间)、搜索(按输入字符的相关性)、按文章浏览量和按文章评论数等等。

    需要注意的是

    categories:
    - Diary
    - Life
    

    上面的配置,会使分类Life成为Diary的子分类,而不是并列分类。
    在官方文档中说,Hexo不支持指定多个同级分类,其实是可以的,下面的配置就可以

    categories:
    - [Linux]
    - [Tools]
    

    不仅可以给一篇文章指定多个同级分类,还可以给文章指定多个同级还带子分类的分类

    categories:
    - [Linux, Hexo]
    - [Tools, PHP]
    

    Hexo 标签与swig

    swig是一个模板框架,可用于前端页面,在node环境中,也可用于后端;
    Hexo的标签插件是对swig模板框架里标签的扩展;

    自定义域名

    这里以使用github pages为例,其他的方式同样可以参考此配置的要点。
    根据github pages的要求,创建CNAME文件,文件内容为www.54architect.com,子域名也可以;上传完CNAME,在github仓库settings里启用了enforce https之后,54architect.com,https://www.54architect.com/,http://www.54architect.com/就可以访问了;
    给域名添加54architect.com->www.54architect.com的cname解析之后,http://54architect.comhttps://54architect.com/也生效了
    并且访问以上提到的所以链接,都会跳转到https://www.54architect.com/

    SSH免密commit

    配置Git

    Hexo NexT Theme Han Support

    不要开启,特别丑

    Hexo NexT Theme Pangu Support

    Pangu.js用于给一句中英文夹杂的句子里的英文前后加一个空格;
    有时候会把中英文都有的一句话,英文也都分开,英文-英文,这种格式的也会分开;是否使用,看博客的内容,对于IT技术相关的博客来说,一句户里中英文夹杂是常有的事情,使用这个插件效果较差;平时书写的时候自己注意一些,熟练之后,不会影响效率;

    Hexo NexT Theme Counter

    PV and UV

    配置启用卜蒜子,在站点footer部分显示站点的PV和UV,关闭卜蒜子的文章页面的统计;卜蒜子统计文章的PV有问题,忘了记录下来;
    配置启用leancloud之后,在文章页面显示阅读次数的统计;
    firestore是谷歌的产品,直接没测试
    卜蒜子是根据URL地址统计的,也就是说换域名,数据会丢失
    leancloud是需要配置appid和appkey的,换域名没有影响
    后面计划把站点的PV和UV统计也改成leanload

    Symbols Count

    站点内容统计,在站点footer部分显示站点总字数,站点阅读时长,在文章页面显示本文字数和阅读时长;字符统计使用的hexo-symbols-count-time,需要先在hexo的config文件中配置启用;

    Baidu Analytics

    接入百度统计,前面两个是在站点页面显示PV和UV,百度统计是在百度管理平台显示网站的各种访问信息,不止是PV和UV;
    百度产品众多,百度统计点击这里

    Hexo NexT Theme SEO

    收录网站

    baidu_site_verification和google_site_verification

    百度搜索资源平台
    Google Search Console

    推送链接

    hexo-next-sitemap
    hexo-next-baidu-sitemap

    baidu_push:true
    百度资源平台#链接提交#自动推送的方式,只要网页被访问,页面URL将立即被推送给百度;

    其他

    hexo-nofollow,站内外链止步
    hexo-addrlink,将文章URL生成为单个层级的链接,搜索引擎好收录

    User Experience

    Visit

    bookmark + read progress

    canvas_nest开启之后,有个跟踪鼠标的动画,开启之后,也挺拖网站运行速度的
    canvas_ribbon,开启之后,网站背景出现一条彩带,点击网站任意位置,重新计算菜单的显示;
    3种3D动画,开启之后,网页运行比较慢,都关闭
    three_waves
    canvas_lines
    canvas_sphere

    Search

    NexT内置了三种站内搜索方式,Swiftype、Algolia和Local Search,Swiftype和Algolia都是需要付费,免费版有限额,测试了下Local Search的效果,还可以,新站可以暂时使用Local Search。

    腾讯公益

    腾讯公益404页面 https://www.qq.com/404/
    益云
    选择了接入腾讯公益,因为NexT的旧官方网站有现成的例子。

    Writing

    Post Excerpt

    在站点首页,文章列表部分,Hexo默认会将文章的所有内容展示出来,作者自己看的时候没什么问题,可以去归档里面查看文章列表,但是非常不利于别人浏览,别人浏览你的博客的时候,更多的是在看完文章题目之后,看个开头,看看文章内容质量是否符合自己期望,再根据情况查看文章的全部内容;
    NexT内置了excerpt插件,在auto_excerpt配置,但是markdown格式乱掉,非常不友好;如果使用这个插件,文章开头部分最好是一整段文字描述,这样首页才好看;
    最终选择了在文章中使用<!-- more -->注释的方式,人工选择文章摘要;

    在使用摘要功能之后,不管是上述两种方式的哪一种,NexT提供了一个read_more_btn配置,用于在文章列表的每个文章的下面显示一个阅读更多的按钮,这个按钮本身没什么问题,但是我后面在接入畅言的时候,NexT里内置的畅言是使用文章的URL地址作为sourceid,而如果读者点击阅读更多的按钮进入文章,此时文章的URL会多一部分#more ,导致畅言混乱,他认为这是两篇文章。

    定位到原因,解决的办法很简单,修改内置的畅言插件,使用文章的ID作为此文章在畅言的sourceid即可;我使用的办法是将这个按钮去掉,不起用read_more_btn功能,有时间在搞。

    Comments

    NexT内置了leancloud、gitment、gittalk、disqus、changyan,NexT没有内置的不考虑,国内没法访问或者访问速度不行的不考虑,最后就只剩一个畅言了;
    畅言需要域名备案;

    版权声明

    createtive_common

    广告联盟

    淘宝联盟在发布了11篇文章之后才给通过,回复很快。
    Google Adsense

    参考

    Hexo NexT github部署SEO优化教程
    Hexo博客添加站内搜索

    展开全文
  • hexo NexT 添加 Gitment 评论插件

    千次阅读 2017-09-25 19:11:13
    参考:http://www.aisun.org/2017/09/hexo+next+gitment/
    展开全文
  • 原文 https://leay.net/2020/02/14/hexo-next-font 说明 版本:Hexo 4.0、Next 7.0 搜索的一些文章里提及改动的地方挺多的,我乱试了一下,似乎...一个 Hexo 插件分享哈:Hexo 插件 hexo-douban-getter —— 展示豆瓣标

    原文

    https://leay.net/2020/02/14/hexo-next-font

    说明

    版本:Hexo 4.0、Next 7.0

    搜索的一些文章里提及改动的地方挺多的,我乱试了一下,似乎并不需要那么复杂。不知道是不是我没搞懂。

    可能是因为 Next 更新了一些配置简化了操作?总之记录一下。

    相关配置

    先看主题配置文件 _config.yml 里与字体相关的配置项:

    font:
      enable: true
      # CDN
      host: 
    
      # Font options:
      # `external: true` will load this font family from `host` above.
      # `family: Times New Roman`. Without any quotes.
      # `size: x.x`. Use `em` as unit. Default: 1 (16px)
    
      # external: 控制是否使用 CDN。
      # family: 字体样式。
      # size: 字体大小。默认为 1(16px)。
      
      # Global font settings used for all elements inside <body>.
      # 全局配置,覆盖 <body> 标签里所有元素
      global:
        external: true
        family: 
        size: 
    
      # Font settings for site title (.site-title).
      # 博客名字那儿
      title:
        external: true
        family: 
        size:
    
      # Font settings for headlines (<h1> to <h6>).
      # 注意这是文章里的标题,而不是侧边栏的 toc
      headings:
        external: true
        family: #Roboto Mono
        size:
    
      # Font settings for posts (.post-body).
      # 正文
      posts:
        external: true
        family:
        size:
    
      # Font settings for <code> and code blocks.
      # 代码块
      codes:
        external: true
        family: 
    

    挑选并配置字体

    Google Fonts 挑选一款字体,在配置里的 family 处添加即可。

    例如:

    font:
      enable: true
      global:
        external: true
        family: Noto Serif SC 
        size:
    

    如此配置之后,基于 hexo-next-theme 的博客就会全局使用「思源宋体」。

    同理,配置代码块的字体也只需要挑选并覆盖相应配置即可。如:

    font:
      enable: true
    # ……
      codes:
        external: true
        family: Roboto Mono
        size:
    

    其它可配置样式的覆盖详见上面的 相关配置

    样式的高级设置

    主题提供的字体配置挺到位的,但仍然有限。

    一是只能配置 global、title、headings、posts、codes 几处(其实也挺丰富了);二是能配置切换字体,设置字体大小,但不能设置颜色等;三是字体只能设置一种 —— 网页是支持多种字体按优先级展示的。

    这些问题,可以使用 Next 4.0 提供的「加载用户自定义样式的配置」解决。

    道理很简单,就是用 Next 提供的自定义样式覆盖默认或者配置的样式。

    在主题配置文件 _config.yml 里开启:

    custom_file_path:
      #head: source/_data/head.swig
      #header: source/_data/header.swig
      #sidebar: source/_data/sidebar.swig
      #postMeta: source/_data/post-meta.swig
      #postBodyEnd: source/_data/post-body-end.swig
      #footer: source/_data/footer.swig
      #bodyEnd: source/_data/body-end.swig
      #variable: source/_data/variables.styl
      #mixin: source/_data/mixins.styl
      style: source/_data/styles.styl
    

    然后在 Hexo 根目录进入 source/_data/styles.styl(若无则新建),添加自己想要设置(覆盖)的样式就好啦!

    比如我要更改全局的字体颜色,就可以这样:

    * {
      color: #2e405b;
    }
    

    PS:同理,这里也可以覆盖博客的各种样式

    font-family

    字体设置默认使用的 CDN 是 //fonts.googleapis.com。如果从 CDN 上访问失败,就会默认使用如下的字体:

    • Non-code Font: Fallback to "PingFang SC", "Microsoft YaHei", sans-serif
    • Code Font: Fallback to consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace

    非代码的文字使用 "PingFang SC", "Microsoft YaHei", sans-serif

    代码块使用 consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace

    浏览器要知道用什么字体,实际上是通过读取 CSS 属性 font-family 1实现的。

    在 Next 里,font-family 的默认值就是上面的两项。当我们在配置文件的 font 里添加字体后,被添加的字体就会被插入到 font-family 默认值的头部 —— 当 font-family 里配置了好几个值时,浏览器会优先使用排在前面的字体。

    比如本站最后渲染出来的效果是这样的(你可以打开浏览器的调试窗口查看):

    body {
        font-family: 'Noto Serif SC',"PingFang SC","Microsoft YaHei",sans-serif;
    }
    
    code, pre {
        font-family: 'Roboto Mono',consolas,Menlo,monospace,"PingFang SC","Microsoft YaHei";
    }
    

    然而很可惜的是,Next 似乎无法在配置文件里 fontfamily 处配置多个字体。

    # 无效配置
    font:
      enable: true
      global:
        external: true
        family: Noto Serif SC , Noto Serif SC
        # family: [Noto Serif SC , Noto Serif SC]
        # family: "Noto Serif SC , Noto Serif SC"
    

    如果你想要利用 font-family 的规则2:或者 修改默认使用的字体,阔以直接到源码 source/css/_variables/base.styl 里修改。

    如下面,修改 $font-family-chinese

    // Font families.
    - $font-family-chinese = "PingFang SC", "Microsoft YaHei";
    + $font-family-chinese = "Noto Serif SC";
    

    Next 能加载用户自定义的样式,同样也能加载用户自定义样式使用的变量。然而同样比较可惜的是,自定义样式使用的变量里的定义(source/_data/variables.styl),不能覆盖变量默认定义的值hexo-next-theme/source/css/_variables/)。但是你可以在默认定义里注释掉变量后,在自定义变量里重新定义并赋值。

    自定义样式使用的变量

    在主题配置文件 _config.yml 里开启使用自定义样式变量:

    custom_file_path:
      #head: source/_data/head.swig
      #header: source/_data/header.swig
      #sidebar: source/_data/sidebar.swig
      #postMeta: source/_data/post-meta.swig
      #postBodyEnd: source/_data/post-body-end.swig
      #footer: source/_data/footer.swig
      #bodyEnd: source/_data/body-end.swig
      variable: source/_data/variables.styl
      #mixin: source/_data/mixins.styl
      #style: source/_data/styles.styl
    

    首先,在主题的 source/css/_variables/base.styl 下注释掉你想自定义的变量。如:

    // Font families.
    //$font-family-chinese = "PingFang SC", "Microsoft YaHei";
    

    然后在 source/_data/variables.styl (若无则新建)添加自定义变量并配置(你刚刚注释掉的变量)。

    $font-family-chinese = "试试就试试";
    

    我觉得 source/_data/variables.styl 的设计应该是为 source/_data/styles.styl 提供变量。像上面这样使用好像没啥必要。要说有点好处的话,就是方便了管理用户配置吧……

    googleapis 镜像

    虽然许多文章里都提到说 fonts.googleapis.com 不太稳定,但我访问还挺顺利的……

    fonts.googleapis.com 的国内 CDN 比较少,只找到这么一篇帖子。

    前端 CDNJS 库及 Google Fonts、Ajax 和 Gravatar 国内加速服务

    用上面帖子里提供的 CDN,Next 的配置就可以这样:

    font:
      enable: true
      host: //fonts.loli.net
    

    官方文档

    https://theme-next.org/docs/theme-settings/#Fonts-Customization

    如果修改不生效

    1. 浏览器清理下缓存。
    2. 是部署后没效果还是本地就没效果?hexo shexo d 前使用 hexo clean 清理下。
    3. 部署后没效果的话,稍微等一下远程的缓存刷新。
    4. 本地没生效的话,CSS 文件夹有没有使用 CDN?
    5. 再不行,进主题的 CSS 文件,或后文里提到的 styles.styl.post-body 单独添加字体相关的 CSS。
    6. 尝试升级 hexo-theme……
    7. 如果仍不能正常显示,或者确定不是自己的问题,可以去 theme-next/hexo-theme-next 提 issue 。

    1. font-family 的规则是这样的:(1)优先使用排在前面的字体。(2)如果找不到该种字体,或者该种字体不包括所要渲染的文字,则使用下一种字体。(3)如果所列出的字体,都无法满足需要,则让操作系统自行决定使用哪种字体。 ↩︎

    2. 利用 font-family 的规则:比如「font-family应 该优先指定英文字体,然后再指定中文字体。否则,中文字体所包含的英文字母,会取代英文字体。」这样的问题。 ↩︎

    展开全文
  • Hexo Next 7.71

    2020-05-21 22:46:55
    4.安装Hexo 安装命令 npm install hexo-cli -g 安装成功界面: 搭建本地个人博客 初始化hexo 新建一个空白文件夹(下文提到的“项目根目录”是指你新建的文件夹的位置)用于存放 hexo 资源。在空白文件夹里面打开 ...
  • 上篇文章讲到,将Hexo NexT 博客成功上传到GitHub 并绑定到我们自定义的域名下了。 但是却还是有个问题,那就是Hexo NexT 博客如何进行后台管理呢? 如果总是通过手动创建文件的方式,是非常痛苦的。 那么有...
  • hexo Next 配置

    2018-09-05 06:24:37
    Next 配置就是上面所说的”主题配置文件“,位于 xxx.github.io/themes/next 目录下,文件名为 _config.yml 1.设置关键字时间 # Set default keywords (Use a comma to separate) # 设置关键字 keywords: "Android...
  • 需求: 希望能在GitHub搭建的博客...一、安装插件 npm install --save hexo-pdf next/_config.yml中修改此处:打开pdf pdf: enable: true # Default height height: 500px pdfobject: # Use 2.1.1 as def...
  • Hexo Next 调优

    2018-07-23 20:05:00
    Links对齐 ... 编辑themes/next/source/css/_custom下的custom.styl,添加如下代码即可。 .links-of-blogroll-title{ margin-left:6px; } .links-of-blogroll-inline .links-of-blogroll-item{ ...
  • Hexo Next主题中,首页文章默认排序方式是按照时间逆序来排的,越新的文章排在越前面。当我们想让访客一进来就能看到推荐的文章时,可以将这些文章置顶。 1 卸载原插件和安装置顶插件 执行下面两行命令: npm ...
  • 到了这一步,基本上已经拥有了一个很perfect的博客了,但是还是缺少一点第三方插件,还不算太完美。本文主要讲解几个重要的第三方插件:多说,搜索,404页面,用户访问记录,RSS和sitemap。多说评论1、打开多说网站...
  • hexo next 搜索 algolia

    2017-10-30 22:48:47
    1. 目的:添加搜索功能algolia似乎是试用一段时间就不能用了,建议使用本地搜索hexo-next 本地搜索 2. next版本我的版本号是# Theme versionversion: 5.1.2 next5.0+版本集成了algolia 这样使配置algolia更简单 3. ...
  • 实现:网上有大神已经写好一个插件,具体实现如下:在博客bash中执行下列命令安装$ npm install --save hexo-pdf 2.使用2. 使用外部文章网页链接{% pdf ...
  • Hexo标签插件的使用

    千次阅读 2019-09-30 13:05:05
    文章目录Hexo 标签插件引用块代码块iframeImageLinkInclude CodeNexT tag 插件文本居中引用突破容器宽度限制的图片Note 标签Tabs 选项卡Label 标签Video 标签Button 标签流程图图片集 「tag 插件」(Tag Plugin) 是 ...
  • Hexo Next 主题中添加本地搜索功能

    千次阅读 2019-02-27 13:25:07
    next 主题侧边列表有一个 搜索 菜单,但是点击之后页面会处于卡死状态,后台显示是 404,需要添加搜索插件才可以。 1、安装本地搜索插件 hexo-generator-search # 安装插件,用于生成博客索引数据(在博客根目录...
  • hexo next主题配置

    2016-05-05 14:43:00
    转自:http://www.jeyzhang.com/next-theme-personal-settings.html 提前说明: 假设网站的根目录为D:/Hexo/,也称为站点目录 站点配置文件是指网站目录下的_config.yml文件,即D:/Hexo/_config.yml 主题配置...
  • 记录 hexo next的 custom.stuyl记录custom.stuyl设置动态title侧栏加入已运行的时间增加站内文章搜索功能修改hexo/_config.yml站点配置文件,末尾新增以下代码: 记录custom.stuyl 位置themes\next\source\css\_custom...
  • 文章目录隆重感谢:背景开始试水成功的案例安装插件,执行命令。hexo _config.yml文件添加坑跳过压缩文件的正确配置方式压缩html时不要跳过.md文件压缩html时不要跳过.swig文件点击的桃心效果消失gitalk js文件报错...
  • https://github.com/theme-next/hexo-theme-next/issues/1262 ...auto_excerpt整了半天就是没效果,在next的issue里发现是next新版本剔除了这个功能,认为插件能做的,为什么主题要做,这个功能还影响主题 大致了解了
  • 上篇文章 Hexo 博客框架NexT主题搭建指南 我们已经在本地搭建好了Hexo博客框架NexT主题的博客程序,但是这感觉还是远远不够。 我们还想把它部署到我们的Github上,让其他人可以看到我们的博客。 那么这节课就跟...
  • Hexo Next博客搭建

    2017-08-01 19:30:48
    安装 Hexo 插件与选择主题 6.美化主题与添加第三方插件 7.使用 Markdown 语法与 Git 指令编写发布博文 添加第三方插件 添加文章阅读统计 NexT主题最新版本已经添加了文章阅读功能,所以只需要在...
  • 添加网易云音乐 生成外链 修改模板文件 就是这个themes\next\layout\_macro\sidebar.swig 自己找个位置复制粘贴进去 我是放在那个最下面
  • Hexo Next主题进阶详细教程

    万次阅读 热门讨论 2018-09-05 17:26:53
    教程针对NexT主题设置,此教程为进阶教程,基础配置主题的教程可以查阅相关资料,以下改变的效果可以到此博客预览 当前所在菜单下划线显示 效果图: 打开themes\next\layout_partials文件夹...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,861
精华内容 744
热门标签
关键字:

hexonext插件