Descarga PlainPage - Descarga del código fuente PlainPage

PlainPage

Otras categorias

1.0.0

Descargar

Página simple

Un blog minimalista, rápido y centrado en texto.

Inglés | 中文

Demostración en vivo

Demostración de páginas de Github

Características

Rápido: 100% estático, sin renderizado del lado del servidor
Simple: solo archivos de rebajas
? Personalizable: personaliza el tema y el diseño.
Compatible con SEO: soporte para SEO
Responsive: Soporte para dispositivos móviles
? Basado en la última versión de Astro.

✅ Puntuación del faro

Capturas de pantalla

luz oscuro

Estructura del proyecto

 ├── public/
├── src/
│   ├── components/
│   ├── content/
│   ├── layouts/
│   ├── pages/
│   └── consts.ts
├── astro.config.mjs
├── README.md
├── package.json
└── tsconfig.json

El directorio src/content/ contiene "colecciones" de documentos Markdown y MDX relacionados. Utilice getCollection() para recuperar publicaciones de src/content/blog/ y verifique su texto frontal usando un esquema opcional. Consulte los documentos de las colecciones de contenido de Astro para obtener más información.

Cualquier recurso estático, como imágenes, se puede colocar en el directorio public/ .

Toda la configuración está en src/consts.ts .

 // src/consts.ts

// site config
export const SITE_TITLE = "PlainPage" ;
export const SITE_DESCRIPTION = "Welcome (. ❛ ᴗ ❛.)" ;
export const COPYRIGHT = "© 2024 PlainPage All Rights Reserved" ;
export const ICP_NUMBER = "" ;

// social links, empty or commented out = not displayed
export const SOCIAL_LINKS = {
  Github : "https://github.com/churchTao" ,
  Twitter : "https://twitter.com/yourusername" ,
  //   LinkedIn: "https://www.linkedin.com/in/yourusername",
  //   Instagram: "https://www.instagram.com/yourusername",
  //   Facebook: "https://www.facebook.com/yourusername",
  //   YouTube: "https://www.youtube.com/yourusername",
} ;

// SEO related
export const SEO_CONFIG = {
  ogImage : "/hero-img.png" , // default social media share image
  keywords : "blog, tech, programming" , // default keywords
} ;

// navigation config
export const NAV_ITEMS = [
  { text : "Home" , link : "/" } ,
  { text : "Blog" , link : "/blog" } ,
  { text : "Tags" , link : "/tags" } ,
  { text : "About" , link : "/about" } ,
] ;

// blog config
export const BLOG_CONFIG = {
  locale : "en-us" , // date format language
  authorName : "Author Name" , // author name
  email : "mailto:[email protected]" ,
  tags : {
    title : "Tags" , // tags page title
    description : "All the tags used in posts." , // tags page description
  } ,
} ;

? Comandos

Todos los comandos se ejecutan desde la raíz del proyecto, desde una terminal:

Dominio	Acción
`npm install`	Instala dependencias
`npm run dev`	Inicia el servidor de desarrollo local en `localhost:4321`
`npm run build`	Construya su sitio de producción en `./dist/`
`npm run preview`	Obtenga una vista previa de su compilación localmente, antes de implementarla
`npm run astro ...`	Ejecute comandos CLI como `astro add` , `astro check`
`npm run astro -- --help`	Obtenga ayuda para usar Astro CLI