StartBootstrap Clean Blog 项目教程

StartBootstrap Clean Blog 项目教程

startbootstrap-clean-blog项目地址:https://gitcode.com/gh_mirrors/sta/startbootstrap-clean-blog

1. 项目的目录结构及介绍

startbootstrap-clean-blog/
├── dist/
│   ├── css/
│   ├── js/
│   └── index.html
├── src/
│   ├── css/
│   ├── js/
│   ├── scss/
│   └── index.html
├── .gitignore
├── LICENSE
├── README.md
├── package-lock.json
└── package.json

• dist/: 编译后的文件目录，包含最终的CSS、JS和HTML文件。
• src/: 源文件目录，包含开发中的CSS、JS、SCSS和HTML文件。
• .gitignore: Git忽略文件配置。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• package-lock.json: npm依赖锁定文件。
• package.json: 项目依赖和脚本配置文件。

2. 项目的启动文件介绍

项目的启动文件主要是index.html，位于dist/和src/目录下。

• dist/index.html: 编译后的HTML文件，用于生产环境。
• src/index.html: 开发中的HTML文件，包含未编译的资源引用。

3. 项目的配置文件介绍

• package.json: 包含项目的依赖、脚本和其他配置信息。

{
  "name": "startbootstrap-clean-blog",
  "version": "5.0.10",
  "description": "Clean Blog is a stylish, responsive blog theme for Bootstrap created by Start Bootstrap.",
  "keywords": [
    "css",
    "html",
    "responsive",
    "theme",
    "bootstrap"
  ],
  "homepage": "https://startbootstrap.com/theme/clean-blog",
  "bugs": {
    "url": "https://github.com/StartBootstrap/startbootstrap-clean-blog/issues",
    "email": "feedback@startbootstrap.com"
  },
  "license": "MIT",
  "author": "Start Bootstrap",
  "contributors": [
    "David Miller (http://davidmiller.io/)"
  ],
  "repository": {
    "type": "git",
    "url": "https://github.com/StartBootstrap/startbootstrap-clean-blog.git"
  },
  "dependencies": {
    "bootstrap": "5.1.3"
  },
  "devDependencies": {
    "autoprefixer": "10.4.0",
    "browser-sync": "2.27.5",
    "chokidar": "3.5.2",
    "concurrently": "6.3.0",
    "postcss": "8.3.11",
    "prettier": "2.4.1",
    "pug": "3.0.2",
    "sass": "1.43.4",
    "shelljs": "0.8.4",
    "upath": "2.0.1"
  },
  "scripts": {
    "start": "npm run watch:all",
    "build": "npm run clean && npm run build:pug && npm run build:scss && npm run build:scripts && npm run build:assets",
    "deploy": "npm run build && gh-pages -d dist",
    "clean": "rimraf dist",
    "build:pug": "pug src -o dist -P",
    "build:scss": "sass src/scss/styles.scss dist/css/styles.css && postcss dist/css/styles.css --use autoprefixer -r",
    "build:scripts": "node scripts/build-scripts.js",
    "build:assets": "node scripts/build-assets.js",
    "watch:pug": "chokidar 'src/**/*.pug' -c 'npm run build:pug'",
    "watch:scss": "chokidar 'src/**/*.scss' -c 'npm run build:scss'",
    "watch:scripts": "chokidar 'src/**/*.js' -c 'npm run build:scripts'",
    "watch:assets": "chokidar 'src/assets/**/*' -c 'npm run build:assets'",
    "watch:all

startbootstrap-clean-blog项目地址:https://gitcode.com/gh_mirrors/sta/startbootstrap-clean-blog