快速制作个人前端在线简历

// 所以关于你的信息都在这配置, 之后会自动放入项目中
export default {
    global: {
        title: "陈文达的在线简历",  // 浏览器标签页名 和 footer中的版权内容
        name: "陈文达",   // 你的名字
        nickName: "Fitz",   // 英文名或昵称
    },

    header: {
        // 无需做出配置
    },

    intro: {
        home: {
            expect_position: "Web前端开发(实习生)",     // 期望岗位
            me: require("@/assets/home/me.png"),   // 你的头像的路径, 注意储存路径及其写法, @/ 等价于 src/
            blogs: {
                cnblogs: "https://www.cnblogs.com/fitzlovecode/",    // 博客园地址
                gitee: "https://gitee.com/chinafitz",   // gitee地址
                github: "https://github.com/ChinaFitz", // github地址
            }
        },

        aboutme: {
            me: require("@/assets/aboutme/me.png"),   // 上半身照
            introduce: ``,  // 介绍自己
        },

        skills: {
            // 最熟悉的技术栈一般3-5个
            /* 
                该项目可以直接使用:
                https://boxicons.com/ 中的icon (只需要bxs-icon-name即可)
                        和 
                https://element.eleme.cn/#/zh-CN/component/icon 中的 icon (依据官网写法)
                
                使用默认icon就用undefined代替
                不适用icon就用""代替
            */
            main_skills: [
                {
                    skill_name: "Vue",
                    progress_of_master: 80,
                    icon: "bxl-vuejs",
                },
                {
                    skill_name: "Axios",
                    progress_of_master: 60,
                    icon: undefined,    // 使用默认icon
                },
            ],

            //其他一些能够说得上东西的技能, 最好列举5个
            sub_skills: [], // 配置方法与main_skill一样

            // 对自己会的技能做简单的介绍
            skills_introduction: ``,
        },

        works: [
            {
                title: "在线简历(响应式布局)",  // 鼠标悬停 或 图片加载失败时显示
                pic: require("@/assets/works/resume.png"), // 项目预览图位置, 注意路径的写法: @/ 等价于 ./src/
                url: "http://fitzlovexx.top/",  // 项目部署的地址, 没有就用 "javascript:;"
            },
        ],

        contact: {
            full_info: [
                {
                    item: "姓名",   // 个人信息的名字
                    content: "Fitz",  // 个人信息的内容
                    icon: "el-icon-user",  // 注意不同网站icon的用法, 具体可以去网站中查看
                },
                {
                    item: "电话号码",
                    content: "13288888888",
                    icon: "el-icon-mobile-phone", 
                },
                {
                    item: "微信号",
                    content: "13288888888",
                    icon: "bx bxl-twitter", 
                },
                {
                    item: "邮箱",
                    content: "498289134@qq.com",
                    icon: "el-icon-location-outline", 
                },
                {
                    item: "居住地",
                    content: "中山市",
                    icon: "bx bx-mail-send",  
                },
            ]
        },
    },

    footer: {
        record_num: "粤ICP备8888888888号",  // 备案号
    },
}

export default {
    header: {
        intro_items: [
            {
                title: "在校经历",
                anchor: "#honor",
            },
        ],
    },
}

<template #honor>
    你的HTML结构
</template>

<style lang="less" scoped>
    #honor {
        #intro_container(); /* 最好加上 */

        /* 
            你的样式
        */
    }
<style>