{"id":284,"date":"2021-03-22T21:54:33","date_gmt":"2021-03-22T21:54:33","guid":{"rendered":"https:\/\/andrejacobs.org\/?p=284"},"modified":"2022-04-11T20:24:23","modified_gmt":"2022-04-11T20:24:23","slug":"100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js","status":"publish","type":"post","link":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/","title":{"rendered":"100 Days of Learning: Day 13 &#038; 14 \u2013 Running WordPress locally using Docker and using highlight.js"},"content":{"rendered":"\n<div class=\"wp-block-jetpack-markdown\"><p>Here is my <a href=\"https:\/\/github.com\/andrejacobs\/100DayChallenges\/blob\/main\/2021%20March\/100DaysOfLearning\/100DaysOfLearning.md\">Log book<\/a><\/p>\n<h2>Adding code syntax highlighting (to my blog)<\/h2>\n<p>We interrupt this broadcast (Lego database project) to first take a detour in adding code syntax highlighting to the blog.<\/p>\n<p>One of the biggest reasons I started a blog is to document how I setup and develop things so that the &quot;6 months from now&quot; future me can have a recipe of how stuff works.<\/p>\n<blockquote>\n<p>Fate, it seems, is not without a sense of irony &#8211; Morpheus<\/p>\n<\/blockquote>\n<p>My blog runs on WordPress and I developed my own custom theme back in 2019. However I now find myself in a position where I have no clue how any of this stuff works and I really wish I did write that post about how it works back then.<\/p>\n<p>I will spare you the details of how all this works and maybe one day I will write a post about it. The  short summary is this:<\/p>\n<ul>\n<li>Git repo for the theme. It uses npm, gulp and sass.<\/li>\n<li>Git repo that manages a Docker setup that spawn Apache, PHP and WordPress in one container and MariaDB in another. This is used to run the blog locally on my machine while I develop themes or plugins etc.<\/li>\n<\/ul>\n<p><strong>Learning action point:<\/strong> I should write a backup script that backs up my blog to S3 and have a script that can restore from S3 to the local Docker blog.<\/p>\n<p>At least I left myself some good instructions on how to setup and run most of this but it could have been better. I guess that is the problem with documentation in general. You really have to dog food it to see if you missed any steps etc. or even better is to get someone else to follow your recipe and see if it just clicks.<\/p>\n<h2>Running a local instance of WordPress (Apache, PHP) and MariaDB using Docker<\/h2>\n<p>I will share the <code>docker-compose.yml<\/code> file I use to spin up a WordPress instance. But please be aware that this is based of stuff I did in 2019 and right now I am just focussing on getting this working again so that I can make changes to my WordPress theme and test it before installing it on the live site.<\/p>\n<p>EDIT: I modified my original compose file to be more in line with <a href=\"https:\/\/docs.docker.com\/compose\/wordpress\/\">this tutorial<\/a>.<\/p>\n<p><strong>NOTE:<\/strong> I only run this locally. I am sure there must be better ways to supply secrets than to have it in the docker compose file.<\/p>\n<pre><code class=\"language-yaml\">version: &quot;3.9&quot;\nservices:\n    # Create a container for running a MySQL Database (access it from 127.0.0.1:8081)\n    wordpress-db:\n        # Official mariadb docker image\n        image: mariadb\n        ports:\n            # Map local port 8081 to the MySQL docker's 3306\n            - &quot;8081:3306&quot;\n        restart: always\n        volumes:\n            - wordpress-db-data:\/var\/lib\/mysql\n        environment:\n            MYSQL_ROOT_PASSWORD: INSERT_YOUR_PASSWORD_HERE\n            MYSQL_DATABASE: wordpress\n            MYSQL_USER: wordpress\n            MYSQL_PASSWORD: wordpress        \n\n    # Create a container for running WordPress (access it from 127.0.0.1:8080)\n    wordpress:\n        depends_on:\n            - wordpress-db\n        # Official WordPress docker image\n        image: wordpress\n        restart: always\n        volumes:\n            # Map local .\/ directory as \/var\/www\/html (so that the install persists)\n            - .\/wordpress:\/var\/www\/html\n        ports:\n            # Map local 8080 to Apache port 80\n            - &quot;8080:80&quot;\n        links:\n            - wordpress-db:mysql\n        environment:\n            WORDPRESS_DB_HOST: wordpress-db:3306\n            WORDPRESS_DB_USER: wordpress\n            WORDPRESS_DB_PASSWORD: wordpress\n            WORDPRESS_DB_NAME: wordpress\nvolumes:\n    wordpress-db-data: {}\n<\/code><\/pre>\n<p>Spin up the containers<\/p>\n<pre><code class=\"language-bash\">$ docker-compose up -d\n...\nCreating wordpress-db_1 ... done\nCreating wordpress_1    ... done\n<\/code><\/pre>\n<p>A new directory named &quot;wordpress&quot; will be created locally and you will start seeing wordpress files being created there.<\/p>\n<p>To monitor the container logs<\/p>\n<pre><code class=\"language-bash\">$ docker-compose logs -f\n...\nwordpress_1     | WordPress not found in \/var\/www\/html - copying now...\n<\/code><\/pre>\n<p>Go grab a coffee and wait for the wordpress installation files to be created. Then <code>$ open http:\/\/127.0.0.1:8080<\/code><\/p>\n<p>To stop the containers<\/p>\n<pre><code class=\"language-bash\">$ docker-compose stop\n<\/code><\/pre>\n<p>Where I have gone wrong in my use of Docker is that I need to learn to better backup and restore &quot;things&quot;. In my example above, I am persisting the \/var\/www\/html (where wordpress is installed) out to my local machine &#8230; but where I have failed (and only seeing it now) is that I never backed up the MariaDB database that goes with the WordPress setup!<\/p>\n<p>EDIT: I came across <a href=\"https:\/\/docs.docker.com\/storage\/volumes\/\">Docker Volumes<\/a> as a way to persist container data. The docker compose above ^^ reflects this change.<\/p>\n<p><strong>Learning action point:<\/strong> Backup and restore Docker volumes.<\/p>\n<p>For more information on the <a href=\"https:\/\/hub.docker.com\/_\/wordpress\">Official WordPress Docker image<\/a><\/p>\n<h3>Profit!<\/h3>\n<p>I can now access the local running WordPress instance.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/andrejacobs.org\/wp-content\/uploads\/2021\/03\/wp_start.png\" alt=\"\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/andrejacobs.org\/wp-content\/uploads\/2021\/03\/wp_dashboard.png\" alt=\"\"><\/p>\n<p>I can also access the MariaDB database on port 8081 from MySQLWorkbench.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/andrejacobs.org\/wp-content\/uploads\/2021\/03\/wp_mysql.png\" alt=\"\"><\/p>\n<h2>Adding highlight.js for code syntax highlighting<\/h2>\n<p>I like to use Markdown for all of my own documentation as well as writing this blog. At the moment I write the blog posts in Notion and then export the Markdown before adding it to WordPress.<\/p>\n<p>After inspecting the rendered html I noticed that the html produced is like the following.<\/p>\n<pre><code class=\"language-html\">&lt;pre&gt;\n\t&lt;code class=&quot;language-python&quot;&gt;\n\t\t# Some python code here\n\t&lt;\/code&gt;\n&lt;\/pre&gt;\n<\/code><\/pre>\n<p>Turns out that <a href=\"https:\/\/highlightjs.org\/\">highlight.js<\/a> can easily apply syntax highlighting to these elements.<\/p>\n<p>As I mentioned earlier, my theme uses Node.js, and gulp to monitor for changes to sass (css generation) and javascript files.<\/p>\n<p>I ran into another issue with trying to get my local version of my blog \/ development setup working again (since 2019) and that is to do with gulp 3.x not working with newer node.js versions. Again another reason why I need to learn more about Docker and actually this whole blog system should be &quot;frozen&quot; into a container. See the last section of this post regarding the troubleshooting I went through.<\/p>\n<h3>&lt;head&gt;<\/h3>\n<p>I added the following to my header.php file to fetch <a href=\"https:\/\/highlightjs.org\/\">highlight.js<\/a> from Cloudflare CDN.<\/p>\n<p>See this link for <a href=\"https:\/\/highlightjs.org\/download\/\">more options<\/a>.<\/p>\n<pre><code class=\"language-html\">&lt;head&gt;\n\t...\n\t&lt;!-- highlight.js --&gt;\n\t&lt;link rel=&quot;stylesheet&quot; href=&quot;\/\/cdnjs.cloudflare.com\/ajax\/libs\/highlight.js\/10.7.1\/styles\/default.min.css&quot;&gt;\n\t&lt;script src=&quot;\/\/cdnjs.cloudflare.com\/ajax\/libs\/highlight.js\/10.7.1\/highlight.min.js&quot;&gt;&lt;\/script&gt;\n\t&lt;script&gt;hljs.highlightAll();&lt;\/script&gt;\n\t...\n&lt;\/head&gt;\n<\/code><\/pre>\n<p>Refreshed the browser and surprisingly this worked first time.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/andrejacobs.org\/wp-content\/uploads\/2021\/03\/highlight_default.png\" alt=\"\"><\/p>\n<p>Next I need to setup a colour scheme that works with the blog theme. This is surprisingly very easy. Just go to the <a href=\"https:\/\/highlightjs.org\/static\/demo\/\">demo site<\/a> and choose I theme you like. Note the name down (e.g. &quot;Dracula&quot;) and then just replace the above link tag (e.g. &#8230;\/styles\/dracula.min.css). You can also use <a href=\"https:\/\/cdnjs.com\/libraries\/highlight.js\">this<\/a> to help in finding the correct link.<\/p>\n<p>I liked Night-Owl but did not liked that it used italics for keywords, function names etc. So I ended up cloning and modifying it and placed it under the same sass system currently being used by my theme.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/andrejacobs.org\/wp-content\/uploads\/2021\/03\/highlight.png\" alt=\"\"><\/p>\n<p>I just had to make one more modification to the background colour for &lt;pre&gt; tags to match that of Night Owl and I was ready to deploy the new theme to production.<\/p>\n<h2>Node, gulp and trouble<\/h2>\n<p>Below is some of the steps I had to follow to just get gulp from my theme working in 2021. I so wish I just containerized the system.<\/p>\n<pre><code class=\"language-bash\"># Which node is currently installed\n$ nvm list\n-&gt;     v15.10.0\ndefault -&gt; node (-&gt; v15.10.0)\n\n# Which versions of node is available to download and install\n$ nvm ls-remote\n\n#-----------------\n\n# Uninstall the global gulp\n$ sudo npm uninstall -g gulp-cli\n\n# Install 10.15.1 like it is 2019\n$ nvm install 10.15.1\n$ nvm use 10.15.1\nNow using node v10.15.1 (npm v6.4.1)\n\n# Reinstall global gulp\n$ sudo npm install -g gulp-cli\n$ gulp --version\nCLI version: 2.3.0\nLocal version: Unknown\n\n# cd to where the node project is\n$ node install\ninternal\/modules\/cjs\/loader.js:583\n    throw err;\n...\n\n# To fix this issue\n$ rm -rf node_modules\n$ rm package-lock.json\n$ npm install\n\n# Next issue about not finding local gulp\n$ npm install gulp\n# Nope\n# Try some more stuff\n# Nope\n\n$ npm install gulp@3.9.1 --save\n$ gulp --version\nCLI version: 2.3.0\nLocal version: 3.9.1\n\n$ gulp watch\n# It works! finally\n<\/code><\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p> [&#8230;]<\/p>\n<p><a class=\"understrap-read-more-link\" href=\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":2,"featured_media":287,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[37],"tags":[22,21],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>100 Days of Learning: Day 13 &amp; 14 \u2013 Running WordPress locally using Docker and using highlight.js - Andr\u00e9 Jacobs<\/title>\n<meta name=\"description\" content=\"Day 13 and 14 of 100 complete. Today I managed to run a local copy of WordPress and MariaDB using Docker. I am now also using highlight.js.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"100 Days of Learning: Day 13 &amp; 14 \u2013 Running WordPress locally using Docker and using highlight.js - Andr\u00e9 Jacobs\" \/>\n<meta property=\"og:description\" content=\"Day 13 and 14 of 100 complete. Today I managed to run a local copy of WordPress and MariaDB using Docker. I am now also using highlight.js.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Andr\u00e9 Jacobs\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-22T21:54:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-11T20:24:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/andrejacobs.org\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-22-at-21.17.42.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1406\" \/>\n\t<meta property=\"og:image:height\" content=\"1214\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andr\u00e9 Jacobs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@andrejacobs81\" \/>\n<meta name=\"twitter:site\" content=\"@andrejacobs81\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9 Jacobs\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/\"},\"author\":{\"name\":\"Andr\u00e9 Jacobs\",\"@id\":\"https:\/\/andrejacobs.org\/#\/schema\/person\/3d38360883015e883c80c2fb875c5a68\"},\"headline\":\"100 Days of Learning: Day 13 &#038; 14 \u2013 Running WordPress locally using Docker and using highlight.js\",\"datePublished\":\"2021-03-22T21:54:33+00:00\",\"dateModified\":\"2022-04-11T20:24:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/\"},\"wordCount\":970,\"publisher\":{\"@id\":\"https:\/\/andrejacobs.org\/#\/schema\/person\/3d38360883015e883c80c2fb875c5a68\"},\"keywords\":[\"Docker\",\"WordPress\"],\"articleSection\":[\"100 Days Challenge\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/\",\"url\":\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/\",\"name\":\"100 Days of Learning: Day 13 & 14 \u2013 Running WordPress locally using Docker and using highlight.js - Andr\u00e9 Jacobs\",\"isPartOf\":{\"@id\":\"https:\/\/andrejacobs.org\/#website\"},\"datePublished\":\"2021-03-22T21:54:33+00:00\",\"dateModified\":\"2022-04-11T20:24:23+00:00\",\"description\":\"Day 13 and 14 of 100 complete. Today I managed to run a local copy of WordPress and MariaDB using Docker. I am now also using highlight.js.\",\"breadcrumb\":{\"@id\":\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/andrejacobs.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"100 Days of Learning: Day 13 &#038; 14 \u2013 Running WordPress locally using Docker and using highlight.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/andrejacobs.org\/#website\",\"url\":\"https:\/\/andrejacobs.org\/\",\"name\":\"Andr\u00e9 Jacobs\",\"description\":\"iOS Development, Electronics, Robotics, Artificial Intelligence, Business and Health\",\"publisher\":{\"@id\":\"https:\/\/andrejacobs.org\/#\/schema\/person\/3d38360883015e883c80c2fb875c5a68\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/andrejacobs.org\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/andrejacobs.org\/#\/schema\/person\/3d38360883015e883c80c2fb875c5a68\",\"name\":\"Andr\u00e9 Jacobs\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/andrejacobs.org\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/andrejacobs.org\/wp-content\/uploads\/2019\/03\/andre_jacobs.jpg\",\"contentUrl\":\"https:\/\/andrejacobs.org\/wp-content\/uploads\/2019\/03\/andre_jacobs.jpg\",\"width\":450,\"height\":450,\"caption\":\"Andr\u00e9 Jacobs\"},\"logo\":{\"@id\":\"https:\/\/andrejacobs.org\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/andrejacobs.org\",\"https:\/\/www.youtube.com\/channel\/UCzqXvnd_UJ3sAzQkQBD-IVw\"],\"url\":\"https:\/\/andrejacobs.org\/author\/andre\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"100 Days of Learning: Day 13 & 14 \u2013 Running WordPress locally using Docker and using highlight.js - Andr\u00e9 Jacobs","description":"Day 13 and 14 of 100 complete. Today I managed to run a local copy of WordPress and MariaDB using Docker. I am now also using highlight.js.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/","og_locale":"en_GB","og_type":"article","og_title":"100 Days of Learning: Day 13 & 14 \u2013 Running WordPress locally using Docker and using highlight.js - Andr\u00e9 Jacobs","og_description":"Day 13 and 14 of 100 complete. Today I managed to run a local copy of WordPress and MariaDB using Docker. I am now also using highlight.js.","og_url":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/","og_site_name":"Andr\u00e9 Jacobs","article_published_time":"2021-03-22T21:54:33+00:00","article_modified_time":"2022-04-11T20:24:23+00:00","og_image":[{"width":1406,"height":1214,"url":"https:\/\/andrejacobs.org\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-22-at-21.17.42.png","type":"image\/png"}],"author":"Andr\u00e9 Jacobs","twitter_card":"summary_large_image","twitter_creator":"@andrejacobs81","twitter_site":"@andrejacobs81","twitter_misc":{"Written by":"Andr\u00e9 Jacobs","Estimated reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/#article","isPartOf":{"@id":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/"},"author":{"name":"Andr\u00e9 Jacobs","@id":"https:\/\/andrejacobs.org\/#\/schema\/person\/3d38360883015e883c80c2fb875c5a68"},"headline":"100 Days of Learning: Day 13 &#038; 14 \u2013 Running WordPress locally using Docker and using highlight.js","datePublished":"2021-03-22T21:54:33+00:00","dateModified":"2022-04-11T20:24:23+00:00","mainEntityOfPage":{"@id":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/"},"wordCount":970,"publisher":{"@id":"https:\/\/andrejacobs.org\/#\/schema\/person\/3d38360883015e883c80c2fb875c5a68"},"keywords":["Docker","WordPress"],"articleSection":["100 Days Challenge"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/","url":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/","name":"100 Days of Learning: Day 13 & 14 \u2013 Running WordPress locally using Docker and using highlight.js - Andr\u00e9 Jacobs","isPartOf":{"@id":"https:\/\/andrejacobs.org\/#website"},"datePublished":"2021-03-22T21:54:33+00:00","dateModified":"2022-04-11T20:24:23+00:00","description":"Day 13 and 14 of 100 complete. Today I managed to run a local copy of WordPress and MariaDB using Docker. I am now also using highlight.js.","breadcrumb":{"@id":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/andrejacobs.org\/100-days-challenge\/100-days-of-learning-day-13-14-running-wordpress-locally-using-docker-and-using-highlight-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/andrejacobs.org\/"},{"@type":"ListItem","position":2,"name":"100 Days of Learning: Day 13 &#038; 14 \u2013 Running WordPress locally using Docker and using highlight.js"}]},{"@type":"WebSite","@id":"https:\/\/andrejacobs.org\/#website","url":"https:\/\/andrejacobs.org\/","name":"Andr\u00e9 Jacobs","description":"iOS Development, Electronics, Robotics, Artificial Intelligence, Business and Health","publisher":{"@id":"https:\/\/andrejacobs.org\/#\/schema\/person\/3d38360883015e883c80c2fb875c5a68"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/andrejacobs.org\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/andrejacobs.org\/#\/schema\/person\/3d38360883015e883c80c2fb875c5a68","name":"Andr\u00e9 Jacobs","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/andrejacobs.org\/#\/schema\/person\/image\/","url":"https:\/\/andrejacobs.org\/wp-content\/uploads\/2019\/03\/andre_jacobs.jpg","contentUrl":"https:\/\/andrejacobs.org\/wp-content\/uploads\/2019\/03\/andre_jacobs.jpg","width":450,"height":450,"caption":"Andr\u00e9 Jacobs"},"logo":{"@id":"https:\/\/andrejacobs.org\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/andrejacobs.org","https:\/\/www.youtube.com\/channel\/UCzqXvnd_UJ3sAzQkQBD-IVw"],"url":"https:\/\/andrejacobs.org\/author\/andre\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/andrejacobs.org\/wp-content\/uploads\/2021\/03\/Screenshot-2021-03-22-at-21.17.42.png","_links":{"self":[{"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/posts\/284"}],"collection":[{"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":2,"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/posts\/284\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/posts\/284\/revisions\/286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/media\/287"}],"wp:attachment":[{"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/media?parent=284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/categories?post=284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/andrejacobs.org\/wp-json\/wp\/v2\/tags?post=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}