DEV Community: Mayanna Oliveira

Terminal do Windows com Oh My Posh

Mayanna Oliveira — Thu, 07 Dec 2023 14:00:00 +0000

Conteúdo

Requisitos
Instalação do Winget
Tema Dracula
Instalação do Oh My Posh
Oh My Posh e o Antivírus
Posh Git e Oh My Posh
Alterar o Tema
Instalação do PSReadLine
Manipulando Segmentos
Instalação do Terminal Icons
Navegação com PSReadLine
Alterando as Cores
Corrigindo Fonts no Terminal
Tema Personalizado
Terminal no Visual Studio Code
Anexo

Requisitos

Antes de iniciar a instalação é necessário configurar os pré-requisitos:

Instalação do Winget via Microsoft Store.
Baixar do Nerds Fonts as fontes MesloLGM, Fira Code Mono e Jet Brains Fonts Mono.
Acessar a documentação do Oh My Posh e seguir o passo-a-passo.
Lista de temas do Oh My Posh.
Pode usar no Windows Terminal o tema Dracula ou customizar um de sua preferência.

Instalação do Winget

Toda a instalação no Oh My Posh é realizada via terminal utilizando o Winget para a instalação do pacote.
Apenas acesse a Microsoft Store diretamente da sua máquina, busque por Winget e clique em instalar.

Tema Dracula

A instalação do tema Dracula no Windowns Terminal é bem simples.

Clique no terminal com o botão direito do mouse e vá em Configurações.
Dentro das configurações acesse a opção Abrir com JSON.

Insira dentro do bloco Schemes o tema do Dracula.

Código do tema do Dracula:



"schemes": [
    {
        "name": "Dracula",
        "cursorColor": "#F8F8F2",
        "selectionBackground": "#44475A",
        "background": "#282A36",
        "foreground": "#F8F8F2",
        "black": "#21222C",
        "blue": "#BD93F9",
        "cyan": "#8BE9FD",
        "green": "#50FA7B",
        "purple": "#FF79C6",
        "red": "#FF5555",
        "white": "#F8F8F2",
        "yellow": "#F1FA8C",
        "brightBlack": "#6272A4",
        "brightBlue": "#D6ACFF",
        "brightCyan": "#A4FFFF",
        "brightGreen": "#69FF94",
        "brightPurple": "#FF92DF",
        "brightRed": "#FF6E6E",
        "brightWhite": "#FFFFFF",
        "brightYellow": "#FFFFA5"
    }
]

A partir do exemplo acima é possível também criar o seu próprio tema com suas cores favorias.
Para alterar o tema do Windows Terminal acesse novamente as Configurações > Esquema de Cores, selecione Dracula e salve.

Caso o passo 4 não funcione acesse Configurações > PoweShell > Aparência > Esquema de Cores, selecione Dracula e salve.

Aproveite que está no passo 5 e troque o Tipo de Fonte para FireCore Nerd Font e salve.

Instalação do Oh My Posh

Toda a instalação é feita via terminal graças ao Winget, siga o passos abaixo:

