taigrr/wtf
1
0
Fork 0
mirror of https://github.com/taigrr/wtf synced 2025-01-18 04:03:14 -08:00
Code Issues Projects Releases Wiki Activity
wtf/_site/public/configuration/iterm2/index.html
Chris Cummer a5c2bc37d9 Link the Credits link right to contributors
2018-08-15 13:29:21 -07:00

510 lines
15 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<title>WTF - the terminal dashboard</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="generator" content="Hugo 0.46" />
<title>iTerm2 :: WTF - the terminal dashboard</title>
<link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link href="/css/nucleus.css" rel="stylesheet">
<link href="/theme-flex/style.css" rel="stylesheet">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<script src="/js/jquery-2.x.min.js"></script>
<script type="text/javascript">
var baseurl = "\/";
</script>
<meta name="description" content="">
<link rel="stylesheet" href="/css/custom.css">
</head>
<body data-url="/configuration/iterm2/">
<header>
<div class="logo">
<a class="baselink" href="/">WTF - the terminal dashboard</a>
</div>
<div class="burger"><a href="javascript:void(0);" style="font-size:15px;">&#9776;</a></div>
<nav class="shortcuts">
<li class="" role="">
<a href="https://github.com/senorprogrammer/wtf" rel="noopener">
<i class='fa fa-github'></i> <label>WTF on Github</label>
</a>
</li>
<li class="" role="">
<a href="https://github.com/senorprogrammer/wtf/releases" rel="noopener">
<i class='fa fa-cloud-download'></i> <label>Download WTF</label>
</a>
</li>
<li class="" role="">
<a href="https://github.com/senorprogrammer/wtf/blob/master/README.md#contributors" rel="noopener">
<i class='fa fa-bullhorn'></i> <label>Credits</label>
</a>
</li>
</nav>
</header>
<article>
<aside>
<ul class="menu">
<li data-nav-id="/" class="dd-item">
<a href="/">
<i class="fa fa-fw fa-home"></i>
</a>
</li>
<li data-nav-id="/getting_started/" class="dd-item haschildren
">
<div>
<a href="/getting_started/">Getting Started</a><i class="fa fa-angle-right fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/getting_started/installation/" class="dd-item">
<div>
<a href="/getting_started/installation/">
Installation
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/getting_started/glossary/" class="dd-item">
<div>
<a href="/getting_started/glossary/">
Glossary
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
<li data-nav-id="/configuration/" class="dd-item parent haschildren
">
<div>
<a href="/configuration/">Configuration</a>
<i class="fa fa-angle-down fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/configuration/attributes/" class="dd-item">
<div>
<a href="/configuration/attributes/">
Attributes
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/configuration/iterm2/" class="dd-item active">
<div>
<a href="/configuration/iterm2/">
iTerm2
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
<li data-nav-id="/modules/" class="dd-item haschildren
">
<div>
<a href="/modules/">Modules</a><i class="fa fa-angle-right fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/modules/bamboohr/" class="dd-item">
<div>
<a href="/modules/bamboohr/">
BambooHR
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/circleci/" class="dd-item">
<div>
<a href="/modules/circleci/">
CircleCI
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/clocks/" class="dd-item">
<div>
<a href="/modules/clocks/">
Clocks
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/cmdrunner/" class="dd-item">
<div>
<a href="/modules/cmdrunner/">
CmdRunner
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/cryptocurrencies/" class="dd-item haschildren
">
<div>
<a href="/modules/cryptocurrencies/">Crypo Currencies</a><i class="fa fa-angle-right fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/modules/cryptocurrencies/bittrex/" class="dd-item">
<div>
<a href="/modules/cryptocurrencies/bittrex/">
Bittrex
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/cryptocurrencies/blockfolio/" class="dd-item">
<div>
<a href="/modules/cryptocurrencies/blockfolio/">
Blockfolio
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/cryptocurrencies/cryptolive/" class="dd-item">
<div>
<a href="/modules/cryptocurrencies/cryptolive/">
CryptoLive
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
<li data-nav-id="/modules/gerrit/" class="dd-item">
<div>
<a href="/modules/gerrit/">
Gerrit
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/git/" class="dd-item">
<div>
<a href="/modules/git/">
Git
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/github/" class="dd-item">
<div>
<a href="/modules/github/">
GitHub
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/gitlab/" class="dd-item">
<div>
<a href="/modules/gitlab/">
GitLab
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/gitter/" class="dd-item">
<div>
<a href="/modules/gitter/">
Gitter
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/google/" class="dd-item haschildren
">
<div>
<a href="/modules/google/">Google Apps</a><i class="fa fa-angle-right fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/modules/google/gcal/" class="dd-item">
<div>
<a href="/modules/google/gcal/">
Google Calendar
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/google/gspreadsheet/" class="dd-item">
<div>
<a href="/modules/google/gspreadsheet/">
Google Spreadsheets
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
<li data-nav-id="/modules/hackernews/" class="dd-item">
<div>
<a href="/modules/hackernews/">
Hacker News
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/ipaddress/" class="dd-item haschildren
">
<div>
<a href="/modules/ipaddress/">IP Addresses</a><i class="fa fa-angle-right fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/modules/ipaddress/ipapi/" class="dd-item">
<div>
<a href="/modules/ipaddress/ipapi/">
IP-API
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/ipaddress/ipinfo/" class="dd-item">
<div>
<a href="/modules/ipaddress/ipinfo/">
IPInfo
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
<li data-nav-id="/modules/jenkins/" class="dd-item">
<div>
<a href="/modules/jenkins/">
Jenkins
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/jira/" class="dd-item">
<div>
<a href="/modules/jira/">
Jira
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/logger/" class="dd-item">
<div>
<a href="/modules/logger/">
Logger
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/newrelic/" class="dd-item">
<div>
<a href="/modules/newrelic/">
New Relic
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/opsgenie/" class="dd-item">
<div>
<a href="/modules/opsgenie/">
OpsGenie
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/power/" class="dd-item">
<div>
<a href="/modules/power/">
Power
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/security/" class="dd-item">
<div>
<a href="/modules/security/">
Security
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/textfile/" class="dd-item">
<div>
<a href="/modules/textfile/">
Textfile
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/todo/" class="dd-item">
<div>
<a href="/modules/todo/">
Todo
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/todoist/" class="dd-item">
<div>
<a href="/modules/todoist/">
Todoist
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/travisci/" class="dd-item">
<div>
<a href="/modules/travisci/">
TravisCI
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/trello/" class="dd-item">
<div>
<a href="/modules/trello/">
Trello
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/twitter/" class="dd-item">
<div>
<a href="/modules/twitter/">
Twitter
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/weather_services/" class="dd-item haschildren
">
<div>
<a href="/modules/weather_services/">Weather Services</a><i class="fa fa-angle-right fa-lg category-icon"></i><i class="fa fa-circle-thin read-icon"></i>
</div>
<ul>
<li data-nav-id="/modules/weather_services/prettyweather/" class="dd-item">
<div>
<a href="/modules/weather_services/prettyweather/">
Pretty Weather
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
<li data-nav-id="/modules/weather_services/weather/" class="dd-item">
<div>
<a href="/modules/weather_services/weather/">
Weather
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
<li data-nav-id="/modules/zendesk/" class="dd-item">
<div>
<a href="/modules/zendesk/">
Zendesk
</a><i class="fa fa-circle-thin read-icon"></i>
</div>
</li>
</ul>
</li>
</ul>
<section>
</section>
</aside>
<section class="page">
<div class="nav-select">
<center>Navigation :
<select onchange="javascript:location.href = this.value;">
<option value="/getting_started/" >
Getting Started</option>
<option value="/configuration/" >
Configuration</option>
<option value="/configuration/attributes/" >- Attributes</option>
<option value="/configuration/iterm2/" selected>- iTerm2</option>
<option value="/modules/" >
Modules</option>
</select>
</center>
</div>
<div>
<div class="searchbox">
<input data-search-input id="search-by" type="text" placeholder="Search...">
</div>
<script type="text/javascript" src="/js/lunr.min.js"></script>
<script type="text/javascript" src="/js/auto-complete.js"></script>
<link href="/css/auto-complete.css" rel="stylesheet">
<script type="text/javascript">
var baseurl = "\/";
</script>
<script type="text/javascript" src="/js/search.js"></script>
</div>
<h1>iTerm2</h1>
<p>Many terminal apps don&rsquo;t properly display multibyte emoji characters
properly. This <strong>may</strong> fix the issue for you in iTerm2, it also may not.</p>
<p>By default iTerm2 uses a unicode rendering format
that is not comletely compatible with some emoji characters. Instead what you&rsquo;ll
see is the emoji over-lapping normal text characters, or drawing outside
the bounds of where they should be.</p>
<p>In iTerm2 open:</p>
<div class="highlight"><pre style="color:#272822;background-color:#fafafa;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-bash" data-lang="bash">Preferences -&gt; Profiles -&gt; Text</code></pre></div>
<p>and check <strong>on</strong> the &ldquo;Use Unicode Version 9 Widths&rdquo; checkbox. Then
restart WTF.</p>
<p><img src="/imgs/iterm2prefs.png" width="800" height="437" alt="iTerm2
Prefs" /></p>
<p>(<em>Note:</em> This issue is not unique to iTerm2. As of this writing it also
affects <a href="https://en.wikipedia.org/wiki/Terminal_(macOS)">Terminal</a>, and <a href="https://hyper.is">Hyper</a>.)</p>
<div class="chevrons">
<div id="navigation">
<a class="nav nav-prev" href="/configuration/attributes/" title="Attributes"> <i class="fa fa-chevron-left"></i><label>Attributes</label></a>
<a class="nav nav-next" href="/modules/" title="Modules" style="margin-right: 0px;"><label>Modules</label><i class="fa fa-chevron-right"></i></a></div>
</div>
</section>
</article>
<footer>
<div class="footline">
<div class="date">
<i class='fa fa-calendar'></i> Last update on 24/05/2018
</div>
<div class="github-link">
<a href="https://github.com/vjeantet/hugo-theme-docdock/edit/master/exampleSite/content/configuration/iterm2.md" target="blank"><i class="fa fa-code-fork"></i>
Improve this page</a>
</div>
</div>
<div>
</div>
</footer>
<script src="/js/clipboard.min.js"></script>
<link href="/css/featherlight.min.css" rel="stylesheet">
<script src="/js/featherlight.min.js"></script>
<script src="/theme-flex/script.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink