首页 💯 碎语录

嗯哼,你想为网站装上如此酷炫的主页吗?

预览

预览图

必备条件

  • Nodejs 6.0 以上
  • Git

安装步骤

git clone https://github.com/Tomotoes/HomePage.git
cd HomePage
npm install
npm run dev

基本配置

修改config.json 的文件中的参数

{
    "head": {
        "title": "AyoWang",
        "description": "AyoWang,Category:Personal Blog",
        "favicon": "favicon.ico"
    }
}

图标的替换

替换步骤如下:

  • 请选择好你的图标,添加到项目后,把颜色全部调成白色。
  • 点击 Font Class 方式
  • 复制生成的链接中的内容
  • 替换 文件 css/common/icon.scss 中的内容 ,其中 icon 选择器中的内容必须保留。
  • 配置 config.json 文件中的相应项 main.ul.*.icon
.icon {
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin: 0 auto;
    fill: currentColor;
    font-family: 'iconfont' !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

项目部署

 npm run dev 
 cd dist
 view index.html



文章评论

    何叶 访客FireFoxWindows
    2021-08-26 10:29   回复

    好别致的引导页

目录