Wie kann ich den HTML-Titel meiner main.hbs-Datei von einer partial.hbs ändern?

Ich versuche, meinen HTML-Titel abhängig von dem Teil zu ändern, den ich für den Körper lade.Wie kann ich den HTML-Titel meiner main.hbs-Datei von einer partial.hbs ändern?

Eltern html:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title> 
      {{title}} 
     </title> 
    </head> 
    <body> 
     {{>body}} 
    </body> 
</html>

Teil body.hbs Datei:

<h1 id="brick-mason">Brick Mason</h1> 
<h3 id="what-is-a-brick-mason-">What is a brick mason?</h3> 
<p>Brick masons use various stones, concrete and bricks to build walls, walkways, fences, and other structures.</p>

Was kann ich so ändern, dass meine Teil bestimmen können, was die title auf meinem Haupt-HTML-Seite angezeigt?

Quelle

2016-06-03 Anonymous

Was ich am Ende einschließlich tat ein zweiter Teil in den Lenker-Datei und sie dann aus in der Aufspaltung grunt Dateikonfiguration.

gruntfile.js

file_context: function(src) { 
    var fileName = path.basename(src).split(".")[0]; 
    var obj = glob.route[fileName]; 

    var fileString = fs.readFileSync("./" + src, "utf8").split("<split />"); 

    return { 
     partials: { 
      header: fileString[0] || "", 
      body: fileString[1] || "", 
     }, 
     src: 'src/base.hbs', 
     dest: path.join('static', obj, 'index.html') 
    }; 
}

base.hbs

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="/css/index.min.css" /> 
     {{>header}} 

    </head> 
    <body> 
     <div id="nav_background"></div> 
     <div id="main"> 
      <div id="nav_bar"> 
       <div class="nav left_nav"> 
        <a href="/" class="nav_text right_text">BlueCollarJobs101</a> 
       </div> 
       <div class="nav right_nav"> 
        <a href="{{route.states}}" class="nav_text right_text">States</a> 
        <a href="{{route.jobs}}" class="nav_text right_text">Jobs</a> 
        <a href="{{route.contact-us}}" class="nav_text right_text">Contact Us</a> 
       </div> 
      </div> 
      <div class="markdown-body"> 
       {{>body}} 
      </div> 
     </div> 
    </body> 
</html>

Quelle

2016-06-23 17:48:48

Sie können es leicht mit JavaScript,

fügen Sie einfach in der body.hbs:

<script> document.title = 'the title here ' </script>

Quelle

2016-06-03 16:27:39

Welche Auswirkungen der Titel durch haben Javascript auf SEO hat die Änderung? –

Wie kann ich den HTML-Titel meiner main.hbs-Datei von einer partial.hbs ändern?

Antwort

Verwandte Themen