How to apply CDN link in VS Coder

I have no idea how to use the CDN link to check my work. I put it right before the as other posts mention. When I follow the link, a 404 Page not found opens up in my browser. :frowning: I’m so confused. I’ve been trying to figure this out for a while now.

Hi @brandi.poca !

Welcome to the forum!

Did you follow these steps?

Add the script just before the end body tag.


<body>

  <h1>Practice tribute page</h1>
  <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</body>

Click on go live at the bottom of vs code.
Screen Shot 2021-08-18 at 1.04.53 PM

And you are not seeing this result?

Instead you are seeing a 404 message?

okay, I there is no “Go Live” portion on the bottom of my VS Coder

hmmm…ok

The only time it doesn’t show up for me is when I haven’t opened up a new project folder and instead just clicked on new file from the get started menu.

You can see in the screenshot here I don’t have the option to go live

Is this what you are seeing on your end?

MM… I have the folder opened. I use the folder to draw my image from. So I don’t think that’s the problem. Would it be helpful to share a screenshot of what my page looks like?

yeah, let’s take a look


Thank you for working with me! I really appreciate your time and attention. :purple_heart: I just started coding 3 weeks ago. A new learning project for me at 30 years old!

1 Like

Can you try right clicking the html file and choosing live server?

I only have Open to the side, Open with…, and Open in Integrated Terminal

Ohh ok.
Maybe the problem is that you don’t have the live server extension.

Can you try adding that extension?
If you click on the box icon at the left and search live server and install it that might fix the issue.

Well, that is something I didn’t have installed! :no_mouth: had no idea. Now I have the Open with Live Server option with the right click. I’m also going to reload VSCoder now too.

Now I also have “Go Live” :grin:

Horray!! :grinning:
You should be able to see your code

1 Like

I see it! But nothing with the CDN?

Well we fixed one issue :grinning_face_with_smiling_eyes:

Are you using the correct cdn at the bottom?

  <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>


Coding makes me feel brand new at the whole computer thing!

hmmm… that’s weird.

Can you copy and paste your code into the forum so I can test it on my end?

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

<!DOCTYPE html>

<html>
<head>
    <title>Snoopy Tribute Page</title>
    <link href="styles.css" rel="stylesheet" type="text/css">
    
</head>


<body>
    <div id=main>

        <h1 id="title">SNOOPY</h1>

        <h2 id="subtitle">"not your average beagle"</h2>

        <div id="img-div">
        <img src="snoopy.png" alt="Side profile of a sweet animated beagle" id="image">
        <p id="img-caption"><em>Black and white image of Snoopy.</em></p>
        </div>
        
        <div id="tribute-info">

            <div class="facts">
                <p style=font-size:30px;>Who is Snoopy?</p>
                <p>Snoopy is the loveable animated beagle featured in Charles M. Schulz Peanuts. He first appeared in the comic strip on October 4, 1950. In his early days, he was often found pretending to be other animals but as his character developed, his imagination took him to bigger places. Two of Snoopy’s most famous aliases are “Joe Cool” and “Flying Ace”. He is the pet and best friend of Charlie Brown. They are the only two Peanuts characters to be present in all movies and specials. He is known for his happy dance and he loves root beer and pizza.</p>
                <p><a href ="https://peanuts.fandom.com/wiki/Snoopy" target="_blank" id="tribute-link">More Snoopy here!</a></p>
            </div>

            <div class="quote">
                <p style=color:#faf0e6>"Snoopy’s whole personality is a little bittersweet. But he’s a very strong character. He can win or lose, be a disaster, a hero, or anything, and yet it all works out. I like the fact that when he’s in real trouble, he can retreat into a fantasy and thereby escape."</p>
                <p style=color:#ff0000>-Charles M. Schulz</p>
            </div>
            
        </div>
        
        

    </div>
    
    <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js."></script></body>

</html>

You have a period at the end here.

Try removing that and see if it works

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.