mirror of
https://github.com/Start9Labs/start9.com.git
synced 2026-03-30 12:11:58 +00:00
10/9 notes from Lucy: header and link css; image and style tweaks; news page revamp; jobs empty template; firefox fixes;
This commit is contained in:
74
readme.md
74
readme.md
@@ -6,70 +6,38 @@
|
||||
|
||||
## *TO UPDATE* Getting started
|
||||
|
||||
### for now...
|
||||
```
|
||||
npm run start
|
||||
```
|
||||
|
||||
Run the following command on your local environment:
|
||||
Open http://localhost:8080 to see the site.
|
||||
_(8080+n will be used if 8080 is already in use, ad nauseum)_
|
||||
|
||||
```
|
||||
git clone --depth=1 https://github.com/ixartz/Eleventy-Starter-Boilerplate.git my-project-name
|
||||
cd my-project-name
|
||||
npm install
|
||||
```
|
||||
|
||||
Then, you can run locally in development mode with live reload:
|
||||
|
||||
```
|
||||
npm run dev
|
||||
```
|
||||
|
||||
Open http://localhost:8080 with your favorite browser to see your blog.
|
||||
|
||||
## *TO UPDATE* Project structure
|
||||
|
||||
```
|
||||
.
|
||||
├── public # Static files
|
||||
│ └── assets
|
||||
│ └── images # Images not needed by Webpack
|
||||
└── src
|
||||
├── _data # Eleventy data folder
|
||||
├── _includes
|
||||
│ └── components # HTML layout files
|
||||
│ └── layouts # HTML layout files
|
||||
├── assets # Assets folder that needs to be processed by Webpack
|
||||
│ ├── images
|
||||
│ │ └── posts # Images used in your blog posts (will be compressed by Webpack)
|
||||
│ └── styles # Your blog CSS files
|
||||
└── posts # Your blog posts
|
||||
```
|
||||
|
||||
## *TO UPDATE* Customization
|
||||
|
||||
You can easily configure Eleventy Starter Boilerplate. Please change the following file:
|
||||
|
||||
- `public/assets/images/logo.png`: your blog logo
|
||||
- `public/apple-touch-icon.png`, `public/favicon.ico`, `public/favicon-16x16.png` and `public/favicon-32x32.png`: your blog favicon, you can generate from https://favicon.io/favicon-converter/
|
||||
- `src/_data/site.json`: your blog configuration
|
||||
- `src/_includes/layouts`: your blog HTML layout
|
||||
- `src/assets/styles/main.css`: your blog CSS file using Tailwind CSS
|
||||
|
||||
## Deploy to production
|
||||
## *TO UPDATE* Deploy to production
|
||||
|
||||
You can see the results locally in production mode with:
|
||||
|
||||
```
|
||||
npm run serve
|
||||
```
|
||||
|
||||
The generated HTML and CSS files are minified. It will also removed unused CSS from [Tailwind CSS](https://tailwindcss.com).
|
||||
|
||||
You can create an optimized production build with:
|
||||
|
||||
```
|
||||
npm run build
|
||||
```
|
||||
|
||||
Now, your blog is ready to be deployed. All generated files are located at `_site` folder, which you can deploy with any hosting service.
|
||||
|
||||
|
||||
## Project structure
|
||||
|
||||
```
|
||||
.
|
||||
├── .eleventy.js # Eleventy config
|
||||
│
|
||||
└── src
|
||||
├── _data # Eleventy data folder
|
||||
├── _includes
|
||||
│ └── components # HTML layout files
|
||||
│ └── layouts # HTML layout files
|
||||
└── assets
|
||||
├── images
|
||||
└── styles # Your blog CSS files
|
||||
```
|
||||
|
||||
|
||||
Reference in New Issue
Block a user