页面加载中
博客快捷键
按住 Shift 键查看可用快捷键
ShiftK
开启/关闭快捷键功能
ShiftA
打开/关闭中控台
ShiftD
深色/浅色显示模式
ShiftS
站内搜索
ShiftR
随机访问
ShiftH
返回首页
ShiftL
友链页面
ShiftP
关于本站
ShiftI
原版/本站右键菜单
松开 Shift 键或点击外部区域关闭
互动
最近评论
暂无评论
标签
寻找感兴趣的领域
暂无标签
    0
    文章
    0
    标签
    8
    分类
    10
    评论
    128
    功能
    深色模式
    标签
    JavaScript12TypeScript8React15Next.js6Vue10Node.js7CSS5前端20
    互动
    最近评论
    暂无评论
    标签
    寻找感兴趣的领域
    暂无标签
      0
      文章
      0
      标签
      8
      分类
      10
      评论
      128
      功能
      深色模式
      标签
      JavaScript12TypeScript8React15Next.js6Vue10Node.js7CSS5前端20
      随便逛逛
      博客分类
      文章标签
      复制地址
      深色模式
      AnHeYuAnHeYu
      Search⌘K
      博客
        暂无其他文档

        Anheyu主题:前端自定义

        October 17, 20252 分钟 阅读81 次阅读

        前端项目安装

        拉取前端项目并安装依赖(需要提前安装好git、node和pnpm)

        shell
        git pull https://github.com/anzhiyu-c/anheyu-app-frontend ./ahy
        cd ahy
        pnpm install
        1. 使用vscode打开此文件夹
        2. 打开git操作页
        3. 新建并切换到custom分支
        4. 修改文件
        5. 填写提交信息并提交
        6. pnpm build
        7. 将build/theme.json内信息修改成自己的,然后复制一份进dist文件夹
        8. 将dist文件夹改名成theme-xxx,放入anheyu-app的theme文件夹下,或是打成压缩包,通过管理后台web上传
        9. 有更新时切换到main分支
        10. 拉取更新
        11. 切换到custom分支并将main的更新合并进来
        12. 再次build并更新到服务器

        注意

        以下涉及到要修改主题前端代码的都是如此操作

        修改页脚备案信息

        添加自定义图标

        自带图标一览

        侧边栏信息框

        伪造音乐接口

        添加vue小界面

        页脚状态监控

        CC协议修改

        黑白切换按钮

        小组件

        md内嵌html加密实现pro效果

        gotify通知

        https://blog.lxythan2lxy.cn/posts/1a_各种小组件

        https://blog.zhheo.com/

        https://blog.xiowo.net/posts/anzhiyu/

        最后更新于 November 11, 2025
        On this page
        暂无目录