actualNoteContentPart: ## Upload the stylesheet file to your host
  Almost all blog hosts, like GoDaddy, offer a "File Manager" or "FTP Upload" tool. This will often be hosted from within a utility called "cPanel." It might look something like this:
  
  
  
  
  
  
  Once you're in the File Manager, you want to navigate to a public directory (or a public/stylesheets directory, if it exists). It might look something like this:
  
  
  
  
  
  
  So in this example case, if you had named your stylesheet file blog_style.css (like the [GitClear stylesheet](https://www.gitclear.com/amplenote/blog_style.css) ) and uploaded it to the stylesheets directory, then the full path to your CSS file would be https://www.my-web-domain.com/stylesheets/blog_style.css. This is the path you will need to enter when you publish your note, so save it somewhere easy to find later.
  
  # Set up the embedded note
  At this point, you've done with the hard part. 💪 Now you just take the path to the stylesheet you uploaded, and enter it into Amplenote's "Embed" Note Content" dialog. Assuming that your domain is www.my-web-domain.com and your stylesheet is located at stylesheets/blog_style.css, then this is how your embed options would be configured:
  
  
  
  
  
  
  # Post the blog
  To post the blog, just paste the HTML that you had copied from the Amplenote embed dialog. If you're using the default Wordpress editor, you'll need to ensure that the text you're pasting is interpreted as HTML. This requires changing the block to be "Custom HTML":
  
  
  
  
  
  
  Which lets us paste the the final result:
  
  
  
  
  
  From there, hit "Publish" and the note you created will be published as a live-updating blog post! From that point forward, any time you make a change to the note in Amplenote, your blog post will automatically update in real time. 🎉  
  
  # Embedded blog performance characteristics
  If you're an SEO specialist or a developer with a fine-tuned eye for page latency, you're likely to appreciate the several rounds of optimization that have been spent to ensure that embedded content loads alongside neighboring page content:
  > A brief demo of loading embedded content. [Repro the demo for yourself at the blog post featured](https://www.gitclear.com/blog/gitclear_v4_now_free_for_hobbyist_devs_v2_pr_collaboration_analytics_auto_configuring_google_dora_measurements_plus_more)  in this 16s movie. To be clear, there is extensive caching used to achieve this result, but none if it happens on the client -- all of the caching happens server-side so it remains snappy to every new visitor.
  How can content from your notebook be rendered to a web browser in less than 200ms? The most important step is the CDN caching we undertake to populate edge nodes with a 2 hour time-to-live when any embed content is requested. While the initial request has been observed to take 350-500ms, for however long thereafter you have a visitor within a 2 hour window, your content will be propagated to edge nodes where it can be served to visitors at lightning speed, even if the browser has never visited Amplenote or cached any stylesheets/javascript used to render embedded content. 🎩
processedNoteContent: ---
  title: Use case: Create your own CSS styled blog with ...
  headers: ## Upload the stylesheet file to your host
  ---
  Upload the stylesheet file to your host
  Almost all blog hosts, like GoDaddy, offer a "File Manager" or "FTP Upload" tool. This will often be hosted from within a utility called "cPanel." It might look something like this: Once you're in the File Manager, you want to navigate to a public directory (or a public/stylesheets directory, if it exists). It might look something like this: So in this example case, if you had named your stylesheet file blog_style.css (like the [GitClear stylesheet](https://www.gitclear.com)`
   ) and uploaded it to the stylesheets directory, then the full path to your CSS file would be [https://www.my-web-domain.com/stylesheets/blog_style.css](https://www.my-web-domain.com)`
  . This is the path you will need to enter when you publish your note, so save it somewhere easy to find later. 
  Set up the embedded note
  At this point, you've done with the hard part. 💪 Now you just take the path to the stylesheet you uploaded, and enter it into Amplenote's "Embed" Note Content" dialog. Assuming that your domain is [www.my-web-domain.com](http://www.my-web-domain.com)`
   and your stylesheet is located at stylesheets/blog_style.css, then this is how your embed options would be configured: 
  Post the blog
  To post the blog, just paste the HTML that you had copied from the Amplenote embed dialog. If you're using the default Wordpress editor, you'll need to ensure that the text you're pasting is interpreted as HTML. This requires changing the block to be "Custom HTML": Which lets us paste the the final result: From there, hit "Publish" and the note you created will be published as a live-updating blog post! From that point forward, any time you make a change to the note in Amplenote, your blog post will automatically update in real time. 🎉 
  Embedded blog performance characteristics
  If you're an SEO specialist or a developer with a fine-tuned eye for page latency, you're likely to appreciate the several rounds of optimization that have been spent to ensure that embedded content loads alongside neighboring page content: A brief demo of loading embedded content. Repro the demo for yourself at the blog post featured  in this 16s movie. To be clear, there is extensive caching used to achieve this result, but none if it happens on the client -- all of the caching happens server-side so it remains snappy to every new visitor.
  How can content from your notebook be rendered to a web browser in less than 200ms? The most important step is the CDN caching we undertake to populate edge nodes with a 2 hour time-to-live when any embed content is requested. While the initial request has been observed to take 350-500ms, for however long thereafter you have a visitor within a 2 hour window, your content will be propagated to edge nodes where it can be served to visitors at lightning speed, even if the browser has never visited Amplenote or cached any stylesheets/javascript used to render embedded content. 🎩
noteTitle: Use case: Create your own CSS styled blog with Amplenote to replace Wordpress