Ter o Winget devidamente instalado.
Instalar as fonts do Nerd Fonts.
Acessar o Power Shell e digitar winget install JanDeDobbeleer.OhMyPosh -s winget.
Instalar o temas
Efetuar a instalação com o comando winget install JanDeDobbeleer.OhMyPosh -s winget.
Insira o comando winget upgrade JanDeDobbeleer.OhMyPosh -s winget para verificar se tem atualização.
Configure o tema usando o comando oh-my-posh init pwsh --config "$env:POSH_THEMES_PATH\jandedobbeleer.omp.json". o terminal vai retornar um outro comando (@(& 'C:/Users/Dev/AppData/Local/Programs/oh-my-posh/bin/oh-my-posh.exe' init pwsh --config='C:\Users\Dev\AppData\Local\Programs\oh-my-posh\themes\jandedobbeleer.omp.json' --print) -join "n") | Invoke-Expression` então use ele novamente como mostra abaixo:
Após a instalação rode o comando notepad $PROFILE para configurar o perfil e insira as linhas:

import-Module oh-my-posh Set-PoshPrompt -Theme JanDeDobbeleer

JanDeDobbeleer é o nome do tema para conhecer mais acesse is temas no site ou acessar o repositório do Oh My Posh no GitHutb.

Oh My Posh e o Antivírus

O Oh My Posh passa por atualizações frequentes por isso, o antivírus pode ocasionalmente o sinaliza (falso positivo) então, acesse o seu antivírus e libere a execução do Oh My Posh. Para localizar o executável utilize o comando (Get-Command oh-my-posh).Source.

Posh Git e Oh My Posh

O Oh My Posh é um módulo do PowerShell que ajuda a decorar nossa janela do PowerShell usando diferentes temas integrados e personalizados.

O Posh Git é um módulo do PowerShell que integra Git e PowerShell, fornecendo informações resumidas de status do Git que podem ser exibidas no prompt do PowerShell, por exemplo, posh-git também fornece suporte para preenchimento de guias para comandos git comuns, nomes de ramificações, caminhos e muito mais.

Instale ambos através dos comandos Install-Module posh-git -Scope CurrentUser e logo após o comando Install-Module oh-my-posh -Scope CurrentUser.

Alterar o Tema

Para verificar todos os temas disponíveis use o comando Get-PoshThemes. Caso queira alterar é só seguir os passos já abordados:

Acessar o terminal e usar o comando notepad $PROFILE ou code $PROFILE.
Trocar JanDeDobbeleer no código abaixo pelo tema que mais agrada.

import-Module oh-my-posh Set-PoshPrompt -Theme JanDeDobbeleer

Instalação do PSReadLine

O PSReadLine vai ajudar a otimizar a sua experiência no uso do terminal, a instalação é simples:

Digite no terminal o comando: Install-Module PSReadLine -AllowPrerelease -Force.
Use o notepad $PROFILE para acessar o perfil e inserir as linhas:

if ($host.Name -eq 'ConsoleHost') { Import-Module PSReadLine }

Manipulando Segmentos

O Oh My Posh tem alguns seguimentos que podem ser instalados conforme sua rotina de trabalho, abaixo veja o exemplo de um usuário de Git:

{ "type": "git", "style": "powerline", "powerline_symbol": "", "invert_powerline": false, "foreground": "#193549", "background": "#fffb38", "leading_diamond": "", "trailing_diamond": "", "properties": { "display_status": true, "display_stash_count": true, "display_upstream_icon": true }
Os segmentos estão disponíveis no site do projeto e sao inseridos dentro do block conforme o exemplo abaixo:

{ "blocks": [ { // positioning metadata (not shown) "segments": [] } ] }

Instalação do Terminal Icons

Toda vez que listar um repositório com o comando ls será exibido os ícones dos arquivos conforme suas extensões, a instalação do Terminal Icons é bem simples e també feita via terminal.

Insira no terminal o comando Install-Module -Name Terminal-Icons -Repository PSGallery.
Após instalado os ícones acesse o perfil do terminal notepad @=$PROFILE e insira a linha Import-Module -Name Terminal-Icons.
Agora teste a instalação usando o comando ls.

Navegação com PSReadLine

O PSReadLine facilita a navegação poís tem um pacote de funções que ajudam o usuário a ter mais produtividade no uso do terminal, sua instalação é via terminao siga os passos:

Efetue a instalção com a linha de comando Install-Module PSReadLine -AllowPrerelease -Force.
Após instalado acesse o perfil do terminal notepad @=$PROFILE.
Insira as linhas:

Import-Module PSReadLine Set-PSReadLineOption -PredictionSource History Set-PSReadLineOption -PredictionViewStyle ListView Set-PSReadLineOption -EditMode Windows

Agora digite notepad e perceba que o histórico do que foi digitado antes é exibido.

Alterando as Cores

As cores padrão também podem ser alteradas conforme exemplo:

{ "type": "aws", "style": "powerline", "powerline_symbol": "\uE0B0", "foreground": "#ffffff", "background": "#111111", "foreground_templates": [ "{{if contains \"default\" .Profile}}#FFA400{{end}}", "{{if contains \"jan\" .Profile}}#f1184c{{end}}" ] }

Corrigindo Fonts no Terminal

Caso o terminal não exiba das fonts é somente rodar o comando oh-my-posh font install --user e todas as fonts e icones irão aparece na linha de comando.
Caso continue aparecendo caracteres qubrados digite o comando notepade $PROFILE e insira a linha oh-my-posh config migrate glyphs --write veja o exemplo abaixo:

import-Module oh-my-posh Set-PoshPrompt -Theme JanDeDobbeleer oh-my-posh config migrate glyphs --write
Essa foi a recomendação da própria documentação no link After updating my Nerd Font to a newer version, the prompt displays unknown characters.

Tema Personalizado

É possível também criar o seu próprio tema e personalizar sua linha do terminal como achar melhor. Como foi abordado nos tópicos anteriores, tem na documentação do Oh My Posh a lista de Segments, Colors entre outros.

Utilize o tema padrão JanDeDobbeleer como referência para as alterações.
Acesse o site do Oh My Posh > Menu > Docs > Segments e busque pelo segmento que deseja utilizar.
Copie o segmento e cole dentro do de blocks como mostra abaixo:

{ "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json", ... "blocks": [ { ... "segments": [ { "type": "path", "style": "powerline", "powerline_symbol": "\uE0B0", "foreground": "#ffffff", "background": "#61AFEF", "template": " {{ .Path }}} ", "properties": { ... } } ] } ] }

Salve o arquivo na pasta que deseja e depois insira no perfil do Oh My Posh o diretório para esse arquivo customizado.
Digite no terminal notepad $PROFILE.
Insira a linha: oh-my-posh --init --shell pwsh --config C:\Users\Dev\PowerShell\mytheme.omp.json | Invoke-Expression

Terminal no Visual Studio Code

Para exibir seu terminal no VS Code da mesma forma que no Windows Terminal basta aplicar duas alterações nas configurações.

Acesse: Menu > Settings.
Efetue a pesquisa de terminal.integrated.fontFamily e insira a font "MesloLGM Nerd Font".
Depois pesquise terminal.integrated.fontSize e insira o tamanho 12.

Anexo

No fim o profile do Oh My Posh ficará conforme o exemplo em anexo.

Introdução aos Comandos Git

Mayanna Oliveira — Tue, 21 Nov 2023 08:45:59 +0000

Tópicos

O que é Git?

O Git é um sistema de controle de versão distribuído amplamente utilizado para rastrear as alterações em arquivos e coordenar o trabalho em projetos de desenvolvimento de software. Ele permite que várias pessoas trabalhem em um mesmo projeto, gerenciando diferentes versões dos arquivos e facilitando a colaboração.

Instalação do Git

Aqui está um passo a passo para instalar o Git em seu sistema:

Acesse o site oficial do Git.
Escolha a versão do Git adequada para o seu sistema operacional (Windows, macOS, Linux) e clique no link de download correspondente.
Após o download ser concluído, execute o arquivo de instalação.
Siga as instruções do assistente de instalação. Geralmente, você pode aceitar as opções padrão, a menos que tenha necessidades específicas.
Durante a instalação, você pode escolher componentes adicionais para serem instalados, como a interface gráfica do usuário do Git e o Git Bash (um terminal Unix). Selecione as opções desejadas.
Na tela "Seleção de editor", escolha o editor de texto que você deseja usar com o Git. Se você não tiver preferência, pode deixar a opção padrão.
Na tela "Caminho de destino", você pode escolher onde o Git será instalado em seu sistema. Novamente, a opção padrão geralmente é adequada.
Na tela "Configurações adicionais", você pode optar por adicionar o Git ao PATH do sistema e escolher a conversão automática de fim de linha. Selecione as opções conforme sua preferência.
Após concluir as configurações adicionais, clique em "Instalar" para iniciar a instalação do Git.
Aguarde até que a instalação seja concluída com sucesso.

Após a instalação, você pode abrir um terminal ou prompt de comando e digitar "git --version" para verificar se o Git foi instalado corretamente.

Bitbucket, GitLab e GitHub

O Bitbucket, GitLab e GitHub são plataformas de hospedagem de código e colaboração, mas possuem algumas diferenças. O Bitbucket, assim como o GitHub, é mais focado em hospedagem de código e colaboração entre desenvolvedores. O GitLab, além de oferecer esses recursos, é uma solução completa de DevOps, com recursos integrados de CI/CD, rastreamento de problemas e gerenciamento de projetos. Além disso, o GitLab pode ser instalado no local (self-hosted), enquanto o Bitbucket e o GitHub são baseados em nuvem.

Comandos Git

Alguns comandos básicos do Git para manipular repositórios no GitHub:

git clone <URL>: Clona um repositório do GitHub para o seu computador.
git add <arquivo>: Adiciona um arquivo específico para ser poder efetuar o commit.
git remote add origin <URL>: Adiciona um repositório remoto ao seu projeto local.
git remote -v: Lista os repositórios remotos vinculados ao seu projeto local.
git pull origin <branch>: Atualiza a branch local com as alterações mais recentes do repositório remoto.
git commit -m "<mensagem>": Realiza um commit das alterações com uma mensagem.
git reset <commit>: Desfaz as alterações até um determinado commit.
git revert <commit>: Desfaz um commit específico criando um novo commit com as alterações revertidas.
git stash: Guarda as alterações em uma pilha de stash temporária.
git push: Envia as alterações locais para o repositório remoto no GitHub.
git pull: Atualiza o repositório local com as alterações mais recentes do repositório remoto.
git branch: Lista as branches disponíveis no repositório.
git checkout <branch>: Altera para a branch especificada.
git branch <nome_branch>: Cria uma nova branch.
git checkout -b <nome_branch>: Cria e altera para uma nova branch.
git merge <branch>: Mescla as alterações de uma branch para a branch atual. e funcionalidades disponíveis.
git status: Mostra o estado atual do repositório e dos arquivos.
git log: Exibe o histórico de commits do repositório.

Lembre-se de sempre consultar a documentação oficial do Git para mais detalhes sobre cada comando e suas opções, recomendo a leitura da documentação do Github e do Gitlab que são os mais utilizados.

Ferramenta Gráfica

O GitKraken é uma ferramenta gráfica de interface de usuário para o Git. Ele fornece uma maneira visual e intuitiva de trabalhar com repositórios Git, permitindo que os usuários realizem operações como clonar repositórios, criar branches, fazer commits, fazer merge de código e muito mais, tudo através de uma interface amigável. O GitKraken é popular entre desenvolvedores e equipes que desejam uma experiência visual ao usar o Git.

Redes Sociais

Siga-me nas redes sociais para receber mais artigos como esses.

Atualização do Ubuntu via Terminal

Mayanna Oliveira — Sat, 18 Nov 2023 02:49:58 +0000

Todo fã de GNU/Linux vai falar o quanto é prático instalar e configurar a distro¹ somente usando o terminal pois, além de ser uma vantagem é algo que facilita no dia a dia de quem estuda ou trabalha. Abaixo eu vou ensinar como criar um Bash para atualizar e otimizar sua máquina. É importante que durante esse processo o laptop esteja ligado na tomada para evitar que desligue ou reinicie durante o processo.
É nescessário conhecer os comandos básicos para utilizar esse scrip são eles:

sudo su: usado para pedi permissão de acesso como administrador, exemplo: sudo su depois digita a senha;
apt-get: no Ubuntu é usado para instalar, remover e manipular pacotes, exemplo sudo apt-get install inkscape para que possa instalar o Inkscape;
pwd: sigla para print work directory ou seja, exibir o caminho do diretório;
cd: usado para copiar arquivo de um diretório para outro, exemplo: cp xyz /desktop/arquivo.txt /desktop/notas;
mv: usado para mover arquivos e diretórios, exemplo: $ mv nota.txt ~/Documentos/;
rm: para remover arquivos e diretórios rm /Documentos/nota.txt;
mkdir: usado para criar diretórios, exemplo: mkdir pasta;
man: usado para exibir uma manual para verificar a utilização de algum comando, exemplo: man info;
echo: comando para exibir texto na saída do terminal, exemplo: echo iniciar atualização.

Vamos criar o script:

O terminal deve está com a permissão de administrador ou seja, sudo su;
Inicie pelo comando UPDATE, exemplo: sudo apt update. Todos os pacotes instalados são atualizados ajudando a manter a segurança e integridade do SO². Caso queira visualizar o que precisa ser atualizado use o comando apt list --upgradable para que o via terminal possa também selecionar a opção de atualizar somente lista específicas.
O comando sudo apt-get dist-upgrade ele vai atualizar pacotes fora de data e ainda remover os obsoletos;
Utilizar o comando sudo apt-get upgrade para atualização geral da distribuição, remoção de pacotes e correção de conflitos.
Remova os pacotes que não serão mais nescessários com o comando sudo apt-get autoremove;
O último passo é reiniciar o computador e isso pode ser incluído no script, exemplo:

if [ -f /var/run/reboot-required ]; then
    echo 'É nescessário Reiniciar!'
    echo -e $TEXT_RESET
fi

while true; do
    read -p "Pronto para reiniciar? " sn
    case $sn in
    [Ss]* ) reboot; break;;
    [Nn]* ) exit;;
    * ) echo "Digite [S] ou [N]";;
    esac
done

Com e script completo salve como .sh e quando precisar é só executar via terminal exemplo: bash ./atualizacao.sh

#!/bin/bash

sudo apt-get update
sudo apt-get dist-upgrade
sudo apt-get upgrade
sudo apt-get autoremove

if [ -f /var/run/reboot-required ]; then
    echo 'É nescessário Reiniciar!'
    echo -e $TEXT_RESET
fi

while true; do
    read -p "Pronto para reiniciar? " sn
    case $sn in
    [Ss]* ) reboot; break;;
    [Nn]* ) exit;;
    * ) echo "Digite [S] ou [N]";;
    esac
done

Invés de reboot pode ser usado o comando sudo shutdown -h +10 para desligar daqui 10 min ou sudo shutdown -r HH:MM para programar um horário.
No site Distro Watch por meio de busca é possível selecionar qual distro mais se encaixa com o seu estilo. Recomendo Ubuntu, Linux Mint, PopOS e Zorin OS.

¹ É a abreviação da palavra distribuição, diversos sistemas operacionais que podem ser baseados em Debian ou outros.

² SO: sigla para Sistema Operacional

Artigo escrito por Mayanna S. Oliveira em 21/03/2023.

Instalação do Docker no Ubuntu

Mayanna Oliveira — Sat, 18 Nov 2023 02:04:17 +0000

O que é Docker?

Basicamente, o Docker é uma plataforma de código aberto que permite criar, implantar e executar aplicativos em contêineres.
Docker é uma tecnologia que permite empacotar um aplicativo juntamente com todas as suas dependências em um contêiner virtualizado. Esses contêineres são isolados uns dos outros e podem ser executados em qualquer ambiente, proporcionando portabilidade e escalabilidade. O uso de contêineres Docker facilita a implantação rápida e consistente de aplicativos, além de simplificar o gerenciamento de infraestrutura.

Arquitetura do Docker

Image (Imagem);
Container;
Index;
Repository (Repositório);
Registries (Registros).

Siga os passos abaixo para instalação manual do Docker:

Inicie atualizando os pacotes da sua máquina : $ sudo apt-get update
Instalação dos pacotes para uso sobre protocolo HTTPS:

 $ sudo apt-get install \ apt-transport-https \ ca-certificates \  curl \ software-properties-common

Adicionar chave GPG key:

$ curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo
$ apt-key add -

Verifique se a chave correta está instalada: $ sudo apt-key fingerprint código-chave
Via apt adicione o repositório Docker que seja stable (versão estável):

$ sudo add-apt-repository \ "deb [arch=amd64] https://download.docker.com/linux/ubuntu \  $(lsb_release -cs) \ stable"

Atualize os pacotes apt da sua máquina para que tenha o Docker incluso neles: $ sudo apt-get update
Instalação do Docker CE: $ sudo apt-get install docker-ce
Por fim, verifique se tudo foi instalado perfeitamente: $ sudo docker container run ola-mundo

Caso você ja tenha o Docker instalado faz-se somente nescessário checar a versão com ocomando docker --version.

Instalação via script

Para efetuar o processo via script de forma automatizada siga os dois passos abaixo:

Baixe o script get-docker para sua máquina:

$ curl -fsSL get.docker.com -o get-docker.sh

Execute o script como administrador:

$ sudo sh get-docker.sh

Para sanar dúvidas acerca da instalação ou atualização do Docker acesse a documentação oficial.

Repositório de imagens

O Dockerhub é um repositórios com diversas imagens prontas para uso, e#as podem ser baixadas e manipuladas usando os comandos:

Fazer o download da imagem para sua máquina: docker image pull nome-imagem;
Verificar imagens disponíveis: docker image ls;
riar container usando a imagem baixada com os containers listados: $ docker container run -id --name demo alpine ash

Administradores

Criar um grupo de usuários para administrar o Docker sudo groupadd docker Criar somente um usuário administrador: sudo useradd dockertest

Busca

Syntax: docker search [OPTIONS] TERM Para efetuar busca por imagens digite o comando docker search --limit 5 wordpress assim será listado 5 imagnes WordPress disponíveis. Sempre checar se a imagem é oficial, se o número de estrelas é favorável e se a imagem é automatizada ou não. É possível adicionar filtros na pesquisa como $ docker search \ --filter is-automated=true \ --filter stars=20 wordpress onde somente imagens automatizadas e com 20 estrelas serão exibidos.

Instalação do Docker Desktop

Baixe o pacote .deb disponível para Ubuntu na página de Docker Doc

$ sudo apt-get update
$ sudo apt-get install ./docker-desktop-nome-pacote.deb

Cheque a versão do Docker e do Compose com os comandos:

$ docker compose version
$ docker --version

Para iniciar as atividades no Docker digite o comando: $ systemctl --user start docker-desktop Para pausar as atividades no Docker digite o comando: $ systemctl --user stop docker-desktop

Chave GPD e Restart

Caso ocorra erro na hora de iniciar o Docker abra o terminal e insira os comandos:

$ sudo su
$ systemctl start docker
$ systemctl enable docker
$ systemctl restart docker

Se o problema persistir tente criar a chave GPD e habilitá-la usando seu nome/email:

$ gpg --generate-key
$ pass init chave-gpd

Salve essa chave e agora comece usar o Docker.

Iniciaindo

docker run --name repo alpine/git clone https://github.com/docker/getting-started.git
docker cp repo:/git/getting-started/ .

$ docker run --name repo alpine/git clone https://github.com/docker/getting-started.git

$ cd getting-started

$ docker build -t docker101tutorial .

$ docker cp repo:/git/getting-started/ .

$ docker run -d -p 80:80 --name docker-tutorial docker101tutorial

$ docker cp repo:/git/getting-started/ .

$ docker tag docker101tutorial mayannaoliveira/docker101tutorial

$ docker push mayannaoliveira/docker101tutorial

Para mais informações consulte a documentação oficial da Docker.

Resumo da documentação do Heroku com Python

Mayanna Oliveira — Mon, 30 Aug 2021 22:37:25 +0000

O Heroku é uma plataforma de nuvem como serviço (PaaS) que suporta várias linguagens de programação e está ativa desde 2007.
Essa postagem é um resumo da Documentação do Heroku a qual recomendo a leitura e estudo.

Instalação no Linux:

sudo snap install heroku --classic

Efetuar o login com o comando:

heroku login

Instalação do Heroku CLI

git clone https://github.com/heroku/python-getting-started.git
cd python-getting-started

Criar a aplicação no Heroku:

heroku create

Finalizar o deploy:

git push heroku main

Verificar a excução:

heroku ps:scale web=1

Abrir o site criado:

heroku open

Referências: Heroku com Python: Getting Started, Documentação do Heroku e Heroku.

Postagem Disponível

Redes sociais

Se inscreva, curta e compartilhe!

VPN Gratuita no Linux com a ProtonVPN

Mayanna Oliveira — Sun, 29 Aug 2021 23:21:42 +0000

A protonVPN oferece serviço de VPN gratuitamente. Acompanhe o passo a passo de como instalar e configurar a VPN em seu computador:

Observação: Busque pelo site da ProtonVPN a versão atual para instalação a citada nos passos 6 e 7 foi a protonvpn-stable-release_1.0.1-1_all.deb.

Acesse o site da ProtonVPN.
Clique no botão de se isncrever.
Escolha o plano que deseja usar, pode ser o gratuito ou o pago.
No dashboard tem uma barra lateral clique em "baixar".
É possível ver as formas de cpnfigurar a VPN porém o clique em "[Linux]" para baixar e instalar o aplicativo do ProtonVPN.
Baixe o arquivo .deb se preferir use o comando https://protonvpn.com/download/protonvpn-stable-release_1.0.1-1_all.deb.
Instale a o .deb que foi baixado pode ser usando um gerenciador de pacotes ou pelo comando sudo apt-get install protonvpn-stable-release_1.0.1-1_all.deb.
Depois via terminal atualize e verifique por atualizações pelos comandos:

sudo apt-get update
sudo apt-get install protonvpn

Busque o ícone do ProtonVPN entre os arquivos instalados e clique para iniciar a interface visual.
Insira o email e senha que foi usou para se inscrever e selecione a VPN que preferir.
Na barra do Ubuntu será possível ver um ícone de uma chave indicando que a VPN foi ativada.

Caso tenha dúvidas ou esteja usando um outro sistema operacional por favor, leia o guia de instalação para entender como configurar e usar a ferramenta. Na área de ajuda do suporte é possível ter acesso a informações sobre a conta, conteúdo de acesso entre outros.

Referências:

ProtonVPN e guia de instalação.

Propósito dos Artigos e Postagens

Eu escrevo esses artigos e postagens para contribuir com a comunidade de Tecnologia da Informação e para compartilhar meu conhecimento e habilidades. A sua interação é muito importante então, compartilhe, curta e divulge essa postagem. Agradeço a todos que tem colaborado.

Postagem Disponível

Redes sociais

Se inscreva, curta e compartilhe!

Shortcut para uma AppImage

Mayanna Oliveira — Sun, 29 Aug 2021 16:40:39 +0000

Como configurar

Faça do download da sua AppImage.
Abra o terminal na pasta onde está a AppImage e rode o comando: ```

