hexo-generator-sitemap

 

使 Google 能搜尋到自己 Hexo Blog 的主要做法為,

先生成 sitemap.xml,再把 sitemap.xml 提交給 google,

詳細步驟如下。

 

一、安裝 Hexo sitemap 套件

於 site root directory 路徑下安裝 Hexo sitemap 套件

$ npm install hexo-generator-sitemap --save

 

二、設定 _config.yml 檔

於 site root directory 裡的 _config.yml 檔,加入以下參數

#Sitemap
sitemap:
    path: sitemap.xml
    template: ./sitemap_template.xml
    rel: false

說明:

1、path: sitemap.xml 檔案的生成會在你 site root directory 裡的 public 資料夾底下

 

2、template: ./sitemap_template.xml

如果你部落格路徑比較複雜的話,你會用到客製化 template,

其檔案放置位址於你 site root directory 底下

我個人用過的客製化其內容可參考如下

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  {% for post in posts %}
  <url>
    <loc>https://xxx.github.io/yourblog/{{ post.path | uriencode }}</loc>
    {% if post.updated %}
    <lastmod>{{ post.updated.toISOString() }}</lastmod>
    {% elif post.date %}
    <lastmod>{{ post.date.toISOString() }}</lastmod>
    {% endif %}
  </url>
  {% endfor %}
</urlset>

 

三、生成 sitemap.xml 檔

當 執行

$ npx hexo s

$ npx hexo g

都可以生成 sitemap.xml 檔案

sitemap.xml 檔案生成後,可先行於 http://localhost:4000/sitemap.xml

檢視 sitemap.xml 檔案。

 

四、於 Google Search Console 提交 sitemap.xml 檔

於 Google Search Console 先加入資源

 

然後驗證你部落格的所有權,google 有提供五種驗證方式

在這裡我部落格剛好有埋 google Analytics 所以我就使用了 google Analytics 方式驗證過了,就不再詳細提如何驗證了。

 

最後再提交你先前所生成的 sitemap 網址路徑就完成了

 

參考資料:

hexojs/hexo-generator-sitemap

hexo Variables