<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Margeaux Spring</title>
    <description>The latest articles on Forem by Margeaux Spring (@cheapwebmonkey).</description>
    <link>https://forem.com/cheapwebmonkey</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F7497%2F11792303.jpeg</url>
      <title>Forem: Margeaux Spring</title>
      <link>https://forem.com/cheapwebmonkey</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/cheapwebmonkey"/>
    <language>en</language>
    <item>
      <title>How to fix unverified commits on GitHub</title>
      <dc:creator>Margeaux Spring</dc:creator>
      <pubDate>Sun, 13 Mar 2022 16:46:04 +0000</pubDate>
      <link>https://forem.com/cheapwebmonkey/how-to-fix-unverified-commits-on-github-4lep</link>
      <guid>https://forem.com/cheapwebmonkey/how-to-fix-unverified-commits-on-github-4lep</guid>
      <description>&lt;p&gt;Is today the day you are signing your commits but still experienceing the dreaded amber "unverified' tag on them? I have a solution that worked for me to fix that issue.&lt;/p&gt;

&lt;p&gt;First run this command via the command line to see which keys already exist:  &lt;code&gt;gpg --list-secret-keys --keyid-format=long&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;You should get a list of the keys that you have previously generated.&lt;/p&gt;

&lt;p&gt;Make sure the email that is being used in your key on GitHub is the correct email in git by running this command: &lt;code&gt;git config --list&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;The output of user name, email and key should match what is in your GPG key on GitHub:&lt;/p&gt;

&lt;p&gt;user.name=Margeaux Spring&lt;br&gt;
user.email=youremailhere&lt;br&gt;
user.signingkey=yourgpgkey&lt;/p&gt;

&lt;p&gt;If there is an email mismatch, your signed commits are still being tagged as “unverified” on GitHub, and you will need to add the correct email found  via the step above with this command: &lt;br&gt;
&lt;code&gt;git config --global user.email youremailhere&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;You cannot assume that git will use the same email for storing and signing the commit.&lt;/p&gt;

&lt;p&gt;You can also add more than one email to a key like this:&lt;br&gt;
    1. &lt;code&gt;gpg --list-secret-keys --keyid-format=long&lt;/code&gt;&lt;br&gt;
    2. &lt;code&gt;gpg --edit-key YOURKEYTOEDITHERE&lt;/code&gt;&lt;br&gt;
    3. a gpg prompt should appear, then you type &lt;code&gt;adduid&lt;/code&gt; and press enter&lt;br&gt;
        4. add the email you need to when prompted&lt;br&gt;
    5. after you have followed all the prompts, enter &lt;code&gt;save&lt;/code&gt; at the gpg prompt&lt;br&gt;
    6. now enter &lt;code&gt;gpg --armor --export YOUREDITEDKEY&lt;/code&gt;&lt;br&gt;
    7. copy and paste the entire block that appears in your terminal, from and including:&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;&lt;code&gt;-----BEGIN PGP PUBLIC KEY BLOCK-----  to -----END PGP PUBLIC KEY BLOCK-----&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;Next, go to GitHub and click on &lt;em&gt;Settings-&amp;gt;SSH &amp;amp; GPG Keys&lt;/em&gt;, delete the old key, click the green &lt;em&gt;New GPG Key&lt;/em&gt; button, paste in the key you have copied from your terminal output previously and click save.&lt;/p&gt;

&lt;p&gt;Your commits should now be automagically verified.&lt;/p&gt;

</description>
      <category>git</category>
      <category>github</category>
      <category>verified</category>
      <category>commits</category>
    </item>
    <item>
      <title>Adding Font Awesome Pro to your CI/CD Pipeline using GitHub Actions and Azure</title>
      <dc:creator>Margeaux Spring</dc:creator>
      <pubDate>Sat, 11 Sep 2021 15:35:50 +0000</pubDate>
      <link>https://forem.com/cheapwebmonkey/adding-font-awesome-pro-to-your-ci-cd-pipeline-with-nuxt-github-actions-and-azure-3ooo</link>
      <guid>https://forem.com/cheapwebmonkey/adding-font-awesome-pro-to-your-ci-cd-pipeline-with-nuxt-github-actions-and-azure-3ooo</guid>
      <description>&lt;p&gt;I've been working on an SSR flavored Nuxt.js app that needed to leverage &lt;a href="https://fontawesome.com"&gt;Font Awesome Pro&lt;/a&gt;. Font Awesome has excellent documentation how to install Font Awesome Pro with npm or yarn locally, but I needed to make a few tweaks to get it to play nicely with our particular app and CI/CD flavors. &lt;/p&gt;

&lt;p&gt;This post assumes you already have a working &lt;a href="https://nuxtjs.org"&gt;Nuxt.js&lt;/a&gt; SSR app deployed to &lt;a href="https://azure.microsoft.com"&gt;Azure&lt;/a&gt; with &lt;a href="https://docs.github.com/en/actions"&gt;Github Actions&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;First, since we are leveraging CI/CD, we want to set Font Awesome Pro up on a per project basis, so we need to create a .npmrc file in the root of our project.  &lt;/p&gt;

&lt;p&gt;Contrary to the instructions provided, since we are leveraging Github Actions and Azure as part of our CI/CD pipeline our .npmrc file should &lt;em&gt;only&lt;/em&gt; contain &lt;code&gt;@fortawesome:registry=https://npm.fontawesome.com/&lt;/code&gt;  &lt;/p&gt;

&lt;p&gt;Next, we need to install Font Awesome Pro locally by running&lt;br&gt;
&lt;br&gt;
 &lt;code&gt;FONTAWESOME_NPM_AUTH_TOKEN=YOUR_OWN_TOKEN_HERE npm install --save @fortawesome/fontawesome-pro&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;Then, we need to set up the Font Awesome Pro Token as a &lt;a href="https://docs.github.com/en/actions/reference/encrypted-secrets"&gt;GitHub Secret&lt;/a&gt; on our repo, so click on over to secrets on your repo and add your key there and click save. &lt;/p&gt;

&lt;p&gt;Next, we need to adjust the GitHub Actions workflows yaml file in our local branch to be able to reference our key in the CI/CD pipeline, as follows:&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;&lt;code&gt;- name: Install dependencies using a safe clean install, build and test&lt;br&gt;
  run: |&lt;br&gt;
    npm config set '//npm.fontawesome.com/:_authToken' "${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}"&lt;br&gt;
    npm ci --ignore-scripts&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;p&gt;Note, in our yaml file, &lt;a href="https://yaml-multiline.info"&gt;the pipe&lt;/a&gt; after our &lt;code&gt;run:&lt;/code&gt; is a block scalar that indicates new lines in our block should be preserved. &lt;/p&gt;

&lt;p&gt;Finally, let your scripts deploy your app to Azure and enjoy your lovely Font Awesome Pro icons.  &lt;/p&gt;

&lt;p&gt;I hope this helps folks who run in to some of the same issues I did on first go round with these frameworks and services.  &lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
