如何将您的＃100DaysOfCode登录转换为视觉体验 (How to Transform Your #100DaysOfCode Log Into a Visual Experience)

Learning how to code is an unrivaled modern experience. As an aspiring developer, no matter what level you’re at, you have a unique and fascinating story to tell based on your personal experiences and creations.

学习如何编码是无与伦比的现代体验。作为一个有抱负的开发人员，无论您处于什么水平，您都可以根据自己的个人经历和创作来讲述一个独特而有趣的故事。

However, lacking the ability to effectively tell your story or generate interest can lead to many missed opportunities. Alexander Kallaway’s #100DaysOfCode challenge encourages you to code for at least an hour every day for 100 days. The challenge provides a helpful sample log for documenting and sharing your daily progress.

但是， 缺乏有效讲故事或引起兴趣的能力会导致许多错失良机 。亚历山大·卡洛威(Alexander Kallaway)的＃100DaysOfCode挑战鼓励您每天至少进行一个小时的编码，持续100天。挑战提供了有用的示例日志，用于记录和共享您的日常进度。

While I truly appreciate the sample log, the story-teller in me wouldn’t allow my log to look identical to everyone else’s. Plus, I couldn’t imagine anyone reading through my 100 text-based entries (besides possibly my mom).

尽管我真的很喜欢示例日志，但是我内心的讲故事的人不允许我的日志看起来与其他所有人的日志相同。另外，我无法想象有人会阅读我的100个基于文本的条目(可能还有我的妈妈)。

As a creator, I wanted to accompany my posts with descriptive images.

作为创作者，我想在我的帖子中附上描述性图片。

I didn’t want to simply tell what I worked on. I wanted to show exactly what my projects looked like at different stages.
我不想简单地说出我的工作。我想表现什么我的项目看起来像在不同的阶段。

I strongly believe in making it as easy as possible for potential employers and recruiters to see your work. People are busy and may not make it very far down your list of 100 text-exclusive entries. And even if you aren’t yet trying to attract potential employers, you will still have a more entertaining and enjoyable experience for friends and other developers to check out.

我坚信要使潜在的雇主和招聘人员尽可能容易地看到您的工作。 人们很忙，可能与您的100个不包含文字的条目的列表相去甚远。即使您还没有试图吸引潜在的雇主，您仍然可以为朋友和其他开发者提供更有趣，更愉快的体验。

提示与建议 (Tips and Suggestions)

Create an Introduction - This can be a short and sweet introduction of who you are and what your log is. This will give your log life right from the beginning as your viewer can connect with you as a human. I also included an image at the top of mine to make it feel more like an article or story.

创建简介 -这可以简短简短地介绍您是谁以及您的日志是什么。由于查看器可以像人类一样与您联系，因此从一开始就可以使您的日志生活更美好。我还在我的顶部添加了一张图片，使它看起来更像是一篇文章或故事。

Add photos, screenshots, and gifs - The #100DaysofCode logs are very long and wordy. Images for each entry will greatly help with quickly showing what you’ve worked on.

添加照片，屏幕截图和 gif-＃100DaysofCode日志非常长且冗长。每个条目的图像将有助于快速显示您所做的工作。

Add screenshots of things such as your actual code, a work in progress, a finished site, and even memes to drive home points. To hyperlink screenshots, I uploaded my screenshots to Google Photos and copied the links from there. Use any method that works best for you.

添加诸如您的实际代码，正在进行的工作，完成的站点，甚至是模因之类的内容的屏幕快照以提高归因。要使屏幕快照超链接，我将屏幕快照上传到了Google相册，并从那里复制了链接。使用最适合您的任何方法。

Include links to live projects - It’s great having links to your GitHub repos, but again, let’s help out your viewers. Everyone will not take the time to look through your code or clone your repos to see your projects. GitHub Pages provides free hosting for your sites online. If you use Codepen, include those links too.

包括指向实时项目的链接 -拥有指向您的GitHub存储库的链接真是太好了，但是再次让我们帮助您的查看者。每个人都不会花时间浏览您的代码或克隆您的存储库来查看您的项目。 GitHub Pages为您的网站在线提供免费托管。如果您使用Codepen，也请包括这些链接。

Pin on Twitter - If you are doing the daily #100DaysOfCode tweets, consider creating and pinning a tweet about your log with a link to it. That way, anyone who sees your Twitter page will immediately have a link to your vivid coding journey. To pin a tweet, click the downward pointing arrow at the top right corner of your tweet and select ‘Pin to your profile page.’

固定在Twitter上 -如果您每天都在进行＃100DaysOfCode鸣叫，请考虑创建并固定有关日志的鸣叫以及指向该链接的链接。这样，任何看到您的Twitter页面的人都将立即获得指向您生动的编码旅程的链接。要固定鸣叫，请单击鸣叫右上角的向下箭头，然后选择“固定到个人资料页面”。

Below is the code format I created for my posts. Feel free to copy and use for your posts.

以下是我为帖子创建的代码格式。 随意复制和使用您的帖子。

<h2 align=”center”>Day 1: Day Month 01, 2018</h2>

<img src=”#" alt=””>

**Today’s Progress**: Write progress here.

**Thoughts:** Write additional thoughts here.

**Link to tweet:** [yourName Day 1](insertLinkToTweet)

**Link to work:** [nameOfWork](insertLinkHere)

If using the format above on your log in GitHub, you can replace the # in <img src=”#” alt=””> with a link to any photo. Right click on the photo that you want to use and select ‘Copy Image Address’ to be able use your photo.

如果在GitHub上的日志中使用上述格式，则可以将<img src =”＃” alt =“”>中的＃替换为任何照片的链接。右键单击要使用的照片，然后选择“复制图像地址”以使用您的照片。

If you would like to use a gif, giphy.com has a quick and easy process for converting videos to gifs. When finished, you’ll click on the link icon on your newly created gif to copy the link. Then in your img tag in your log, replace the hashtag with your gif link like the code snippet below.

如果您想使用gif， giphy.com具有将视频转换为gif的快速简便的过程。完成后，您将单击新创建的gif上的链接图标以复制链接。然后，在日志的img标签中，用下面的代码段将gif标签替换为gif链接。

<img src=”https://media.giphy.com/media/3o7bujx4ngGQWKcy0U/giphy.gif”>

At the end of the day, #100DaysOfCode is all about having fun learning how to code on a consistent basis, so no need to worry if you don’t have time to do more detailed logs. It does take some extra time, but it’s worth having a unique log that captures and displays your progress over a 100-day period.

归根结底，＃100DaysOfCode就是要有乐趣地学习如何一致地进行编码，因此，如果您没有时间做更详细的日志，则无需担心。这确实需要花费一些额外的时间，但是值得拥有一个独特的日志来捕获并显示您在100天内的进度。

If you have any thoughts, comments or questions, feel free to comment below or connect with me on LinkedIn. Lastly, you can check out my #100DaysOfCode round one log here.

如果您有任何想法，意见或问题，请在下面发表评论，或在LinkedIn上与我联系。最后，您可以在此处查看我的＃100DaysOfCode第一轮日志。

Good luck and have fun!

祝好运并玩得开心点！