GitHub 博客 Next 主题 Sidebar404 页面解决办法

教程 Jimmy ⋅ 于 2020-04-28 19:41:24 ⋅ 431 阅读

我们搭建完博客,使用next主题并配置好菜单栏的时候,点击日志会发现页面404

(404就是找不到该页面的报错)

file

file
我们查看网页浏览器的链接,发现该链接不正确,其实是Next主题的一个bug,我们需要修改一下源代码。

步骤如下:

1、找到源文件

首先我们找到代码文件,目录为你的博客目录/themes/next/layout/_macro/sidebar.swig

2、找到代码块


            {% if config.archive_dir != '/' and site.posts.length > 0 %}
              <div class="site-state-item site-state-posts">
              {% if theme.menu.archives %}
                <!-- <a href="{{ url_for(theme.menu.archives).split('||')[0] | trim }}"> -->
                <a href="https://gitpagelearn.github.io/archives/" target="_Self">
              {% else %}
                <a href="{{ url_for(config.archive_dir) }}">
              {% endif %}
                  <span class="site-state-item-count">{{ site.posts.length }}</span>
                  <span class="site-state-item-name">{{ __('state.posts') }}</span>
                </a>
              </div>
            {% endif %}

截图如下

file

找到<a href="{{ url_for(theme.menu.archives).split('||')[0] | trim }}">改为<!-- <a href="{{ url_for(theme.menu.archives).split('||')[0] | trim }}"> -->注释掉,Vscode注释后代码自动变为绿色。
然后回车再下面添加一行红色箭头的代码<a href="https://gitpagelearn.github.io/archives/" target="_Self">,这里将https://gitpagelearn.github.io/archives/改为https://你的博客链接/archives/

修改完成后别忘了保存~~~保存后,运行以下命令

hexo clean
hexo d -g

最后清除一下浏览器缓存,再进你的博客时,发现日志POST页面可以成功访问了~~~

file

本帖已被设为精华帖!
本帖由 YX 于 7月前 加精
回复数量: 0
    暂无评论~~
    • 请注意单词拼写,以及中英文排版,参考此页
    • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
    • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
    • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
    • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
    Ctrl+Enter