Giter Club home page Giter Club logo

easyshow's Introduction

webSite

轻松的打造一个个人站点

可以查找指定文件目录下的html文件来生成前端网页 DEMO enter image description here

1.构建方式

npm install

2.运行

node index.js

3.个人配置

1.修改端口和项目查找目录配置 文件目录: /config/default.js

module.exports = {
    //basic config
    name:'my Site',
    port:3000,
    //the basic projects path : ./public/project+pathHtmlFind[]
    pathProjectsBasic:'projects',
    pathProjectsFind:[
        'test'
    ],
    pathProjectsImg:'projects_img',
    pathProjectsInfo:'projects_info.json'

}

pathProjectsBasic 项目查找基础目录 pathProjectsFind 项目目录的子文件夹 pathProjectsImg 项目的显示图片目录 pathProjectsInfo项目的配置信息文件

2.修改页面元素显示信息 /public/config/index_info.js

module.exports = {
    pannel:{
        title:'this is title',
        message:'all the pannel config is on pbulic/index_info.js',
        head_portrait:'/img/me.jpg',
        about_me:'need config',
        sayhi:'need config!',
        e_mail:'need config',
        github:'need config',
        link:[]
    },
    content:{
        title:'this is content title '
    }
}

3.修改项目显示配置 pathProjectsInfo

{
    "projectsIn":{
        "test.html":{
            "info":"This is test page"
        }
    },
    "projectsOut":[
        {
            "href":"http://baidu.com",
            "img_href":"test.jpg",
            "info":"BAIDU"
        }
    ]
}

projectsIn 为本地目录下放的项目信息定义。 projectsOut 则针对放在其他位置的信息定义。

easyshow's People

Contributors

dogtt avatar

Stargazers

JoJo Cain avatar Alexa Smith avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.