astro-blog-kit 0.3.9 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/components/BlogCard.astro +1 -1
  2. package/package.json +1 -1
  3. package/templates/blog-config.ts.template +23 -14
  4. package/templates/blog-index.astro.template +2 -2
  5. package/templates/blog-page.astro.template +12 -7
  6. package/templates/blog-slug.astro.template +12 -7
package/components/BlogCard.astro CHANGED
@@ -83,7 +83,7 @@ const isList = variant === "list";
83
83
  <style>
84
84
  .blog-card {
85
85
  border: 2px solid var(--bk-gray-200);
86
- background-color: var(--bk-white);
86
+ background-color: var(--bk-surface);
87
87
  overflow: hidden;
88
88
  transition: transform 0.3s ease, border-color 0.3s ease;
89
89
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "astro-blog-kit",
3
- "version": "0.3.9",
3
+ "version": "0.4.1",
4
4
  "description": "A ready-to-use blog system for Astro with WordPress headless support, optional i18n, multiple layouts, and a comment system.",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/templates/blog-config.ts.template CHANGED
@@ -7,20 +7,20 @@ export default defineBlogConfig({
7
7
  locale: '__LOCALE__',
8
8
 
9
9
  theme: {
10
- accent: '#facc15',
11
- background: '#ffffff',
12
- surface: '#f8f8f8',
13
- text: '#0a0a0a',
14
- muted: '#6b7280',
15
- mutedLight: '#4b5563',
16
- border: '#e5e7eb',
17
- black: '#0a0a0a',
18
- white: '#ffffff',
19
- fontHeading: 'Georgia, serif',
20
- fontBody: 'system-ui, sans-serif',
21
- fontMono: 'monospace',
22
- fontDisplay: 'Georgia, serif',
23
- containerMax:'1200px',
10
+ accent: '#facc15',
11
+ background: '#ffffff',
12
+ surface: '#f8f8f8',
13
+ text: '#0a0a0a',
14
+ muted: '#6b7280',
15
+ mutedLight: '#4b5563',
16
+ border: '#e5e7eb',
17
+ black: '#0a0a0a',
18
+ white: '#ffffff',
19
+ fontHeading: 'Georgia, serif',
20
+ fontBody: 'system-ui, sans-serif',
21
+ fontMono: 'monospace',
22
+ fontDisplay: 'Georgia, serif',
23
+ containerMax: '1200px',
24
24
  },
25
25
 
26
26
  hero: {
@@ -37,5 +37,14 @@ export default defineBlogConfig({
37
37
  commentButtonColor: 'var(--bk-accent)',
38
38
  commentButtonTextColor: 'var(--bk-black)',
39
39
  paginationStyle: 'minimal',
40
+ // ── Personalización de paginación (opcional) ──────────────
41
+ // Descomenta y cambia los valores según tu marca.
42
+ // Por defecto usan el accent y black del tema.
43
+ // paginationBtnBg: '#facc15', // fondo botón PREV/NEXT
44
+ // paginationBtnText: '#0a0a0a', // texto botón PREV/NEXT
45
+ // paginationBtnHoverBg: '#0a0a0a', // fondo hover
46
+ // paginationBtnHoverText: '#ffffff', // texto hover
47
+ // paginationActiveBg: '#facc15', // fondo página activa
48
+ // paginationActiveText: '#0a0a0a', // texto página activa
40
49
  },
41
50
  });
package/templates/blog-index.astro.template CHANGED
@@ -12,7 +12,7 @@ const locale = config.locale ?? 'en';
12
12
  const hero = resolveHero(config.hero, locale);
13
13
  const ui = resolveUI(config.ui, locale);
14
14
 
15
- const t = {
15
+ const bt = {
16
16
  blog: {
17
17
  tagline: hero.tagline,
18
18
  title_line1: hero.titleLine1,
@@ -35,7 +35,7 @@ __LAYOUT_OPEN__
35
35
  basePath={`${base}blog/page/`}
36
36
  blogBase={`${base}blog/`}
37
37
  dateLocale={locale}
38
- t={t}
38
+ t={bt}
39
39
  locale={locale}
40
40
  layout={config.defaultLayout ?? 'magazine'}
41
41
  />
package/templates/blog-page.astro.template CHANGED
@@ -1,6 +1,7 @@
1
1
  ---
2
2
  import { BlogList } from "astro-blog-kit/components";
3
3
  import { createWPClient, getStaticPathsForPages } from "astro-blog-kit/utils";
4
+ import { resolveHero, resolveUI } from 'astro-blog-kit';
4
5
  import config from "../../../../blog.config";
5
6
  __LAYOUT_IMPORT_PAGE__
6
7
 
@@ -12,15 +13,19 @@ export async function getStaticPaths() {
12
13
 
13
14
  const { posts, currentPage, totalPages } = Astro.props;
14
15
 
16
+ const locale = config.locale ?? 'en';
17
+ const hero = resolveHero(config.hero, locale);
18
+ const ui = resolveUI(config.ui, locale);
19
+
15
20
  const bt = {
16
21
  blog: {
17
- tagline: "__T_TAGLINE__",
18
- title_line1: "__T_TITLE_LINE1__",
19
- title_line2: "__T_TITLE_LINE2__",
20
- description: "__T_DESCRIPTION__",
21
- btncta: "__T_BTNCTA__",
22
- btn_prev: "__T_BTN_PREV__",
23
- btn_next: "__T_BTN_NEXT__",
22
+ tagline: hero.tagline,
23
+ title_line1: hero.titleLine1,
24
+ title_line2: hero.titleLine2,
25
+ description: hero.description,
26
+ btncta: ui.readMoreLabel,
27
+ btn_prev: ui.btnPrev,
28
+ btn_next: ui.btnNext,
24
29
  },
25
30
  };
26
31
 
package/templates/blog-slug.astro.template CHANGED
@@ -1,6 +1,7 @@
1
1
  ---
2
2
  import { BlogPost, Comments, CommentForm } from "astro-blog-kit/components";
3
3
  import { createWPClient, getStaticPathsForPosts } from "astro-blog-kit/utils";
4
+ import { resolveHero, resolveUI } from 'astro-blog-kit';
4
5
  import config from "../../../blog.config";
5
6
  __LAYOUT_IMPORT_SLUG__
6
7
 
@@ -15,15 +16,19 @@ const { post } = Astro.props;
15
16
  const wp = createWPClient(config.wpUrl);
16
17
  const comments = post.id ? await wp.getComments(post.id) : [];
17
18
 
19
+ const locale = config.locale ?? 'en';
20
+ const hero = resolveHero(config.hero, locale);
21
+ const ui = resolveUI(config.ui, locale);
22
+
18
23
  const bt = {
19
24
  blog: {
20
- tagline: "__T_TAGLINE__",
21
- title_line1: "__T_TITLE_LINE1__",
22
- title_line2: "__T_TITLE_LINE2__",
23
- description: "__T_DESCRIPTION__",
24
- btncta: "__T_BTNCTA__",
25
- btn_prev: "__T_BTN_PREV__",
26
- btn_next: "__T_BTN_NEXT__",
25
+ tagline: hero.tagline,
26
+ title_line1: hero.titleLine1,
27
+ title_line2: hero.titleLine2,
28
+ description: hero.description,
29
+ btncta: ui.readMoreLabel,
30
+ btn_prev: ui.btnPrev,
31
+ btn_next: ui.btnNext,
27
32
  },
28
33
  };
29
34
  ---