使用hexo搭建博客,文件无法加载的问题
发布日期:2021-05-28 16:52:37 浏览次数:34 分类:精选文章

本文共 970 字,大约阅读时间需要 3 分钟。

Hexo搭建个人主页网站并与博客链接的解决方案

为了实现通过个人主页(HomePage)链接跳转到Hexo博客,以下是详细的解决方案和操作步骤

一、文件结构规划

首先,确定个人主页和博客的文件结构如下:

  • 个人主页:位于仓库guyongpu.github.io之外,使用域名zhangyaya.xyz访问
  • Hexo博客:保留在仓库guyongpu.github.io下
  • 个人主页代码:建立新的仓库zhangyaya.xyz(如有独立域名)

二、配置文件设置

在个人主页仓库创建_config.yml文件,设置如下:

publicDir: publicpublicMultipleDir: truepublicMultipleDir:  Blog:    type:兹-目录    url:  https://zhangyaya.xyz/blog _where:    - url: https://zhangyaya.xyz    - identity: Main Site

运行hexo d生成静态文件

三、主页HTML结构

在个人主页仓库的public/index.html文件中插入以下内容:

  个人主页  

个人主页

我的博客链接

四、sector.js添加额外参数

在个人主页仓库中添加JavaScript文件:

document.addEventListener("DOMContentLoaded", function() {  // 初始化 sector.js  const _initialization = window._initialization || {};  _initialization_Blog = {    enabled: true,    path: " https://zhangyaya.xyz/blog ",    type: " Blog"  };});

五、部署流程

  • 确保个人主页仓库路径正确
  • 运行hexo d部署个人主页
  • 检查生成静态文件路径
  • 在浏览器查看访问效果
  • 六、访问验证

    打开域名zhangyaya.xyz,查看主页内容是否正确跳转至Hexo博客,并确保所有静态资源加载无误

    通过以上步骤,可以实现通过个人主页链接跳转至Hexo博客的无缝访问,同时确保存在静态资源的正确加载

    上一篇:Socket Server指定监听端口和IP
    下一篇:【头条笔试T2】

    发表评论

    最新留言

    表示我来过!
    [***.240.166.169]2025年04月13日 05时13分14秒