{"id":6327,"date":"2020-05-26T15:24:16","date_gmt":"2020-05-26T15:24:16","guid":{"rendered":"https:\/\/max-drake.cc\/?p=6327"},"modified":"2020-05-26T15:24:22","modified_gmt":"2020-05-26T15:24:22","slug":"sanity-io-gatsby-netlify-blog-setup-fail-then-moved-to-hugo-and-github-deploy-win","status":"publish","type":"post","link":"https:\/\/max-drake.cc\/?p=6327","title":{"rendered":"Sanity.io Gatsby &#038; Netlify Blog Setup (fail)  then moved to Hugo and Github deploy (win)"},"content":{"rendered":"\n<p>I logged into Sanity.io using my Github account and there was a Project that I was interested in testing that I&#8217;d seen a video for which was the Kitchen Sink template, but noticed that there was also a Gatsby Template for a Blog post, so I thought I&#8217;d try that out instead:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"755\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-1024x755.jpg\" alt=\"\" class=\"wp-image-6328 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-1024x755.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-300x221.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-768x566.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-50x37.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-68x50.jpg 68w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-100x74.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-136x100.jpg 136w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-868x640.jpg 868w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_-640x472.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_42_25-Get-a-Sanity-powered-site-running-in-minutes-_-Sanity.io_.jpg 1039w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/755;\" \/><\/figure>\n\n\n\n<p>After selecting Blog with Gatsby it came up with the items below:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>login to Sanity (TICK)<\/li><li>Login to Github (yes)<\/li><li>Connect to Netlify <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"967\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-1024x967.jpg\" alt=\"\" class=\"wp-image-6329 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-1024x967.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-300x283.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-768x725.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-50x47.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-53x50.jpg 53w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-100x94.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-106x100.jpg 106w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-678x640.jpg 678w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-640x604.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-813x768.jpg 813w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_-1143x1080.jpg 1143w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_56_57-Create-Blog-with-Gatsby-_-Sanity.io_.jpg 1405w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/967;\" \/><\/figure>\n\n\n\n<p><span style=\"background-color:#0693e3\" class=\"background-color\">Create project<\/span> above, it creates a repository on github for you, then copies files across, and sets up <strong>Sanity Studio<\/strong> (you run that from Browser) and you also have link to <strong> Open in browser<\/strong> for webpage- see below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"977\" height=\"1024\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-977x1024.jpg\" alt=\"\" class=\"wp-image-6330 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-977x1024.jpg 977w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-286x300.jpg 286w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-768x805.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-50x52.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-48x50.jpg 48w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-100x105.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-95x100.jpg 95w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-611x640.jpg 611w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-640x670.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-733x768.jpg 733w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-1024x1073.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_-1031x1080.jpg 1031w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-10_58_13-Create-Blog-with-Gatsby-_-Sanity.io_.jpg 1324w\" data-sizes=\"(max-width: 977px) 100vw, 977px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 977px; --smush-placeholder-aspect-ratio: 977\/1024;\" \/><\/figure>\n\n\n\n<p>Two tabs open, one for the web page blog &amp; one for Sanity Studio dashboard<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1000\" height=\"1024\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-1000x1024.jpg\" alt=\"\" class=\"wp-image-6331 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-1000x1024.jpg 1000w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-293x300.jpg 293w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-768x787.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-50x51.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-49x50.jpg 49w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-100x102.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-98x100.jpg 98w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-625x640.jpg 625w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-640x656.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-750x768.jpg 750w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-1024x1049.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV-1054x1080.jpg 1054w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_12_20-Films-TV.jpg 1355w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/1024;\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"633\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-1024x633.jpg\" alt=\"\" class=\"wp-image-6332 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-1024x633.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-300x185.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-768x475.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-1536x949.jpg 1536w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-2048x1265.jpg 2048w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-50x31.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-81x50.jpg 81w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-100x62.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-162x100.jpg 162w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-1036x640.jpg 1036w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-640x395.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-1243x768.jpg 1243w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-1748x1080.jpg 1748w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-1920x1186.jpg 1920w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-200x125.jpg 200w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_50-Blog-with-Gatsby-\u2013-Sanity-scaled.jpg 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/633;\" \/><\/figure>\n\n\n\n<p>clicking on the first blog of the webpage shows you more tutorial information:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"995\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-1024x995.jpg\" alt=\"\" class=\"wp-image-6333 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-1024x995.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-300x292.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-768x747.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-50x49.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-51x50.jpg 51w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-100x97.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-103x100.jpg 103w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-658x640.jpg 658w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-640x622.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-790x768.jpg 790w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog-1111x1080.jpg 1111w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-12_21_32-My-brand-new-blog-powered-by-Sanity.io-_-My-new-blog.jpg 1329w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/995;\" \/><\/figure>\n\n\n\n<p>The first of the bottom links takes you to a tutorial post &amp; video:<\/p>\n\n\n\n<h3 class=\"has-vivid-red-color has-text-color wp-block-heading\">GRRRRRRRRRRRR<\/h3>\n\n\n\n<p>Bloody bloody!!!!! On git clone it asked me, for the first time EVER!!!! for the ssh key, or it said continue , I continued without it and then the whole damn thing didn&#8217;t work. So I was mogadored. <\/p>\n\n\n\n<p>So I deleted the Netlify Project (of which there were 2, I must have created 2 instances of it) and then deleted the Github folder too.  Then went into Sanity and started a project again. <\/p>\n\n\n\n<p>Still couldn&#8217;t clone, tried setting up an ~\/ssh key, and I couldn&#8217;t run the agent from the terminal so I ended up downloading Github desktop (apparently you don&#8217;t need ssh keys then. So an hour wasted getting back to where I started. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"629\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-1024x629.jpg\" alt=\"\" class=\"wp-image-6334 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-1024x629.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-300x184.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-768x472.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-1536x944.jpg 1536w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-50x31.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-81x50.jpg 81w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-100x61.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-163x100.jpg 163w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-1042x640.jpg 1042w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-640x393.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop-1250x768.jpg 1250w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_20_04-GitHub-Desktop-_-Simple-collaboration-from-your-desktop.jpg 1543w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/629;\" \/><\/figure>\n\n\n\n<p>So I now have it on my PC opened in Code. Also on Netlify again:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"572\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-1024x572.jpg\" alt=\"\" class=\"wp-image-6335 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-1024x572.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-300x168.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-768x429.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-50x28.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-89x50.jpg 89w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-100x56.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-179x100.jpg 179w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-1146x640.jpg 1146w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-640x358.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team-1375x768.jpg 1375w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-22-13_26_47-Sites-_-drakemaxs-team.jpg 1500w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/572;\" \/><\/figure>\n\n\n\n<h4 class=\"has-vivid-red-color has-text-color wp-block-heading\">Grr again. <\/h4>\n\n\n\n<p>I did the adding subtitiel but could not start the graphql-deploy, it errored out, so I couldn&#8217;t update it. So starting anotther build from scratch with git clone using the desktop. If that doesn&#8217;t work I&#8217;ll blow away github repo and start from there. <\/p>\n\n\n\n\n\n\n\n<h4 class=\"wp-block-heading\">Netlify- continuous deployment<\/h4>\n\n\n\n<p>Only keep one site running from github. This will update and be accessible on web browser (not localhost) and all builds\/updates deployed. It runs in a docker. <strong><span style=\"color:#cf2e2e\" class=\"color\"><em>See video below for usefyul settings.<\/em><\/span><\/strong><\/p>\n\n\n\n<p>It links to your github repo so any updating of repo will be deployed by Netlify straight away.  So do not need back end (eg Node.js running) as it takes care of it. <\/p>\n\n\n\n<p>For <strong><span style=\"color:#cf2e2e\" class=\"color\">FREE account you can only have one continous build at a time<\/span><\/strong>, so only one project linked. Delete it after you have it working, then you deploy elsewhere (I need to research this). <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How To Use Netlify For Free | By Far Best Option To Host Your Website\" width=\"678\" height=\"381\" data-src=\"https:\/\/www.youtube.com\/embed\/D-bVzFQ_mUI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Project tutorial<\/h3>\n\n\n\n<p>One nice thing with using Sanity and Netlify and Github is you use the same login (github) for all, so that is quite convenient.  Currently doing an NPM INSTALL and that is taking a while to get going. <\/p>\n\n\n\n<p>&gt;<strong>NPM run dev<\/strong>   this starts up <strong>gatsby on localhost:8000 <\/strong>and <strong>sanitystudio on localhost:3333<\/strong>.  So can open both of those in browser tabs. Gatsby is running a graphQL queries and that can be opened in the browser too. <\/p>\n\n\n\n<p>I couldn&#8217;t get <strong>sanitystudio on localhost:3333<\/strong> even after all the reloads , so in the end I dropped this project and decided to go with Kitchen Sink. <\/p>\n\n\n\n<p>In the <span style=\"background-color:#7bdcb5\" class=\"background-color\">KitchenSink video he puts <strong>the token in early<\/strong><\/span>, even before running the servers, I wonder if that is what I should have done in the Gatsby blog project?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span style=\"color:#cf2e2e\" class=\"color\">Kitchen Sink project instead<\/span><\/h3>\n\n\n\n<p>On starting the Kitchen sink project, with Token setup I could link across to <strong>sanitystudio on localhost:3333<\/strong>, hurray, and graphQl on 8000 port and web page. <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Getting started with the Kitchen Sink Studio\" width=\"678\" height=\"381\" data-src=\"https:\/\/www.youtube.com\/embed\/woA5MKmARNU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Now that I have all of that operational I will explore it furthur, at a later time. <\/p>\n\n\n\n<h4 class=\"has-vivid-red-color has-text-color wp-block-heading\">Jamstack &#8211; (J)avascript(A)pi(M)arkdown(stack)<\/h4>\n\n\n\n<p>After watching a few more video&#8217;s I&#8217;m getting the idea of what a Jamstack website is,  but I&#8217;m not sure that the Sanity.io is a Jamstack as it does not seem to feature markdown anywhere. <\/p>\n\n\n\n<p>I watched a video on Hugo , which does seem to be markdown oriented.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"What is the JAMstack? and let&#039;s BUILD one\" width=\"678\" height=\"381\" data-src=\"https:\/\/www.youtube.com\/embed\/Sh1i-gMH4bo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>A good simple demo in video above. But it looks pretty plain, so the templates are limited, I think the paid ones will be more versatile, a bit like wordpress themes I suppose.  <\/p>\n\n\n\n<p>The Jamstack does not talk about<strong><span style=\"color:#cf2e2e\" class=\"color\"> CDN<\/span><\/strong> , you can just have it local, so I could just build a site and upload it to server. I&#8217;m not sure if you use cloudflare whether it would copy the files across to its servers or not. <\/p>\n\n\n\n<p>Its basically compiled into static files that can be held in your Github, as long as they are compiled and accessible, that is fine. <\/p>\n\n\n\n<p>you need to update\/compile the files if you update things like blogs, that is why there are things like <strong><span style=\"color:#cf2e2e\" class=\"color\">Netlify<\/span><\/strong> that continuously rebuild the site on changes. <\/p>\n\n\n\n<p>If your site is 95% static I suppose you can just update the little bits that you have changed (<em>like individual posts , but you are still doing this in a localhost environment<\/em>). Not quite as simple as doing a post in wordpress but blazing fast apparently. I need to set one up and host it on my server. <\/p>\n\n\n\n<p><strong><span style=\"color:#cf2e2e\" class=\"color\">Markdown, images &amp; video links etc<\/span><\/strong>. The other question is where do you put images and how do you manage images and videos in markdown.  Yes you can but it looks like hard work, rather than just pulling them in, although something like forestry.io may be able to do that for you.<\/p>\n\n\n\n<p><strong>VS Code<\/strong> has some<strong><em> markdown extensions<\/em><\/strong> that can be used to speed up and preview the code. <\/p>\n\n\n\n<p>I&#8217;ve just been playing with <strong><span style=\"color:#cf2e2e\" class=\"color\">forestry.io<\/span><\/strong> which is a bit like <strong>sanity.io<\/strong> and you can choose where to put your images on setup so you find directories and it will copy the structure across to github. <\/p>\n\n\n\n<h3 class=\"has-luminous-vivid-orange-color has-text-color wp-block-heading\">Github SSL key troubles<\/h3>\n\n\n\n<p>I had this issue before and couldn&#8217;t quite resolve it. I was not permitted to do git push to github. The quixck solution was to use Github Desktop and that worked for a while, then I started getting issues with that interface too.<\/p>\n\n\n\n<p>I was using Code Terminal, Command Prompt (in Admin mode) and still I couldn&#8217;t get the commands to run as they were written in the githubwebsite re ssh. I then found there was a git bash terminal that seemed to accept and run all the code required:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"984\" height=\"568\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_43_58-GitHub-Desktop.jpg\" alt=\"\" class=\"wp-image-6337 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_43_58-GitHub-Desktop.jpg 984w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_43_58-GitHub-Desktop-300x173.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_43_58-GitHub-Desktop-768x443.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_43_58-GitHub-Desktop-50x29.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_43_58-GitHub-Desktop-87x50.jpg 87w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_43_58-GitHub-Desktop-100x58.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_43_58-GitHub-Desktop-173x100.jpg 173w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_43_58-GitHub-Desktop-640x369.jpg 640w\" data-sizes=\"(max-width: 984px) 100vw, 984px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 984px; --smush-placeholder-aspect-ratio: 984\/568;\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"591\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-1024x591.jpg\" alt=\"\" class=\"wp-image-6338 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-1024x591.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-300x173.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-768x444.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-50x29.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-87x50.jpg 87w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-100x58.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-173x100.jpg 173w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-1108x640.jpg 1108w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop-640x370.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_44_17-GitHub-Desktop.jpg 1122w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/591;\" \/><\/figure>\n\n\n\n<p>After finding that I was able to go through the complete process of setting up the SSH key correctly and now I can use VS Code terminal to do pushes and pulls. <\/p>\n\n\n\n<p>I think the sanity.io put the ssh on the account. These perogrammes trying to make things easier cause more grief. I&#8217;ve been having issues with forrest.io &amp; can&#8217;t quite figure out 1\/how to use it &amp; 2\/ Why I&#8217;d use it without preview. I couldnt get the server running so no preview. <\/p>\n\n\n\n<h3 class=\"has-vivid-purple-color has-text-color wp-block-heading\">Hugo troubles<\/h3>\n\n\n\n<p>I followed the tutorial above&#8221; <em><strong>What is the Jamstack and lets Build one<\/strong><\/em>&#8221; for a Hugo install and am running into some challenges with compiling the static pages. On the Hugo server it all looks good, but running hugo to compile it is missing out the blog pages and only shows the menu. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>> hugo server -D   (to start localhost server , it gives you a URL to follow)<\/code><\/pre>\n\n\n\n<p>There is a example in the Ghostwriter  theme directory &amp; I copied some pages\/posts\/projects across to the content subdirectory (where it looks to grab markdown pages to compile) and  on a couple of the initial compiles none came across. <\/p>\n\n\n\n<p>A few are coming across now but the config.toml file points the base URL to where the public folder is, I&#8217;ve repointed it to:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>baseURL = \"http:\/\/127.0.0.1:5500\/hugo-ghostwriter-blog\/public\/\"<\/code><\/pre>\n\n\n\n<p>I&#8217;m getting MIME blocking to the .css files, so all a bit of a challenge :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"362\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-1024x362.jpg\" alt=\"\" class=\"wp-image-6336 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-1024x362.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-300x106.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-768x272.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-1536x543.jpg 1536w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-2048x724.jpg 2048w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-50x18.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-141x50.jpg 141w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-100x35.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-283x100.jpg 283w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-1810x640.jpg 1810w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-640x226.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-1920x679.jpg 1920w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-23-20_35_39-GitHub-Desktop-scaled.jpg 1600w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/362;\" \/><\/figure>\n\n\n\n<p>Also, I can&#8217;t host the master on github for the directory as the files are in Public sub-directory so I made another Git repo for just the public files and made it aGitPages so its a website with a link and that still gives me ugly like image above (<em>in fact this is from public folder  repo with the base URL<\/em>) pointing to: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>baseURL = \"https:\/\/github.com\/drakemax\/hugo-public\/\"<\/code><\/pre>\n\n\n\n<p>So all a bit challenging. I did a bit of research and the logic is fine, in fact Hugo site<strong> <a rel=\"noreferrer noopener\" href=\"https:\/\/gohugo.io\/hosting-and-deployment\/hosting-on-github\/\" target=\"_blank\">has a tutorial on how to host on Github<\/a><\/strong>, and there are a couple of Vids that describe the process, the one below is brilliant in that it creates a \/docs\/ folder and buildis it in there:<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to make a website and put it online tutorial (Hugo, Linux)\" width=\"678\" height=\"381\" data-src=\"https:\/\/www.youtube.com\/embed\/3wkR8GyDODs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Inside github  pages there is theoption of website being located at master branch\/docs folder, which is fine. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"458\" height=\"496\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-09_58_00-Options.jpg\" alt=\"\" class=\"wp-image-6349 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-09_58_00-Options.jpg 458w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-09_58_00-Options-277x300.jpg 277w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-09_58_00-Options-50x54.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-09_58_00-Options-46x50.jpg 46w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-09_58_00-Options-100x108.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-09_58_00-Options-92x100.jpg 92w\" data-sizes=\"(max-width: 458px) 100vw, 458px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 458px; --smush-placeholder-aspect-ratio: 458\/496;\" \/><\/figure>\n\n\n\n<p>In the config.toml file you need to add the publish directory to: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>publishDir= \"docs\"<\/code><\/pre>\n\n\n\n<p>The &gt;hugo build wasn&#8217;t pinting to the right  subdirectory\/files although the inde.html was working. I was re-mapping to another site, I had to change the baseURL in the config file to ponit to my correct git repostiory (without the \/doc at the end) and all was good.  All the links to the blogs worked. <\/p>\n\n\n\n<p>I&#8217;d made a couple of markdown files, initially they did not occur in the builds at all, the reason was, in the header, the <strong>draft: true  <\/strong>so they were ignored, I had to change to <strong>draft: false<\/strong> (<em>or delete the tag <strong> draft<\/strong><\/em>) . Also errors on the build as they were not showing up in the list of posts. I has<strong><span style=\"color:#cf2e2e\" class=\"color\"> &#8212;<\/span><\/strong> instead of <strong><span style=\"color:#9b51e0\" class=\"color\">+++<\/span><\/strong> for upper and lower encapsulation of blog header , also <strong><span style=\"color:#cf2e2e\" class=\"color\">title : &#8220;xyz&#8221;<\/span><\/strong> instead of <strong><span style=\"color:#9b51e0\" class=\"color\">title = &#8220;xyz&#8221;<\/span><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"572\" height=\"324\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_42_30-first-post.md-hugo-ghostwriter-blog-Visual-Studio-Code.jpg\" alt=\"\" class=\"wp-image-6351 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_42_30-first-post.md-hugo-ghostwriter-blog-Visual-Studio-Code.jpg 572w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_42_30-first-post.md-hugo-ghostwriter-blog-Visual-Studio-Code-300x170.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_42_30-first-post.md-hugo-ghostwriter-blog-Visual-Studio-Code-50x28.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_42_30-first-post.md-hugo-ghostwriter-blog-Visual-Studio-Code-88x50.jpg 88w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_42_30-first-post.md-hugo-ghostwriter-blog-Visual-Studio-Code-100x57.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_42_30-first-post.md-hugo-ghostwriter-blog-Visual-Studio-Code-177x100.jpg 177w\" data-sizes=\"(max-width: 572px) 100vw, 572px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 572px; --smush-placeholder-aspect-ratio: 572\/324;\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"590\" height=\"230\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_43_05-blog-test-2.md-hugo-ghostwriter-blog-Visual-Studio-Code.jpg\" alt=\"\" class=\"wp-image-6350 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_43_05-blog-test-2.md-hugo-ghostwriter-blog-Visual-Studio-Code.jpg 590w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_43_05-blog-test-2.md-hugo-ghostwriter-blog-Visual-Studio-Code-300x117.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_43_05-blog-test-2.md-hugo-ghostwriter-blog-Visual-Studio-Code-50x19.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_43_05-blog-test-2.md-hugo-ghostwriter-blog-Visual-Studio-Code-128x50.jpg 128w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_43_05-blog-test-2.md-hugo-ghostwriter-blog-Visual-Studio-Code-100x39.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-10_43_05-blog-test-2.md-hugo-ghostwriter-blog-Visual-Studio-Code-257x100.jpg 257w\" data-sizes=\"(max-width: 590px) 100vw, 590px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 590px; --smush-placeholder-aspect-ratio: 590\/230;\" \/><\/figure>\n\n\n\n<p>Once these were corrected the posts were built. I still haven&#8217;t got menu links working .  <em>Actually I wonder if the +++ is only required in this theme? I&#8217;ve seen other videos for hugo that use &#8212;-. <\/em>I&#8217;ve just found there is an archtype folder that has the &#8212; and : instead of +++ and =, so maybe that needs to be altered: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"979\" height=\"348\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-11_50_19-default.md-hugo-ghostwriter-blog-Visual-Studio-Code.jpg\" alt=\"\" class=\"wp-image-6352 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-11_50_19-default.md-hugo-ghostwriter-blog-Visual-Studio-Code.jpg 979w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-11_50_19-default.md-hugo-ghostwriter-blog-Visual-Studio-Code-300x107.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-11_50_19-default.md-hugo-ghostwriter-blog-Visual-Studio-Code-768x273.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-11_50_19-default.md-hugo-ghostwriter-blog-Visual-Studio-Code-50x18.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-11_50_19-default.md-hugo-ghostwriter-blog-Visual-Studio-Code-141x50.jpg 141w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-11_50_19-default.md-hugo-ghostwriter-blog-Visual-Studio-Code-100x36.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-11_50_19-default.md-hugo-ghostwriter-blog-Visual-Studio-Code-281x100.jpg 281w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-11_50_19-default.md-hugo-ghostwriter-blog-Visual-Studio-Code-640x227.jpg 640w\" data-sizes=\"(max-width: 979px) 100vw, 979px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 979px; --smush-placeholder-aspect-ratio: 979\/348;\" \/><\/figure>\n\n\n\n<p>Actually, there are two archetype folders, one in the main dir and also one under themes, and the one in the themes folder has the following template:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>+++\ntitle = \"{{ humanize .Name | title }}\"\ndescription = \"\"\nauthor = \"\"\ndate = {{ .Date }}\ntags = &#91;]\ndraft = true\n+++<\/code><\/pre>\n\n\n\n<p>So since we are using that theme, that is the one we need to follow (<em>or copy\/paste the themes one into the default one so they are consistant<\/em>).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Menu&#8217;s &amp; linkings in Hugo<\/h4>\n\n\n\n<p>I was going around ibn circles on this for a while, in the video above he cvuts\/pastes a menyu in but the theme already has the menu built in, you need to go to Theme folder then <strong>theme\/layout\/partials\/<\/strong> and in this particular one its called <strong>navigation.html.<\/strong> There is a vid on this but slightly different structure:<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to create navigation menus in Hugo\" width=\"678\" height=\"381\" data-src=\"https:\/\/www.youtube.com\/embed\/E6bhmixcR5k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>For my site with ghostwriter theme you need to put, in the meta tags  menu = &#8220;main&#8221; as below and it&#8217;ll come up on the main menu with the title sohwn on the menu. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>+++\ntitle = \"About\"\ndate = 2015-04-03T02:13:50Z\ndescription = \"Things about me.\"\nmenu = \"main\"\n+++<\/code><\/pre>\n\n\n\n<p>This comes from navigation.html, as per image below, and<strong> by Weight<\/strong> (<em>Lower weight gets higher precedence<\/em>):<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"769\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-1024x769.jpg\" alt=\"\" class=\"wp-image-6353 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-1024x769.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-300x225.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-768x577.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-50x38.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-67x50.jpg 67w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-100x75.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-133x100.jpg 133w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-852x640.jpg 852w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-640x481.jpg 640w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code-1023x768.jpg 1023w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_38_51-navigation.html-hugo-ghostwriter-blog-Visual-Studio-Code.jpg 1237w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/769;\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"604\" height=\"205\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_46_41-Second-Post-\u00b7.jpg\" alt=\"\" class=\"wp-image-6354 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_46_41-Second-Post-\u00b7.jpg 604w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_46_41-Second-Post-\u00b7-300x102.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_46_41-Second-Post-\u00b7-50x17.jpg 50w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_46_41-Second-Post-\u00b7-147x50.jpg 147w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_46_41-Second-Post-\u00b7-100x34.jpg 100w, https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-12_46_41-Second-Post-\u00b7-295x100.jpg 295w\" data-sizes=\"(max-width: 604px) 100vw, 604px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 604px; --smush-placeholder-aspect-ratio: 604\/205;\" \/><\/figure>\n\n\n\n<p>In the above imageI added <strong>weight = 10 to the about page meta<\/strong> &amp; <strong>weight = 5 to the conact page meta<\/strong> so contact will come first. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Commenting in markdown on this site<\/h4>\n\n\n\n<p>I was wondering how to comment out in markdown, but apparently this depends on the parsing tool you use to convert markdown to html. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;\/\/]:# (comment. All of this seems to be required for comment, text is needed in between brackets)<\/code><\/pre>\n\n\n\n<p>As I was running localhost:1313 server I could test out different things until I got something working. The above code works on multiline to the closing bracket. It wouldn&#8217;t work in the meta area but worked in the contents page.<\/p>\n\n\n\n<h4 class=\"has-vivid-red-color has-text-color wp-block-heading\">Blog site<\/h4>\n\n\n\n<p> For this particular Hugo site it can be hosted on a static site like Github, in fact the link is <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/drakemax.github.io\/hugo-ghostwriter-blog\/\" target=\"_blank\">HERE<\/a><\/strong>. The menu links all work and so do the blog pages.<\/p>\n\n\n\n<p>I was a little worried about order , but there are a few methods using the meta data, see <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/gohugo.io\/templates\/lists\/#order-content\" target=\"_blank\">HERE<\/a><\/strong>. The Hugo docs I&#8217;ve used are quite useful. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">End comment<\/h3>\n\n\n\n<p>I left this post to go and try playing with NEXT.JS and Vercel (Zeit) on building a blog from scratch. <a href=\"https:\/\/max-drake.cc\/2020\/05\/25\/next-js-static-site-generation-ssg-tutorial-dynamic-pages-for-a-blog\/\">Next.js Static Site Generation (SSG) Tutorial &amp; dynamic pages for a blog<\/a>. At the end of that I was a bit dissapointed with the process as I thought it would just create a whole load of static pages, that didn&#8217;t and I can see why now, as it allows for dynamic creation of pages using an API.  So I couldn&#8217;t just do a static hosting for it like a Github repository, and it needed a server to run the site. <\/p>\n\n\n\n<p>I&#8217;m pleased with the structure, and have enjoyed having the server up and running to check on the changes. This was definitely easier to do than the Next.js project, but that one has some real power for ynamic content. <\/p>\n\n\n\n<p>I loved the easy way to host it on github, that is really handy, it means I can do some development sites and have them setup on Github to review. <\/p>\n\n\n\n<p>I&#8217;m wondering about building a blog on github about my process\/learnings with Hugo and other Jamstack sites. <\/p>\n\n\n\n<h4 class=\"has-luminous-vivid-orange-color has-text-color wp-block-heading\">Two issues<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li>Speed. As these pages\/sites are small, I&#8217;m not sure of the speed of them. I need to build more sophisticated content so that I can see how fast it does run. <\/li><li>Updating. To write a blog I do that in Code then Hugo build and then git push to github hosting. A bit of a process for writing an article, much easier on wordpress.<\/li><\/ol>\n\n\n\n<p>I can see that continuous deploy with something like netlify works, but for blogging a single article its a bit much. You&#8217;d need to write a few and then do an upload, or have an automatic script to do some of the work. <\/p>\n\n\n\n<p>Content and content type will need exploring, my blogs are not text only so I want to explore howe to put images\/videos and links into the posts too. <\/p>\n\n\n\n<p>I think the Hugo would have been the better place to start, then move onto Gatsby &amp; Next.js. Now I know the concepts I feel a bit more confident about playing with Jamstack. It doesn&#8217;t seem to be as complex as wordpress PHP and in fact reminds me of <strong><a href=\"https:\/\/www.silverstripe.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Silverstripe<\/a><\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I logged into Sanity.io using my Github account and there was a Project that I was interested in testing that I&#8217;d seen a video for which was the Kitchen Sink template, but noticed that there was also a Gatsby Template for a Blog post, so I thought I&#8217;d try that out instead: After selecting Blog [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6355,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35,450,446,29],"tags":[],"class_list":["post-6327","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-api_json","category-sanity-gatsby-netlify","category-react_js","category-web"],"featured_image_src":"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-13_23_01-Maxs-Hugo-Blog-Site-\u00b7.jpg","featured_image_src_square":"https:\/\/max-drake.cc\/wp-content\/uploads\/2020\/05\/2020-05-27-13_23_01-Maxs-Hugo-Blog-Site-\u00b7.jpg","author_info":{"display_name":"Max Drake","author_link":"https:\/\/max-drake.cc\/?author=1"},"_links":{"self":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts\/6327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6327"}],"version-history":[{"count":0,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts\/6327\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/media\/6355"}],"wp:attachment":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}