diff --git a/src/contents/how-to-configure-astropaper-theme.md b/src/contents/how-to-configure-astropaper-theme.md index 4383ef3fe..6bd392789 100644 --- a/src/contents/how-to-configure-astropaper-theme.md +++ b/src/contents/how-to-configure-astropaper-theme.md @@ -51,7 +51,7 @@ Here are SITE configuration options You can specify site's title or logo image in `src/config.ts` file. -![](https://res.cloudinary.com/noezectz/v1663911318/astro-paper/AstroPaper-logo-config_goff5l.png) +![An arrow pointing at the website logo](https://res.cloudinary.com/noezectz/v1663911318/astro-paper/AstroPaper-logo-config_goff5l.png) ```js // file: src/config.ts @@ -77,7 +77,7 @@ It is recommended that you specify width and height of your logo image. You can You can configure your own social links along with its icons. -![](https://res.cloudinary.com/noezectz/v1663914759/astro-paper/astro-paper-socials_tkcjgq.png) +![An arrow pointing at social link icons](https://res.cloudinary.com/noezectz/v1663914759/astro-paper/astro-paper-socials_tkcjgq.png) Currently 19 social icons are supported. (Github, LinkedIn, Facebook etc.) diff --git a/src/contents/how-to-connect-astro-paper-blog-with-forestry-cms.md b/src/contents/how-to-connect-astro-paper-blog-with-forestry-cms.md index 9c76ed88f..ce6e3099c 100644 --- a/src/contents/how-to-connect-astro-paper-blog-with-forestry-cms.md +++ b/src/contents/how-to-connect-astro-paper-blog-with-forestry-cms.md @@ -27,7 +27,7 @@ In this article, I will explain step by step process of connecting AstroPaper th First of all, you have to create an account at [Forestry website](https://app.forestry.io/login "Forestry Login Page"). I usually sign up with my Github account. -![](https://res.cloudinary.com/noezectz/v1663739096/astro-paper/Forestry-io_hk5yzv.png) +![Forestry Login page](https://res.cloudinary.com/noezectz/v1663739096/astro-paper/Forestry-io_hk5yzv.png) ## Import AstroPaper site (repository) @@ -37,19 +37,19 @@ This part is importing the repository to Forestry and a little bit of set up pro After logging in/signing up an account, import your AstroPaper site by clicking "Add Site" button. -![](https://res.cloudinary.com/noezectz/v1663739752/astro-paper/Forestry-io_1_z1bdyd.png) +![Forestry 'My sites' page](https://res.cloudinary.com/noezectz/v1663739752/astro-paper/Forestry-io_1_z1bdyd.png) ### Select SSG In this case, just choose "Others" -![](https://res.cloudinary.com/noezectz/v1663740872/astro-paper/Forestry-io_2_blrrw2.png) +![Selecting 'Others' as a site generator](https://res.cloudinary.com/noezectz/v1663740872/astro-paper/Forestry-io_2_blrrw2.png) ### Select Git Provider My git provider is Github and I assume yours is the same. So, choose "Github". -![](https://res.cloudinary.com/noezectz/v1663740922/astro-paper/Forestry-io_3_pj1v8v.png) +![Selecting Github as a git provider](https://res.cloudinary.com/noezectz/v1663740922/astro-paper/Forestry-io_3_pj1v8v.png) After this, the process of importing site (repo) is done. @@ -59,19 +59,19 @@ The next phase after importing site is setting up sidebar menu. You can add many Navigate to "Finish setup process" > "Set up sidebar" and click "Configure sitebar" -![](https://res.cloudinary.com/noezectz/v1663740974/astro-paper/forestry-io_4_j35uk9.png) +![Forestry welcome screen](https://res.cloudinary.com/noezectz/v1663740974/astro-paper/forestry-io_4_j35uk9.png) Then, click "Add Section" button. -![](https://res.cloudinary.com/noezectz/v1663741011/astro-paper/forestry-io_5_sxtgvx.png) +![Clicking 'Add Section' for sidebar](https://res.cloudinary.com/noezectz/v1663741011/astro-paper/forestry-io_5_sxtgvx.png) After that, choose DIRECTORY for the Section Type. -![](https://res.cloudinary.com/noezectz/v1663741052/astro-paper/forestry-io_6_lddmkx.png) +![Choosing 'DIRECTORY' as the Selection Type](https://res.cloudinary.com/noezectz/v1663741052/astro-paper/forestry-io_6_lddmkx.png) Then, configure the directory section. You can follow along with my setup. -![](https://res.cloudinary.com/noezectz/v1663741105/astro-paper/forestry-io_7_jkwgi1.png) +![Configuring the Directory Section](https://res.cloudinary.com/noezectz/v1663741105/astro-paper/forestry-io_7_jkwgi1.png) After this step, you should see a sidebar menu "Blog Posts" and some blog posts. @@ -79,7 +79,7 @@ After this step, you should see a sidebar menu "Blog Posts" and some blog posts. In Forestry CMS, you can set up different options for media (aka assets) such as Cloudinary, git commit media etc. I usually store my assets in [Cloudinary](https://cloudinary.com/). To set up media import, go to Settings > Media. Then select your image storage provider. (I chose Cloudinary). -![](https://res.cloudinary.com/noezectz/v1663741636/astro-paper/forestry-io-media-import_1_f8i4lm.png) +![Setting up 'Cloudinary' as the media import](https://res.cloudinary.com/noezectz/v1663741636/astro-paper/forestry-io-media-import_1_f8i4lm.png) You can see details of Forestry Cloudinary setup at [Forestry documentation](https://forestry.io/docs/media/cloudinary/). @@ -89,17 +89,17 @@ After setting everything up, you can set up front matter template for your futur Then, click "Add Template" button at the top right corner. -![](https://res.cloudinary.com/noezectz/v1663742060/astro-paper/forestry-io-frontmatter_yskfvn.png) +![Front Matter Templates page](https://res.cloudinary.com/noezectz/v1663742060/astro-paper/forestry-io-frontmatter_yskfvn.png) Select new template based on existing document. -![](https://res.cloudinary.com/noezectz/v1663742179/astro-paper/forestry-io-existing-doc_bwcb9q.png) +![Creating new tamplate based on existing document](https://res.cloudinary.com/noezectz/v1663742179/astro-paper/forestry-io-existing-doc_bwcb9q.png) Then, add template name and choose one of my document page as template. As the final setup, make some adjustment in the front matter field settings. -![](https://res.cloudinary.com/noezectz/v1663742450/astro-paper/forestry-io-fm-config_jqmgwz.png) +![Making some adjustment in a front matter field setting](https://res.cloudinary.com/noezectz/v1663742450/astro-paper/forestry-io-fm-config_jqmgwz.png) Here are some adjustments you have to made. diff --git a/src/contents/terminal-development.md b/src/contents/terminal-development.md index c66faf1f0..9c1d3009b 100644 --- a/src/contents/terminal-development.md +++ b/src/contents/terminal-development.md @@ -58,25 +58,25 @@ Here are some features of the project. Users can change multiple themes. At the time of writing this post, there are 5 themes; and more themes will probably be added in the future. The selected theme is saved in local storage so that the theme won’t change on page refresh. -![](https://i.ibb.co/fSTCnWB/terminal-portfolio-multiple-themes.gif) +![Setting different theme](https://i.ibb.co/fSTCnWB/terminal-portfolio-multiple-themes.gif) ### Command-line Completion To look and feel as close to the actual terminal as possible, I put a command-line completion feature which auto fills in partially typed commands by simply pressing ‘Tab’ or ‘Ctrl + i’. -![](https://i.ibb.co/CQTGGLF/terminal-autocomplete.gif) +![Demonstrating command-line completion](https://i.ibb.co/CQTGGLF/terminal-autocomplete.gif) ### Previous Commands Users can go back to the previous commands or navigate the previously typed commands by pressing Up & Down Arrows. -![](https://i.ibb.co/vD1pSRv/terminal-up-down.gif) +![Going back to previous commands with UP Arrow](https://i.ibb.co/vD1pSRv/terminal-up-down.gif) ### View/Clear Command History previously typed commands can be viewed by typing ‘history’ in the command line. All the command history and terminal screen can be wiped out by typing ‘clear’ or pressing ‘Ctrl + l’. -![](https://i.ibb.co/SJBy8Rr/terminal-clear.gif) +![Clearing the terminal with 'clear' or 'Ctrl + L' command](https://i.ibb.co/SJBy8Rr/terminal-clear.gif) ## Outro