fix: fix markdown warnings by adding alt texts

This commit is contained in:
Sat Naing
2022-10-17 11:33:11 +06:30
parent e0de512d0f
commit 326064111c
3 changed files with 18 additions and 18 deletions
@@ -51,7 +51,7 @@ Here are SITE configuration options
You can specify site's title or logo image in `src/config.ts` file. 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 ```js
// file: src/config.ts // 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. 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.) Currently 19 social icons are supported. (Github, LinkedIn, Facebook etc.)
@@ -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. 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) ## 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. 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 ### Select SSG
In this case, just choose "Others" 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 ### Select Git Provider
My git provider is Github and I assume yours is the same. So, choose "Github". 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. 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" 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. 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. 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. 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. 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). 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/). 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. 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. 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. 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. 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. Here are some adjustments you have to made.
+4 -4
View File
@@ -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 wont change on page refresh. 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 wont 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 ### 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. 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 ### Previous Commands
Users can go back to the previous commands or navigate the previously typed commands by pressing Up & Down Arrows. 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 ### 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. 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 ## Outro