精华内容
下载资源
问答
  • hexo next主题

    2018-06-29 17:12:31
    hexo搭建博客的next主题下载,赶紧下载吧,积分已经设最低了
  • Hexo NexT主题相关配置的整理总结

    千次阅读 2018-05-29 23:55:59
  • hexo next主题配置

    2017-10-21 11:01:40
    原文链接hexo next主题配置前言由于各种原因,网站会有各种变化以及配置的增加,以日志记下改动2017年10月21日更新修改链接样式修改文件source\css_common\components\post\post.styl 增加内容.post-body p a{ ...

    原文链接hexo next主题配置

    前言

    由于各种原因,网站会有各种变化以及配置的增加,以日志记下改动

    2017年10月21日更新

    修改链接样式

    修改文件source\css_common\components\post\post.styl
    增加内容

    .post-body p a{
      color: #0593d3;
      border-bottom: none;
      border-bottom: 1px solid #0593d3;
      &:hover {
        color: #fc6423;
        border-bottom: none;
        border-bottom: 1px solid #fc6423;
      }
    }

    增加gitment和gitalk评论系统

    具体内容见文章hexo 博客next主题集成gitment或者gitalk评论系统

    修改tag标签

    修改layout/_macro/post.swig
    搜索 rel=”tag”>#,将 # 换成

    2017年7月29日更新

    添加RSS订阅

    npm install hexo-generator-feed --save
    

    增加友情链接

    更新关于我页面

    文章添加更新日期

    2017年7月28日更新

    1.添加来必力评论系统

    由于网易跟帖停止服务,将跟帖评论系统更换为来必力评论系统。

    https://livere.com/注册并添加你的网站,同时
    修改next主题配置文件

    # Support for LiveRe comments system.
    # You can get your uid from https://livere.com/insight/myCode (General web site)
    livere_uid: ××××××××××××××××××

    目前来看,来必力支持的第三方登录比较多,包括微信,qq,github,领英,豆瓣,google+,facebook等主流社交账号登录。

    2.添加打赏功能

    修改配置文件

    reward_comment: 坚持原创技术分享,您的支持将鼓励我继续创作!
    wechatpay: /wechatpay.jpg
    alipay: /alipay.jpg

    wechatpay.jpg 和alipay.jpg分别是微信和支付宝的收款二维码。可放在hexo的resource目录下。

    3.添加文章的字数统计和阅读时长统计

    修改配置文件

    # Post wordcount display settings
    # Dependencies: https://github.com/willin/hexo-wordcount
    post_wordcount:
      item_text: true
      wordcount: true
      min2read: true

    另外,在hexo根目录下执行命令

    npm i --save hexo-wordcount

    安装成功后即可。

    4添加站内搜索

     安装hexo-generator-search
    
     npm install hexo-generator-searchdb --save
    
    在站点的_config.yml中添加
    

    search:
    path: search.xml
    field: post
    format: html
    limit: 10000

    同时在next主题中开启local search
    

    5.问题

    参考文章hexo的next主题个性化配置教程

    展开全文
  • Hexo next 主题加载自定义 js 文件

    千次阅读 2019-06-02 09:31:40
    Hexo next 主题加载自定义 js 文件 为什么要配置 hexo next 主题自定义 js 文件呢?主要原因有两点: 不可靠:加载第三方站点的 js 依赖其站点的稳定性,如果第三方站点给挂了或者不维护了,那么加载的地址就失效...

    Hexo next 主题加载自定义 js 文件

    为什么要配置 hexo next 主题自定义 js 文件呢?主要原因有两点:

    那么解决上面两个问题的办法就是可以将远程加载的 js 文件下载下来,放到本地 netx 主题 source/js/src/ 目录下,让 hexo 生成静态网站时,加载生成静态站点本身的 js。下面举两个例子。

    next 主题 gitalk 评论功能加载自定义 js

    1. https://github.com/blueimp/JavaScript-MD5/blob/master/js/md5.min.js 文件下载下来放到 themes/next/source/js/src/ 路径下。
    2. 修改 themes/next/layout/_third-party/comments/gitalk.swig,加载 md5.min.js 改为 <script src="/js/src/md5.min.js"></script>
    {% if page.comments && theme.gitalk.enable %}
      <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
      <script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
      <script src="/js/src/md5.min.js"></script>
       <script type="text/javascript">
            var gitalk = new Gitalk({
              clientID: '3840ba8c8d80c18be7e3',
              clientSecret: '1b00f2efe5285973c24da9ed9ac895775eacc8ea',
              repo: '{{ theme.gitalk.repo }}',
              owner: '{{ theme.gitalk.githubID }}',
              admin: ['{{ theme.gitalk.adminUser }}'],
              id: md5(location.pathname),
              distractionFreeMode: '{{ theme.gitalk.distractionFreeMode }}'
            })
            gitalk.render('gitalk-container')
        </script>
    {% endif %}
    

    next 主题 “不蒜子” PV 统计功能加载自定义 js

    1. https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js 文件下载
      下来放到 themes/next/source/js/src/ 路径下。
    2. 修改 themes/next/layout/_third-party/analytics/busuanzi-counter.swig,将原先 <script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script> 改为 <script async src="/js/src/busuanzi.pure.mini.js"></script>
    {% if theme.busuanzi_count.enable %}
    <div class="busuanzi-count">
      <script async src="/js/src/busuanzi.pure.mini.js"></script>
    
      {% if theme.busuanzi_count.site_uv %}
        <span class="site-uv">
          {{ theme.busuanzi_count.site_uv_header }}
          <span class="busuanzi-value" id="busuanzi_value_site_uv"></span>
          {{ theme.busuanzi_count.site_uv_footer }}
        </span>
      {% endif %}
    
      {% if theme.busuanzi_count.site_pv %}
        <span class="site-pv">
          {{ theme.busuanzi_count.site_pv_header }}
          <span class="busuanzi-value" id="busuanzi_value_site_pv"></span>
          {{ theme.busuanzi_count.site_pv_footer }}
        </span>
      {% endif %}
    </div>
    {% endif %}
    

    配置完成后需要 hexo clean && hexo g 生效…

    附件

    怕以下两个远程站点 js 丢了,在此备份一下吧…
    https://github.com/blueimp/JavaScript-MD5/blob/master/js/md5.min.js:

    !function(n){"use strict";function t(n,t){var r=(65535&n)+(65535&t);return(n>>16)+(t>>16)+(r>>16)<<16|65535&r}function r(n,t){return n<<t|n>>>32-t}function e(n,e,o,u,c,f){return t(r(t(t(e,n),t(u,f)),c),o)}function o(n,t,r,o,u,c,f){return e(t&r|~t&o,n,t,u,c,f)}function u(n,t,r,o,u,c,f){return e(t&o|r&~o,n,t,u,c,f)}function c(n,t,r,o,u,c,f){return e(t^r^o,n,t,u,c,f)}function f(n,t,r,o,u,c,f){return e(r^(t|~o),n,t,u,c,f)}function i(n,r){n[r>>5]|=128<<r%32,n[14+(r+64>>>9<<4)]=r;var e,i,a,d,h,l=1732584193,g=-271733879,v=-1732584194,m=271733878;for(e=0;e<n.length;e+=16)i=l,a=g,d=v,h=m,g=f(g=f(g=f(g=f(g=c(g=c(g=c(g=c(g=u(g=u(g=u(g=u(g=o(g=o(g=o(g=o(g,v=o(v,m=o(m,l=o(l,g,v,m,n[e],7,-680876936),g,v,n[e+1],12,-389564586),l,g,n[e+2],17,606105819),m,l,n[e+3],22,-1044525330),v=o(v,m=o(m,l=o(l,g,v,m,n[e+4],7,-176418897),g,v,n[e+5],12,1200080426),l,g,n[e+6],17,-1473231341),m,l,n[e+7],22,-45705983),v=o(v,m=o(m,l=o(l,g,v,m,n[e+8],7,1770035416),g,v,n[e+9],12,-1958414417),l,g,n[e+10],17,-42063),m,l,n[e+11],22,-1990404162),v=o(v,m=o(m,l=o(l,g,v,m,n[e+12],7,1804603682),g,v,n[e+13],12,-40341101),l,g,n[e+14],17,-1502002290),m,l,n[e+15],22,1236535329),v=u(v,m=u(m,l=u(l,g,v,m,n[e+1],5,-165796510),g,v,n[e+6],9,-1069501632),l,g,n[e+11],14,643717713),m,l,n[e],20,-373897302),v=u(v,m=u(m,l=u(l,g,v,m,n[e+5],5,-701558691),g,v,n[e+10],9,38016083),l,g,n[e+15],14,-660478335),m,l,n[e+4],20,-405537848),v=u(v,m=u(m,l=u(l,g,v,m,n[e+9],5,568446438),g,v,n[e+14],9,-1019803690),l,g,n[e+3],14,-187363961),m,l,n[e+8],20,1163531501),v=u(v,m=u(m,l=u(l,g,v,m,n[e+13],5,-1444681467),g,v,n[e+2],9,-51403784),l,g,n[e+7],14,1735328473),m,l,n[e+12],20,-1926607734),v=c(v,m=c(m,l=c(l,g,v,m,n[e+5],4,-378558),g,v,n[e+8],11,-2022574463),l,g,n[e+11],16,1839030562),m,l,n[e+14],23,-35309556),v=c(v,m=c(m,l=c(l,g,v,m,n[e+1],4,-1530992060),g,v,n[e+4],11,1272893353),l,g,n[e+7],16,-155497632),m,l,n[e+10],23,-1094730640),v=c(v,m=c(m,l=c(l,g,v,m,n[e+13],4,681279174),g,v,n[e],11,-358537222),l,g,n[e+3],16,-722521979),m,l,n[e+6],23,76029189),v=c(v,m=c(m,l=c(l,g,v,m,n[e+9],4,-640364487),g,v,n[e+12],11,-421815835),l,g,n[e+15],16,530742520),m,l,n[e+2],23,-995338651),v=f(v,m=f(m,l=f(l,g,v,m,n[e],6,-198630844),g,v,n[e+7],10,1126891415),l,g,n[e+14],15,-1416354905),m,l,n[e+5],21,-57434055),v=f(v,m=f(m,l=f(l,g,v,m,n[e+12],6,1700485571),g,v,n[e+3],10,-1894986606),l,g,n[e+10],15,-1051523),m,l,n[e+1],21,-2054922799),v=f(v,m=f(m,l=f(l,g,v,m,n[e+8],6,1873313359),g,v,n[e+15],10,-30611744),l,g,n[e+6],15,-1560198380),m,l,n[e+13],21,1309151649),v=f(v,m=f(m,l=f(l,g,v,m,n[e+4],6,-145523070),g,v,n[e+11],10,-1120210379),l,g,n[e+2],15,718787259),m,l,n[e+9],21,-343485551),l=t(l,i),g=t(g,a),v=t(v,d),m=t(m,h);return[l,g,v,m]}function a(n){var t,r="",e=32*n.length;for(t=0;t<e;t+=8)r+=String.fromCharCode(n[t>>5]>>>t%32&255);return r}function d(n){var t,r=[];for(r[(n.length>>2)-1]=void 0,t=0;t<r.length;t+=1)r[t]=0;var e=8*n.length;for(t=0;t<e;t+=8)r[t>>5]|=(255&n.charCodeAt(t/8))<<t%32;return r}function h(n){return a(i(d(n),8*n.length))}function l(n,t){var r,e,o=d(n),u=[],c=[];for(u[15]=c[15]=void 0,o.length>16&&(o=i(o,8*n.length)),r=0;r<16;r+=1)u[r]=909522486^o[r],c[r]=1549556828^o[r];return e=i(u.concat(d(t)),512+8*t.length),a(i(c.concat(e),640))}function g(n){var t,r,e="";for(r=0;r<n.length;r+=1)t=n.charCodeAt(r),e+="0123456789abcdef".charAt(t>>>4&15)+"0123456789abcdef".charAt(15&t);return e}function v(n){return unescape(encodeURIComponent(n))}function m(n){return h(v(n))}function p(n){return g(m(n))}function s(n,t){return l(v(n),v(t))}function C(n,t){return g(s(n,t))}function A(n,t,r){return t?r?s(t,n):C(t,n):r?m(n):p(n)}"function"==typeof define&&define.amd?define(function(){return A}):"object"==typeof module&&module.exports?module.exports=A:n.md5=A}(this);
    //# sourceMappingURL=md5.min.js.map
    

    https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js:

    var bszCaller,bszTag;!function(){var c,d,e,a=!1,b=[];ready=function(c){return a||"interactive"===document.readyState||"complete"===document.readyState?c.call(document):b.push(function(){return c.call(this)}),this},d=function(){for(var a=0,c=b.length;c>a;a++)b[a].apply(document);b=[]},e=function(){a||(a=!0,d.call(window),document.removeEventListener?document.removeEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.detachEvent("onreadystatechange",e),window==window.top&&(clearInterval(c),c=null)))},document.addEventListener?document.addEventListener("DOMContentLoaded",e,!1):document.attachEvent&&(document.attachEvent("onreadystatechange",function(){/loaded|complete/.test(document.readyState)&&e()}),window==window.top&&(c=setInterval(function(){try{a||document.documentElement.doScroll("left")}catch(b){return}e()},5)))}(),bszCaller={fetch:function(a,b){var c="BusuanziCallback_"+Math.floor(1099511627776*Math.random());window[c]=this.evalCall(b),a=a.replace("=BusuanziCallback","="+c),scriptTag=document.createElement("SCRIPT"),scriptTag.type="text/javascript",scriptTag.defer=!0,scriptTag.src=a,document.getElementsByTagName("HEAD")[0].appendChild(scriptTag)},evalCall:function(a){return function(b){ready(function(){try{a(b),scriptTag.parentElement.removeChild(scriptTag)}catch(c){bszTag.hides()}})}}},bszCaller.fetch("//busuanzi.ibruce.info/busuanzi?jsonpCallback=BusuanziCallback",function(a){bszTag.texts(a),bszTag.shows()}),bszTag={bszs:["site_pv","page_pv","site_uv"],texts:function(a){this.bszs.map(function(b){var c=document.getElementById("busuanzi_value_"+b);c&&(c.innerHTML=a[b])})},hides:function(){this.bszs.map(function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="none")})},shows:function(){this.bszs.map(function(a){var b=document.getElementById("busuanzi_container_"+a);b&&(b.style.display="inline")})}};
    
    展开全文
  • Hexo NexT主题自定义背景图片

    千次阅读 2020-10-31 21:20:25
    Hexo NexT主题自定义中可能会碰到的坑前言初衷个性化之路正文方法1(失败)方法2后记 前言 初衷 Hexo是一个基于Node.js的静态网页生成器,我将它与Github Page搭配使用,创建我的个人博客网站。 但是相信大家绝对...

    前言

    初衷

    Hexo是一个基于Node.js的静态网页生成器,我将它与Github Page搭配使用,创建我的个人博客网站。
    但是相信大家绝对不会只用原版简陋的Landscape主题吧……
    于是,我结合大佬们的建议、参阅了无数Hexo个人网站后 决定用NexT主题。我选的是Gemini:-)

    个性化之路

    虽说NexT很不错,但是依然达不到预期的效果。

    • 单调的灰白背景
    • 想要单击效果
    • 没有评论功能
    • ……

    正文

    方法1(失败)

    单调的灰白背景谁也不喜欢。谁都想自己找张好看的图片放上去。
    本着“Baidu is your friend”的原则,我找到了好多方法。
    不过
    这些教程清一色的让我们修改themes\next\source\css\ _custom\custom.styl这个文件。

    “这个是Next故意留给用户自己个性化定制一些样式的文件”

    我 怎 么 没 有 这 东 西
    这是因为版本更新NexT改掉了一些文件

    于是我自己偷偷新建了一个themes\next\source\css\ _custom\custom.styl……
    仍 然 不 好 使(废话
    另外,在themes\next\_config.yml中有一个方法

    # Define custom file paths.
    # Create your custom files in site directory `source/_data` and uncomment needed files below.
    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
    

    不过在经试验后,发现这一方法不能只用一个,优先级似乎高于main.styl
    所以如果只添加了一个,网页会找不到其他部分的css并报错。

    方法2

    以这次报错为契机,我找到了渲染出的main.css与源文件main.styl进行比较。
    我发现main.styl中以@import "\.styl";的形式引用themes\next\source\css中的.styl文件,在渲染时构成main.css
    然后我在main.styl的末尾发现了这个东西:

    // Custom Layer
    // --------------------------------------------------
    for $inject_style in hexo-config('injects.style')
      @import $inject_style;
    

    这意味着你可以在这里加入自己的个性化文件,并且与预置的文件一起渲染成最终网站所使用的main.css
    于是我加入了@import "_custom/styles.styl"一行
    将想要使用的背景图片放在themes\next\source\images文件夹中
    创建themes\next\source\css\ _custom\style.styl文件

    body { 
    background: url(/images/图片名);
    background-repeat: no-repeat;// 设定背景图片非重复填充
    background-attachment: fixed;// 设置背景图片不随页面滚动
    background-position: 50% 50%;// 设置背景图片位置
    background-size: cover//
    }
    

    最终成功!

    后记

    本文是MD-11的第一次博客写作。作者我仍是一名初中学生,所以本文可能瑕疵颇多,仍需改进;
    另外,本文成文匆忙,作者未配插图。
    希望大家多多谅解:-)

    展开全文
  • Hexo Next主题中,首页文章默认排序方式是按照时间逆序来排的,越新的文章排在越前面。当我们想让访客一进来就能看到推荐的文章时,可以将这些文章置顶。 1 卸载原插件和安装置顶插件 执行下面两行命令: npm ...
  • HEXO Next 主题 添加在线联系功能 在我们使用hexo 搭建我们个人博客时,我们可以使用DaoVoice 为我们的博客添加在线...接下我们需要在主题中进行一些配置,这边使用的是next主题,就以next主题为例: 打开文件\th...
  • hexo next主题集成gitment评论系统

    千次阅读 2017-09-08 07:40:35
    简介本文介绍hexo next主题(5.1.2)集成giment评论系统的过程。所谓gitment就是把评论放到github的issues系统里,评论支持md,比较适合程序员. 一.注册OAuth Application点击...
  • Hexo next主题中添加播放器Aplayer

    千次阅读 2020-02-07 14:51:18
    Hexo next主题中添加播放器Aplayer 下载 首先,先下载Aplayer源码:APlayer dist文件夹 再将文件中的dist文件夹复制到路径:blog/themes/next/source(我的next版本是7.5) 新建music.js 在目录blog/themes/...
  • title: hexo next主题为博客添加分享功能 date: 2018-01-06 20:20:02 tags: [hexo博客, 博客配置] categories: hexo next主题配置 --- 今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享...
  • hexo next 主题配置 gitalk 评论爬坑记

    千次阅读 2018-03-25 22:32:23
    hexo next 主题配置 gitalk 评论爬坑记 摘要 本文主要记录了我在配置 Hexo 博客 gitalk 评论功能时踩过的坑到最终爬出坑的过程,本教程献给打算给 Hexo 博客配置 gitalk 评论的小白朋友们(当然我也是 QAQ),避免...
  • Hexo NexT主题修改动画效果速度

    千次阅读 2018-08-15 14:53:41
    Hexo NexT主题修改动画效果速度 每次打开博客、切换页面的时候都会有一段动画效果,感觉播放的速度有些慢,想调快些,但是网上搜了半天都没看到有教程,只有关闭动效这个方案,只好自己去翻源码了。 修改动画效果...
  • 后来看了一下配置文章发现hexo next主题已经内置了很多评论功能。有Disqus,畅言,valine,gitment等,对比之后发现还是使用gitment比较靠谱,毕竟是托管在GitHub上的,用起来比较稳。其他第三方会因为各种需要实名...
  • 原文 https://leay.net/2020/02/14/hexo-next-font ...PS:Hexo Next 的瞎几把优化可以看看这篇:尝试折腾了下用 hexo-next-theme 搭建的博客 一个 Hexo 插件分享哈:Hexo 插件 hexo-douban-getter —— 展示豆瓣标
  • Hexo NexT主题中添加百度分享功能–github填坑 今天给next主题添加了百度分享功能,在本地一切正常,但是当发布到github的时候,却不能正常显示—这就很烦, 于是我在网上搜索解决方法,如下: _config.yml 因为next\...
  • Hexo NexT主题内添加网页标题搞怪特效:https://asdfv1929.github.io/2018/01/25/crash-cheat/
  • 文章目录背景:进入正题pjax初体验--instantclick真正的pjax第一步第二步第三步第四步专门基于hexo next主题的pjax(将丢失的js效果重现)将下面讲到的提取出来点击右边的sidebar,sidebar不出现sidebar自动隐藏,...
  • Hexo NexT主题更改语言

    千次阅读 2019-06-22 00:29:44
    打开站点配置文件:站点根目录/_config.yml 然后搜索找到language属性,属性值配置成zh-Hans,表示中文...到 Hexo站点根目录\themes\next\languages文件夹下看有支持哪些语言,发现中文有如下三种,就是没有zh-Hans...
  • Hexo NexT 主题初体验

    2018-07-25 02:15:14
    简谈 NexT 主题的配置和第三方的服务的接入。 前言 前一篇完成了简单个人主页的搭建,然而,追求美的脚步和好奇心的滋生,难以遏制。 NexT 主题配置 NexT 主题配置官网文档,有详尽的配置,如设置 RSS、设置字体、...
  • hexo主题配置一     hexo主题配置二    hexo主题配置三     hexo主题配置四     hexo主题配置五     Hexo博客提交百度和Google收录 &...
  • Hexo Next主题进阶详细教程

    万次阅读 热门讨论 2018-09-05 17:26:53
    教程针对NexT主题设置,此教程为进阶教程,基础配置主题的教程可以查阅相关资料,以下改变的效果可以到此博客预览 当前所在菜单下划线显示 效果图: 打开themes\next\layout_partials文件夹...
  • Hexo NexT主题/cnblog等博客增加点击出现红心的特效 查看效果 每日前端 我的博客 实现:1.下载这段js代码到项目目录 ===》下载地址2.在需要的地方添加js代码 &lt;script type="text/...
  • git clone https://github.com/next-theme/hexo-theme-next themes/next 好像这个主题有暗黑模式 这个也是健康的 git clone https://github.com/theme-next/hexo-theme-next.git themes/next 这个主题是...
  • 搭建GitHub Page 中,使用Hexo NexT主题,用markdown 中的 blockquote 标签圈出文本时,出现以下情况 解决办法: 修改 对应 theme下css 文件(如下路径): 修改base.styl ,blockquote 样式下 添加 word-break: break...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,101
精华内容 1,240
关键字:

hexonext主题