chmod u+x nome_app.AppImage

3. O AppImage deve ter a permição de executar como um programa.
4. Criar shortcut no menu do Ubuntu copie o arquivo abaixo e salve como nome_app.desktop e coloque na pasta **~/.local/share/applications** siga o modelo abaixo:

[Desktop Entry]
Name=nome_app
Comment=Comentário sobre a aplicação do shortcut
Exec=/home/pasta_usuario/apps/nome_app/nome_app.AppImage
Icon=/home/pasta_usuario/apps/app-icones/nome_icone.png
Terminal=false
Type=Application
Categories=Development


### Observações:
- Name: nome do programa.
- Comment: comentário curto sobre o programa.
- Exec: Caminho da AppImage.
- Icon: Caminho do ícone para o shortcut.
- Terminal: Rodar terminal sim/não.
- Type: Eu deixo sempre como Application.
- Categories: Nome da categoria.

### Modo mais fácil

O caminho mais fácil seria instalar um editor de menu como o [AppEditor], [Menu Livre] entre outros e criar via interface gráfica o atalho para executar a AppImage.

![Menu Livre](https://i.imgur.com/e9hEa1f.png)

### Usando o Menu Livre

1. Clique no botão de + para adicionar o shortcut dentro da categoria escolhida (no exemplo é Jogos).
2. Clique em "Novo Lançador" para colocar o nome.
3. Clique no ícone de engrenagem para colocar o ícone da aplicação.
4. Defina o comando ou seja, o caminho onde está a AppImage.
5. Defina um diretório de trabalho.
6. Na área de opções ative ou não: Executar no terminal / Usar notificação de inicialização / Esconder dos menus.
7. Em categorias clique no botão de + e defina a categoria onde será colocado o shortcut.

![Menu Livre](https://i.imgur.com/Kb5yigV.png)




**Siga-me nas redes sociais, eu estarei sempre a disposíção para trocar novas idéias. Sempre que eu puder estarei postando novidades!**

##### Postagem disponível
[![Hashnode](https://img.shields.io/badge/Publicado_no-Hashnode-blue?style=for-the-badge&logoColor=00C11C)](https://maosnocodigo.hashnode.dev/) [![evernote](https://img.shields.io/badge/Compartilhado%20no-Evernote-green?logo=evernote&style=for-the-badge)](https://www.evernote.com/shard/s580/sh/ce2c1b1f-79cb-9945-699e-5d93d60442b9/10d97b104a4fe3ab2cc6379290c007eb) [![github](https://img.shields.io/badge/Repositório%20no-github-black?logo=github&style=for-the-badge)](https://github.com/mayannaoliveira/artigos-postagens)

##### Redes Sociais
[![github](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/mayannaoliveira) [![gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white&link=mailto:mayannait@gmail.com)](mailto:mayannait@gmail.com) [![whatsapp](https://img.shields.io/badge/WhatsApp-25D366?style=for-the-badge&logo=whatsapp&logoColor=white)](https://api.whatsapp.com/message/5XLG4UPSFCNWP1) [![linktree](https://img.shields.io/badge/linktree-39E09B?style=for-the-badge&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira) [![instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/oliveiramayanna/) [![twitter](https://img.shields.io/badge/twitter-blue?style=for-the-badge&logo=twitter&logoColor=white)](ttps://twitter.com/oliveiramayanna/) [![codepen](https://img.shields.io/badge/codepen-black?style=for-the-badge&logo=codepen&logoColor=white)](https://codepen.io/mayannaoliveira)

Configurações do Visual Studio Code com comentários

Mayanna Oliveira — Sun, 29 Aug 2021 16:38:01 +0000

Eu resolvi postar as configurações que eu uso no Visual Studio Code, espero que os comentário possa ajudar vocês com a adequação do editor com o tipo de projeto que vocês desenvolvem.
Vocês podem baixar o setting.json clicando no link.

/* 
  * Arquivo de configuração do [Visual Studio Code] com comentários.
  * by Mayanna Oliveira
*/

{
// Controla sugestões do [IntelliSense] 
"editor.suggestSelection": "first",
// Delay (ms) da da sugestão 
"editor.quickSuggestionsDelay": 10,
// Pressionar tab para inserir a sugestão
"editor.tabCompletion": "on",
// Habilitar dicas de parâmetros
"editor.parameterHints.enabled": true,
// Sugestões do [IntelliCode]
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
// Controla as sugestões que devem ser aceitas com "Enter" além de "Tab". Evita ambigüidades entre inserir novas linhas e aceitar sugestões
"editor.acceptSuggestionOnEnter": "on",
// Controla se sugestões devem ser aceitas durante a digitação
"editor.acceptSuggestionOnCommitCharacter": true,

// Importação automática do [Tabnine]
"tabnine.experimentalAutoImports": true,
// Telemetria 
"telemetry.enableTelemetry": false,

// [CodeRunner] executar no terminal 
"code-runner.runInTerminal": true,

// Associações do editor
"workbench.editorAssociations": [
{
    "viewType": "jupyter-notebook",
    "filenamePattern": "*.ipynb"

},
{
  "viewType": "vscode.markdown.preview.editor",
  "filenamePattern": "*.md"
},
{
  "viewType": "hexEditor.hexedit",
  "filenamePattern": "*.hex"
},
{
  "viewType": "hexEditor.hexedit",
  "filenamePattern": "*.ini"
}],

// Token do Ponicode
"ponicode.token": "TOKEN_DO_USUÁRIO",
// Token do Sourcery
"sourcery.token": "TOKEN_DO_USUÁRIO",

// Tema do editor
"workbench.colorTheme": "Ayu Dark Bordered",
// Tema dos ícones
"workbench.iconTheme": "vscode-great-icons",
// Tema dos ícones na barra de atividades
"workbench.productIconTheme": "icons-carbon",
// Como iniciar o editor
"workbench.startupEditor": "newUntitledFile",
// Abrir arquivos em uma nova janela
"window.openFilesInNewWindow": "default",

// Tamanho da guia
"editor.tabSize": 2,
// Webviews using iframes
"webview.experimental.useExternalEndpoint": true,
// Zoom girando a bolinha do mouse
"editor.mouseWheelZoom": true,
// Mini mapa
"editor.minimap.enabled": false,
// Salvar automaticamente
"files.autoSave": "afterDelay",

// Visualização rápida do arquivo leia [User Interface]
"workbench.editor.enablePreview": false,

// Quebra de linda
"editor.wordWrap": "on",
// Configurações da [Shortcut Menu Bar] leia a [documentação do Menu Bar]
// Atalho para formatar
"ShortcutMenuBar.formatWith": true,
// Atalho para identar linhas
"ShortcutMenuBar.indentLines": true,
// Atalho para salvar tudo
"ShortcutMenuBar.saveAll": true,
// Atalho para ver comandos
"ShortcutMenuBar.showCommands": true,
// Atalho para ocultar barra de atividades
"ShortcutMenuBar.toggleActivityBar": true,
// Atalho para abrir lista de arquivos
"ShortcutMenuBar.openFilesList": false,
// Atalho para GitLive
"GitLive.Issue tracker integration": "Enable",

// Notificações do Kite
"kite.showWelcomeNotificationOnStartup": false,

// Como font padrão foi definida a [Jetbrains Mono]
// Font do CodeLens
"editor.codeLensFontFamily": "Jetbrains Mono",
// Font do editor
"editor.fontFamily": "Jetbrains Mono",
// Font do Inlay Hints
"editor.inlayHints.fontFamily": "Jetbrains Mono",
// Font do das mensagens de commit
"scm.inputFontFamily": "Jetbrains Mono",
// Font do console
"debug.console.fontFamily": "Jetbrains Mono",
// Font do terminal
"terminal.integrated.fontFamily": "Jetbrains Mono",
// Tamanho da font do terminal
"terminal.integrated.fontSize": 15,
// Espessura da font
"editor.fontWeight": 400,

// Configurações do [Bracket Pair Colorizer 2]
// Mostrar o parênteses ativo na régua
"bracket-pair-colorizer-2.showBracketsInRuler": true,
// Posição do parênteses na régua
"bracket-pair-colorizer-2.rulerPosition": "Center",
// Mostrar posição do parênteses ativo na margem
"bracket-pair-colorizer-2.showBracketsInGutter": true,
// Cores dos parênteses
"bracket-pair-colorizer-2.colors": [
  "Gold",
  "Violet",
  "Orchid",
  "LightSkyBlue",
  "Salmon",
  "LawnGreen",
  "DarkOrange",
  "Purple",
  "Cornsilk"
],
// Configurações para uso no CSS
"bracket-pair-colorizer-2.activeScopeCSS": [
  "borderStyle : solid",
  "borderWidth : 1px",
  "borderColor : {color}",
  "opacity: 0.5"
],
// Linha horizontal para criar um bloco ao redor do parênteses
"bracket-pair-colorizer-2.showVerticalScopeLine": true,
// Fechar parênteses automaticamente 
"editor.autoClosingBrackets": "always",
// Destacar os parênteses
"bracket-pair-colorizer-2.colorMode": "Independent",
// Mostrar uma linha indicando abertura e fechamento do parênteses
"bracket-pair-colorizer-2.showHorizontalScopeLine":true,
// A linha de escopo começará na posição final do parênteses
"bracket-pair-colorizer-2.highlightActiveScope":true,
// Não usar extenção para as seguintes linguagens
// "bracket-pair-colorizer-2.excludedLanguages": [],

// Configurações do [Debugging]
"debug.onTaskErrors": "abort",

// Arquivos confiáveis leia [Restricted Mode]
"security.workspace.trust.untrustedFiles": "open",

"git.autofetch": true,
// Configurações do [Integrated Terminal]
// Evita que combinações de teclas específicas sejam manipuladas pelo terminal
"terminal.integrated.commandsToSkipShell": [
    "workbench.action.toggleSidebarVisibility",
    "language-julia.interrupt"
],
// Na divisão o terminal iniciará no diretório com o qual o terminal pai foi iniciado
"terminal.integrated.splitCwd": "workspaceRoot",

// Definições do [Julia]
"julia.symbolCacheDownload": true,

// Conexões do [SQLTools] leia a documentação do [SQLTools Database management]
"sqltools.connections": [

],

// Comfigurações do [Emmet]
"emmet.includeLanguages": {
    "django-html": "html",
    "django-txt": "html"
},
"explorer.confirmDelete": false,
"window.zoomLevel": -1,

// Configurações para Markdown
"[markdown]": {
  "editor.defaultFormatter": "yzhang.markdown-all-in-one"
},

// Configurações para CSS
"[css]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.autoClosingBrackets": "always"
},

// Configurações para Json
"[json]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},

// Configurações para Jsonc
"[jsonc]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},

// Configurações para Typescript
"[typescript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.autoClosingBrackets": "always"
},

// Configurações para SCSS
"[scss]": {
  "editor.defaultFormatter": "HookyQR.beautify",
  "editor.autoClosingBrackets": "always"
},

// Configurações para HTML
"[html]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.autoClosingBrackets": "always"
},


// Associações das sintax das linguagens
"files.associations": {
  "**/*.html": "html",
  "**/templates/*/*.html": "django-html",
  "**/templates/*": "django-txt",
  "**/requirements{/**,*}.{txt,in}": "pip-requirements"
},

// Configurações da [Auto Close Tag]
"auto-close-tag.activationOnLanguage": [
  "django-html",
  "Python",
  "xml",
  "php",
  "blade",
  "ejs",
  "jinja",
  "javascript",
  "javascriptreact",
  "typescript",
  "typescriptreact",
  "plaintext",
  "markdown",
  "vue",
  "liquid",
  "erb",
  "lang-cfml",
  "cfml",
  "HTML (Eex)"
],

// Configurações do [TODO Highlight]
// Case sensitive
"todohighlight.isCaseSensitive": false,
// Definição de palavras chaves para o TODO Highlight
"todohighlight.keywords": [
  {
    "text": "TESTANDO",
    "color": "#000",
    "backgroundColor": "#f0b00d",
    "overviewRulerColor": "#f0b00d"
  },
  {
    "text": "GITHUB",
    "color": "#fff",
    "backgroundColor": "#000",
    "overviewRulerColor": "#fff"
  },
  {
    "text": "POSTADO",
    "color": "#000",
    "backgroundColor": "#0c9aa7",
    "overviewRulerColor": "#0c9aa7"
  },
  {
    "text": "APROVADO",
    "color": "#000",
    "backgroundColor": "#1e691b",
    "overviewRulerColor": "#1e691b"
  },
  {
    "text": "REPROVADO",
    "color": "#fff",
    "backgroundColor": "#7f0101",
    "overviewRulerColor": "#7f0101"
  }
],

// Cor do Bookmarks na régua
"bookmarks.overviewRuler": "#2175ca",
// Salvar o Bookmarks do projeto
"bookmarks.saveBookmarksInProject": true,

// Configurações do [Comment Anchors]
// Atrasar o carregamento das âncoras, padrão é true
"commentAnchors.workspace.lazyLoad": false,
// Palavras chaves para serem ancoradas
"commentAnchors.tags.list": [
{
  "tag": "TESTANDO",
  "scope": "file",
  "iconColor": "#f0b00d",
  "highlightColor": "#f0b00d",
  "styleComment": true
},
  {
  "tag": "GITHUB",
  "scope": "file",
  "iconColor": "#969696",
  "highlightColor": "#969696",
  "styleComment": true
},
  {
  "tag": "REPROVADO",
  "scope": "file",
  "iconColor": "#7f0101",
  "highlightColor": "#7f0101",
  "styleComment": true
},
  {
  "tag": "POSTADO",
  "scope": "file",
  "iconColor": "#0c9aa7",
  "highlightColor": "#0c9aa7",
  "styleComment": true
},
  {
  "tag": "APROVADO",
  "scope": "file",
  "iconColor": "#1e691b",
  "highlightColor": "#1e691b",
  "styleComment": true
},
  {
  "tag": "TESTANDO",
  "scope": "file",
  "iconColor": "#1e691b",
  "highlightColor": "#1e691b",
  "styleComment": true
}],
// Configurações da [Todo Tree]
"todo-tree.highlights.customHighlight": {
"[ ]": {
    "background": "#a70c0c"
},
"[x]": {
    "background": "#266902"
},
"[APROVADO]": {
  "icon": "check-circle-fill",
  "type": "line",
  "foreground": "black",
  "iconColour": "yellow",
  "gutterIcon": true
},
"[REPROVADO]": {
  "icon": "alert",
  "type": "line",
  "foreground": "black",
  "iconColour": "yellow",
  "gutterIcon": true
},
"[POSTADO]": {
  "icon": "thumbsup",
  "type": "line",
  "foreground": "black",
  "iconColour": "yellow",
  "gutterIcon": true
},
"[GITHUB]": {
  "icon": "mark-github",
  "type": "line",
  "foreground": "black",
  "iconColour": "yellow",
  "gutterIcon": true
}
},
// Escanear workspace ou current file
"todo-tree.tree.scanMode": "current file",
// Botão para escanear
"todo-tree.tree.showScanModeButton": true,
// Modo de pasta compacta
"todo-tree.tree.disableCompactFolders": true,
// Destaque
"todo-tree.highlights.defaultHighlight": {
        "type": "text-and-comment"
},
// Tags do TODO Tree
"todo-tree.general.tags": [
  "BUG",
  "REPROVADO",
  "APROVADO",
  "GITHUB",
  "TESTANDO",
  "FIXME",
  "TODO",
  "[ ]",
  "[x]"
]
  } // Fim

Alguns comando só irão funcionar se tiver determinadas extensões instaladas. Imagem para melhor visualização do código:

Lista das referências

IntelliSense, Emmet, SQLTools, SQLTools Database management, Jetbrains Mono, IntelliCode, Tabnine, Shortcut Menu Bar, documentação do Menu Bar, User Interface, Bracket Pair Colorizer 2, Debugging, Visual Studio Code,
CodeRunner, TODO Highlight, Restricted Mode, Integrated Terminal, Julia, Auto Close Tag, Bookmarks, Todo Tree, Comment Anchors e Sourcery.

Postagem disponível

Siga-me nas redes sociais

Badges personalizadas para o Github

Mayanna Oliveira — Sun, 29 Aug 2021 16:35:06 +0000

Passo a passo de como criar badges de tipos e estilos diferentes para o Github.

Badge com logo personalizado

Escolha o logo e baixe no formato .jpeg, .png, .gif, .webp, .svg ou .bmp.
É nescessário converter para a base 64 então use o site Base64 Image para fazer a conversão.
Na área de "Encoding" clique em "show code".
Copie somente o código no campo "For use in img elements". Veja o exemplo:

data:image/png;base64,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

A badge deve ter a seguinte estrutura:

![título](https://img.shields.io/badge/Título-Título-green.svg?logo=data:<link_copiado_do_base64>)

Resultado:

Então o bagde já pode ser criado usando logos personalizados.

Badge com logo personalizado e link:

[![Hashnode](https://img.shields.io/badge/Hashnode-Mãos%20no%20Código-blue.svg?logo=data:image/png;base64,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)](https://maosnocodigo.hashnode.dev/)

Resultado:

Exemplo utilizando um estilo diferente de badge:

[![Hashnode](https://img.shields.io/badge/Publicado_no-Hashnode-00C11C?style=for-the-badge&logoColor=00C11C&logo=data:image/png;base64,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)](https://maosnocodigo.hashnode.dev/)

Resultado:

Exemplo usando somente um lado da badge:

![Hashnode](https://img.shields.io/badge/Hashnode-gray?style=for-the-badge&logoColor=00C11C&logo=data:image/png;base64,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)

Resultado:

Como criar um badge utilizando um ícone disponível na Simple Icons

Abrir o site da e checar o ícone digitando o nome no "Search".
Eu vou buscar por "Linktree", veja o exemplo abaixo:
Agora que eu sei que tem o ícone disponível é só segui os exemplo do Shields como:

https://img.shields.io/static/v1?label=<RÓTULO>&message=<MENSAGEM>&color=<COR>

Resultado do exemplo acima:

Para acrescentar o link na badge basta seguir o padrão abaixo:

[![linktree](https://img.shields.io/badge/linktree-39E09B?style=for-the-badge&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira)

Resultado da badge com link:

É possível mudar o estilo da bagde alterando somente a parte do link ?style= abaixo alguns exemplos como:

Estilo Plastic:

1ª Opção:

[![linktree](https://img.shields.io/badge/linktree-39E09B?style=plastic&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira)

2ª Opção:

[![linktree](https://img.shields.io/badge/Acesse%20o%20meulinktree-39E09B?style=plastic&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira)

Resultado:

Estilo Flat:

1ª Opção:

[![linktree](https://img.shields.io/badge/Linktree-39E09B?style=flat&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira)

2ª Opção:

[![linktree](https://img.shields.io/badge/Acesse%20o%20meu-Linktree-39E09B?style=flat&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira)

Resultado:

. Estilo Flat Square:

1ª Opção:

[![linktree](https://img.shields.io/badge/Linktree-39E09B?style=flat-square&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira)

2ª Opção:

[![linktree](https://img.shields.io/badge/Acesse%20o%20meu-Linktree-39E09B?style=flat-square&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira)

Resultado:

Estilo for-the-badge:

1ª Opção:

[![linktree](https://img.shields.io/badge/linktree-39E09B?style=for-the-badge&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira)

2ª Opção:

[![linktree](https://img.shields.io/badge/Acesse%20o%20meu-Linktree-39E09B?style=for-the-badge&logo=linktree&logoColor=white)](https://linktr.ee/mayannaoliveira)

Resultado:

Estilo Social:

Resultado: [![linktree](https://img.shields.io/badge/Linktree-39E09B?style=social&logo=linktree&logoColor=39E09B)](https://linktr.ee/mayannaoliveira)

Resultado:

Estilo simples e sem logo:

[![Andamento](https://img.shields.io/badge/Andamento%20do%20projeto-45%-39E09B)](https://linktr.ee/mayannaoliveira)

Resultado de uma badge simples:

Outras configurações:

?label=healthinesses - Substitue o texto do lado esquerdo padrão.
?logo=appveyor - Nome do logo, veja lista dos logos no Simple Icons.
?logo=data:image/png;base64,… - Inserir imagem customizada na base 64.
Exemplo de badge com logoWidth=40:
?logoWidth=40 - Inserir espaço entre o logo.
?link=http://left&link=http://right - Criar badge com dois links diferentes, mais usando para as badge de estilo social.
Exemplo de badge com dois links diferentes ?link=https://google.com/&link=https://bing.com/:
?labelColor=abcdef - Cor do lado esquerdo.
?color=fedcba - Cor do lado direito.
?maxAge=3600 - Cache do HTTP.

Referências: Shields, Simple Icons e Base64 Image.

Badge com Emoji

Para veeificar quais emojis são compatíveis com o markdown do Github deixo como sugestão o repositório Emoji Cheat Sheet. Abaixo exemplos de badges usando emojis:

![curtida](https://img.shields.io/badge/Deixa%20o-%E2%9D%A4-red.svg?style=flat)

Resultado:

Exemplo:

![férias](https://img.shields.io/badge/T%C3%B4%20de%20F%C3%A9rias-%E2%9B%B1-FFDD67.svg?style=flat)

Resultado:

Exemplo:

![like](https://img.shields.io/badge/Deixe%20seu-%20👍-FFDD67.svg?style=flat-square)

Resultado: