mmckinnon/chirpy-starter
1
0
Fork 0
mirror of https://github.com/cotes2020/chirpy-starter.git synced 2025-04-19 19:03:27 +10:00
Code Issues Actions Packages Projects Releases Wiki Activity
chirpy-starter/_site/posts/Diablo-4-Shadow-Rogue-Build/index.html
ericlikedis 6409892add changes
2023-08-26 22:38:57 -05:00

3641 lines
65 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<!-- `site.alt_lang` can specify a language different from the UI -->
<html lang="en"
>
<!-- The Head -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta
name="viewport"
content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
>
<!-- Begin Jekyll SEO tag v2.8.0 -->
<meta name="generator" content="Jekyll v4.3.2" />
<meta property="og:title" content="Diablo 4 - Shadow Rouge Build" />
<meta property="og:locale" content="en" />
<meta name="description" content="This is a beginner friendly build." />
<meta property="og:description" content="This is a beginner friendly build." />
<link rel="canonical" href="http://localhost:4000/posts/Diablo-4-Shadow-Rogue-Build/" />
<meta property="og:url" content="http://localhost:4000/posts/Diablo-4-Shadow-Rogue-Build/" />
<meta property="og:site_name" content="neo’s brain" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2023-08-23T10:36:08-05:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Diablo 4 - Shadow Rouge Build" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2023-08-23T15:37:29-05:00","datePublished":"2023-08-23T10:36:08-05:00","description":"This is a beginner friendly build.","headline":"Diablo 4 - Shadow Rouge Build","mainEntityOfPage":{"@type":"WebPage","@id":"http://localhost:4000/posts/Diablo-4-Shadow-Rogue-Build/"},"url":"http://localhost:4000/posts/Diablo-4-Shadow-Rogue-Build/"}</script>
<!-- End Jekyll SEO tag -->
<title>Diablo 4 - Shadow Rouge Build | neo's brain
</title>
<!--
The Favicons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps
Generated by: https://realfavicongenerator.net/
-->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicons/site.webmanifest">
<link rel="shortcut icon" href="/assets/img/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="neo's brain">
<meta name="application-name" content="neo's brain">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com" >
<link rel="dns-prefetch" href="https://fonts.googleapis.com" >
<link rel="preconnect" href="https://cdn.jsdelivr.net" >
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" >
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato&family=Source+Sans+Pro:wght@400;600;700;900&display=swap">
<!-- GA -->
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tocbot@4.21.0/dist/tocbot.min.css">
<!-- Manific Popup -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/magnific-popup@1.1.0/dist/magnific-popup.min.css">
<!-- JavaScript -->
<!-- Switch the mode between dark and light. -->
<script type="text/javascript">
class ModeToggle {
static get MODE_KEY() {
return 'mode';
}
static get MODE_ATTR() {
return 'data-mode';
}
static get DARK_MODE() {
return 'dark';
}
static get LIGHT_MODE() {
return 'light';
}
static get ID() {
return 'mode-toggle';
}
constructor() {
if (this.hasMode) {
if (this.isDarkMode) {
if (!this.isSysDarkPrefer) {
this.setDark();
}
} else {
if (this.isSysDarkPrefer) {
this.setLight();
}
}
}
let self = this;
/* always follow the system prefers */
this.sysDarkPrefers.addEventListener('change', () => {
if (self.hasMode) {
if (self.isDarkMode) {
if (!self.isSysDarkPrefer) {
self.setDark();
}
} else {
if (self.isSysDarkPrefer) {
self.setLight();
}
}
self.clearMode();
}
self.notify();
});
} /* constructor() */
get sysDarkPrefers() {
return window.matchMedia('(prefers-color-scheme: dark)');
}
get isSysDarkPrefer() {
return this.sysDarkPrefers.matches;
}
get isDarkMode() {
return this.mode === ModeToggle.DARK_MODE;
}
get isLightMode() {
return this.mode === ModeToggle.LIGHT_MODE;
}
get hasMode() {
return this.mode != null;
}
get mode() {
return sessionStorage.getItem(ModeToggle.MODE_KEY);
}
/* get the current mode on screen */
get modeStatus() {
if (this.isDarkMode || (!this.hasMode && this.isSysDarkPrefer)) {
return ModeToggle.DARK_MODE;
} else {
return ModeToggle.LIGHT_MODE;
}
}
setDark() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.DARK_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.DARK_MODE);
}
setLight() {
document.documentElement.setAttribute(ModeToggle.MODE_ATTR, ModeToggle.LIGHT_MODE);
sessionStorage.setItem(ModeToggle.MODE_KEY, ModeToggle.LIGHT_MODE);
}
clearMode() {
document.documentElement.removeAttribute(ModeToggle.MODE_ATTR);
sessionStorage.removeItem(ModeToggle.MODE_KEY);
}
/* Notify another plugins that the theme mode has changed */
notify() {
window.postMessage(
{
direction: ModeToggle.ID,
message: this.modeStatus
},
'*'
);
}
flipMode() {
if (this.hasMode) {
if (this.isSysDarkPrefer) {
if (this.isLightMode) {
this.clearMode();
} else {
this.setLight();
}
} else {
if (this.isDarkMode) {
this.clearMode();
} else {
this.setDark();
}
}
} else {
if (this.isSysDarkPrefer) {
this.setLight();
} else {
this.setDark();
}
}
this.notify();
} /* flipMode() */
} /* ModeToggle */
const modeToggle = new ModeToggle();
</script>
<!-- A placeholder to allow defining custom metadata -->
</head>
<body>
<!-- The Side Bar -->
<div id="sidebar" class="d-flex flex-column align-items-end">
<div class="profile-wrapper">
<a href="/" id="avatar" class="rounded-circle">
</a>
<div class="site-title">
<a href="/">neo's brain</a>
</div>
<div class="site-subtitle fst-italic">just a bunch of technical write ups and notes.</div>
</div>
<!-- .profile-wrapper -->
<ul class="nav flex-column flex-grow-1 w-100 ps-0">
<!-- home -->
<li class="nav-item">
<a href="/" class="nav-link">
<i class="fa-fw fas fa-home"></i>
<span>HOME</span>
</a>
</li>
<!-- the real tabs -->
<li class="nav-item">
<a href="/categories/" class="nav-link">
<i class="fa-fw fas fa-stream"></i>
<span>CATEGORIES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/tags/" class="nav-link">
<i class="fa-fw fas fa-tags"></i>
<span>TAGS</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/archives/" class="nav-link">
<i class="fa-fw fas fa-archive"></i>
<span>ARCHIVES</span>
</a>
</li>
<!-- .nav-item -->
<li class="nav-item">
<a href="/about/" class="nav-link">
<i class="fa-fw fas fa-info-circle"></i>
<span>ABOUT</span>
</a>
</li>
<!-- .nav-item -->
</ul>
<!-- ul.nav.flex-column -->
<div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
<button class="mode-toggle btn" aria-label="Switch Mode">
<i class="fas fa-adjust"></i>
</button>
<span class="icon-border"></span>
<a
href="https://github.com/ericlikedis"
aria-label="github"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-github"></i>
</a>
<a
href="https://twitter.com/"
aria-label="twitter"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-twitter"></i>
</a>
<a
href="javascript:location.href = 'mailto:' + ['ereymundo2013','gmail.com'].join('@')"
aria-label="email"
>
<i class="fas fa-envelope"></i>
</a>
<a
href="/feed.xml"
aria-label="rss"
>
<i class="fas fa-rss"></i>
</a>
</div>
<!-- .sidebar-bottom -->
</div>
<!-- #sidebar -->
<div id="main-wrapper" class="d-flex justify-content-center">
<div id="main" class="container px-xxl-5">
<!-- The Top Bar -->
<div id="topbar-wrapper">
<div
id="topbar"
class="container d-flex align-items-center justify-content-between h-100"
>
<span id="breadcrumb">
<span>
<a href="/">
Home
</a>
</span>
<span>Diablo 4 - Shadow Rouge Build</span>
</span>
<!-- endof #breadcrumb -->
<i id="sidebar-trigger" class="fas fa-bars fa-fw"></i>
<div id="topbar-title">
Post
</div>
<i id="search-trigger" class="fas fa-search fa-fw"></i>
<span id="search-wrapper" class="align-items-center">
<i class="fas fa-search fa-fw"></i>
<input
class="form-control"
id="search-input"
type="search"
aria-label="search"
autocomplete="off"
placeholder="Search..."
>
</span>
<span id="search-cancel">Cancel</span>
</div>
</div>
<div class="row">
<!-- core -->
<div id="core-wrapper" class="col-12 col-lg-11 col-xl-9 pe-xl-4">
<div class="post px-1 px-md-2">
<!-- Refactor the HTML structure -->
<!--
In order to allow a wide table to scroll horizontally,
we suround the markdown table with `<div class="table-wrapper">` and `</div>`
-->
<!--
Fixed kramdown code highlight rendering:
https://github.com/penibelst/jekyll-compress-html/issues/101
https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
-->
<!-- Change the icon of checkbox -->
<!-- images -->
<!-- CDN URL -->
<!-- Add image path -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- take out classes -->
<!-- lazy-load images <https://github.com/aFarkas/lazysizes#readme> -->
<!-- add image placeholder -->
<!-- Bypass the HTML-proofer test -->
<!-- make sure the `<img>` is wrapped by `<a>` -->
<!-- create the image wrapper -->
<!-- combine -->
<!-- Add header for code snippets -->
<!-- Create heading anchors -->
<!-- return -->
<h1 data-toc-skip>Diablo 4 - Shadow Rouge Build</h1>
<div class="post-meta text-muted">
<!-- published date -->
<span>
Posted
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1692804968"
data-df="ll"
data-bs-toggle="tooltip" data-bs-placement="bottom"
>
Aug 23, 2023
</em>
</span>
<!-- lastmod date -->
<span>
Updated
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class=""
data-ts="1692823049"
data-df="ll"
data-bs-toggle="tooltip" data-bs-placement="bottom"
>
Aug 23, 2023
</em>
</span>
<div class="d-flex justify-content-between">
<!-- author(s) -->
<span>
By
<em>
<a href="https://github.com/username">Eric Reymundo</a>
</em>
</span>
<div>
<!-- read time -->
<!-- Calculate the post's reading time, and display the word count in tooltip -->
<!-- words per minute -->
<!-- return element -->
<span
class="readtime"
data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="2012 words"
>
<em>11 min</em> read</span>
</div>
</div> <!-- .d-flex -->
</div> <!-- .post-meta -->
<div class="post-content">
<pre><code class="language-ad-important">This is a beginner friendly build.
</code></pre>
<h4 id="skill-tree"><span class="me-2">Skill Tree</span><a href="#skill-tree" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
<p>https://d4builds.gg/builds/a175bae2-7adf-4155-a347-509d4efbb86c/</p>
<h4 id="skill-tree-guide"><span class="me-2">Skill Tree Guide</span><a href="#skill-tree-guide" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
<p>https://fextralife.com/diablo-4-shadow-rogue-build-twisting-blades/</p>
<p>Youtube Video: https://www.youtube.com/watch?v=IRgXnTgvZiE</p>
<h1 id="diablo-4-shadow-rogue-build--twisting-blades">Diablo 4 Shadow Rogue Build – Twisting Blades</h1>
<p><a href="https://fextralife.com/wp-content/themes/fextralife/assets/images/clock-gray.svg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/themes/fextralife/assets/images/clock-gray.svg" alt="Publish time icon" class="lazyload" data-proofer-ignore></a> May 31, 2023, <a href="https://fextralife.com/wp-content/themes/fextralife/assets/images/pencil-gray.svg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/themes/fextralife/assets/images/pencil-gray.svg" alt="Author icon" class="lazyload" data-proofer-ignore></a> <a href="https://fextralife.com/author/ryuga/">Ryuga</a>, <a href="https://fextralife.com/wp-content/themes/fextralife/assets/images/comment-gray.svg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/themes/fextralife/assets/images/comment-gray.svg" alt="Comment icon" class="lazyload" data-proofer-ignore></a> 0</p>
<p><strong>Diablo 4 Shadow Rogue Build Guide</strong>: In this Diablo 4 <strong><a href="https://diablo4.wiki.fextralife.com/Rogue">Rogue Class</a></strong> Build, I’ll show you how to play a Shadow Imbuement – Twisting Blades Rogue, which is a melee Diablo 4 Build for the Rogue that impales enemies with the <strong><a href="https://diablo4.wiki.fextralife.com/Twisting+Blades">Twisting Blades Skill</a></strong> to inflict massive AoE damage. If you’ve been looking for a good <strong>Diablo 4 Twisting Blades Rogue Build</strong> that allows you to quickly explode all your enemies, then this guide is for you!</p>
<ul>
<li>The Level 50 version of this build evolves into the <a href="https://fextralife.com/diablo-4-twisting-blades-rogue-build-shadowblade/">Shadowblade Build</a>.</li>
</ul>
<p>Also, be sure to check out our <a href="https://diablo4.wiki.fextralife.com/">Diablo 4 Wiki</a> and <a href="https://diablo4.wiki.fextralife.com/Interactive+Map">Interactive Map</a> if you need help finding specific <a href="https://diablo4.wiki.fextralife.com/Altar+of+Lilith">Altars of Lilith</a>, <a href="https://diablo4.wiki.fextralife.com/Dungeons">Dungeons</a>, or <a href="https://diablo4.wiki.fextralife.com/Side+Quests">Side Quests</a>!</p>
<h2 id="diablo-4-shadow-rogue-build-guide--twisting-blades"><span class="me-2">Diablo 4 Shadow Rogue Build Guide – Twisting Blades</span><a href="#diablo-4-shadow-rogue-build-guide--twisting-blades" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h2>
<p>The way this Diablo 4 Shadow Rogue Build works is by using <a href="https://diablo4.wiki.fextralife.com/Shadow+Imbuement"><strong>Shadow Imbuement</strong></a> in combination with <strong><a href="https://diablo4.wiki.fextralife.com/Twisting+Blades">Twisting Blades</a></strong> to generate a chain reaction of explosions that decimates big groups of enemies. To achieve this, you’ll start the fight by casting the <strong><a href="https://diablo4.wiki.fextralife.com/Shadow+Imbuement">**Shadow Imbuement**</a></strong> buff, then you’ll head straight into a pack of enemies and perform two attacks with <strong><a href="https://diablo4.wiki.fextralife.com/Twisting+Blades">Twisting Blades</a></strong> (you can hit the same enemy or two different enemies).</p>
<p>Now, you’ll use <a href="https://diablo4.wiki.fextralife.com/Dash"><strong>Dash</strong></a> to pass through the group and get on the exact opposite side and start attacking using your <a href="https://diablo4.wiki.fextralife.com/Invigorating+Strike"><strong>Invigorating Strike</strong></a> (this will build up combo points and increase your Energy regeneration). At this point, the first two attacks you made with <strong><a href="https://diablo4.wiki.fextralife.com/Twisting+Blades">Twisting Blades</a></strong> will return to you passing through the pack of enemies. This will deal damage to all of them and apply the <a href="https://diablo4.wiki.fextralife.com/Shadow+Imbuement"><strong>Shadow Imbuement</strong></a> debuff, which will generate a chain-reaction of explosions. Also, because of the <strong><a href="https://diablo4.wiki.fextralife.com/Advanced+Twisting+Blades">Advanced Twisting Blades Upgrade</a></strong>, both your <a href="https://diablo4.wiki.fextralife.com/Shadow+Imbuement"><strong>Shadow Imbuement</strong></a> and <a href="https://diablo4.wiki.fextralife.com/Dash"><strong>Dash</strong></a> cooldown’s will be reduced, and thanks to <strong><a href="https://diablo4.wiki.fextralife.com/Consuming+Shadows">Consuming Shadows</a></strong> you’ll get back the energy you spent, allowing you to restart the sequence.</p>
<p>Once you are on the opposite side, you can use <a href="https://diablo4.wiki.fextralife.com/Invigorating+Strike"><strong>Invigorating Strike</strong></a> to increase Energy Regeneration and to build up 3 combo points, which will greatly increase the damage of your Twisting Blades, so even if you are not able to cast Shadow Imbuement right away, the daggers will deal even more damage on the second pass, allowing you to finish off any remaining enemies.</p>
<p>The aspect that will help the most here is the <a href="https://diablo4.wiki.fextralife.com/Bladedancer's+Aspect"><strong>Bladedancer’s Aspect</strong></a>, making it so that the returning blades orbit around you in the end to deal extra damage, which is very useful to finish off the enemies or to deal with Elites. This new Orbit Damage is further amplified based on the enemies pierced by the boomerang effect. You can acquire the Codex of Power of this aspect by completing the <strong>Jalal’s Vigil Dungeon</strong>, located at <strong>Scosglen</strong>.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/bladedancers-aspect-1.png" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/bladedancers-aspect-1.png" alt="Diablo 4 Shadow Rogue Build - Bladedancer's Aspect" class="lazyload" data-proofer-ignore></a></p>
<p>I recommend using <strong><a href="https://diablo4.wiki.fextralife.com/Specialization">Combo Points Specialization</a></strong> to fight regular enemies, as it’ll increase the damage of your Twisting Blades, and also give you a Speed Buff, but you should swap to <a href="https://diablo4.wiki.fextralife.com/Inner+Sight"><strong>Inner Sight Specialization</strong></a> when fighting Bosses. Doing so will allow you to spam the Twisting Blades skill when Inner Sight is active, dealing a ton amount of damage and generating a massive amount of orbiting blades that quickly ticks the boss health’s down. Remember that you’ll also invest points into the <a href="https://diablo4.wiki.fextralife.com/Shadow+Clone"><strong>Shadow Clone Ultimate</strong></a> to be able to summon your shadow who will mimic this action, further increasing the burst damage.</p>
<h3 id="diablo-4-twisting-blades-rogue-build-guide--skill-distribution"><span class="me-2">Diablo 4 Twisting Blades Rogue Build Guide – Skill Distribution</span><a href="#diablo-4-twisting-blades-rogue-build-guide--skill-distribution" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>Each Diablo 4 Shadow Rogue Build is made up of the 6 Active Skills they have equipped and changing these <a href="https://diablo4.wiki.fextralife.com/Barbarian+Skills"><strong>Skills</strong></a> can drastically alter the way the Rogue Class in Diablo IV plays. In this section, we’ll take a look at what Skills you should slot for the Twisting Blades Rogue Diablo 4 Build. Your Skill distribution should look something like this:</p>
<div class="table-wrapper"><table>
<thead>
<tr>
<th> </th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td>LEVEL 25 SHADOW ROGUE SKILLS</td>
<td> </td>
</tr>
<tr>
<td><strong>Skill</strong></td>
<td><strong>Points Spent</strong></td>
</tr>
<tr>
<td>Invigorating Strike</td>
<td>1</td>
</tr>
<tr>
<td>Enhanced Invigorating Strike</td>
<td>1</td>
</tr>
<tr>
<td>Twisting Blades</td>
<td>5</td>
</tr>
<tr>
<td>Enhanced Twisting Blades</td>
<td>1</td>
</tr>
<tr>
<td>Advanced Twisting Blades</td>
<td>1</td>
</tr>
<tr>
<td>Shadow Step</td>
<td>1</td>
</tr>
<tr>
<td>Dash</td>
<td>1</td>
</tr>
<tr>
<td>Exploit</td>
<td>3</td>
</tr>
<tr>
<td>Malice</td>
<td>2</td>
</tr>
<tr>
<td>Shadow Crash</td>
<td>1</td>
</tr>
<tr>
<td>Consuming Shadows</td>
<td>2</td>
</tr>
<tr>
<td>Shadow Imbuement</td>
<td>3</td>
</tr>
<tr>
<td>Enhanced Shadow Imbuement</td>
<td>1</td>
</tr>
<tr>
<td>Blended Shadow Imbuement</td>
<td>1</td>
</tr>
<tr>
<td>Shadow Clone</td>
<td>1</td>
</tr>
<tr>
<td>Prime Shadow Clone</td>
<td>1</td>
</tr>
</tbody>
</table></div>
<p>The above list gives you the general order to invest in Skills, but keep in mind that you should prioritize picking up new Active Skills over investing in passives, so pick up passives later if you can get new Active Skills when you level up.</p>
<h3 id="diablo-4-shadow-rogue-build--how-to-handle-packs-of-enemies"><span class="me-2">Diablo 4 Shadow Rogue Build – How to Handle Packs of Enemies</span><a href="#diablo-4-shadow-rogue-build--how-to-handle-packs-of-enemies" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>So there are several different strategies to employ with this Diablo IV Build for the Twisting Blades Rogue, and these change depending on whether you’re facing a large group of enemies or a Boss. Let’s start with a group of enemies first, and we’ll cover how to handle Bosses in the next section.</p>
<h4 id="shadow-imbuement"><span class="me-2"><a href="https://diablo4.wiki.fextralife.com/Shadow+Imbuement">Shadow Imbuement</a></span><a href="#shadow-imbuement" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
<p>As with the rest of the Diablo IV Builds for the Rogue Class, you’ll be able to choose the type of damage you deal. For this Twisting Blades Rogue, we’re going to pick Shadow Imbuement to convert your damage into Shadow Damage and infect multiple targets. To infect a target you must strike it with a Shadow Imbued skill, we’ll achieve this by first sticking a shadow imbued Twisting Blade into an enemy, and then making it pass through the other enemies when it returns to us.</p>
<p>When an infected target is killed, it will explode, dealing massive damage to all surrounding enemies, generating a chain reaction that decimate big groups. In addition to this, our <a href="https://diablo4.wiki.fextralife.com/Blended+Shadow+Imbuement"><strong>Blended Shadow Imbuement</strong></a> upgrade will make them <a href="https://diablo4.wiki.fextralife.com/Vulnerable"><strong>Vulnerable</strong></a>, so after the first explosion everything else will die even faster.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/shadow-imbuement-twisting-blades-378x640.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/shadow-imbuement-twisting-blades-378x640.jpg" alt="Diablo 4 Shadow Rogue Build - Shadow Imbuement" class="lazyload" data-proofer-ignore></a></p>
<h4 id="twisting-blades"><span class="me-2"><a href="https://diablo4.wiki.fextralife.com/Twisting+Blades">Twisting Blades</a></span><a href="#twisting-blades" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
<p>Twisting Blades is key to this build, because of its boomerang effect. Enemies often attack you in a line pattern, so you’ll want to strike the first one or two enemies and then reposition behind them. After 1.5 second, the blades will return to you, passing through the pack and applying the Shadow Debuff and dealing massive individual damage thanks to the <a href="https://diablo4.wiki.fextralife.com/Enhanced+Twisting+Blades"><strong>Enhanced Twisting Blades</strong></a>, which will allow you to kill some enemies and trigger the chain explosion. You’ll want to prioritize positioning to maximize the amount of enemies you hit when the blade returns, as each enemy hit will reduce all of your active cooldowns by 0.25 second for each enemy hit thanks to the <strong><a href="https://diablo4.wiki.fextralife.com/Advanced+Twisting+Blades">Advanced Twisting Blades Upgrade</a></strong>.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/twisting-blades-319x640.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/twisting-blades-319x640.jpg" alt="Diablo 4 Shadow Rogue Build - Twisting Blades" class="lazyload" data-proofer-ignore></a></p>
<p>Since this is the main skill of your Twisting Blades Rogue Diablo 4 Build, you’ll want to max it out and then get <a href="https://diablo4.wiki.fextralife.com/Enhanced+Twisting+Blades"><strong>Enhanced Twisting Blades</strong></a> together with <a href="https://diablo4.wiki.fextralife.com/Advanced+Twisting+Blades"><strong>Advanced Twisting Blades</strong></a> as soon as possible.</p>
<h4 id="invigorating-strike"><span class="me-2"><strong><a href="https://diablo4.wiki.fextralife.com/Invigorating+Strike">Invigorating Strike</a></strong></span><a href="#invigorating-strike" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
<p>Invigorating Strike is a Basic Skill for this D4 Build that allows you to deal a small amount of damage, but also increases your Energy Regeneration and has a 50% Lucky Hit Chance, which is very nice to have. Since you’ll be using the Combo Points Specialization against regular enemies, so each attack you perform will give you 1 combo point. Ideally, you’ll want to use your starter combination of Shadow Imbue and Twisting Blades to then dash behind the enemy group and start attack perform three attacks with Invigorating Strike. This will give you 20% Energy Regeneration, or 50% if the enemy is either Injured or Crowed Controlled.</p>
<p>Also, if you happen to have a very good Lucky Hit Chance skill on your equipment, you can also go for <a href="https://diablo4.wiki.fextralife.com/Primary+Invigorating+Strike"><strong>Primary Invigorating Strike</strong></a> to further increase the proc chance, but it’s not mandatory for this build.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/invigorating-strike-twisting-blades-383x640.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/invigorating-strike-twisting-blades-383x640.jpg" alt="Diablo 4 Shadow Rogue Build - Invigorating Strike" class="lazyload" data-proofer-ignore></a></p>
<h4 id="dash"><span class="me-2"><a href="https://diablo4.wiki.fextralife.com/Dash">Dash</a></span><a href="#dash" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
<p>We’ll be using dash to quickly navigate through the open map, and also to quickly reposition behind the pack of enemies at the beginning of the fight. Note that Dash has 2 charges, so make sure you always have at least 1 charge available when engaging a group of enemies, or you won’t be able to reposition to activate your combo. You won’t need enhancements for this Skill since it’ll be primarily used for movement</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/dash-twisting-blades.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/dash-twisting-blades.jpg" alt="Diablo 4 Shadow Rogue Build - Dash" class="lazyload" data-proofer-ignore></a></p>
<h4 id="shadow-step"><span class="me-2"><a href="https://diablo4.wiki.fextralife.com/Shadow+Step">Shadow Step</a></span><a href="#shadow-step" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
<p>Shadow Step is an essential survivability tool of this Twisting Blades Rogue D4 Build, since your Health and defenses aren’t all that great. When activated, you’ll automatically gain <a href="https://diablo4.wiki.fextralife.com/Unstoppable"><strong>Unstoppable</strong></a>, which removes and prevents all control impairing effects. This allows you to break out of critical situations, such as getting froze or stunned.</p>
<p>In addition, the skill will perform a lucky hit with a 100% chance on the target enemy, and provide you 50% movement speed for 2 seconds, giving you the chance to drink a potion and reposition to a safe place.</p>
<p>You can also use Shadow Step to quickly reposition behind an enemy to take full advantage of the Twisting Blades Boomerang effect, but you should only do this if you are certain you are not going to get affected by a control impairing effect.</p>
<p>You won’t need the enhancement or upgrade, since we’ll be mainly using it as an emergency survival tool.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/shadow-step-twisting-blades-417x640.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/shadow-step-twisting-blades-417x640.jpg" alt="" class="lazyload" data-proofer-ignore></a></p>
<p>Passives</p>
<p>For passives of this Diablo 4 Twisting Blades Rogue Build, you’ll be taking <a href="https://diablo4.wiki.fextralife.com/Shadow+Crash"><strong>Shadow Crash</strong></a> to gain access to <a href="https://diablo4.wiki.fextralife.com/Consuming+Shadows"><strong>Consuming Shadows</strong></a>. Shadow Crash raises the chances of Stunning enemies when they receive Shadow Damage which works great for elites, but the Skill you’ll want more is Consuming Shadows, hence the 2-point investment. This lets you generate all the Energy you spent in the combo, provided that you kill them with the Shadow Imbuement.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/consuming-shadows-twisting-blades.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/consuming-shadows-twisting-blades.jpg" alt="" class="lazyload" data-proofer-ignore></a></p>
<p>The other passive that you’ll want to take are <strong><a href="https://diablo4.wiki.fextralife.com/Exploit">Exploit</a></strong> and <strong><a href="https://diablo4.wiki.fextralife.com/Malice">Malice</a></strong>.</p>
<p>Exploit increases the damage you deal to both <strong><a href="https://diablo4.wiki.fextralife.com/Healthy">Healthy</a></strong> and <strong><a href="https://diablo4.wiki.fextralife.com/Injured">Injured</a></strong> enemies. Since you’ll first deal damage to enemies with full health, and then deal with the remaining ones, this passive is active practically all the time.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/exploit-twisting-blades.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/exploit-twisting-blades.jpg" alt="" class="lazyload" data-proofer-ignore></a></p>
<p>Malice increases the damage you deal to Vulnerable enemies, which synergizes perfectly with the <a href="https://diablo4.wiki.fextralife.com/Blended+Shadow+Imbuement"><strong>Blended Shadow Imbuement</strong></a> that makes enemies vulnerable after the explosions.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/malice-twisting-blades.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/malice-twisting-blades.jpg" alt="" class="lazyload" data-proofer-ignore></a></p>
<h3 id="rogue-build-for-boss-fights"><span class="me-2">Rogue Build for Boss Fights</span><a href="#rogue-build-for-boss-fights" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>Boss fights are handled a bit differently with this Diablo 4 Twisting Blades Rogue Build. First, you’ll want to swap your specialization from Combo Points for Inner Sight. Inner Sight allows you’ll fill up a gauge when attacking the marked enemy, Bosses are often alone, so you’ll be filling the gauge by attacking it. Once the gauge is full, you’ll gain unlimited energy for 4 seconds. At that moment, you’ll want to spawn your <strong><a href="https://diablo4.wiki.fextralife.com/Shadow+Clone">Shadow Clone</a></strong>, cast Shadow Imbuement and then start spamming Twisting Blade as much as you can. As the blades return, they’ll start circling around you, stacking tons of damage into the boss.</p>
<h4 id="shadow-clone"><span class="me-2"><a href="https://diablo4.wiki.fextralife.com/Shadow+Clone">Shadow Clone</a></span><a href="#shadow-clone" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h4>
<p>Shadow Clone is an ultimate ability that will provide you with aid by conjuring your own shadow to copy the actions you’re pulling off. Although the damage won’t be as potent, it’s still a great way of increasing our single target damage. You can also invest in <a href="https://diablo4.wiki.fextralife.com/Prime+Shadow+Clone"><strong>Prime Shadow Clone</strong></a> to have another option to make you Unstoppable every time Shadow Clone is activated.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/shadow-clone-twisting-blades.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/shadow-clone-twisting-blades.jpg" alt="" class="lazyload" data-proofer-ignore></a></p>
<p>Make sure to use your dash to avoid boss attacks or to quickly disengage from combat to drink a potion and recover your health. Same as with regular enemies, you’ll want to save Shadow Step for when you are affected by a movement impairing effect. Finally, remember that you can also use your <strong><a href="https://diablo4.wiki.fextralife.com/Shadow+Clone">Shadow Clone Ultimate</a></strong> to the same end, thanks to <strong><a href="https://diablo4.wiki.fextralife.com/Prime+Shadow+Clone">Prime Shadow Clone</a></strong> which provides you <a href="https://diablo4.wiki.fextralife.com/Unstoppable"><strong>Unstoppable</strong></a> for 5 seconds.</p>
<h3 id="final-tips"><span class="me-2">Final Tips</span><a href="#final-tips" class="anchor text-muted"><i class="fas fa-hashtag"></i></a></h3>
<p>For this Diablo 4 Twisting Blades Rogue Build, you should be on the lookout for gear that gives bonuses to <a href="https://diablo4.wiki.fextralife.com/Dexterity"><strong>Dexterity</strong></a>, <a href="https://diablo4.wiki.fextralife.com/Intelligence"><strong>Intelligence</strong></a>, Maximum Energy, +Rank to relevant skills, Critical Strike Chance, <a href="https://diablo4.wiki.fextralife.com/Critical+Strike+Damage+Bonus"><strong>Critical Strike Damage Bonus</strong></a>, <a href="https://diablo4.wiki.fextralife.com/Damage+to+Close+Enemies"><strong>Damage to Close Enemies</strong></a>, Imbuement Skill Damage, <a href="https://diablo4.wiki.fextralife.com/Core+Skill+Damage"><strong>Core Skill Damage</strong></a>, <a href="https://diablo4.wiki.fextralife.com/Energy+Cost+Reduction"><strong>Energy Cost Reduction</strong></a>, and <a href="https://diablo4.wiki.fextralife.com/Cooldown+Reduction"><strong>Cooldown Reduction</strong></a>. <a href="https://diablo4.wiki.fextralife.com/Damage+Reduction"><strong>Damage Reduction</strong></a> is also good to pick up where you’re often susceptible to taking in lots of damage in the melee range. It’s a pretty OP D4 Rogue Build due to the massive burst damage you deal.</p>
<p>You can run around the map and stack a couple of enemy groups and engage all of them at the same time for maximum efficiency. Make sure to prioritize positioning over attacking individual targets.</p>
<p>When it comes to Legendary Aspects, you’ll also want to get the <strong><a href="https://diablo4.wiki.fextralife.com/Aspect+of+Lethal+Dusk">Aspect of Lethal Dusk</a></strong> and <a href="https://diablo4.wiki.fextralife.com/Ravenous+Aspect"><strong>Ravenous Aspect</strong></a> for this Diablo 4 Build. Lethal Dusk grants Stealth when evading through a Shadow Imbuement infect enemy, which is great if you need to recover or reposition, and on top of that, it will give you a buff that grants you 1~5% of maximum life recovered on kill for 4 seconds. Meanwhile, Ravenous Aspect rewards you with increased Energy regeneration when a Vulnerable enemy is slain, which works hand-in-hand with Blended Shadow Imbuement.</p>
<p><a href="https://fextralife.com/wp-content/uploads/2023/05/aspect-of-lethal-dusk-363x640.jpg" class="popup img-link "><img data-src="https://fextralife.com/wp-content/uploads/2023/05/aspect-of-lethal-dusk-363x640.jpg" alt="" class="lazyload" data-proofer-ignore></a></p>
</div>
<div class="post-tail-wrapper text-muted">
<!-- categories -->
<!-- tags -->
<div class="post-tags">
<i class="fa fa-tags fa-fw me-1"></i>
<a href="/tags/diablo/"
class="post-tag no-text-decoration" >diablo</a>
<a href="/tags/diablo-4/"
class="post-tag no-text-decoration" >diablo 4</a>
<a href="/tags/docs/"
class="post-tag no-text-decoration" >docs</a>
</div>
<div class="post-tail-bottom
d-flex justify-content-between align-items-center mt-3 pt-5 pb-2">
<div class="license-wrapper">
This post is licensed under
<a href="https://creativecommons.org/licenses/by/4.0/">
CC BY 4.0
</a>
by the author.
</div>
<!-- Post sharing snippet -->
<div class="share-wrapper">
<span class="share-label text-muted me-1">Share</span>
<span class="share-icons">
<a
href="https://twitter.com/intent/tweet?text=Diablo%204%20-%20Shadow%20Rouge%20Build%20-%20neo's%20brain&url=http%3A%2F%2Flocalhost%3A4000%2Fposts%2FDiablo-4-Shadow-Rogue-Build%2F"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Twitter"
target="_blank"
rel="noopener"
aria-label="Twitter"
>
<i class="fa-fw fab fa-twitter"></i>
</a>
<a
href="https://www.facebook.com/sharer/sharer.php?title=Diablo%204%20-%20Shadow%20Rouge%20Build%20-%20neo's%20brain&u=http%3A%2F%2Flocalhost%3A4000%2Fposts%2FDiablo-4-Shadow-Rogue-Build%2F"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Facebook"
target="_blank"
rel="noopener"
aria-label="Facebook"
>
<i class="fa-fw fab fa-facebook-square"></i>
</a>
<a
href="https://t.me/share/url?url=http%3A%2F%2Flocalhost%3A4000%2Fposts%2FDiablo-4-Shadow-Rogue-Build%2F&text=Diablo%204%20-%20Shadow%20Rouge%20Build%20-%20neo's%20brain"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Telegram"
target="_blank"
rel="noopener"
aria-label="Telegram"
>
<i class="fa-fw fab fa-telegram"></i>
</a>
<i
id="copy-link"
class="fa-fw fas fa-link small"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Copy link"
data-title-succeed="Link copied successfully!"
>
</i>
</span>
</div>
</div><!-- .post-tail-bottom -->
</div><!-- div.post-tail-wrapper -->
</div>
</div>
<!-- #core-wrapper -->
<!-- panel -->
<div id="panel-wrapper" class="col-xl-3 ps-2 text-muted">
<div class="access">
<!-- Get the last 5 posts from lastmod list. -->
<div id="access-lastmod" class="post">
<div class="panel-heading">Recently Updated</div>
<ul class="post-content list-unstyled ps-0 pb-1 ms-1 mt-2">
<li class="text-truncate lh-lg">
<a href="/posts/Mac-M1-Run-Diablo-4/">Mac M1 Run Diablo 4 - Links</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/text-and-typography/">Text and Typography</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/Flaws.cloud-AWS/">Flaws.cloud walkthrough</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/M1-Mac-How-to-switch-the-Terminal-between-x86_64-and-arm64/">M1 Mac - How to Switch the Terminal between x86_64 and arm64</a>
</li>
<li class="text-truncate lh-lg">
<a href="/posts/Admonitions-Documentation/">Admonitions Documentation</a>
</li>
</ul>
</div>
<!-- #access-lastmod -->
<!-- The trending tags list -->
<div id="access-tags">
<div class="panel-heading">Trending Tags</div>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/cybersecurity/">cybersecurity</a>
<a class="post-tag btn btn-outline-primary" href="/tags/diablo-4/">diablo 4</a>
<a class="post-tag btn btn-outline-primary" href="/tags/docs/">docs</a>
<a class="post-tag btn btn-outline-primary" href="/tags/terminal/">terminal</a>
<a class="post-tag btn btn-outline-primary" href="/tags/diablo/">diablo</a>
<a class="post-tag btn btn-outline-primary" href="/tags/m1/">M1</a>
<a class="post-tag btn btn-outline-primary" href="/tags/apple-silicon/">apple silicon</a>
<a class="post-tag btn btn-outline-primary" href="/tags/cheatsheets/">cheatsheets</a>
<a class="post-tag btn btn-outline-primary" href="/tags/cloud/">cloud</a>
<a class="post-tag btn btn-outline-primary" href="/tags/gcih/">GCIH</a>
</div>
</div>
</div>
<div id="toc-wrapper" class="ps-0 pe-4 mb-5">
<div class="panel-heading ps-3 pt-2 mb-2">Contents</div>
<nav id="toc"></nav>
</div>
</div>
</div>
<!-- tail -->
<div class="row">
<div id="tail-wrapper" class="col-12 col-lg-11 col-xl-9 px-3 pe-xl-4 mt-5">
<!--
Recommend the other 3 posts according to the tags and categories of the current post,
if the number is not enough, use the other latest posts to supplement.
-->
<!-- The total size of related posts -->
<!-- An random integer that bigger than 0 -->
<!-- Equals to TAG_SCORE / {max_categories_hierarchy} -->
<!-- Fill with the other newlest posts -->
<div id="related-posts" class="mb-2 mb-sm-4">
<h3 class="pt-2 mb-4 ms-1" data-toc-skip>
Further Reading
</h3>
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 g-4 mb-4">
<div class="col">
<a href="/posts/Diablo-4-Helltide-Events/" class="card post-preview h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class="small"
data-ts="1692804963"
data-df="ll"
>
Aug 23, 2023
</em>
<h4 class="pt-0 my-2" data-toc-skip>Diablo 4 HellTide Events</h4>
<div class="text-muted small">
<p>
Diablo 4 HellTide Events
When you guys hit World Tier 3, do helltide events everytime you can, they’re stupidly important because they’re the only source of Forgotten Souls and you need a lot of t...
</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="/posts/Admonitions-Documentation/" class="card post-preview h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class="small"
data-ts="1692804819"
data-df="ll"
>
Aug 23, 2023
</em>
<h4 class="pt-0 my-2" data-toc-skip>Admonitions Documentation</h4>
<div class="text-muted small">
<p>
Note
It appears a note in MarkDown is not possible currently.
Reference: https://talk.commonmark.org/t/github-is-beta-testing-their-own-admonition-syntax-we-should-weigh-in/4173
GitHub Link: h...
</p>
</div>
</div>
</a>
</div>
<div class="col">
<a href="/posts/Mac-M1-Run-Diablo-4/" class="card post-preview h-100">
<div class="card-body">
<!--
Date format snippet
See: ${JS_ROOT}/utils/locale-dateime.js
-->
<em
class="small"
data-ts="1692804979"
data-df="ll"
>
Aug 23, 2023
</em>
<h4 class="pt-0 my-2" data-toc-skip>Mac M1 Run Diablo 4 - Links</h4>
<div class="text-muted small">
<p>
Resources that can help you get started with the Game Porting Tool Kit to run Diablo 4 on Mac M1 architecture.
Resources:
https://www.outcoldman.com/en/archive/2023/06/07/playing-diablo-4-on-...
</p>
</div>
</div>
</a>
</div>
</div>
<!-- .card-deck -->
</div>
<!-- #related-posts -->
<!-- Navigation buttons at the bottom of the post. -->
<div class="post-navigation d-flex justify-content-between">
<a
href="/posts/Diablo-4-Helltide-Events/"
class="btn btn-outline-primary"
prompt="Older"
>
<p>Diablo 4 HellTide Events</p>
</a>
<a
href="/posts/M1-Mac-How-to-switch-the-Terminal-between-x86_64-and-arm64/"
class="btn btn-outline-primary"
prompt="Newer"
>
<p>M1 Mac - How to Switch the Terminal between x86_64 and arm64</p>
</a>
</div>
<!-- The comments switcher -->
</div>
</div>
<!-- The Search results -->
<div id="search-result-wrapper" class="d-flex justify-content-center unloaded">
<div class="col-11 post-content">
<div id="search-hints">
<!-- The trending tags list -->
<div id="access-tags">
<div class="panel-heading">Trending Tags</div>
<div class="d-flex flex-wrap mt-3 mb-1 me-3">
<a class="post-tag btn btn-outline-primary" href="/tags/cybersecurity/">cybersecurity</a>
<a class="post-tag btn btn-outline-primary" href="/tags/diablo-4/">diablo 4</a>
<a class="post-tag btn btn-outline-primary" href="/tags/docs/">docs</a>
<a class="post-tag btn btn-outline-primary" href="/tags/terminal/">terminal</a>
<a class="post-tag btn btn-outline-primary" href="/tags/diablo/">diablo</a>
<a class="post-tag btn btn-outline-primary" href="/tags/m1/">M1</a>
<a class="post-tag btn btn-outline-primary" href="/tags/apple-silicon/">apple silicon</a>
<a class="post-tag btn btn-outline-primary" href="/tags/cheatsheets/">cheatsheets</a>
<a class="post-tag btn btn-outline-primary" href="/tags/cloud/">cloud</a>
<a class="post-tag btn btn-outline-primary" href="/tags/gcih/">GCIH</a>
</div>
</div>
</div>
<div id="search-results" class="d-flex flex-wrap justify-content-center text-muted mt-3"></div>
</div>
</div>
</div>
</div>
<!-- The Footer -->
<footer>
<div class="container px-lg-4">
<div class="d-flex justify-content-center align-items-center text-muted mx-md-3">
<p>Using the <a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a> theme <a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
</p>
<p>©
2023
<a href="https://github.com/username">Eric Reymundo</a>.
<span
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Except where otherwise noted, the blog posts on this site are licensed under the Creative Commons Attribution 4.0 International (CC BY 4.0) License by the author."
>Some rights reserved.</span>
</p>
</div>
</div>
</footer>
<div id="mask"></div>
<button id="back-to-top" aria-label="back-to-top" class="btn btn-lg btn-box-shadow">
<i class="fas fa-angle-up"></i>
</button>
<div
id="notification"
class="toast"
role="alert"
aria-live="assertive"
aria-atomic="true"
data-bs-animation="true"
data-bs-autohide="false"
>
<div class="toast-header">
<button
type="button"
class="btn-close ms-auto"
data-bs-dismiss="toast"
aria-label="Close"
></button>
</div>
<div class="toast-body text-center pt-0">
<p class="px-2 mb-3">A new version of content is available.</p>
<button type="button" class="btn btn-primary" aria-label="Update">
Update
</button>
</div>
</div>
<!-- JS selector for site. -->
<!-- commons -->
<!-- layout specified -->
<!-- image lazy-loading & popup & clipboard -->
<script src="https://cdn.jsdelivr.net/combine/npm/jquery@3.7.0/dist/jquery.min.js,npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js,npm/simple-jekyll-search@1.10.0/dest/simple-jekyll-search.min.js,npm/lazysizes@5.3.2/lazysizes.min.js,npm/magnific-popup@1.1.0/dist/jquery.magnific-popup.min.js,npm/clipboard@2.0.11/dist/clipboard.min.js,npm/dayjs@1.11.7/dayjs.min.js,npm/dayjs@1.11.7/locale/en.min.js,npm/dayjs@1.11.7/plugin/relativeTime.min.js,npm/dayjs@1.11.7/plugin/localizedFormat.min.js,npm/tocbot@4.21.0/dist/tocbot.min.js"></script>
<script defer src="/assets/js/dist/post.min.js"></script>
<!--
Jekyll Simple Search loader
See: <https://github.com/christian-fei/Simple-Jekyll-Search>
-->
<script>
/* Note: dependent library will be loaded in `js-selector.html` */
SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('search-results'),
json: '/assets/js/data/search.json',
searchResultTemplate: '<div class="px-1 px-sm-2 px-lg-4 px-xl-0"> <a href="{url}">{title}</a> <div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1"> {categories} {tags} </div> <p>{snippet}</p></div>',
noResultsText: '<p class="mt-5"></p>',
templateMiddleware: function(prop, value, template) {
if (prop === 'categories') {
if (value === '') {
return `${value}`;
} else {
return `<div class="me-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
}
}
if (prop === 'tags') {
if (value === '') {
return `${value}`;
} else {
return `<div><i class="fa fa-tag fa-fw"></i>${value}</div>`;
}
}
}
});
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink