Add a custom banner at the top of each page that supports HTML and Markdown formatted text content.

在每个页面的顶部添加一个自定义的 Banner，支持 HTML 和 Markdown 格式的文本内容。

🏠 主页

https://github.com/CaoMeiYouRen/hexo-banner#readme

📦 依赖要求

• node >=16

🚀 安装

npm install hexo-banner

👨‍💻 使用

在 _config.yml 中进行如下配置。

banner:
  content: |
    # 这是一段 banner
  position: top
  styles:
    background-color: #f8f8f8
    color: #333
  css: |
    @media (min-width: 768px) {
      .hexo-banner {
        margin-left: 240px;
      }
    }

| 属性 | 描述 | 类型 | 可选值 | | -------- | ------------------------------------------------------------ | ------ | -------------------- | | content | 支持 Markdown 的内容。 | string | - | | position | 插入位置，支持插入到 header 或 footer 中。 | string | top | bottom | | styles | 设置行内样式，对象类型。 | object | - | | css | 设置 CSS，字符串类型。 | string | - |

🛠️ 开发

npm run dev

🔧 编译

npm run build

🔍 Lint

npm run lint

💾 Commit

npm run commit

👤 作者

CaoMeiYouRen

• Website: https://blog.cmyr.ltd/

• GitHub: @CaoMeiYouRen

🤝 贡献

欢迎 贡献、提问或提出新功能！如有问题请查看 issues page. 贡献或提出新功能可以查看contributing guide.

💰 支持

如果觉得这个项目有用的话请给一颗⭐️，非常感谢

🌟 Star History

📝 License

Copyright © 2024 CaoMeiYouRen. This project is MIT licensed.

This README was generated with ❤️ by cmyr-template-cli