GithubHelp home page GithubHelp logo

innovatedco / .blog Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 3.93 MB

Blazor Blog is a new open source, simple single blog platform build on Blazor Server

License: Other

C# 21.14% HTML 24.13% JavaScript 0.10% CSS 54.62% SCSS 0.01%
blazor-server blog bootstrap5 csharp imagesharp radzen-blazor-components

.blog's Introduction


.blog

.blog is a new, open source, simple single blog platform, built with Blazor Server.

.blog is designed to be simple, flexible and extensible.

Built against .NET 8.0 LTS Blazor.

Features

  • East to configure, quick to get up and running.
  • Social-media-friendly out of the box, with sharing functionality and appropriate dynamic meta tag creation.
  • Automatic featuring and display of recent posts.
  • GDPR built in.
  • Easily extensible.
  • SEO-friendly, meta tags and automatic sitemap creation.
  • Mobile-friendly responsive design.

License

Getting started

  1. Ok, lets get this show on the road! First, clone the repository and make sure to open the solution file in Visual Studio.
    ๐ŸŸฉ NOTE ๐ŸŸฉ
    If you clone a project in Visual Studio with a solution file in it, Visual Studio will not automatically open the solution file, so you must open the file yourself.
git clone https://github.com/sedgey/BlazorBlog.git
  1. Create an empty sql server/sql express database in a location of your choosing and note the connection string.
  2. Add an appsettings.json file to the BlazorBlog project with the following content,
    ๐ŸŸฅ IMPORTANT ๐ŸŸฅ
    Replace all entries surrounded with #### with your own values.
{
  "DetailedErrors": true, // turns on CircuitOptions.DetailedErrors
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft": "Warning",
      "Microsoft.Hosting.Lifetime": "Information",
      "Microsoft.AspNetCore.SignalR": "Debug" // turns on SignalR debugging
    }
  },
  "AllowedHosts": "*",
  "ConnectionStrings": {
    "default": "####Your Database Connection String####" // e.g. Data Source=YourComputer\\SQLEXPRESS;Integrated Security=True;Database=BlazorBlog;Trust Server Certificate=true;
  }
}
  1. Next we are going to scaffold the database so open the package manager console and cd into the blog project folder:
cd BlazorBlog

Then run the following command to generate an entity framework migration:

dotnet ef migrations add InitialCreate

And finally update your database.

dotnet ef database update
  1. Additionally you can brand the blog by replacing the following files located in the BlazorBlog wwwroot/images folder:
    • logo.png (960px X 150px)
    • logosmall.png (630px X 100px)
  2. Uncomment the following line in program.cs (line 16).
options.Conventions.AllowAnonymousToAreaPage("Account", "/Create");


  1. Build & run the project.

Set Up

If everything went well then the project is up and running, so you need to create a user login:

  1. Navigate to /account/create and create a user login (the route you allowed by uncommenting the line in the program.cs file)
    ๐ŸŸฅ VERY IMPORTANT ๐ŸŸฅ
    It is ESSENTIAL that you comment out or delete (recommended) this line in your program.cs as soon as possible to prevent the creation of any new user logins.
    ๐ŸŸฉ NOTE ๐ŸŸฉ
    You can have multiple logins and multiple authors, but since it is a single blog, any user is able to create/edit/archive(delete)/draft any post, create/edit/delete categories and create/edit authors. Authors are NOT linked to logins.

  1. Now you can edit the existing Post/Category/Author or create and post your own categories/authors/blog posts etc. Enjoy!

.blog's People

Contributors

sedgey avatar

Watchers

 avatar

.blog's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.