/vuepress-theme-seeker

🌈 一款五彩斑斓的简约 Vuepress 主题 | A wonderful vuepress theme

Primary LanguageVueMIT LicenseMIT

Seeker

一款五彩斑斓的简约 Vuepsress 博客主题 🎊

演示: https://iwenson.com

screenshots

🏁 特性

🌈 多变的颜色,每次刷新随机颜色
🗿 页脚随机古诗词
🚩 分类及标签支持
📥 文章归档
👾 评论及阅读量支持
⛳️ 自定义导航及社交媒体支持
🚧 开发中:文章搜索 / 文章类型 / 文章TOC

🚧 安装

npm i vuepress-theme-seeker

🔧 主题设置

配置 docs/.vupress/config.js

    title: 'Wenson',                        // 网站名称
    description: '一生为一次发光',           // 网站描述
    markdown: {
        lineNumbers: true,                  // 代码块显示行数
    },
    theme: 'seeker',                       // 设置主题为 seeker
    themeConfig: {
        logo: '/path-to-logo.png',         // 网站 LOGO, 放在 .vuepress/public 下面
        valine: {                          // 请参考  https://valine.js.org/quickstart.html
            appId: '',
            appKey: '',
        },
        // Navicator
        nav: [
            {
                text: '归档'
                link: '/archive'
            },
            {
                text: '分类',
                link: '/category'
            },
            {
                text: '关于',
                link: '/about'
            },
        ],
        footer: {
            slogan: 'poetry',                   // 页脚古诗词, 'poetry' 随机古诗词,如果填写其他字符串则直接显示所填文字
            copyright: 'vuepress made by wenson',                      // 页底 Copyright
            social: [
                {
                    type: 'qq', // qq, wechat, bilibili, github, rss, weibo
                    value: '', 
                },
                {
                    type: 'wechat', // qq, wechat, bilibili, github, rss, weibo
                    value: '', 
                },
            ]
        },
    }

友链设置

docs 文件夹下面建立 about/README.md, 并写入下面 frontmatter

---
layout: About
friends:
    - name: 文森 | Wenson
      link: https://iwenson.com
      desc: 一生为一次发光
      avatar: https://iwenson.com/avatar.jpg
    - name: 友链名称
      link: 友链地址
      desc: 友链介绍
      avatar: 友链头像
---

关于自己的介绍可以直接写在这里, MARKDOWN 语法

📝License

MIT