add a blog module from scully

Author: crazybber

blog/2020-03-08-blog.md

@@ -0,0 +1,7 @@
+---
+title: 2020-03-08-blog
+description: blog description
+publish: false
+---
+
+# 2020-03-08-blog

scully.site-blog.config.js

@@ -3,5 +3,11 @@ exports.config = {
   projectName: "site-blog",
   outDir: './dist/static',
   routes: {
+    '/blog/:slug': {
+      type: 'contentFolder',
+      slug: {
+        folder: "./blog"
+      }
+    },
   }
 };

src/app/app-routing.module.ts

@@ -4,6 +4,7 @@ import { Routes, RouterModule } from '@angular/router';
 // 路由配置
 const routes: Routes = [
   {path: '', redirectTo: '/blog', pathMatch: 'full' },
+  { path: 'blog', loadChildren: () => import('./blog/blog.module').then(m => m.BlogModule) },
  // { path: '**', component: PageNotFoundComponent }
 ];
 

src/app/blog/blog-routing.module.ts

@@ -0,0 +1,22 @@
+import {NgModule} from '@angular/core';
+import {Routes, RouterModule} from '@angular/router';
+
+import {BlogComponent} from './blog.component';
+
+const routes: Routes = [
+  {
+    path: ':slug',
+    component: BlogComponent,
+  },
+  {
+    path: '**',
+    component: BlogComponent,
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class BlogRoutingModule {}
+

src/app/blog/blog.component.css

@@ -0,0 +1,10 @@
+
+
+ ::slotted(h1)  {
+  color:rgb(51, 6, 37);
+  background-color: rgb(248, 211, 236);
+  padding: 5px;
+  border-radius: 5px;
+  width: fit-content;
+}
+

src/app/blog/blog.component.html

@@ -0,0 +1,7 @@
+<h3>ScullyIo content</h3>
+<hr>
+
+<!-- This is where Scully will inject the static HTML -->
+<scully-content></scully-content>
+<hr>
+<h4>End of content</h4>

src/app/blog/blog.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BlogComponent } from './Blog.component';
+
+describe('BlogComponent', () => {
+  let component: BlogComponent;
+  let fixture: ComponentFixture<BlogComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BlogComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BlogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/blog/blog.component.ts

@@ -0,0 +1,19 @@
+import {Component, OnInit, ViewEncapsulation} from '@angular/core';
+import {ActivatedRoute, Router, ROUTES} from '@angular/router';
+
+declare var ng: any;
+
+@Component({
+  selector: 'app-blog',
+  templateUrl: './blog.component.html',
+  styleUrls: ['./blog.component.css'],
+  preserveWhitespaces: true,
+  encapsulation: ViewEncapsulation.Emulated
+
+})
+export class BlogComponent implements OnInit {
+  ngOnInit() {}
+
+  constructor(private router: Router, private route: ActivatedRoute) {
+  }
+}

src/app/blog/blog.module.ts

@@ -0,0 +1,11 @@
+import {CommonModule} from '@angular/common';
+import {NgModule} from '@angular/core';
+import {ScullyLibModule} from '@scullyio/ng-lib';
+import {BlogRoutingModule} from './blog-routing.module';
+import {BlogComponent} from './blog.component';
+
+@NgModule({
+  declarations: [BlogComponent],
+  imports: [CommonModule, BlogRoutingModule, ScullyLibModule],
+})
+export class BlogModule {}