Hexo 自定义主题

//引入css文件
<link href="css/main.css" rel="stylesheet" type="text/css" />

//引入js文件
<script type="text/javascript" src="js/src/page_index.js"></script>
<script type="text/javascript" src="lib/jquery.js"></script>

hexo.extend.filter.register('after_post_render', function(data){
    let content=data.content;
    //匹配图片（g表示匹配所有结果i表示区分大小写）
    var imgReg = /<img.*?(?:>|\/>)/gi;
    //匹配src属性 
    var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
    var arr = content.match(imgReg);
    if(arr&&arr.length>=0){
        for (var i = 0; i < arr.length; i++) {
            var src = arr[i].match(srcReg);
            //获取图片地址
            if(src[1]){
                data.photos.push(src[1]);
            }
        }
    }
    
    return data;
  });

<script type="text/javascript" src="{{ url_for(theme.js) }}/src/page_index.js"></script>

<div class="pagination_wrap" data-totalpage="{{page.total}}" data-current="{{page.current}}" data-perpage="{{per_page}}">
    {% include 'pagination.swig' %}
</div>

{% for categ in post.categories%}
    <span class="categories">{{categ}}</span>
{% endfor%}

console.log(data);   
console.log(data.categories);   
console.log(data.categories.data);  

{% set i = 0 %}
{% for cat in post.categories %}
    {% if i !== 0 %}
    {{'/'}}
    {% endif %}
    {% set i = i + 1 %}
    <a href="{{ url_for(cat.path) }}">{{ cat.name }}</a>
{% endfor %}

var _uniqBy=require("lodash/uniqBy");
hexo.extend.filter.register('template_locals', function(locals){
    locals.now = Date.now();
    //生成页面顶部菜单栏
    let menu=[];
    let theme=hexo.theme.config;
    let type_menu=theme.type_menu;
    for(let menuItem in type_menu){
      let subObj=type_menu[menuItem];
      if(typeof subObj=='object'){
        let subMenu=[];
        for(let sub in subObj){
          subMenu.push({"name":sub,"path":subObj[sub],"sub":false});
        }
        menu.push({"name":menuItem,"path":"","sub":subMenu});
      }else{
        menu.push({"name":menuItem,"path":subObj,"sub":false});
      }
    }
  
    let categories=hexo.locals.get("categories").data;
    for(let menuItem in categories){
      let name=categories[menuItem].name;
      menu.push({"name":name,"path":"/categories/"+name+"/"});
    }
    menu=_uniqBy(menu,"name");
    // hexo.locals.set('headermenu', function(){
    //   return menu;
    // });
    locals.headermenu=menu;
    return locals;
  });

<nav class="site-nav">
    <ul class="menu layui-nav">
        {% for menuItem,path in theme.menu %}
        <li class="menu-item layui-nav-item">
            <a href="{{ url_for(path) }}" rel="section">
                <i class="iconfont icon-home"></i>
                {{- __('menu.'+menuItem) -}}
            </a>
        </li>
        {% endfor %}
        {% set menuCount=3 %}
        {% if site.headermenu.length>=menuCount%}
            {% set menuItemIndex=0 %}
            {% for menuItem in site.headermenu%}
                {% if menuItemIndex <= menuCount %}
                    {% if menuItem.sub!=fase %}
                        <li class="menu-item layui-nav-item">
                            <a href="javascript:;">{{menuItem.name}}</a>
                            <dl class="layui-nav-child">
                                {% for subItem in menuItem.sub %}
                                    <dd class="nav-child">
                                        <a href="{{ url_for(subItem.path)}}">{{subItem.name}}</a>
                                    </dd>
                                {% endfor %}
                            </dl>
                        </li>
                    {% else %}
                        <li class="menu-item layui-nav-item"><a href="{{ url_for(menuItem.path)}}">{{menuItem.name}}</a></li>
                    {% endif %}
                    {% set menuItemIndex = menuItemIndex + 1 %}
                {% endif %}
            {% endfor %}
            <li class="more menu-item layui-nav-item">
                <a href="javascript:;">更多</a>
                <dl class="layui-nav-child">
                    {% for menuItem in site.headermenu%}
                        {% if loop.index0 >= menuItemIndex %}
                            {% if menuItem.sub!=fase %}
                                <dd class="nav-child">
                                    <a href="javascript:;">{{menuItem.name}}</a>
                                    <span class="nav-more"></span>
                                    <dl class="nav-child-child">
                                        {% for subItem in menuItem.sub%}
                                            <dd><a href="{{ url_for(subItem.path)}}">{{subItem.name}}</a></dd>
                                        {% endfor %}
                                    </dl>
                                </dd>
                            {% else %}
                                <dd class="nav-child">
                                    <a href="{{ url_for(menuItem.path)}}">{{menuItem.name}}</a>
                                </dd>
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </dl>
            </li>
        {% else %}
            {% for menuItem in site.headermenu%}
                {% if menuItem.sub!=fase %}
                    <li class="menu-item layui-nav-item">
                        <a href="javascript:;">{{menuItem.name}}</a>
                        <dl class="layui-nav-child">
                            {% for subItem in menuItem.sub %}
                                <dd class="nav-child">
                                    <a href="{{ url_for(subItem.path)}}">{{subItem.name}}</a>
                                </dd>
                            {% endfor %}
                        </dl>
                    </li>
                {% else %}
                    <li class="menu-item layui-nav-item"><a href="{{ url_for(menuItem.path)}}">{{menuItem.name}}</a></li>
                {% endif %}
            {% endfor %}
        {% endif %}
    </ul>
</nav>