[Guys my pug file,style.css file and backend app.js file is working fine and even DOM is loading on local host but image isnot displaying on my website.Even I have written a correct path under a img tag under a pug file. HELPME GUYS.]
{{{This is my simple basic backend file.Is there any problemhere in my below file?}}}
//app.js file
const express=require(“express”);
const path=require(“path”);
const fs=require(‘fs’);
const app=express();
const port=8000;
app.use(‘/static’,express.static(‘static’));
// For serving static files
app.use(express.urlencoded()); // we are using html form in backed so use this code.
// It helps you to take the formdata into the express
// /static is a url and ‘static’ is a folder
app.use(‘/s’,express.static(‘PROJECT_BACKEND’));
// set the template engine as pug
// PUG SPECIFIC STUFF
app.set(‘view engine’,’pug’) //set the template engine as pug
app.set(‘views’,path.join(__dirname,’views’))// Set the views directory
// Our pug demo endpoint
app.get(‘/’, (req, res) => {
res.status(200).render(‘git.pug’);
});
app.post(‘/’,(req,res)=>{
res.status(200).render(‘git.pug’);
});
// START THE SERVER
app.listen(port,()=>{
console.log(`The application started successfully on port ${port}`)
})
// START THE SERVER
app.listen(port,()=>{
console.log(`The application started successfully on port ${port}`)
})
//git.pug file
doctype html
head
meta(charset=’UTF-8′)
meta(http-equiv=’X-UA-Compatible’ content=’IE=edge’)
meta(name=’viewport’ content=’width=, initial-scale=1.0′)
title The Github Blog:Security News and ….
//- link(rel=’stylesheet’ href=’../style.css’)
style
include ../style.css
script(src=’https://kit.fontawesome.com/38aa091195.js’ crossorigin=’anonymous’)
nav#navbar
ul#ul
i#meow.fa.fa-github
// <img id=”nav-img” src=”meow.png” alt=””>
img#slash(src=’../img/slash.png’ alt=”)
// <i id=”slashfav”class=”fas fa-slash”></i>
span Blog
li
a.nav-link(href=”) Engineering
li
a.nav-link(href=”) Product
li
a.nav-link(href=”) Security
li
a.nav-link(href=”) Open Source
li
a.nav-link(href=’https://github.blog/category/enterprise/’) Enterprise
li
a.nav-link(href=”) Changelog
li
a.nav-link(href=”) More
// <img id=”down” src=”down-arrow.png” alt=””>
i#nav-down.fa.fa-angle-down
li
a#Free-trial(href=”) Free trial
li
a#contact-sales(href=”) Contact sales
li
i.fa.fa-search
// <li><img id=”search” src=”search.png” alt=””></li>
// This is a TEST By ME…
footer
.category category
.security
h1 Security
section#section
.contain-1
.mitigate
a(href=”) How to mitigate OWASP vulnerabilities while staying in the flow
.mitigate-down
p
| Explore how GitHub Advanced Security can help address several of the OWASP Top 10 vulnerabilities
img#mark(src=’../img/Mark.png’ alt=”)
span
a#span-paul(href=”) Mark Paulsen
.aside
| November 4, 2022
.contain-2
img#bee(src=’img/bee.PNG’ alt=”)
.clear
header
.row-1
img#row-1(src=’img/row-1.PNG’ alt=”)
a.row-link(href=”)
| How GitHub converts previously encrypted and unencrypted columns to ActiveRecord
| encrypted columns
p.des
| This post is the second part in a series about ActiveRecord::Encryption that shows how GitHub
| upgrades previously encrypted and unencrypted columns to ActiveRecord::Encryption.
a.below-link(href=”) kylie Stradley
p.below-des.firstnov November 3, 2022
// CLEAR
.clear
.row-2
img#row-2(src=’../img/row-2.PNG’ alt=”)
a.row-link(href=”) Creating a more inclusive security research field
p.des.row
| A glimpse into the backgrounds and day-to-day work of several GitHub employees in cybersecurity
| roles.
a.below-link(href=”) Hauwa Otori
p.below-des
| October 31, 2022
.clear
.row-3
img#row-3(src=’../img/row-3.PNG’ alt=”)
a.row-link.cyber-link(href=”) Cybersecurity spotlight on bug bounty researcher @ahacker1
p.des.wrap
| As we wrap up Cybersecurity Awareness Month, the GitHub bug bounty team is excited to
| spotlight one of the security researchers who participates in the GitHub Security Bug Bounty Program.
a.below-link.logan(href=”) Logan MacLaren
p.below-des.october October 28, 2022
.clear
.row-4
img#row-4(src=’../img/row-4.PNG’ alt=”)
a.row-link(href=”) What we learned from the Security Lab’s Community Office Hours
p.des.four
| The GitHub Security Lab provided office hours for open source projects looking to improve
| their security posture and reduce the risk of breach. Here’s what we learned and how you can also participate.
a.below-link.joseph(href=”) Joseph Katsioloudes
p.below-des.for-october October 27, 2022
.clear
.row-5
img#row-5(src=’../img/row-5.PNG’ alt=”)
a.row-link.encrypts(href=”)
| Why and how GitHub encrypts sensitive database columns using
| ActiveRecord::Encryption
p.des.five
| You may know that GitHub encrypts your source code at rest, but you may not have known that we
| encrypt sensitive database columns as well. Read about our column encryption strategy and our decision to adopt
| the Rails column encryption standard.
a.below-link(href=”) Kylie Stradley
p.below-des.five-october October 26, 2022
.clear
.row-6
img#row-6(src=’../img/row-6.PNG’ alt=”)
a.row-link(href=”) Why we’re excited about the Sigstore general availability
p.des.six
| The Sigstore GA means you can protect your software supply chain today with GitHub Actions, and
| will power new npm security capabilities in the near future.
a.below-link.Zachary(href=”) Zachary Steindler
p.below-des.six-october October 25, 2022
.clear
.row-7
.row-8
.row-9
#number
ul
li#one 1
li
a#two(href=”) 2
li
img#dotpng(src=’../img/dot…png’ alt=”)
li
a#twelve(href=”) 12
span
a#Nextss(href=”) Next
img#arrow(src=’../img/arrow.png’ alt=”)
// <li><img id=”arrow”src=”arrow.png” alt=””></li>
.subscribe
.subscribe-container
h1 Subscribe to The GitHub Insider
p
| A newsletter for developers covering techniques, technical guides, and the latest product innovations coming from GitHub.
input#inputsubs(type=’text’ name=” placeholder=’Your email address’)
img#photosubscribe(src=’../img/subscribe.png’ alt=”)
img#photoarrow(src=’../img/subs-arrow.png’ alt=”)
// <img id=”photo-hover” src=”hover-arrow.png” alt=””>
// <img id=”border-1″src=”border-1.png” alt=””>
// <img id=”border-2″src=”border-2.png” alt=””>
// <img id=”border-3″src=”border-3.png” alt=””>
// <img id=border-4″ src=”border-4.png” alt=””>
.belownav
.end1
h1 GitHub
.end2
.sec
ul
li Product
li
a(href=”) Features
li
a(href=”) Security
li
a(href=”) Enterprise
li
a(href=”) Customer Stories
li
a(href=”) Pricing
li
a(href=”) Resources
.sec
ul
li Platform
li
a(href=”) Developer API
li
a(href=”) Partners
li
a(href=”) Atom
li
a(href=”) Electron
li
a(href=”) GitHub Desktop
.sec
ul
li Support
li
a(href=”) Docs
li
a(href=”) Community Forum
li
a(href=”) Training
li
a(href=”) Status
li
a(href=”) Contact
.sec
ul
li Company
li
a(href=”) About
li
a(href=”) Blog
li
a(href=”) Careers
li
a(href=”) Press
li
a(href=”) Shop
footer.theend
ul.leftend
li © 2022 GitHub, Inc.
li
a(href=”) Terms
li
a(href=”) Privacy
ul.rightend
a(href=”)
img(src=’../img/tweeter.png’ alt=”)
img#facebook(src=’../img/facebbok.png’ alt=”)
img#youtubeapp(src=’../img/youtube.png’ alt=”)
img#chatapp(src=’../img/chatapp.png’ alt=”)
img#tittok(src=’../img/tittok.png’ alt=”)
img#linkedin(src=’../img/in.png’ alt=”)
img#github(src=’../img/github.png’ alt=”)
.clear
NOTE:YOU CAN TAKEMINE CODE AND SEE THE PROBLEMS BROTHER AND SISTER and if anybody has a soluion then please kindly helpme guys…..
app.use(express.static(‘public’));
//try this and put all images folders in public folder